@charset "UTF-8";
/* CSS Document */

.smartbanner-background { position:absolute; background-color:rgba(0,0,0,.75); width:100%; height:100%; z-index:5000; padding:4%; box-sizing:border-box}
.smartbanner {width:100%;  margin:53px auto 0;  max-width:750px}
.smartbanner .close {position: absolute;height: 8%; width: 8%;right: 8%;top: 5%; z-index:6000}
.sb-gradient {}
.smartbanner img {width:100%; height:auto;}
.sb-headline {width:100%; background-color:rgba(242,136,0,1.00); padding:4% 24% 4% 4%; box-sizing:border-box}
.sb-headline-portrait {}
.sb-headline-landscape, .sb-appstore-landscape, .sb-googleplaystore-landscape {display:none}
.sb-body {position:relative; width:100%; height:100%; background:transparent url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/sb-corner-new.png") 0 0 no-repeat; background-size:25%; padding:.5% 25%; box-sizing:border-box}
.sb-steps {margin:5% 0}
.sb-shop-link {font:14px/16px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#000; font-weight:bold;padding-top:14px; display:none}

.portrait{}
.landscape{display:none}
/**
@media (min-device-width:569px){
.smartbanner-background {display:none}
}**/

@media (orientation:landscape) {
.smartbanner-background {padding:1%;}
.sb-headline-portrait, .sb-appstore-portrait, .sb-googleplaystore-portrait {display:none}
.sb-headline-landscape, .sb-appstore-landscape, .sb-googleplaystore-landscape  {display:block}
.sb-appstore-landscape, .sb-googleplaystore-landscape {margin-top:12%}
.sb-headline {float:left; width:40%; height:100%; padding:3% 12% 4% 6%;}
.sb-body  { width:60%; float:right;padding:.5% 19.5% !important;}	
.smartbanner .close {height: 5%; width: 5%;right: 3%;top: 8%;}
.sb-shop-link {display:inline-block}
.sb-shop-link  { font-size:16px; padding-top:16px}

.portrait{display:none}
.landscape{display:block}

}

@media (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
.sb-headline {padding:6% 8% 4% 4%;}
.sb-body  {padding:.5% 16.5% !important;}	
.smartbanner .close {top: 10%;}
}

/*retina - > wahrscheinlich nicht benötig - daher auskommentiert*/
/*@media only screen and (min-device-width :320px) and (max-device-width :568px)and (orientation :portrait) and (-webkit-min-device-pixel-ratio:2) {
 .smartbanner-background {display:block !important}
}*/
/*@media only screen and (min-device-width:768px)and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){
.smartbanner-background {display:block !important}
.sb-body  { padding:.5% 32% !important;}
.sb-steps {margin:8% 0 10% 0 !important}
}
@media only screen and (min-device-width:768px)and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
.smartbanner {height:88%;}
.smartbanner .close {height: 4%; width: 4%;right: 15%;top: 9%;}
.sb-body  { padding:2% 12% !important;}
.sb-appstore-landscape, .sb-googleplaystore-landscape {padding-top:30% !important}
}*/
#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 9999;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 9999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
                line-height: 1.3em;
                text-align: left;
	}

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim {
		display: none;
		left: 0px;
		position: absolute;
		top: 0px;
		width: 100%;
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link,
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim {
		/* REQUIRED */
		display: none;
		left: 0px;
		position: absolute;
		top: 0px;
		width: 100%;
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active {
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous,
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(https://www.diashop.de/skin/frontend/default/diashopresponsive/images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}

	#lightwindow_previous {
		float: left;
		left: 0px;
	}

	#lightwindow_next {
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover,
	#lightwindow_previous:active {
		background: url(https://www.diashop.de/skin/frontend/default/diashopresponsive/images/prevlabel.gif) left 15% no-repeat;
	}

	#lightwindow_next:hover,
	#lightwindow_next:active {
		background: url(https://www.diashop.de/skin/frontend/default/diashopresponsive/images/nextlabel.gif) right 15% no-repeat;
	}

	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}

#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50;
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(https://www.diashop.de/skin/frontend/default/diashopresponsive/images/black-70.png) repeat 0 0 transparent;
	}

	* html a#lightwindow_galleries_tab,
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}

	#lightwindow_galleries_tab .up	{
		background: url(https://www.diashop.de/skin/frontend/default/diashopresponsive/images/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(https://www.diashop.de/skin/frontend/default/diashopresponsive/images/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(https://www.diashop.de/skin/frontend/default/diashopresponsive/images/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a,
	.lightwindow_galleries_list a:link,
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover,
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}

#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}

	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}

	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}

#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}

	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}

#lightwindow_iframe {
	width: 100%;
	height: 100%;
}
#lightwindow_container .meta-nav,#lightwindow_container .breadcrumbs {
	display: none;
}

/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 *
 * @category    design
 * @package     default_blank
 * @copyright  Copyright (c) 2011 template-help.com
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*/

/* Reset ================================================================================= */
body {
    font-family: "TheSansC5-Light", Verdana, sans-serif;
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "locl" 1;
    -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "locl" 1;
    -moz-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "locl" 1;
    -ms-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "locl" 1;
    -o-font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "locl" 1;
}

@font-face {
    font-family: "TheSansC5-Light";
    src: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/css/fonts/TheSansC5-3_Light.woff2") format("woff2"),
         url('https://www.diashop.de/skin/frontend/default/diashopresponsive/css/fonts/TheSansC5-3_Light.woff')  format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "TheSansC5-Plain";
    src: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/css/fonts/TheSansC5-5_Plain.woff2") format("woff2"),
         url('https://www.diashop.de/skin/frontend/default/diashopresponsive/css/fonts/TheSansC5-5_Plain.woff')  format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "TheSansC5-SemiBold";
    src: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/css/fonts/TheSansC5-6_SemiBold.woff2") format("woff2"),
         url('https://www.diashop.de/skin/frontend/default/diashopresponsive/css/fonts/TheSansC5-6_SemiBold.woff')  format('woff');
    font-weight: normal;
    font-style: normal;
}


body {
    -webkit-text-size-adjust: none
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

input, select, textarea, button {
    font-size: 14px;
    font-family: "TheSansC5-Light";
}

button, input[type=submit], a {
    cursor: pointer
}

input {
    -webkit-appearance: none;
    border-radius: 0;
}

input[type=text],
input[type=search] {
    -webkit-appearance: none; /* schatten etc entfernen */
    -webkit-border-radius: 0; /* runde ecken entfernen */
    -webkit-box-sizing: border-box; /* css-box modell umstellen */
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: #fff !important;
    background-image: none;
    border: 1px solid #d5d5d5;
    color: #4a4a4e !important;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
}

input[type="radio"] {
    -webkit-appearance: radio;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
}

input[placeholder],
[placeholder],
*[placeholder] {
    color: black !important;
    opacity: 1
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: black;
}

::-moz-placeholder { /* Firefox 19+ */
    color: black;
}

:-ms-input-placeholder { /* IE 10+ */
    color: black;
}

:-moz-placeholder { /* Firefox 18- */
    color: black;
}

img,
iframe,
table {
    max-width: 100% !important;
    height: auto;
}


#payment_form_payone_creditcard iframe {
    height: 30px;
}

p:empty {
    display: none
}

.only-mobile {
    display: none !important
}

.no-mobile {
    display: block !important
}

.isMobile .no-isMobile {
    display: none !important
}


.semibold {
    font-family: "TheSansC5-SemiBold" !important;
}

.full-width {
    width: 100%;
}

.container {
    width: 100%;
    overflow: hidden;
}

.clear {
    clear: both;
}

.ie-fix {
    width: 100%;
    position: relative;
}

.page-indent {
    padding: 17px;
}

.page-border {
    border: 1px solid #CFE2ED;
    padding: 17px;
}

body {
    background: #F6F7FA;
    font-size: 0.8125em;
    line-height: 1.3em;
    color: #3d3d3d;
    text-align: center;
}

img {
    border: 0;
    vertical-align: top;
}

a {
    color: #3d3d3d;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

a:hover img {
    position: relative;
}

:focus {
    outline: 0;
}

/* Headings */
h1 {
    font-size: 1.3em;
    font-weight: normal;
    line-height: 1.3;
    color: #702283;
    margin-bottom: 5px;
}

h2 {
    font-size: 1em;
    line-height: 1.34;
    margin-bottom: 5px;
}

h3 {
    font-size: 1em;
    line-height: normal;
    margin-bottom: 5px;
}

h4 {
    font-size: 1em;
    margin-bottom: 10px;
}

h5 {
    font-size: 0.92em;
    margin-bottom: 10px;
}

h6 {
    font-size: 0.92em;
    margin-bottom: 10px;
}

/* Forms */
form {
    display: inline;
}

fieldset {
    border: 0;
}

legend {
    display: none;
}

/* Table */
table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: 100%;
}

caption, th, td {
    vertical-align: top;
    text-align: left;
    font-weight: normal;
}

/* Content */
address {
    font-style: normal;
}

cite {
    font-style: normal;
}

q,
blockquote {
    quotes: none;
}

q:before,
q:after {
    content: '';
}

small, big {
    font-size: 1em;
}

sup {
    font-size: 1em;
    vertical-align: top;
}

/* Lists */
ul, ol {
    list-style: none;
}

/* fonts */
h2, h3, h4, h5, h6, b, strong {
    font-weight: normal;
    font-family: "TheSansC5-SemiBold";
}

/* Tools */
.hidden {
    display: block !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

.nobr {
    white-space: nowrap !important;
}

.wrap {
    white-space: normal !important;
}

.a-left {
    text-align: left !important;
}

.a-center {
    text-align: center !important;
}

.a-right {
    text-align: right !important;
}

.v-top {
    vertical-align: top;
}

.v-middle {
    vertical-align: middle;
}

.f-left,
.left {
    float: left !important;
}

.f-right,
.right {
    float: right !important;
}

.f-none {
    float: none !important;
}

.f-fix {
    float: left;
    width: 100%;
}

.no-display {
    display: none;
}

.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.no-bg {
    background: none !important;
}

.video .projekktor .right {
    float: none !important;
}

/* ======================================================================================= */


/* Layout ================================================================================ */
.wrapper {
    background: #F6F7FA;
    padding-top: 15px;
}

.page {
    max-width: 991px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    position: relative;
}

.page-print {
    background: #fff;
    padding: 20px;
    text-align: left;
}

.page-empty {
    background: #fff;
    padding: 20px;
    text-align: left;
}

.page-popup {
    padding: 20px;
    text-align: left;
    background: #FFF;
}

.page-popup .product-image {
    display: block;
    margin-bottom: 10px;
}

.page-popup .price-box {
    margin: 10px 0;
}

.page-popup .add-to-links {
    padding: 15px 0;
}

.page-popup .buttons-set {
    padding-top: 25px !important;
}

.main {
    padding: 0;
}

.main-block .corners-top {
    height: 0px;
}

.main-block .content-box {
    width: 100%;
}

.main-block .content-box .corner-right-bot {
    padding: 0 0px;
}

.main-block .corners-bot {
    height: 0px;
}
.meta-nav {
	background: #8f9190;
	min-height: 24px;
	text-align: right;
	padding-bottom: 3px;
}
.meta-nav .meta-nav-container {
	max-width: 991px;
	padding: 3px 0 0 210px;
	width: auto;
	text-align: right;
	margin: 0 auto;
	position: relative;
}
.meta-nav p {
	margin-top: 14px;
	text-align: left;
	padding-left: 20px;
  max-width: 730px;
}
.meta-nav-container .hotline {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translatey(-50%);
}
.meta-nav ul li{
    display:inline;
	margin: 0px 3px 0 3px;
}
.meta-nav ul li:last-child{
	margin: 0px 0px 0 3px;
}
.meta-nav a {
	color: #fff;
	text-decoration: none;
	font-size: 16px;
}

.block-1, .header .home-category-teaser .block-1 {
    background: #FFF;
    border: 1px solid #FFF;
    border-radius: 10px;
}

.header .block-1 {
    background: transparent;
    border: 0px solid #FFF;
    border-radius: 10px;
}
.header .stage {
	background: #fff;
	padding: 9px;
	border-radius: 10px;
}
.header .stage img {
	border-radius: 10px;
}
.header .block-1 .header-container {
    padding: 19px 0px 16px 0px;
    position: relative;
    height: 149px;
}

.block-1 {
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
}

*:first-child + html .block-1 {
    z-index: 3;
}

/* Base Columns */
.col-left {
    float: left;
    width: 24.3%;
    padding: 0;
}

.col-main {
    float: left;
    width: 74.7%;
    padding: 0;
    min-height: 280px;
}

.col-right {
    float: right;
    width: 24.3%;
    padding: 0;
}

/* 1 Column Layout */
.col1-layout .col-main {
    float: none;
    width: auto;
}

/* 2 Columns Layout */
.col2-left-layout .col-main {
    float: right;
}

/* 3 Columns Layout */
.col3-layout .col-main {
    width: 470px;
    margin-left: 10px;
}

.col3-layout .col-wrapper {
    float: left;
    width: 748px;
}

.col3-layout .col-wrapper .col-main {
    float: right;
}

/* Content Columns */
.col2-set .col-1 {
    float: left;
    width: 49%;
    position: relative
}

.col2-set .col-2 {
    float: right;
    width: 49%;
    position: relative
}

.col2-set .col-narrow {
    width: 33%;
}

.col2-set .col-wide {
    width: 65%;
}

.col3-set .col-1 {
    float: left;
    width: 32%;
}

.col3-set .col-2 {
    float: left;
    width: 32%;
    margin-left: 2%;
}

.col3-set .col-3 {
    float: right;
    width: 32%;
}

.col4-set .col-1 {
    float: left;
    width: 23.5%;
}

.col4-set .col-2 {
    float: left;
    width: 23.5%;
    margin: 0 2%;
}

.col4-set .col-3 {
    float: left;
    width: 23.5%;
}

.col4-set .col-4 {
    float: right;
    width: 23.5%;
}

#opc-login .col2-set .col-1,
#opc-login .col2-set .col-2 {
    position: unset;
}


/* ======================================================================================= */


/* contactForm ========================================================================= */

/* general */
#contactForm h6 {
    margin-bottom: 10px;
    font-size: 13px;
}

#contactForm li {
    margin: 0 0 10px 20px;
}

#contactForm label {
    margin-bottom: 2px;
}

#contactForm em {
    font-style: normal;
    color: #EE7F01;
}

li.required {
    font-size: 10px;
    color: #EE7F01;
}

/* block-form */
#contactForm .fieldset {
	margin: 25px 0 0;
	padding: 0;
	float: left;
	width: 100%;
}
#contactForm .block-form {
    width: 560px;
    float: left;
    margin-bottom: 20px;
    position: relative;
}
.catalog_order_form.landingpage #contactForm .block-form {
	margin-bottom: 10px;
}
.catalog_order_form.landingpage #contactForm button {
	margin: 5px 0;
}
#contactForm .form-list {
    border-right: 1px dotted #666;
}

#contactForm .marginal-content {
	float: right;
	padding: 0;
	max-width: 360px;
	position: relative;
}

#contactForm h2 {
	position: absolute;
	top: -52px;
	font-weight: normal;
	font-family: "TheSansC5-SemiBold";
	color: #3d3d3d;
}

#contactForm h2.relative {
	position: relative;
    top: 0;
}

.page-title.-mt {
	margin-top: -36px;
	margin-bottom: 10px;
}

#contactForm .block-form li {
    margin: 0;
}

#contactForm .checkbox-gender label {
    margin-bottom: 1px;
}

#contactForm .radio-btns {
    display: block;
}

#contactForm .checkbox-gender input,
#contactForm .checkbox-gender div div {
    float: left;
}

#contactForm .checkbox-gender input {
    margin: 1px 5px 0 0;
}

#contactForm .radio-btns {
    display: inline-block;
    width: 100%;
}

/* pump */
#contactForm .block-checkboxes .input-pump {
    margin: 12px 0 0 17px;
}

#contactForm .block-checkboxes .input-pump p {
    margin-bottom: 3px;
}

#contactForm .block-checkboxes .input-pump > div {
    margin-right: 30px;
    display: inline-block;
}

#contactForm .block-checkboxes .input-pump .input-date input {
    background: none repeat scroll 0 0 #FBFBFB !important;
    border: 1px solid #666666 !important;
    border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    height: 19px !important;
    margin-right: 2px;
}

/* block-newsletter & block-options */
#contactForm .block-newsletter li > div,
#contactForm .block-options li > div {
    height: 30px;
    float: left;
}

#contactForm .block-newsletter li > p,
#contactForm .block-options li > p {
    margin-left: 25px;
}

#contactForm .block-newsletter {
    margin-right: 25px;
}

#contactForm .block-newsletter,
#contactForm .block-options {
    margin-bottom: 10px;
    float: left;
    width: 48%;
}

#contactForm .block-newsletter ul,
#contactForm .block-options ul {
}

/* further blocks */
#contactForm .checkbox-gender div div {
    margin: 0 8px 0 0;
}

#contactForm .block-checkboxes {
    margin-bottom: 40px;
    background: #EAEAEA;
    padding: 15px;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    -khtml-border-radius: 5px; /* Konqueror */
    border-radius: 5px; /* CSS3 */
}

#contactForm .comment-field {
    margin-bottom: 20px;
}

#contactForm .comment-field textarea {
    width: 530px;
    height: 120px;
}
#contactForm button {
	margin-bottom: 20px;
	margin-top: 20px;
}
.btn-orange {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	font-family: "TheSansC5-Light", Verdana, sans-serif;
	border: 1px solid #f39201;
	border-radius: 2px;
	display: inline-block;
	padding: 9px 20px;
	line-height: 18px;
	font-size: 16px;
	background-color: #f39201;
	border-radius: 30px;
}

.btn-violet {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	font-family: "TheSansC5-Light", Verdana, sans-serif;
	border: 1px solid #702283!important;
	display: inline-block;
	padding: 9px 20px;
	line-height: 18px;
	font-size: 16px;
	background-color:  #702283!important;
	border-radius: 30px!important;
}

.btn-green {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	font-family: "TheSansC5-Light", Verdana, sans-serif;
	border: 1px solid #188c52;
	border-radius: 2px;
	display: inline-block;
	padding: 9px 20px;
	line-height: 18px;
	font-size: 16px;
	background-color: #188c52;
	border-radius: 30px;
    text-align: center;
}

.btn-small-round {
	font-size: 14px !important;
	line-height: 14px !important;
	padding: 7px 10px !important;
}

.btn-orange-white {
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-family: "TheSansC5-SemiBold";
    border: 1px solid #f39201;
	background-color:#f39201;
    border-radius: 3px;
    display: inline-block;
    padding: 5px 20px;
    line-height: 13px;
    font-size: 14px;
}

/* ======================================================================================= */


/* Global Styles ========================================================================= */
/* Form Elements */
input, select, textarea, button {
    vertical-align: middle;
    color: #3d3d3d;
}

input.input-text, select, textarea {
    background: #FBFBFB;
    border: 1px solid #999;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

input.input-text, textarea {
    padding: 4px;
}

select {
    padding: 1px;
}

select option {
    padding-right: 10px;
}

select.multiselect option {
    border-bottom: 1px solid #ddd;
    padding: 2px 5px;
}

select.multiselect option:last-child {
    border-bottom: 0;
}

textarea {
    overflow: auto;
}

input.radio {
    margin-right: 3px;
}

input.checkbox {
    margin-right: 3px;
}

input.qty {
    width: 2.5em !important;
}

button.button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/* FF Fix */
button.button {
    -webkit-border-fit: lines;
}

/* <- Safari & Google Chrome Fix */
button.button {
    overflow: visible;
    width: auto;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    cursor: pointer;
}

button.button span {
    float: left;
    height: 25px;
    background: transparent url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/bkg_button.png") 0 0 no-repeat;
    padding: 0 0 0 10px;
    font-family: "TheSansC5-SemiBold";
    text-align: center;
    white-space: nowrap;
    color: #fff;
}

button.button.gray span {
    float: left;
    height: 25px;
    background: transparent url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/bkg_button_gray.png") 0 0 no-repeat;
    padding: 0 0 0 10px;
    font-family: "TheSansC5-SemiBold";
    text-align: center;
    white-space: nowrap;
    color: #fff;
}

button.button span span {
    background-position: 100% 0;
    padding: 4px 10px 0 0;
}

button.button.gray span span {
    background-position: 100% 0;
    padding: 4px 10px 0 0;
}

.col-main button.button:hover span {
    background: transparent url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/bkg_button.png") 0 0 no-repeat;
}

.col-main button.button:hover span span {
    background-position: 100% 0;
}

.col-main button.button.gray:hover span span {
    background-position: 100% 0;
}

p.control input.checkbox,
p.control input.radio {
    margin-right: 6px;
}

/* Form lists */
/* Grouped fields */
.form-list li {
    margin: 0 0 8px;
}

.form-list label {
    float: left;
    color: #3d3d3d;
    font-weight: normal;
    position: relative;
    z-index: 0;
}

.form-list label.required em {
    color: #f39200 !important;
    margin-right: 5px !important;
    font-weight: bold !important;
}

.form-list li.control label {
    float: none;
}

.form-list li.control input.radio,
.form-list li.control input.checkbox {
    margin-right: 6px;
}

.form-list li.control .input-box {
    clear: none;
    display: inline;
    width: auto;
}

.form-list .input-box {
    display: block;
    clear: both;
    width: 264px;
    float: left
}

.form-list .input-box-2box {
    display: block;
    clear: both;
    width: 265px;
}

.form-list .input-box-2box .validation-advice {
    position: absolute;
}

.form-list .field {
    float: left;
    width: 275px;
    height: 56px
}

.form-list input.input-text {
    width: 100%;
}


.form-list input.input-postcode {
    width: 18%;
}

.form-list input.input-city {
    float: right;
    width: calc(82% - 10px);
}


.form-list textarea {
    width: 254px;
    height: 10em;
}

.form-list .fields textarea {
    width: 100%;
}

.form-list select {
    width: 264px;
    background: #FBFBFB;
    padding: 3px;
    border: 1px solid #999;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.form-list li.wide .input-box {
    width: 589px;
    max-width: 100%;
}

.form-list li.wide input.input-text {
    width: 100%;
}

.form-list li.wide textarea {
    width: 100%;
}

.form-list li.wide textarea.input-textarea {
    width: 539px;
}

.form-list li.wide select {
    width: 100%;
}

.form-list li.additional-row {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 7px;
}

.form-list li.additional-row .btn-remove {
    float: right;
    margin: 5px 0 0;
}

.form-list .input-range input.input-text {
    width: 74px;
}

/* Customer */
.form-list .customer-name-prefix .input-box,
.form-list .customer-name-suffix .input-box,
.form-list .customer-name-prefix-suffix .input-box,
.form-list .customer-name-prefix-middlename .input-box,
.form-list .customer-name-middlename-suffix .input-box,
.form-list .customer-name-prefix-middlename-suffix .input-box {
    width: auto;
}

.form-list .name-prefix {
    width: 65px;
}

.form-list .name-prefix select {
    width: 55px;
}

.form-list .name-prefix input.input-text {
    width: 49px;
}

.form-list .name-suffix {
    width: 65px;
}

.form-list .name-suffix select {
    width: 55px;
}

.form-list .name-suffix input.input-text {
    width: 49px;
}

.form-list .name-middlename {
    width: 70px;
}

.form-list .name-middlename input.input-text {
    width: 49px;
}

.form-list .customer-name-prefix-middlename-suffix .name-firstname,
.form-list .customer-name-prefix-middlename .name-firstname {
    width: 140px;
}

.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-middlename .name-firstname input.input-text {
    width: 124px;
}

.form-list .customer-name-prefix-middlename-suffix .name-lastname {
    width: 205px;
}

.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text {
    width: 189px;
}

.form-list .customer-name-prefix-suffix .name-firstname {
    width: 210px;
}

.form-list .customer-name-prefix-suffix .name-lastname {
    width: 205px;
}

.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text {
    width: 189px;
}

.form-list .customer-name-prefix-suffix .name-firstname {
    width: 210px;
}

.form-list .customer-name-prefix-suffix .name-lastname {
    width: 205px;
}

.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text {
    width: 189px;
}

.form-list .customer-name-prefix .name-firstname,
.form-list .customer-name-middlename .name-firstname {
    width: 210px;
}

.form-list .customer-name-suffix .name-lastname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename-suffix .name-firstname,
.form-list .customer-name-middlename-suffix .name-lastname {
    width: 205px;
}

.form-list .customer-name-prefix .name-firstname input.input-text,
.form-list .customer-name-suffix .name-lastname input.input-text,
.form-list .customer-name-middlename .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-lastname input.input-text {
    width: 189px;
}

.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-year {
    float: left;
    width: 85px;
}

.form-list .customer-dob input.input-text {
    display: block;
    width: 100%;
}

.form-list .customer-dob label {
    font-size: 10px;
    font-weight: normal;
    color: #888;
}

.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month {
    width: 60px;
    margin-right: 2px;
}

.form-list .customer-dob .dob-day input.input-text,
.form-list .customer-dob .dob-month input.input-text {
    width: 100%;
}

.form-list .customer-dob .dob-year {
    width: 140px;
}

.form-list .customer-dob .dob-year input.input-text {
    width: 100%;
}

.buttons-set {
    clear: both;
    margin: 5px 0 0;
    padding: 5px;
}

.buttons-set .back-link {
    float: left;
}

.buttons-set button.button {
    float: right;
}

.buttons-set p.required {
    margin: 0 0 5px;
}

.fieldset {
    padding: 22px 25px 12px 25px;
    margin: 28px 0;
}

.fieldset .legend {
    float: left;
    font-weight: bold;
    font-size: 13px;
    border: 1px solid #fefefe;
    background: #dedede;
    color: #333;
    margin: -33px 0 0 -10px;
    padding: 0 8px;
    position: relative;
}

/* Form Validation */
.validation-advice {
    clear: both;
    min-height: 13px;
    margin: 0;
    padding-left: 17px;
    font-size: 10px;
    line-height: 13px;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/validation_advice_bg.gif") 2px 1px no-repeat;
    color: #f00;
    background-size: 7px;
}
.legal-radios .validation-advice {
	margin-top: -14px;
}
.validation-failed {
    border: 1px dashed #f00 !important;
    background: #faebe7 !important;
}

/* Expiration date and CVV number validation fix */
.v-fix {
    float: left;
}

.v-fix .validation-advice {
    display: block;
    width: 12em;
    margin-right: -12em;
    position: relative;
}

/* Global Messages  */
.success {
    color: #3d6611;
    font-weight: bold;
}

.error {
    color: #f00;
    font-weight: bold;
}

.notice {
    color: #ccc;
}

.messages,
.messages ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.messages {
    width: 100%;
    overflow: hidden;
}

.messages li {
    margin: 0 0 10px;
}

.messages li li {
    margin: 0 0 3px;
}

.error-msg,
.success-msg,
.note-msg,
.notice-msg {
    border-style: solid !important;
    border-width: 1px !important;
    background-position: 10px 9px !important;
    background-repeat: no-repeat !important;
    min-height: 24px !important;
    padding: 8px 8px 8px 32px !important;
    font-size: 11px !important;
    font-weight: bold !important;
}

.error-msg {
    border-color: #f16048;
    background-color: #faebe7;
    background-image: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/i_msg-error.gif");
    color: #df280a;
}

.success-msg {
    border-color: #446423;
    background-color: #eff5ea;
    background-image: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/i_msg-success.gif");
    color: #3d6611;
}

.note-msg,
.notice-msg {
    border-color: #ccc;
    border-radius: 3px;
    background-color: #fff;
    background-image: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/i_msg-note.gif");
    color: #3d3d3d;
}

/* BreadCrumbs */
.breadcrumbs {
    padding: 0 19px 9px;
    margin: 0;
}

.breadcrumbs li, .breadcrumbs li strong {
    display: inline;
    font-weight: normal !important;
    font-family: TheSansC5-Plain;
    color: #444744;
}

.breadcrumbs li span {
    color: #444744;
}

.breadcrumbs li a {
    color: #444744;
    text-decoration: none;
}

.breadcrumbs li a:hover {
    text-decoration: underline;
}

/* Page Heading */
.page-title {
    padding: 15px 0 0;
    margin: 0;
}
.my-account .page-title,
.col-main > .page-title:first-child {
    padding-top: 3px;
}
.my-account .page-title{
    padding-bottom: 10px;
}

.page-title h1,
.page-title h2,
.page-title h3,
.sideblock .block-title {
    font-size: 1.3em;
    font-weight: normal;
    color: #702283;
}

.markenshop-result-index .page-title h1 {
    display: none;
}

.ffcampaigntext {
    margin: 0 0 20px 0;
}

.page-title .separator {
    margin: 0 3px;
}

.page-title .link-rss {
    float: right;
}

.title-buttons {
    text-align: right;
}

.title-buttons h1,
.title-buttons h2,
.title-buttons h3,
.title-buttons h4,
.title-buttons h5,
.title-buttons h6 {
    float: left;
}

.subtitle {
    float: left;
}

.sub-title {
    clear: both;
}

.product-list-all-link {
    float: right;
}

.product-list-all-link a {
    color: #702283;
    text-decoration: none;
    font-size: 1rem;
}

.product-list-all-link a:hover {
    text-decoration: underline;
}


/* Pager */
.pager {
    padding: 0;
    margin: 0;
}

.pager .amount {
    float: left;
    line-height: 34px;
}

.pager .limiter {
    float: right;
    padding: 5px;
    margin-right: 10px;
}

.pager .pages {
    float: right;
}

.pager .pages .pages-label {
    float: left;
    margin-right: 10px;
}

.pager .pages ol {
    display: inline;
}

.pager .pages li {
    float: left;
    margin: 0 1px;
}

.pager .pages li.current {
    background: #dfdfdf;
    border: 1px solid #f39200;
    padding: 2px 7px;
}

.pager .pages li a {
    display: block;
    border: 1px solid #999999;
    padding: 2px 7px;
}

.pager .pages li a:hover {
    background: #f5f5f5;
    border: 1px solid #f39200;
}
.my-account .pager .pages{
    min-height: 34px;
    line-height: 34px;
}

/* Sorter */
.sorter {
    padding: 0;
    margin: 0;
}

.sorter .view-mode {
    float: right;
}

.sorter .sort-by {
    float: right;
    margin-right: 5px;
    position: relative
}

/* Toolbar */
.toolbar {
    position: relative;
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/block_list_divider.gif") left bottom repeat-x;
}

.toolbar select {
    background: #dcebf2;
    border-color: #999;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #48819e;
}

.toolbar a {
    color: #702283;
    text-decoration: none;
}

.toolbar a:hover {
    text-decoration: underline;
}

.toolbar .amount {
    margin: 3px 0 0 0;
}

.toolbar .sorter {
    float: left;
    padding: 5px;
}

.toolbar .sorter label {
    margin: 0;
    font-size: 12px;
    opacity: 0.5;
    position: absolute;
    top: -8px;
}

.toolbar .pager .pages {
    margin: 15px 0 0 0;
}

.toolbar-bottom .toolbar {
    position: relative;
    margin: 20px 0 40px 0;
    padding: 10px 0 10px 0;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/block_list_divider.gif") left top repeat-x;
}
.pager .pages .arrow {
    display: inline-block;
    width: 12px;
    height: 16px;
    position: relative;
    top: 3px;
    margin: 0 15px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.pager .pages .arrow[href="#"] {
    cursor: default;
    opacity: .5;
}

.arrow-left-24-lila {
    background-image: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/arrow-left-24-lila.svg");
}

.arrow-right-24-lila {
    background-image: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/arrow-right-24-lila.svg");
}

.pager .pages span {
    display: inline-block;
    margin: 0 10px;
}

/* Data Table */
td .product-image img {
    max-width: none;
}

.cart .data-table {
    margin: 0px 0 0px 0;
    width: 100%;
}

.data-table {
    margin: 20px 0;
    width: 100%;
}

.data-table th {
    padding: 10px 5px;
    color: #9e9e9e;
    white-space: nowrap;
}

.cart .data-table th {
    color: #9e9e9e;
    white-space: nowrap;
    padding: 0px 5px;
}

.cart .data-table td:nth-child(4) {
    width: 80px
}

.cart .data-table td:nth-child(5) {
    width: 50px;
    padding: 0 0px 0 15px
}

.cart .data-table td:nth-child(6) {
    width: 80px
}

.cart .data-table th:nth-child(4) {
    width: 80px
}

.cart .data-table th:nth-child(5) {
    width: 65px;
    padding: 0 0px 0 0px;
    text-align: center
}

.cart .data-table th:nth-child(6) {
    width: 80px
}


.data-table tbody tr.first {
    border-top: 1px solid #ddd;
}

.data-table tbody tr {
    border-bottom: 1px solid #ddd;
}

.data-table td {
    padding: 10px 5px;
    border-bottom: 1px solid #ddd;
    font-weight: normal;
    vertical-align: middle;
}

.data-table td a {
    color: #f39200;
    font-weight: normal;
}

.data-table td textarea {
    width: 90%;
    height: 200px;
}

.data-table .price {
    float: right;
    font-weight: normal !important;
    font-size: 1.2em !important;
}

.data-table .rating-box {
    margin-right: 20px;
}

.data-table .product-image {
    display: block;
}


/* Shopping cart total summary row expandable to details */
tr.summary-total {
    cursor: pointer;
}

tr.summary-total .summary-collapse {
    float: right;
    text-align: right;
    padding-left: 20px;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/bkg_collapse.gif") 0 4px no-repeat;
    cursor: pointer;
}

tr.show-details .summary-collapse {
    background-position: 0 -53px;
}

tr.summary-details td {
    font-size: 11px;
    background-color: #dae1e4;
    color: #626465;
}

tr.summary-details-first td {
    border-top: 1px solid #d2d8db;
}

tr.summary-details-excluded {
    font-style: italic;
}

/* Shopping cart tax info */
.cart-tax-info {
    display: block;
}

.cart-tax-info,
.cart-tax-info .cart-price {
    padding-right: 20px;
}

.cart-tax-total {
    display: block;
    padding-right: 20px;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/bkg_collapse.gif") 100% 4px no-repeat;
    cursor: pointer;
}

.cart-tax-info .price,
.cart-tax-total .price {
    display: inline !important;
    font-weight: normal !important;
}

.cart-tax-total-expanded {
    background-position: 100% -53px;
}

/* Class: std - styles for admin-controlled content */
.std .subtitle {
    padding: 0;
    font-size: 1.4em;
    font-family: "TheSansC5-Light", Verdana, sans-serif;
    margin-bottom: 20px;
}

.std ol.ol {
    list-style: decimal outside;
    padding-left: 1.5em;
}

.std ul.disc {
    margin: 0 0 10px;
}

.std ul.disc {
    list-style: disc outside;
    padding-left: 18px;
}

.std dl dt {
    font-weight: bold;
}

.std dl dd {
    margin: 0 0 10px;
}

/* Misc */
.links li {
    display: inline;
    float: left;
}

.links li.first {
    padding-left: 0 !important;
}

.links li.last {
    background: none !important;
    padding-right: 0 !important;
}

.link-cart {
    font-weight: bold;
    color: #f00;
}

.link-wishlist {
    font-weight: bold;
}

.link-reorder {
    font-weight: bold;
}

.link-compare {
    font-weight: bold;
}

.link-print {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/i_print.gif") 0 2px no-repeat;
    padding: 2px 0 2px 25px;
}

.link-rss {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/i_rss.gif") 0 1px no-repeat;
    padding-left: 18px;
    white-space: nowrap;
}

.btn-remove {
    display: block;
    width: 14px;
    height: 14px;
    font-size: 0;
    line-height: 0;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/btn_remove.gif") 0 0 no-repeat;
    text-indent: -999em;
    overflow: hidden;
}

.btn-remove2 {
    display: block;
    width: 16px;
    height: 16px;
    font-size: 0;
    line-height: 0;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/btn_trash.gif") 0 0 no-repeat;
    text-indent: -999em;
    overflow: hidden;
}

.btn-edit {
    display: block;
    width: 11px;
    height: 11px;
    font-size: 0;
    line-height: 0;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/btn_edit.gif") 0 0 no-repeat;
    text-indent: -999em;
    overflow: hidden;
}

.cards-list dt {
    margin: 5px 0 0;
}

.cards-list .offset {
    padding: 2px 0 2px 20px;
}

.separator {
    margin: 0 3px;
}

.divider {
    clear: both;
    display: block;
    font-size: 0;
    line-height: 0;
    height: 1px;
    margin: 10px 0;
    background: #ddd;
    text-indent: -999em;
    overflow: hidden;
}

/* Noscript Notice */
.noscript {
    border: 1px solid #ddd;
    border-width: 0 0 1px;
    background: #ffff90;
    font-size: 12px;
    line-height: 1.25;
    text-align: center;
    color: #2f2f2f;
}

.noscript .noscript-inner {
    width: 1000px;
    margin: 0 auto;
    padding: 12px 0 12px;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/i_notice.gif") 20px 50% no-repeat;
}

.noscript p {
    margin: 0;
}

/* Demo Notice */
.demo-notice {
    margin: 0;
    padding: 6px 10px;
    background: #d75f07;
    font-size: 12px;
    line-height: 1.15;
    text-align: center;
    color: #fff;
}

/* ======================================================================================= */


/* Header ================================================================================ */
.page-empty.header {
    border-bottom: 5px solid #f39200;
    margin: 0 0 15px;
    padding: 0 0 15px;
}

.page-empty.header .logo {
    float: left;
    margin: 0;
    text-decoration: none !important;
    display: block;
}

.page-empty.header .logo strong {
    position: absolute;
    top: -999em;
    left: -999em;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    overflow: hidden;
}

.page-empty.header h1.logo {
    margin: 0;
    padding: 0;
}

.logo {
    float: left;
    margin: 0;
}

.header {
    padding: 0;
}

.header .logo {
    float: left;
    text-decoration: none !important;
    display: block;
}

.header .logo strong {
    position: absolute;
    top: -999em;
    left: -999em;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    overflow: hidden;
}

.header h1.logo {
    margin: 0;
    padding: 0;
}

.header .quick-access {
    float: left;
    width: 40%;
    padding-bottom: 10px;
    margin-top: 31px;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.header .welcome-msg {
    position: absolute;
    left: 273px;
    margin: 0 0 0 0;
    padding: 0 5px 0 0;
    font-family: "TheSansC5-SemiBold";
    text-align: left;
    color: #A3A3A2;
    font-size: 0.91em;
    width: 433px;
    top: 13px;
}

.header .welcome-msg a {

    font-weight: normal;

}

.header .links {
    float: right;
}

.header .links li {
    padding: 0 0 0 8px;
}

.header .links li a span {
    background: #f39200;
    color: #fff;
    font-size: 11px;
    padding: 5px 11px 7px 11px;
    height: 26px;
    border-radius: 4px;
    float: left;
    width: 100%
}

.header .links li a {
    white-space: nowrap;
    color: #444744;
    text-decoration: none;
    float: left;
    width: 100%;
}

.header .links li a:hover {
    text-decoration: none;
}

.header .links li#logout {
    display: none
}

.isMobile .header .links li#logout {
    display: block
}

.isMobile .CartCount {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    text-decoration: none;
    top: 4px;
    font-size: 11px;
    font-family: "TheSansC5-SemiBold";
}

/* Search & Suggest */
.header .form-search {
    float: left;
    margin: 5px 0 0 50px;
    position: relative
}

.isMobile .header .form-search {

    position: unset;
}

.isMobile .header .form-search .search-autocomplete {

    min-width: 100%;
}

.header .form-search label {
    display: block;
    float: left;
    padding: 6px 0;
    font-size: 16px;
    font-weight: bold;
    color: #777;
}

.header .form-search span.search {
    display: block;
    float: left;
    margin: 0;
}

.header .form-search input {
    width: 215px;
    height: 25px;
    border: 0px solid #fff;
    float: left;
    margin: 0;
    padding: 4px;
    color: #444744;
    border-radius: 4px 0px 0px 5px;

}

.header .form-search button {
    float: left;
    position: relative;
    border-radius: 0 4px 4px 0;
    background-color: #8f9190;
}

.header .form-search button.safari-fix {
    position: relative;
    margin-top: -1px;
}

.header .form-search button span {
    height: 25px;
    text-transform: none;
    background: none;
    padding: 0;
}

.header .form-search button span span {
    padding: 3px 9px 0 9px;
}

.header .form-search button:hover span span {
    padding: 4px 9px 0 9px;
}

.header .form-search .search-autocomplete {
    display: block;
    right: 70px;
    text-align: left;
    width: auto !important;
    z-index: 999;
    min-width: 400px
}

body:not(isMobile) .header .form-search .search-autocomplete {
    left: 0 !important;
    top: 25px !important
}

.header .form-search .search-autocomplete ul {
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 0 12px 12px 12px;
}

.header .form-search .search-autocomplete li {
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    padding: 7px 0;
}

.header .form-search .search-autocomplete li.show-results,
.header .form-search .search-autocomplete li.last {
    padding: 10px 0;
}

.header .form-search .search-autocomplete li .wrapper-li {
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

.header .form-search .search-autocomplete li:hover .wrapper-li {
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
}

.header .form-search .search-autocomplete li .wrapper-li a {
    text-decoration: none;
}

.header .form-search .search-autocomplete li .amount {
    float: right;
    font-weight: bold;
}

.isMobile .header .form-search .search-autocomplete {
    top: 45px !important;
    width: 100% !important;
    left: 0 !important;
}

.isMobile .header .form-search .search-autocomplete ul {
    background: #f39200;
    border: 0;
    padding-top: 13px;
}

.search-autocomplete ul.bubble-elasticsearch li {
    padding: 0;
    border-bottom: 1px solid #d5e4eb;
}


.header .form-language {
    clear: both;
    text-align: right;
}

.header .form-search .search-autocomplete li img {
    float: left;
    margin: 0 10px 0 0;
    height: 45px;
}

.header .form-search .search-autocomplete li .textblock {
    width: 430px;
    display: inline-block;
}

.header .form-search .search-autocomplete li .type {
    float: right;
    font-weight: bold;
    padding: 0 0 12px 20px;
}

.header .form-search .search-autocomplete .search-suggest-match,
.header .form-search .search-autocomplete .show-results .search-suggest-desc {
    color: #702283;
    font-weight: bold;
}

.header .form-search .search-autocomplete .show-results .search-suggest-desc:hover {
    text-decoration: underline;
}

.header .form-search .search-autocomplete li.last {
    border-bottom: none;
}

.header-container .top-container {
    clear: both;
    text-align: right;
}

.header .icon-search {
    width: 31px;
    height: 31px;
    display: none;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translatey(-50%);
    cursor: pointer

}

.header .icon-cart {
    width: 31px;
    height: 31px;
    display: none;
    position: absolute;
    right: 70px;
    top: 50%;
    transform: translatey(-50%);
    cursor: pointer

}

.header .fa {
    color: #f39200;
    font-size: 30px;
}

/* content search box */


/* Search & Suggest */
.content-search-box .form-search {
    float: left;
    margin: 5px 0 0 0;
}

.content-search-box .form-search label {
    display: block;
    float: left;
    padding: 6px 0;
    font-size: 16px;
    font-weight: bold;
    color: #777;
}

.content-search-box .form-search span.search {
    display: block;
    float: left;
    margin: 0;
}

.content-search-box .form-search input {
    width: 205px;
    height: 15px;
    border: 1px solid #888;
    -moz-border-radius: 0;
    border-radius: 0;
    float: left;
    margin: 0;
    padding: 4px;
    color: #888;
}

.content-search-box .form-search button {
    float: left;
    position: relative;
}

.content-search-box .form-search button.safari-fix {
    position: relative;
    margin-top: -1px;
}

.content-search-box .form-search button span {
    height: 28px;
    text-transform: none;
    background: none;
    padding: 0;
}

.content-search-box .form-search button span span {
    background: transparent url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/bkg_button_gray.png") 100% 0 no-repeat;
    padding: 4px 9px 0 9px;
}

.content-search-box .form-search button:hover span span {
    padding: 4px 9px 0 9px;
}

/* kh */
.header .hotline {
    display: block;
    height: 25px;
    background: #8f9190;
    text-align: center;
    width: 301px;
    padding: 4px 0 0 0;
    position: absolute;
    right: 0px;
    top: 55px;
    border-radius: 4px;
}

.header .hotline a {
    text-decoration: none;
}

.header .hotline span,.meta-nav-container .hotline span {
    display: inline-block;
    padding: 0;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    background: transparent url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/icon-tel.png") no-repeat left top 2px;
    padding-left: 26px;
}

.header .hotline span.label {
    display: block;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
}

.header .order-history-btn div.icon-container {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/icon-reorder.png") no-repeat center top 5px;
    width: 100%;
    height: 43px;
}

.header .icon-account div.icon-container {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/icon-account.png") no-repeat top center;
    width: 100%;
    height: 43px;
}


.header .goto-cart-btn div.icon-container {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/icon-cart-header.png") no-repeat center top;
    width: 100%;
    height: 43px;
}

.header div.goto-cart-count {
    background: #f39200;
    height: 26px;
    position: absolute;
    padding: 5px 11px 7px 11px;
    width: auto;
    top: 0;
    right: 0;
    border-radius: 4px;
    color: #fff;
    font-size: 11px;
}

.header .goto-cart-count:hover, .header .goto-cart-btn:hover, .header a.goto-cart-btn span:hover, .header .order-history-btn:hover {
    text-decoration: none !important;
}

#burger-container {
    position: absolute;
    width: 50px !important;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    left: 10px !important;
    display: none
}

#burger {
    cursor: pointer;
    display: inline-block;
}

#burger span {
    background: #f39200;
    display: block;
    width: 50px;
    height: 5px;
    margin-bottom: 4px;
    position: relative;
    top: 0;
    transition: all ease-in-out 0.4s;
}

#burger-container.open span:nth-child(2), #burger-container.open span:nth-child(3) {
    width: 0;
    opacity: 0;
}

#burger-container.open span:nth-child(1) {
    transform: rotate(-45deg);
    top: 13px;
}

#burger-container.open span:nth-child(4) {
    transform: rotate(45deg);
    top: -14px;
}

.menueTransparency {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 11;
    left: -100%;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    margin-top: 85px;
}

.menueTransparency.active {
    left: 0%;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.menue-mobile.active {
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.menue-mobile {
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    border-radius: 10px;
}

.menueTransparency.active_search, .menueTransparency.active_account {
    left: 0;
}


/********** < Navigation */
.nav-wrapper {
    float: left;
    width: calc(100%);
    background: #f39200 none repeat scroll 0 0;
    position: absolute;
    left: 0px;
    bottom: 16px;
    border-radius: 5px;
}

.nav-container {
    float: left;
}

#nav {
    padding: 0;
    margin: 0;
    font-size: 12px;
    position: relative;
}

/* All Levels */
#nav li {
    text-align: left;
    position: relative;
}

#nav li a {
    display: block;
    text-decoration: none;
}

#nav li a:hover {
    text-decoration: none;
}

#nav li a span {
    display: block;
    white-space: nowrap;
    cursor: pointer;
}

#nav li ul a span {
    white-space: normal;
}

/* 1st Level */
#nav li {
    float: left;
    background: #f39200 none repeat scroll 0 0;
}

#nav li.first {
    border-radius: 5px;
}

#nav li a {
    float: left;
    padding: 0 13px;
    color: #fff;
    text-transform: none;
    font-size: 1.36em;
}

#nav li a:hover {
    color: #fff;
}

#nav li a span {
    padding: 13px 0;
    display: block;;
}

#nav li.over,
#nav li.active {
}

#nav li.over.first,
#nav li.active.first {
}


#nav li.over a,
#nav li.active a {
    color: #FBFBFB;
}

#nav li.over a span,
#nav li.active a span {
}

/* 2nd Level */
#nav ul,
#nav div {
    position: absolute;
    width: 180px;
    top: 41px;
    left: -10000px;
    border: 1px solid #888;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 1200;
}

#nav div ul {
    position: static;
    width: auto;
    border: none;
}

/* 3rd+ Level */
#nav ul ul,
#nav ul div {
    top: 7px;
}

#nav ul li {
    float: none;
    border-bottom: 1px solid #888;
    padding: 0;
    position: relative;
    background-image: none !important;
    background: #f5f5f5;
    transition: background .3s;
}

#nav ul li.first {
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background-image: none !important;
    background: #f5f5f5;
}

#nav ul li.last {
    border-bottom: 0;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    background-image: none !important;
    background: #f5f5f5;
}

#nav ul li.first.last {
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#nav ul li a {
    float: none;
    padding: 9px 13px;
    font-weight: normal;
    color: #444744 !important;
    text-transform: none;
    font-size: 14px;
    background-image: none !important;
    transition: color .3s;
}

#nav ul li a span {
    padding: 0;
    background-image: none !important;
}

#nav ul li a:hover {
    color: #fff !important;
    font-weight: normal;
}

#nav ul li.active > a,
#nav ul li.over > a {
    color: #fff !important;
    font-weight: normal;
}

#nav ul li.active,
#nav ul li.over {
    background: #f39200 !important;
}

/* Show menu */
#nav li ul.shown-sub,
#nav li div.shown-sub {
    left: 0;
}

#nav li .shown-sub ul.shown-sub,
#nav li .shown-sub li div.shown-sub {
    left: 100px;
}

/********** Navigation > */

.isMobile #nav ul, .isMobile #nav div {
    position: unset;
    left: 0;
    top: 0;
    float: left;
    width: 100%;
    border-radius: 0;
    border: 0;
    background: #fff;
    display: none
}

.isMobile #nav ul.active {
    display: block;
}

.isMobile #nav ul li.active,
.isMobile #nav ul li.over {
    background: #fff !important;
}

.isMobile #nav ul li {

    background: #fff;
    float: left;
    width: 100%;
}

.isMobile ul.level0 {

    padding-left: 0px;

}

.isMobile #nav ul.level1 li {
    background: rgba(243, 146, 0, 0.2);
}

.isMobile ul.level1 {

    padding-left: 0px;

}

.isMobile #nav ul.level0 li {
    border-bottom: 1px solid #f39200
}

.isMobile #nav ul.level0 li a {
    color: #f39200 !important;
}

.isMobile #nav ul.level1 li a {
    color: #f39200 !important
}

.isMobile #nav > li {
    border-bottom: 1px solid #fff;
}

.isMobile ul ul .plus {

    color: #f39200;
    top: 1px;

}

.isMobile .plus {
    cursor: pointer;
    font-size: 31px;
    position: absolute;
    right: 13px;
    top: 7px;
    color: #fff;

}

.isMobile .header #nav .fa {
    color: #fff;
    font-size: 30px;
}

.isMobile .header #nav ul .fa {
    color: #f39200;
}

.isMobile #nav ul li.first {
    -moz-border-radius: 0;
    border-radius: 0;
}

.isMobile #nav ul li.last {
    border-bottom: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/* ======================================================================================= */

/* Sidebar =============================================================================== */
.block {
    margin: 0 0 10px;
    color: #FFF;
}

.block a {
    color: #FFF;
}

.block .block-title {
    padding: 0 0 10px 0;
}

.block .block-title strong span {
    font-size: 1.21em;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/sideblock_title_marker.gif") left top no-repeat;
    display: block;
    padding: 5px 0 0 25px;
}

.block .block-title p {
    color: #3d3d3d !important;
}

.block .block-title a {
    text-decoration: none !important;
}

.block .block-subtitle {
    margin-bottom: 5px;
}

.block .block-content {
    padding: 5px 0 0;
}

.block .block-content li.item {
    padding: 5px 0;
}

.block .btn-remove,
.block .btn-edit {
    float: right;
}

.block .actions {
    text-align: right;
    padding-top: 10px;
}

.block .actions a {
    float: left;
    text-transform: uppercase;
    font-weight: bold;
}

/* Sideblock-2 Corners */
.sideblock-2 .corners-top {
    width: 100%;
    height: 5px;
    overflow: hidden;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/sidebar_2_block_corner_left_top.png") left top no-repeat;
}

.sideblock-2 .corners-top div {
    padding: 0 44px;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/sidebar_2_block_corner_right_top.png") right top no-repeat;
}

.sideblock-2 .corners-top div div {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/sidebar_2_block_top_bg.png") left top repeat-x;
    height: 5px;
    padding: 0;
}

.sideblock-2 .content-box {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/sidebar_2_block_content_border_top.png") left top repeat-x #93BC17;
    width: 100%;
}

.sideblock-2 .content-box .border-bot {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/sidebar_2_block_content_border_bot.png") left bottom repeat-x;
}

.sideblock-2 .content-box .border-left {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/sidebar_2_block_content_border_left.png") left top repeat-y;
}

.sideblock-2 .content-box .border-right {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/sidebar_2_block_content_border_right.png") right top repeat-y;
}

.sideblock-2 .content-box .corner-left-top {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/sidebar_2_block_content_left_top.png") left top no-repeat;
}

.sideblock-2 .content-box .corner-right-top {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/sidebar_2_block_content_right_top.png") right top no-repeat;
}

.sideblock-2 .content-box .corner-left-bot {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/sidebar_2_block_content_left_bot.png") left bottom no-repeat;
}

.sideblock-2 .content-box .corner-right-bot {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/sidebar_2_block_content_right_bot.png") right bottom no-repeat;
    padding: 7px 22px 11px 18px;
}

.sideblock-2 .corners-bot {
    width: 100%;
    height: 5px;
    overflow: hidden;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/sidebar_2_block_corner_left_bot.png") left top no-repeat;
}

.sideblock-2 .corners-bot div {
    padding: 0 44px;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/sidebar_2_block_corner_right_bot.png") right top no-repeat;
}

.sideblock-2 .corners-bot div div {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/sidebar_2_block_bot_bg.png") left top repeat-x;
    height: 5px;
    padding: 0;
}


/* Catalog Navigation */
.catalog-navigation-left {
    padding: 1px 0 10px 0;
}

.catalog-navigation-left li.parent a {
    color: #fff;
    background: #8F9190;
    font-family: TheSansC5-SemiBold;
}

.catalog-navigation-left li.parent a,
.catalog-navigation-left .first {
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.catalog-navigation-left .last {
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.catalog-navigation-left ul,
.catalog-navigation-left li {
    margin: -1px 0 0 0;
}


/* .catalog-navigation-left li.current li {margin:-1px 0 0 10px;} */
.catalog-navigation-left li li {
    margin: -1px 0 0 10px;
}

.catalog-navigation-left .base-current {
    color: #fff;
    background: #f39200;
    font-family: TheSansC5-SemiBold;
}

.catalog-navigation-left a {
    display: block;
    padding: 6px 10px;
    color: #444744;
    text-decoration: none;
    background: #fff;
    font-weight: normal;
}

.catalog-navigation-left a:hover {
    text-decoration: underline;
}

.catalog-navigation-left .current {
    color: #fff;
    background: #f39200;
    font-family: TheSansC5-SemiBold;
}

.catalog-navigation-left .current a {
    color: #f39200;
    background: #f5f5f5;
    font-weight: normal;
}


/* Mini Products List */
.mini-products-list li {
    padding: 5px 0;
}

.mini-products-list .product-image {
    float: left;
    width: 81px;
    padding: 0;
}

.mini-products-list .product-details {
    margin-left: 95px;
}

.mini-products-list .product-details .product-name {
    font-size: 1em;
    font-weight: normal;
    margin: 0 0 10px;
}

.mini-products-list .product-details .product-name a {
    color: #FFF;
    text-decoration: none;
    font-weight: normal;
}

.mini-products-list .product-details .product-name a:hover {
    text-decoration: underline;
}

.mini-products-list .product-details strong {
    font-weight: normal;
}

.mini-products-list .product-details .btn-edit {
    margin-right: 1px;
}

.mini-products-list .product-details .price {
    font-family: TheSansC5-SemiBold;
}

/* Block: Account */
.block-account li {
    padding-bottom: 5px;
}

/* Block: Currency Switcher */
.block-currency select {
    width: 100%;
}

/* Block: Layered Navigation */
.block-layered-nav dt {
    font-weight: bold;
    padding-top: 10px;
}

.block-layered-nav dd a {
    text-decoration: none;
    font-weight: bold;
}

.block-layered-nav dd a:hover {
    text-decoration: underline;
}

.block-layered-nav .currently {
    padding-bottom: 15px;
}


.block-layered-nav #aftersearch .currently {
    background: #efefef none repeat scroll 0 0;
    margin-bottom: 20px !important;
    padding: 12px 10px !important;
    width: 100%;
}


.block-layered-nav .currently li {
    padding-bottom: 10px;
}

.block-layered-nav .btn-remove {
    float: right;
    margin: 2px 3px 0 0;
}

/* Block: Cart */
.block-cart .block-title strong span {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/cart_title_marker.gif") left top no-repeat;
}

.block-cart .summary a {
    text-decoration: none;
}

.block-cart .summary a:hover {
    text-decoration: underline;
}

.block-cart .actions {
    padding-bottom: 15px;
}

.block-cart .subtotal {
    padding: 10px 0;
    font-weight: bold;
}

.block-cart .actions .paypal-logo {
    float: left;
    width: 100%;
    margin: 3px 0 0;
    text-align: right;
}

.block-cart .actions .paypal-logo .paypal-or {
    clear: both;
    display: block;
    padding: 0 55px 5px 0;
}

/* Block: Wishlist */
.block-wishlist .actions {
    padding-top: 10px;
}

/* Block: Related */
.block-related li {
    padding: 5px 0;
}

.block-related input.checkbox {
    float: left;
}

.block-related .product {
    margin-left: 20px;
}

.block-related .product .product-image {
    float: left;
    margin-right: -65px;
}

.block-related .product .product-details {
    margin-left: 65px;
}

/* Block: Compare Products */
.block-compare li {
    padding: 5px 0;
}

/* Block: Recently Viewed */
.block-brands {
    padding-top: 5px;
    color: #444744;
    background: #fff;
}

.block-viewed {
    padding-top: 5px;
    color: #777;
    background: #fff;
}

.block-viewed .block-title {
    margin: 10px 10px 0px 10px;
    color: #702283;
}

.block-viewed .block-content {
    margin: 0;
    padding: 0;
}

.block-viewed ol {
    margin: 0;
    padding: 0 !important;
}

.block-viewed li.item {
    margin: 0 10px;
    padding: 10px 0 !important;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/block_list_divider.gif") left top repeat-x;
}

.block-viewed li.first {
    padding: 0 0 10px 0 !important;
    background: none;
}

.block-viewed .product-box {
    margin: 0 5px;
    font-size: 0.8125em;
}

.block-viewed .product-box a {
    text-decoration: none;
    color: #444744;
}

.block-viewed .product-box a:hover {
    text-decoration: underline;
}

.block-viewed .lowest-price {
    color: #C61402;
    font-family: "TheSansC5-SemiBold";
}

.block-viewed .product-image-box {
    float: left;
    margin: 0 10px 0 0;
    width: 60px;
    height: 60px;
    color: #702283;
}

.block-viewed .product-name-box h3 {
    margin: 0;
    font-weight: normal;
}

.block-viewed .product-price-box .price {
    color: #444744;
}

.block-viewed .prescription-options {
    display: none;
}

.block-viewed .tax-details {
    display: none;
}

.block-viewed .product-actions-box {
    text-align: right;
}

/* Block: Recently Compared */
.block-list .product-name {
    margin: 0;
    padding-left: 12px;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/block_list_marker.gif") left 5px no-repeat;
}

.block-list .product-name a {
    color: #FFF;
    text-decoration: none;
    font-weight: normal;
}

.block-list .product-name a:hover {
    text-decoration: underline;
}


/* Block: Poll */
.block-poll {
    border: 1px solid #ECECED;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    padding: 12px 21px 16px 17px;
    color: #3d3d3d;
}

.block-poll .block-title span {
    color: #702283;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/poll_title_marker.gif") left 7px no-repeat !important;
    padding-bottom: 7px;
}

.block-poll .block-content {
    padding-top: 10px;
}

.block-poll .block-subtitle {
    color: #3d3d3d;
}

.block-poll label {
    color: #3d3d3d;
}

.block-poll input.radio {
    float: left;
    margin: 1px 0 0 0;
}

.block-poll .label {
    display: block;
    margin-left: 18px;
}

.block-poll ul,
.block-poll ol {
    padding-top: 15px;
}

.block-poll li {
    padding: 3px 0;
}

.block-poll .actions {
    margin: 10px 0 0;
    text-align: left;
}

.block-poll .answer {
    float: left;
    width: 100%;
}

.block-poll .answer span {
    display: block;
    width: 114px;
}

.block-poll .votes {
    font-weight: bold;
    float: right;
    width: 65px;
    margin-top: -15px;
}


/* Block: Tags */
.block-tags .block-title {
    display: none;
}

.block-tags .block-content {
    padding: 0;
}

.block-tags ul,
.block-tags li {
    display: inline;
}

.block-tags li {
    float: left;
    margin-left: 3px;
    margin-bottom: 3px;
}

.block-tags li,
.block-tags li a {
    background: transparent url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/tags_button.gif") 0 0 no-repeat;
    padding-left: 11px;
    height: 27px;
}

.block-tags li a {
    background-position: 100% 0;
    padding-left: 0;
    padding-right: 11px;
    display: block;
    color: #3d3d3d;
    padding-top: 5px;
    text-decoration: none;
}

.block-tags li:hover,
.block-tags li:hover a {
    background: transparent url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/tags_button_active.gif") 0 0 no-repeat;
}

.block-tags li:hover a {
    background-position: 100% 0;
    color: #FFF;
    text-decoration: none;
}

/* Block: Subscribe */
.block-subscribe .block-title {
    padding-bottom: 22px;
}

.block-subscribe .block-title strong span {
    text-transform: uppercase;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/newsletter_title_marker.gif") left 8px no-repeat;
    padding: 5px 0 0 27px;
}

.block-subscribe label {
    display: none;
}

.block-subscribe .block-content {
    padding: 0;
}

.block-subscribe .input-box {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/newsletter_bg.gif") left top no-repeat;
    min-height: 28px;
    height: auto !important;
    height: 28px;
}

.block-subscribe .input-box input {
    width: 146px;
    border: 0;
    margin-left: 8px;
    margin-top: 5px;
    color: #3d3d3d;
}

.block-subscribe .input-box input.validation-failed {
    color: #000;
}

.block-subscribe .input-box button {
    float: right;
    width: 32px;
    height: 28px;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/newsletter_button_bg.gif") left top no-repeat;
}

.block-subscribe .input-box button span {
    display: none;
}

.block-subscribe .validation-advice {
    margin-top: 10px;
}

.subscribe-block .corners-top {
    width: 100%;
    height: 5px;
    overflow: hidden;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/subscribe_block_corner_left_top.png") left top no-repeat;
}

.subscribe-block .corners-top div {
    padding: 0 44px;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/subscribe_block_corner_right_top.png") right top no-repeat;
}

.subscribe-block .corners-top div div {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/subscribe_block_top_bg.png") left top repeat-x;
    height: 5px;
    padding: 0;
}

.subscribe-block .content-box {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/subscribe_block_content_border_top.png") left top repeat-x #BBBABA;
    width: 100%;
}

.subscribe-block .content-box .border-bot {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/subscribe_block_content_border_bot.png") left bottom repeat-x;
}

.subscribe-block .content-box .border-left {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/subscribe_block_content_border_left.png") left top repeat-y;
}

.subscribe-block .content-box .border-right {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/subscribe_block_content_border_right.png") right top repeat-y;
}

.subscribe-block .content-box .corner-left-top {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/subscribe_block_content_left_top.png") left top no-repeat;
}

.subscribe-block .content-box .corner-right-top {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/subscribe_block_content_right_top.png") right top no-repeat;
}

.subscribe-block .content-box .corner-left-bot {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/subscribe_block_content_left_bot.png") left bottom no-repeat;
}

.subscribe-block .content-box .corner-right-bot {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/subscribe_block_content_right_bot.png") right bottom no-repeat;
    padding: 8px 15px 22px 18px;
}

.subscribe-block .corners-bot {
    width: 100%;
    height: 5px;
    overflow: hidden;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/subscribe_block_corner_left_bot.png") left top no-repeat;
}

.subscribe-block .corners-bot div {
    padding: 0 44px;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/subscribe_block_corner_right_bot.png") right top no-repeat;
}

.subscribe-block .corners-bot div div {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/subscribe_block_bot_bg.png") left top repeat-x;
    height: 5px;
    padding: 0;
}


/* Block: Reorder */
.block-reorder li {
    padding: 5px 0;
}

.block-reorder input.checkbox {
    float: left;
    margin: 3px -20px 0 0;
}

.block-reorder .product-name {
    margin-left: 20px;
    margin-bottom: 0;
}

.block-reorder .product-name a {
    text-decoration: none;
    color: #FFF;
    font-weight: normal;
}

.block-reorder .product-name a:hover {
    text-decoration: underline;
}

/* Block: Banner */
.block-banner .block-content {
    text-align: center;
}

/* Block: Login */
.block-login label {
    font-weight: bold;
    color: #666;
}

.block-login input.input-text {
    display: block;
    width: 167px;
    margin: 3px 0;
}

/* Paypal */
.sidebar .paypal-logo {
    display: block;
    margin: 10px 0;
    text-align: center;
}

.sidebar .paypal-logo a {
    float: none;
}

/* ======================================================================================= */


/* Category Page ========================================================================= */
.block.block-layered-nav .block-title {
    display: none;
    padding: 0;
}

.block.block-layered-nav {
    margin: 0;
}

#aftersearch .after-search-link, .category-products select, .block-brands select {
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 40px 0 15px;
    height: 30px;
    background-color: #fff;
    background-image: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/bg-arrow-down.png");
    background-repeat: no-repeat;
    background-position: right 16px center;
    outline: none;
    font-size: 14px;
    width: 100%;
    color: #444744;
    opacity: 0.75;
    font-family: TheSansC5-Light;
    border-bottom: 2px solid #702283;
    cursor: pointer;
}

.category-products select {
    margin-top: 10px
}

.block-brands select {
    margin-bottom: 10px
}

.category-title {
    border: 0;
    margin: 0 0 5px;
}

.category-title h1,
.category-title h2 {
    color: #702283;
}

.category-image {
    width: 100%;
    overflow: hidden;
    margin: 0 0 10px;
    text-align: center;
}

.category-description-box {
    margin: 0 0 20px 0;
    padding: 0;
    overflow: hidden;
}

.category-description {
    margin: 0 0 5px 0;
    padding: 0;
    overflow: hidden;
}

.category-description h2 {
    margin: 0;
    padding: 0;
}

.category-description p {
    margin: 0;
    padding: 0;
}

#category-description-hide {
    display: none;
}

.category-teaser-box {
    margin: 10px 0 10px 0;
    padding: 0;
    overflow: hidden;
}

.category-teaser-box .cat-descr_33 {
    float: left;
    padding: 0;
    margin: 0 10px 10px 0;
    width: calc(33.333333% - 7px);
}

.category-teaser-box .cat-descr_33_r {
    float: right;
    padding: 0;
    margin: 0 0 10px 0;
    width: calc(33.333333% - 7px);
}

.category-teaser-box .cat-descr_66 {
    float: left;
    overflow: hidden;
    padding: 0;
    margin: 0 10px 10px 0;
    width: 480px;
}

.category-teaser-box .cat-descr_66_r {
    float: left;
    overflow: hidden;
    padding: 0;
    margin: 0 0 10px 0;
    width: 480px;
}

.category-teaser-box .cat-descr_50 {
    float: left;
    overflow: hidden;
    padding: 0;
    margin: 0 10px 10px 0;
    width: calc(50% - 5px);
}

.category-teaser-box .cat-descr_50_r {
    float: left;
    overflow: hidden;
    padding: 0;
    margin: 0 0 10px 0;
    width: calc(50% - 5px);
}

.category-products {
    margin: 0 0 20px 0;
}

.coming-products, .viewed-products, .new-products, .featured-products, .popular-products, .new-products, .topsell-products, .toprated-products, .viewed-products {
    margin: 0 0 2px 0;

}

/* View Type: Grid */
.products-grid {
    position: relative;
    display: flex;
    flex-flow: wrap;
}

.products-grid li {
    border-radius: 30px 0 0 0;
    background: white;
    padding: 30px;
    width: calc(33.333333333% - 7px);
    margin: 0 5px 10px 5px;
    position: relative;
}

.products-grid li.first {
    margin-left: 0;
}

.products-grid li.last {
    margin-right: 0;
}

.products-grid .free-product {
    text-align: center;
}

.products-grid .product-name {
    margin: 15px 0 15px 0;
    height: 83px;
    overflow: hidden;
    font-family: TheSansC5-Light;
    text-align: center;
}

.products-grid .special-price .price, .products-grid .regular-price .price, .products-grid .price-request {
	font-weight: normal;
	font-family: 'TheSansC5-SemiBold';
	text-align: center;
	float: left;
	width: 100%;
	color: #444744;
}

.products-grid .product-name a:hover,
.products-grid .product-box:hover .product-name a {
    text-decoration: underline;
    color: #444744 !important;
}

.products-grid .base-price {
    margin: 0;
    color: #444744;
    font-size: 0.8125em;
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
}

.products-grid .center-box {
    text-align: center
}

.products-grid .promotion-badge {
    top: 15px;
    left: auto;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/promotion-badge.png") 0px 0px no-repeat;
    bottom: auto;
    right: 15px;
}

.products-grid.owl-carousel .owl-item img {
    display: inherit;
}

.product-grid-cart .products-grid li {
    width: calc(33.333333333% - 7px);
    margin: 0 5px 10px 5px;
}

.product-grid-cart .products-grid li:nth-child(3n) {
    margin-right: 0;
}

.product-grid-cart .products-grid li:nth-child(3n-2) {
    margin: 0 5px 10px 0px;
}

body.cms-home .main {
    padding: 2px 0;
}

body.cms-home .std .subtitle {
    padding: 0;
    margin-bottom: 4px;
}

body.cms-home .products-grid li.item {
    max-width: 100%;
    width: calc(25% - 8px);
    margin: 0 5px 10px 5px
}

body.cms-home .products-grid li.item.first {
    margin-left: 0;
}

body.cms-home .products-grid li.item.last {
    margin-right: 0;
}

body.cms-home .product-list-all-link {
    margin: 6px 0 0 0;
}

.isMobile .products-grid .owl-stage .owl-item {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.isMobile .products-grid .owl-stage li.item {
    border-radius: 30px 0 0 0;
    border: none;
}

.isMobile .products-grid.owl-carousel .owl-stage {
    display: flex;
    flex-flow: wrap;
}

.box-up-sell .products-grid li:nth-child(3n) {
    margin-right: 0;
}

.products-grid li:nth-child(3n-2) {
    margin-left: 0;
}

.box-collateral .products-grid li {
    width: calc(50% - 10px);
    margin: 0 5px 10px 5px;
}

.products-grid.owl-carousel li.item {
    width: 100%;
    margin: 0;
}

.products-grid.owl-carousel li.item {
    display: block
}

.isMobile .products-grid.owl-carousel {
    padding: 0 10px;
}

.isMobile .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.isMobile .wrapper {
    overflow: hidden;
}

.isMobile .product-box {
    text-align: center;
}

.owl-dots-static .owl-dots button {
    min-height: 49px;
    border: none;
    border-radius: 29px;
    color: #fff;
    text-align: center;
    background-repeat: no-repeat;
    font-family: "TheSansC5-Plain";
}

.owl-dots-static .owl-dot.dot-l {
    background: #444744;
    width: 13px;
    height: 13px;
    opacity: 0.5;
    margin: 5px 5px;
    min-height: auto;
}

.owl-dots-static .owl-dot.dot-m {
    background: #444744;
    width: 9px;
    height: 9px;
    opacity: 0.5;
    margin: 5px 5px;
    min-height: auto;
}

.owl-dots-static .owl-dot.dot-s {
    background: #444744;
    width: 5px;
    height: 5px;
    opacity: 0.5;
    margin: 5px 5px;
    min-height: auto;
}

.owl-dots-static .owl-dots {
    text-align: center;
}

.owl-dots-static {
    display: none
}

.isMobile .owl-dots-static {
    display: block;
    float: left;
    width: 100%;
    margin: 20px 0;
}

#product_tabs_related_tabbed .box-description > p {
    color: #702283;
    font-size: 1.3em;
    margin: 0 0 15px 5px;
}

#product_tabs_related_tabbed .uvp-price {
    display: none;
}


/* View Type: List */
.products-list li.item {
    padding: 15px 0;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/block_list_divider.gif") left bottom repeat-x;
}

.products-list li.item.first {
    padding-top: 10px;
}

.products-list li.item .product-box {
    padding: 0;
    position: relative;
}

.products-list .product-image {
    float: left;
    width: 180px;
    height: 140px;
    margin: 0 0 15px;
    position: relative;
    overflow: hidden;
}

.products-list .product-shop {
    margin-left: 210px;
}

.products-list .product-name-box {
    float: left;
    width: 100%;
    position: relative;
}

.products-list .product-price-box {
    float: left;
    margin: 20px 0;
    width: 100%;
    position: relative;
}

.products-list .product-price-box .prescription-options {
    display: none;
}

.products-list .product-price-box .tax-details {
    display: none;
}

.products-list .product-price-box .lowest-price {
    color: #C61402;
    font-size: 1.25em;
    font-family: "TheSansC5-SemiBold";
}

.products-list .product-price-box .price-box {
    float: left;
    margin: 0;
}

.products-list .product-price-box .price-box p {
    float: none;
}

.products-list .product-price-box .product-link {
    position: absolute;
    right: 0;
    bottom: 0;
}

.products-list .base-price {
    margin: 20px 0 0 0;
    color: #727272;
    font-size: 1.0em;
}

.products-list .base-price .price {
    color: #727272;
    font-size: 1.0em;
    font-family: "TheSansC5-SemiBold";
}

.products-list .product-name {
    float: left;
    margin: 0 175px 0 0;
    padding: 0;
    font-size: 1.2em;
    font-weight: normal;
    height: auto;
    line-height: 1.2em;
}

.products-list .product-name a {
    color: #702283;
    text-decoration: none;
}

.products-list .product-name a:hover {
    text-decoration: underline;
}

.products-list .ratings {
    float: right;
    margin: 0;
    padding: 0;
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
}

.products-list .ratings:after {
    clear: none;
}

.products-list .ratings .rating-box {
    float: right;
    margin: 0 0 5px 0;
    padding: 0;
}

.products-list .ratings .rating-links a {
    font-size: 0.8125em;
}

.products-list .price-box {
    margin: 15px 0;
}

.products-list .price {
    color: #C61402;
    font-size: 1.53em;
    font-family: "TheSansC5-SemiBold";
}

.products-list .availability {
    float: left;
    margin: 3px 0 0;
}

.products-list .desc {
    clear: both;
    padding: 6px 0 0;
    margin: 0 0 15px;
    line-height: 1.35;
}

.products-list .desc .link-learn {
    font-size: 11px;
}

.products-list .add-to-links {
    clear: both;
}

.products-list .add-to-links li {
    display: inline;
}

.products-list .add-to-links .separator {
    display: inline;
    margin: 0 2px;
}

.products-list .promotion {
    position: relative;
}

.products-list .promotion-badge {
    z-index: 999;
    position: absolute;
    top: 80px;
    left: 100px;
    height: 56px;
    width: 56px;
    display: block;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/promotion-badge.png") 0px 0px no-repeat;
    text-align: center;
    color: #fff;
    font-size: 0.8em;
    font-family: Georgia, 'Times New Roman', times, serif;
}

.products-list .promotion-badge .label {
    display: block;
    padding: 12px 0 0 0;
}

.products-list .promotion-badge .label-only {
    display: block;
    padding: 20px 0 0 0;
}

.products-list .promotion-badge .percent {
    font-weight: bold;
    font-size: 1.4em;
    line-height: 0.8em
}


/* ======================================================================================= */


/* Product View ========================================================================== */
/* Rating */
.no-rating {
    margin: 0 0 10px;
}

.ratings {
    line-height: 1.0;
    margin: 0 0 20px 0;
}

.ratings strong {
    float: left;
    margin: 1px 3px 0 0;
}

.ratings .rating-links {
    margin: 0;
}

.ratings .rating-links .separator {
    margin: 0 2px;
}

.ratings .rating-links a {
    color: #444744;
    text-decoration: none;
}

.ratings .rating-links a:hover {
    text-decoration: underline;
}

.rating-box {
    width: 85px;
    height: 13px;
    font-size: 0;
    line-height: 0;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/bkg_rating.gif") 0 0 repeat-x;
    text-indent: -999em;
    overflow: hidden;
}

.rating-box .rating {
    float: left;
    height: 13px;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/bkg_rating.gif") 0 100% repeat-x;
}

.ratings .rating-box {
    float: left;
    margin-right: 3px;
    margin-bottom: 15px;
}

.ratings .ratings-headline {
    float: left;
    font-size: 1em;
    font-family: "TheSansC5-SemiBold";
    line-height: normal;
    margin: 0 10px 10px 0;
    color: #702283;
}

.ratings-table th,
.ratings-table td {
    font-size: 11px;
    line-height: 1.15;
    padding: 3px 0;
}

.ratings-table th {
    font-weight: normal;
    font-family: TheSansC5-SemiBold;
    padding-right: 8px;
}

/* Availability */
.availability {
    margin: 0;
}

.availability span {
    font-family: TheSansC5-SemiBold;
    color: #f39200;
}

.availability.in-stock span {
    color: #008040;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/check_grn.png") 0 2px no-repeat;
    padding: 0 0 0px 15px;
}

.availability.out-of-stock span {
    color: #f39200;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/check_org.png") 0 2px no-repeat;
    padding: 0 0 0px 15px;
}

#stock_hover {
    display: none;
}

.availability-only {
    margin: 0 0 7px;
}

.availability-only a {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/i_availability_only_arrow.gif") 100% 0 no-repeat;
    cursor: pointer;
    padding-right: 15px;
}

.availability-only .expanded {
    background-position: 100% -15px;
}

.availability-only-details {
    margin: 0 0 7px;
}

.availability-only-details th {
    background: #f2f2f2;
    font-size: 10px;
    padding: 0 8px;
}

.availability-only-details td {
    border-bottom: 1px solid #ddd;
    font-size: 11px;
    padding: 2px 8px 1px;
}

#availability-popup {
    position: absolute;
    top: 100px;
    left: 100px;
    width: 150px;
    background-color: #fff;
    color: #333;
    z-index: 100;
    font-weight: normal;
    padding: 10px;
    text-align: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 10px;
    border: 2px solid #f39200;
}

/*collateral // related*/
.box-collateral .actions-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    text-align: center;
}

.box-collateral .actions {
    text-align: center;
}

.box-collateral .product-images {
    float: left;
    width: 105px;
    background: red;
}

.box-collateral .product-images img {
    width: 100%;
}

.product-view .box-collateral .product-name {
    margin: 5px 0 10px 20px;
    height: 65px;
    text-align: left;
    float: left;
    width: calc(100% - 105px - 20px);
    font-family: TheSansC5-Light;
    font-size: 16px;
    color: #444744;
}

.product-view .box-collateral .product-details {
    float: left;
    margin: 0 0 0 20px;
}

.product-view .box-collateral .products-grid .regular-price .price {
    font-family: 'TheSansC5-SemiBold';
    font-weight: normal;
    font-size: 16px;
    color: #444744;
}

.box-collateral .products-grid li {
    padding: 20px;
    border-radius: 30px 0 0 0;
}


/* Tags */
.product-tags-box {
    margin: 20px 0 40px 0;
}

.product-tags-box h3 {
    border-bottom: 1px solid #ececec;
    font-size: 1em;
    line-height: normal;
    margin-bottom: 10px;
    padding-bottom: 5px;
    color: #702283
}

.product-tags-box .product-tags {
    margin: 11px 0 20px;
    width: 100%;
    overflow: hidden;
}

.product-tags-box .product-tags li { /*background:url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/tags_divider.gif") right 5px no-repeat;*/
    padding-right: 12px;
    margin-right: 17px;
    float: left;
    display: block;
    white-space: nowrap;
    line-height: normal;
}

.product-tags-box .product-tags li.last {
    background: 0;
}

.product-tags-box .product-tags li a {
    text-decoration: none;
    color: #444744;
}

.product-tags-box .product-tags li a:hover {
    text-decoration: underline;
}

/* social media */

.social-box {
    margin:0;
}

.social-box .social-left {
    float: left;
}

.social-box .social-right {
    float: right;
    text-align: right;
    margin: 0
}

.social-box .social-right li {
    padding-left: 12px;
    margin-right: 10px;
    float: right;
    display: block;
    white-space: nowrap;
    line-height: normal;
}

.social-box .social-right li a {
    text-decoration: none;
    color: #76A517;
}

.social-box .social-right li a:hover {
    text-decoration: underline;
}

.social-box .social-right li a.printlink, a.printlink {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/printer.gif") 0 0 no-repeat;
    padding: 0 0 4px 24px;
}

.social-box .social-right li a.printlink {
    color: #444744;
}

.meta-social-box {
    margin: 20px 0 40px 0;
    float: left;
}

.meta-social-box li {
    padding-left: 0;
    margin-right: 10px;
    float: right;
    display: block;
    white-space: nowrap;
    line-height: normal;
}

/* Email to a Friend */
.email-friend {
    margin-bottom: 15px;
}

/********** < Product Prices */
.price {
    white-space: nowrap !important;
    line-height: normal;
}

.col-main .price {
    color: #444744;
    font-size: 1.53em;
}

.price-box .price {
    font-weight: bold;
}

/* Regular price */
.regular-price .price {
    font-family: TheSansC5-SemiBold;
    font-weight: normal;
}

/* Old price */
.old-price .price-label {
    display: none;
    white-space: nowrap;
}

.old-price .price {
    font-weight: bold;
    text-decoration: line-through;
    font-size: 1.0em;
    color: #929292;
}

/* Special price */
.special-price .price-label {
    font-weight: bold;
    white-space: nowrap;
}

/* UVP price */
.uvp-price {
    margin: 0 0 15px 0;
    color: #777;
}

/* base price */
.base-price {
    margin: 0;
    color: #444744;
    font-size: 0.8125em;
}

.base-price .price {
    color: #444744 !important;
    font-size: 1.0em;
    font-family: "TheSansC5-SemiBold";
}

.promotion {
}

.promotion-badge {
    z-index: 999;
    position: absolute;
    top: 190px;
    left: -110px;
    height: 56px;
    width: 56px;
    display: block;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/promotion-badge.png") 0px 0px no-repeat;
    text-align: center;
    color: #fff;
    font-size: 0.8em;
}

.catalog-product-view .product-shop .promotion-badge {
    display: none;
}

.catalog-product-view .product-img-box {
    position: relative;
}

.catalog-product-view .promotion-badge {
    top: 0;
    right: 0;
    left: auto;
}

.promotion-badge .label {
    display: block;
    padding: 12px 0 0 0;
}

.promotion-badge .label-only {
    display: block;
    padding: 20px 0 0 0;
}

.promotion-badge .percent {
    font-weight: bold;
    font-size: 1.4em;
    line-height: 0.8em
}

/* Minimal price (as low as) */
.minimal-price .price-label {
    font-weight: bold;
    white-space: nowrap;
}

.minimal-price-link {
    display: block;
    color: #C61402;
}

/* Excluding tax */
.price-excluding-tax {
    display: block;
}

.price-excluding-tax .label {
    white-space: nowrap;
}

.price-excluding-tax .price {
    font-weight: normal;
}

/* Including tax */
.price-including-tax {
    display: block;
}

.price-including-tax .label {
    white-space: nowrap;
}

.price-including-tax .price {
    font-weight: bold;
}

/* Configured price */
.configured-price .price-label {
    font-weight: bold;
    white-space: nowrap;
}

.configured-price .price {
    font-weight: bold;
}

/* FTP */
.weee {
    display: block;
    font-size: 11px;
    color: #444;
}

.weee .price {
    font-size: 11px;
    font-weight: normal;
}

/* Excl tax (for order tables) */
.price-excl-tax {
    display: block;
}

.price-excl-tax .label {
    display: block;
    white-space: nowrap;
}

.price-excl-tax .price {
    display: block;
}

/* Incl tax (for order tables) */
.price-incl-tax {
    display: block;
}

.price-incl-tax .label {
    display: block;
    white-space: nowrap;
}

.price-incl-tax .price {
    display: block;
    font-weight: bold;
}

/* Price range */
.price-from .price-label {
    font-weight: bold;
    white-space: nowrap;
}

.price-to .price-label {
    font-weight: bold;
    white-space: nowrap;
}

/* Price notice next to the options */
.price-notice {
    padding-left: 10px;
}

.price-notice .price {
    font-weight: bold;
}

/* Price as configured */
.price-as-configured .price-label {
    font-weight: bold;
    white-space: nowrap;
}

/********** Product Prices > */

/* Tier Prices */
.tier-prices span {
    color: #777 !important;
    font-weight: normal !important;
}

.tier-prices .price {
    font-weight: bold;
    font-size: 1em;
}

.tier-prices .benefit,
.tier-prices .benefit .price {
    margin: 0 !important;
    color: #a7a7a7 !important;
}

/* Add to Links */
.add-to-links a {
    color: #702283;
    text-transform: uppercase;
}

.add-to-links .separator {
    display: none;
}

/* Add to Cart */
.add-to-cart span.qtybox {
    display: block;
    float: left;
    width: 49px;
    height: 21px;
    margin: 0 5px 0 0px;
    padding: 0 0 0 5px;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/qty_input_bg.png") left top no-repeat;
}

.add-to-cart label {
    float: left;
    margin: 2px 5px 0 0;
}

/*.add-to-cart .qty { float:left; background: transparent; color:#48819e;height:18px;border:none;}*/
.add-to-cart button.button {
    float: left;
    margin-left: 5px;
}

.add-to-cart .paypal-logo {
    clear: left;
    text-align: right;
}

.add-to-cart .paypal-logo .paypal-or {
    clear: both;
    display: block;
    margin: 5px 60px 5px 0;
}

.product-view .add-to-cart .paypal-logo {
    margin: 0;
}

/* Add to Links + Add to Cart */

.add-to-box {
    width: calc(100% + 15px);
    margin-bottom: 10px;
    padding: 15px 5px 15px 15px;
    position: relative;
    border-radius: 5px;
    left: -15px;
    border: 2px solid #f6f7fa;
}

.add-to-box .add-to-cart {
    float: left;
    width: 100%;
    position: relative;
}

.add-to-box .add-to-cart button {
    margin-left: 0;
    margin-top: 10px;
    position: absolute;
    bottom: 0;
    right: 10px;
}
.product-view .add-to-box .add-to-cart button {
    margin-top:0px;
}

.product-view .add-to-box .btn-pdp {
	width: 180px;
}

.add-to-box .or {
    float: left;
    margin: 33px 25px 0 0;
    text-transform: lowercase;
    font-weight: bold;
}

.add-to-box .add-to-links {
    float: left;
    padding-top: 27px;
}

.add-to-box button.btn-cart span {
    float: left;
    height: 25px;
    background: transparent url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/bkg_button_cart.png") 0 0 no-repeat;
    padding: 0 0 0 29px;
    text-align: center;
    white-space: nowrap;
    color: #fff;
}

.add-to-box button.btn-cart span span {
    background-position: 100% 0;
    padding: 4px 10px 0 0;
}

.add-to-box button.btn-cart:hover span {
    background: transparent url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/bkg_button_cart.png") 0 0 no-repeat;
}

.add-to-box button.btn-cart:hover span span {
    background-position: 100% 0;
}

.product-view button.btn-back span {
    float: left;
    height: 25px;
    background: transparent url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/bkg_button_back.png") 0 0 no-repeat;
    padding: 0 0 0 20px;
    text-align: center;
    white-space: nowrap;
    color: #fff;
}

.product-view button.btn-back span span {
    background-position: 100% 0;
    padding: 3px 10px 0 0;
}

.product-view button.btn-back:hover span {
    background: transparent url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/bkg_button_back.png") 0 0 no-repeat;
}

.product-view button.btn-back:hover span span {
    background-position: 100% 0;
}

.product-essential {
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    border: 1px solid #ECECED;
    padding: 9px;
    background: #fff;
}

.product-collateral {
    margin: 20px 0 0 0;
}

.product-collateral .box-collateral {
    margin: 0 0 15px;
    border: 1px solid #ECECED;
    border-radius: 5px;
    padding: 20px;
    background: #fff;
}

.product-collateral .box-collateral #product-review-table td.value {
    text-align: center;
}

.product-collateral .box-collateral #product-review-table td.value input.radio {
    margin: 0;
}

.product-collateral #customer-reviews dl {
    margin: 0 0 40px 0;
}

.product-collateral #customer-reviews dd {
    margin: 0 0 20px 0;
}

.r-tabs .r-tabs-panel.r-tabs-state-active > div {
    background: #fff;
}

/* Product Images */
.product-view .product-img-box {
    float: left;
    width: 38.45689%;
}

.product-view .more-views {
    margin-top: 20px;
}

.col3-layout .product-view .product-img-box {
    float: none;
    margin: 0 auto;
}

.product-view .product-img-box .product-image { /* border:1px solid #ddd;*/
}

.product-view .product-img-box .product-image-zoom {
    position: relative;
    width: 265px;
    height: 265px;
    overflow: hidden;
    z-index: 9;
}

.product-view .product-img-box .product-image-zoom img {
    position: absolute;
    left: 0;
    top: 0;
    cursor: move;
}

.product-view .product-img-box .zoom-notice {
    text-align: center;
    padding: 15px 0 12px;
}

.product-view .product-img-box .zoom {
    position: relative;
    z-index: 9;
    height: 18px;
    margin: 0 auto 13px;
    padding: 0 28px;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/slider_bg.gif") 50% 50% no-repeat;
    cursor: pointer;
}

.product-view .product-img-box .zoom.disabled {
    -moz-opacity: .3;
    -webkit-opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*IE8*/
    opacity: .3;
}

.product-view .product-img-box .zoom #track {
    position: relative;
    height: 18px;
}

.product-view .product-img-box .zoom #handle {
    position: absolute;
    left: 0;
    top: -1px;
    width: 27px;
    height: 22px;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/magnifier_handle.gif") 0 6px no-repeat;
}

.product-view .product-img-box .zoom .btn-zoom-out {
    position: absolute;
    left: 2px;
    top: 0;
}

.product-view .product-img-box .zoom .btn-zoom-in {
    position: absolute;
    right: 2px;
    top: 0;
}

.product-view .product-img-box .more-views h2 {
    font-size: 1.2em;
    color: #702283;
    text-transform: uppercase;
}

.product-view .product-img-box .more-views ul {
    margin-left: -4px
}

.product-view .product-img-box .more-views li {
    float: left;
    border: 1px solid #EBECED;
    margin: 0 0 8px 7px;
    border-radius: 4px;
}

.product-image-popup {
    margin: 0 auto;
}

.product-image-popup .a-right {
    padding: 15px 0;
}

.product-image-popup .buttons-set {
    float: right;
    clear: none;
    border: 0;
    margin: 0;
    padding: 0;
}

.product-image-popup .nav {
    text-align: center;
    padding: 15px 0;
    margin: 0 100px;
}

.product-image-popup .image {
    display: block;
    margin: 25px 0;
    clear: both;
}

/* Product Shop */
.product-view .product-shop {
    float: right;
    width: 56%;
}

.col1-layout .product-view .product-shop {
    float: right;
    width: 700px;
}

.col3-layout .product-view .product-shop {
    float: none;
    width: auto;
}

.product-view .product-name {
    margin-top: 10px;
}

.product-view .product-name h1 {
    color: #444744;
    font-weight: bold;
}

.product-view .product-name p {
    color: #A7A7A7;
    font-size: 0.9em;
}

.product-view .product-shop .ratings {
    margin-bottom: 15px;
}

.product-view .product-shop .rating-box {
    float: none;
}

.product-view .product-shop .availability {
    color: #702283;
    float: left;
    font-size: 0.9em;
    margin: 1px 0 0 0;
}

.product-view .product-shop .product-price-box {
    margin-bottom: 10px;
}

.product-view .product-shop .price {
    margin: 0 10px 0 0;
}

.product-view .product-shop .base-price .price {
    margin: 0;
}

.product-view .product-shop .tier-prices {
    margin: 10px 0px 15px 0px;
    width: 100%;
    font-size: 0.9em
}

.product-view .product-shop .tier-prices .benefit {
}

.product-view .product-shop .uvp-savings {
    color: #999;
    font-size: 0.9em
}

.product-view .product-shop .tax-details {
    color: #999;
    font-size: 0.9em;
    float: right;
    width: 110px;
}

.product-view .product-shop .no-break .tax-details {
    width: auto;
    margin-right: 20px;
}

.checkout-cart-index #shopping-cart-totals-table tr.grandtotal > td:first-child strong:after,
.checkout-cart-index #shopping-cart-totals-table .tax-details:before {
    content: '*';
    display: inline;
}

#shopping-cart-totals-table .tax-details {
    font-size: 11px;
    color: #626465;
}

#shopping-cart-totals-table .tax-details a,
.product-view .product-shop .tax-details a {
    color: #f39200;
    text-decoration: none;
}

/*#86B112*/
#shopping-cart-totals-table .tax-details a:hover,
.product-view .product-shop .tax-details a:hover {
    text-decoration: underline;
}

.product-view .diashop_sigel {
    float: left;
    margin-right: 30px
}


.product-view .short-description {
    padding-top: 20px;
}

.product-view .short-description h2 {
    font-size: 1.2em;
    color: #702283;
    text-transform: uppercase;
}

.product-view .product-shop .box-up-sell {
    margin: 0 0 20px 0;
}

.product-view .product-shop .box-up-sell h2 {
    text-transform: none;
    font-size: 1.0em;
}

.product-view .product-shop .box-up-sell ul {
    margin: 10px 0 0 0;
    padding: 0 !important;
}

.product-view .product-shop .box-up-sell li.item {
    margin: 0;
    padding: 10px 0 !important;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/block_list_divider.gif") left top repeat-x;
}

.product-view .product-shop .box-up-sell li.first {
    padding: 0 0 10px 0 !important;
    background: none;
}

.product-view .product-shop .box-up-sell .product-box {
    margin: 0 5px;
}

.product-view .product-shop .box-up-sell .product-box a {
    text-decoration: none;
    color: #702283;
}

.product-view .product-shop .box-up-sell .product-box a:hover {
    text-decoration: underline;
}

.product-view .product-shop .box-up-sell .product-image-box {
    float: left;
    margin: 0 10px 0 0;
    width: 60px;
    height: 60px;
    color: #702283;
}

.product-view .product-shop .box-up-sell .product-image-box img {
    border: 1px solid #EBECED;
    border-radius: 4px;
}

.product-view .product-shop .box-up-sell .product-name-box h3 {
    margin: 0;
    font-weight: normal;
    text-align: left;
}


.box-up-sell .uvp-price {

    display: none;
}


.product-view .product-shop .prescription-box {
    margin-bottom: 15px;
}

.product-view .product-shop .prescription-box input {
    margin: -3px 10px 0 0;
}

.product-view .product-shop .prescription-box .inactive-prescription {
    color: #bbbbbb;
}

.product-view .product-shop .product-meta-info {
    margin: 0 0 10px 0;
}


.sendfriend-product-send .col-main .buttons-set button {
    margin-left: 20px;
}

/* Product Options */
.product-options {
    padding: 10px;
    margin: 10px 0 0;
    border: 1px solid #ddd;
    background-color: #f6f6f6;
}

.product-options dt label {
    font-weight: bold;
}

.product-options dt .qty-holder {
    float: right;
}

.product-options dt .qty-holder label {
    vertical-align: middle;
}

.product-options dt .qty-disabled {
    background: none;
    border: 0;
    padding: 3px;
    color: #000;
}

.product-options dd {
    margin: 10px 0;
}

.product-options dd input.input-text {
    width: 98%;
}

.product-options dd input.datetime-picker {
    width: 150px;
}

.product-options dd .time-picker {
    display: -moz-inline-box;
    display: inline-block;
    padding: 2px 0;
    vertical-align: middle;
}

.product-options dd textarea {
    width: 98%;
    height: 8em;
}

.product-options dd select {
    width: 100%;
}

.product-options .options-list input.radio {
    float: left;
    margin: 3px -18px 0 0;
}

.product-options .options-list input.checkbox {
    float: left;
    margin: 3px -20px 0 0;
}

.product-options .options-list .label {
    display: block;
    margin-left: 20px;
}

.product-options ul.validation-failed {
    padding: 0 7px;
}

.product-options p.required {
    padding: 15px 0 0;
}

.product-options-bottom {
    padding: 10px;
    border: 1px solid #ddd;
    border-top: 0;
}

.product-options-bottom .price-box {
    margin: 0 10px 0 0 !important;
}

.product-options-bottom .add-to-cart {
    float: right;
}

.product-options-bottom .add-to-cart label {
    margin-top: 5px;
}

.product-options-bottom .add-to-cart input {
    margin-top: 3px;
}

.product-options-bottom .add-to-links {
    clear: both;
}


/* Grouped Product */
/* Block: Description */
.product-view .box-description .std {
    border: 1px solid #ECECED;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    padding: 19px 19px 14px 17px;
}

.box-collateral h2 {
    font-size: 1.2em;
    color: #702283;
    text-transform: uppercase;
    margin: 0 0 7px 0;
}

/* Block: Additional */
.product-view .box-additional .attribute-box {
    border: 1px solid #ECECED;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    padding: 19px 19px 14px 17px;
}

/* Block: Upsell */
.product-view .box-up-sell .products-grid td {
    width: 25%;
    padding-right: 10px;
}

.product-view .box-up-sell .products-grid td .product-box {
    border: 1px solid #ECECED;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    padding: 19px 19px 14px 17px;
}

.product-view .box-up-sell .products-grid td .ratings .rating-box {
    float: none;
}

.product-view .box-up-sell .products-grid td .ratings .rating-links a {
    display: block;
}

.product-view .box-up-sell .products-grid td .ratings .rating-links .separator {
    display: none;
}

/* Block: Tags */
.product-view .box-tags .tags-box {
    border: 1px solid #ECECED;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    padding: 19px 19px 14px 17px;
}

.product-view .box-tags h3 {
    font-weight: normal;
}

.product-view .box-tags .product-tags {
    margin: 11px 0 20px;
    width: 100%;
    overflow: hidden;
}

.product-view .box-tags .product-tags li {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/tags_divider.gif") right 5px no-repeat;
    padding-right: 12px;
    margin-right: 17px;
    float: left;
    display: block;
    white-space: nowrap;
    line-height: normal;
}

.product-view .box-tags .product-tags li.last {
    background: 0;
}

.product-view .box-tags .product-tags li a {
    text-decoration: none;
}

.product-view .box-tags .product-tags li a:hover {
    text-decoration: underline;
}

.product-view .box-tags .form-add {
    margin-bottom: 10px;
}

.product-view .box-tags .form-add label {
    display: block;
}

.product-view .box-tags .form-add .input-box {
    float: left;
    width: 575px;
    margin: 5px 5px 0 0;
}

.product-view .box-tags .form-add input.input-text {
    width: 555px;
}

.product-view .box-tags .form-add p {
    clear: both;
}

.review-product-list .col-main .ratings-table {
    margin: 10px 0;
}

.review-product-list .col-main .ratings-table th,
.review-product-list .col-main .ratings-table td {
    border: 1px solid #ddd;
    padding: 7px;
}

.review-product-list .col-main .nobr {
    margin-bottom: 10px;
    display: block;
}

.review-product-list .col-main .buttons-set {
    padding-left: 0px;
    border: 0;
}

.review-product-list .col-main .pager {
    border: 0;
    padding: 10px 0
}

/* Block: Reviews */
.product-view .box-reviews .form-add .form-list .input-box,
.product-view .box-reviews .form-add .form-list input,
.product-view .box-reviews .form-add .form-list textarea {
    width: 99%;
}

/* Content Styles ================================================================= */
.product-name {
    font-size: 1.2em;
    font-weight: normal;
    margin-bottom: 10px;
    overflow: hidden;
}

.product-name a {
    color: #444744;
    text-decoration: none;
}

.product-name a:hover, .product-box:hover .product-name a {
    text-decoration: underline;
    color: #f39200;
}

.topsell-products .product-name a, .new-products .product-name a, .coming-products .product-name a {
    color: #444744;
    text-decoration: none;
}

.topsell-products .product-name a:hover,
.new-products .product-name a:hover,
.coming-products .product-name a:hover,
.topsell-products .product-box:hover .product-name a,
.new-products .product-box:hover .product-name a,
.coming-products .product-box:hover .product-name a {
    color: #f39200;
    text-decoration: underline;
}

/* Product Tags */
.tags-list {
    font-size: 1.2em;
}

.tags-list li {
    display: inline;
}

/* Advanced Search */
.advanced-search-summary {
    padding: 15px 0;
}

.catalogsearch_header {
    margin: 0 0 20px;
}

.catalogsearch_result h1 {
    margin: 0 0 5px;
}

/* Sitemap */
.page-sitemap .links {
    text-align: right;
    margin: 0 8px 0 0;
}

.page-sitemap .links a {
    text-decoration: none;
    position: relative;
}

.page-sitemap .links a:hover {
    text-decoration: underline;
}

.page-sitemap .sitemap {
    margin: 25px 12px;
}

.page-sitemap .sitemap li {
    margin: 3px 0;
}

.page-sitemap .sitemap li.level-0 {
    margin: 10px 0 0;
    font-weight: bold;
}

.page-sitemap .pager {
    border: 0;
    padding-left: 0;
}

/* RSS */
.rss-title h1 {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/i_rss-big.png") 0 4px no-repeat;
    padding-left: 27px;
}

.rss-table .link-rss {
    display: block;
    line-height: 1.35;
    background-position: 0 2px;
}

/* ======================================================================================= */


/* Aftersearch Navigation ================================================================ */
.block-layered-nav .currently .actions a {
    width: auto !important;
}

#aftersearch {
    margin: 0;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    z-index: 10;
    padding: 0 !important
}

#aftersearch h2 {
    color: #588398;
    font-size: 12px;
    margin-bottom: 10px !important;
    margin-left: 0 !important;
    padding-top: 0 !important;
}

#aftersearch a {
    color: #3D3D3D;
}

#aftersearch .form_background12,
#aftersearch .form_background12 > div > div {
    padding: 0 !important;
}

#aftersearch .form_background12 {
    padding-bottom: 5px !important;
}

#aftersearch > div > div {
    border: 0 !important;
    margin-top: 15px !important;
    color: #3D3D3D;
}

#aftersearch .container {
    overflow: auto;
    width: 100%;
    margin-bottom: 5px;
}

#aftersearch .showmore {
    text-decoration: none;
    color: #702283;
    display: inline-block;
    margin-bottom: 0;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/icon-aftersearch-showmore.png") no-repeat 0 3px;
    padding-left: 16px
}

#aftersearch .showless {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/icon-aftersearch-showless.png") no-repeat 0 3px !important;
}

#aftersearch .showmore:hover {
    text-decoration: underline;
}

#aftersearch .after-search-link {
    width: calc(33.33333% - 4px) !important;
    margin-right: 6px;
    margin-bottom: 10px;
    position: relative;
}

#aftersearch .after-search-link:nth-child(3n+2) {
    margin-right: 0;
}


#aftersearch .after-search-link a {
    position: absolute;
    text-decoration: none;
    box-sizing: border-box;
    padding: 0 35px 0 10px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#aftersearch .after-search-link a span {
    float: left;
    position: relative;
    top: 50%;
    transform: translatey(-50%);
}

#aftersearch .after-search-popup {
    padding: 6px 8px 12px !important;
    width: calc(33.33333% - 4px) !important;
    border: 1px solid #ccc;
    border-radius: 3px;
    z-index: 10;
    color: #48819E;
    font-weight: normal;
}

* + html #aftersearch .after-search-popup {
    width: 197px;
}

#aftersearch .after-search-popup .after-search-close {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/icon-aftersearch-close.png") no-repeat 0 2px;
    width: 12px;
    height: 14px;
    float: right;
}

#aftersearch .after-search-popup ol {
    margin-top: 5px;
}

#aftersearch .after-search-popup li {
    margin-bottom: 3px;
    display: block;
}

#aftersearch .after-search-popup li a {
    text-decoration: none;
    font-weight: bold;
    color: #48819E;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/icon-aftersearch-add.png") no-repeat 0 2px;
    padding-left: 16px
}

#aftersearch .after-search-popup li a:hover {
    color: #48819E;
    text-decoration: underline;
}

.layered-clear.button {
    color: #702283 !important;
    margin: 0 !important;
}

/* Auswahlbox */
#aftersearch .form_selected-elements {
    /*	border:1px solid #ccc !important;*/
    padding: 12px 10px !important;
    /*	border-radius: 3px;*/
    margin-bottom: 20px !important;
    background: #efefef;
    width: 95%;
}

#aftersearch .form_selected-elements > div > div {
    padding: 0 !important;
}

#aftersearch .form_selected-elements .item {
    display: inline-block;
    margin: 0px 15px 0 0;
    min-width: 25%;
    float: left;
    vertical-align: top;
}

#aftersearch .form_selected-elements .item a,
#aftersearch .form_selected-elements .actions a, .layered-clear.button {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/icon-aftersearch-delete.png") no-repeat 0 2px;
    padding-left: 16px;
    text-transform: none !important;
    text-decoration: none;
    margin-top: 2px;
}

#aftersearch .form_selected-elements .item a:hover,
#aftersearch .form_selected-elements .actions a:hover {
    text-decoration: underline;
}

#aftersearch .form_selected-elements .actions {
    margin-top: 0 !important;
}

#aftersearch .block-subtitle {
    display: none;
}

#aftersearch .actions {
    padding: 0;
}

.block-layered-nav #aftersearch .currently li {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/icon-aftersearch-delete.png") no-repeat 0 2px;
    padding-left: 16px;
    color: #702283;
    padding-bottom: 0px;
}

#aftersearch .btn-remove {
    display: none;
}

/* ======================================================================================= */


/* Shopping Cart ========================================================================= */
/* Checkout Types */
.cart .page-title .giveaway-error {
    line-height: 25px;
}

.cart .checkout-types {
    float: right;
    text-align: right;
}

.cart .checkout-types li {
    padding-bottom: 10px;
}

.cart .title-buttons .checkout-types li {
    float: left;
    margin: 0 0 5px 5px;
}

/*.cart .checkout-types li button span{background:transparent url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/checkout_button.png") 0 0 no-repeat;}*/
/*.cart .checkout-types li button span span{background-position:100% 0; padding-top:6px;}*/
.cart .checkout-types .paypal-or {
    margin: 0 8px;
    line-height: 2.3;
}

.cart .totals .checkout-types .paypal-or {
    clear: both;
    display: block;
    padding: 3px 55px 8px 0;
    line-height: 1.0;
    font-size: 11px;
}

.cart .cart-box {
    border: 1px solid #ECECED;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    padding: 9px;
    margin: 0 0 5px 0;
    background: #fff;
}

.cart .cart-box .prescription-messages-box {
    padding: 0 5px;
    border-top: 1px solid #ddd;
}

.cart .cart-box .prescription-messages-head {
    margin: 10px 0 0 0;
}

.cart .cart-box .prescription-messages {
    margin: 10px 0 0 0;
}

.cart .cart-box .prescription-messages li {
    margin: 0 0 0 25px;
    list-style-type: square;
}

.cart .cart-box .prescription-options-img {
    width: 170px;
}

/* Shopping Cart Table */
.cart-table {
    border: none;
}

.cart-table select {
    float: left;
    margin-right: 10px;
}

.cart-table .please-wait {
    color: #9E9E9E;
}

.cart-table .prescription-info {
    color: #f39200;
    font-family: "TheSansC5-SemiBold";
}

.cart-table th {
    border: none;
    border-bottom: 1px solid #ddd;
    font-weight: normal;
}

.cart-table tr {
    border: none;
    border-bottom: 1px solid #ddd;
}

.cart-table tr.odd {
    background-color: #fff;
}

.cart-table tr.last {
    border: none;
}

.cart-table td {
    border: none;
}

.cart-table td.product a {
    margin: 0 0 0 20px;
}

.cart-table td.product h2 a {
    margin: 0;
}

.cart-table td.delete {
    padding: 5px 75px;
}

.cart-table td.qty {
    padding: 5px 25px;
    width: 55px;
}

.cart-table a {
    color: #f39200;
    text-decoration: none;
}

.cart-table a:hover {
    text-decoration: underline;
}

.cart-table tfoot tr {
    border: none;
}

.cart-table .btn-remove {
    display: inline-block;
    padding: 0 25px 0 0;
    text-indent: 0;
    font-size: 1.0em;
    line-height: 18px;
    width: auto;
    height: 18px;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/btn_remove.gif") top right no-repeat;
}

.cart-table .cart-price .price {
    font-size: 1.2em;
}

.cart-table .item-msg {
    font-size: 10px;
}

/* Shopping Cart Collateral boxes */
.cart .cart-collaterals {
    padding: 20px 0 0;
}

.cart .cart-collaterals .col2-set {
    float: left;
    width: calc(100% - 295px);
}

.cart .cart-collaterals .col2-set .col-1 {
    width: 270px;
}

.cart .cart-collaterals .col2-set .col-2 {
    width: 390px;
}

.cart .crosssell {
    border: 1px solid #ECECED;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    padding: 14px 16px 0 19px;
}

.cart .crosssell h2 {
    font-weight: normal;
}

.cart .crosssell .product-name a {
    font-weight: normal;
    color: #3d3d3d;
}

.cart .crosssell .product-image {
    float: left;
    width: 108px;
    height: 104px;
    border: 1px solid #ECECED;
}

.cart .crosssell .product-details {
    margin-left: 130px;
}

.cart .crosssell .product-details .price-box {
    margin-bottom: 10px;
}

.cart .crosssell .product-details .price {
    font-size: 1em;
    color: #3d3d3d;
}

.cart .crosssell li.item {
    margin: 15px 0 25px;
}

.cart .crosssell .add-to-links {
    float: right;
    margin-top: 15px;
}

/* Discount Codes & Estimate Shipping and Tax Boxes */
.cart .discount h2,
.cart .shipping h2 {
    color: #702283;
    text-transform: uppercase;
    font-size: 1.3em;
}

.cart .discount {
    margin-bottom: 0;
}

.cart .discount .discount-form {
    background: #fff;
    float: left;
    width: 100%;
    border: 1px solid #ECECED;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    padding: 19px;
}

.cart .discount .discount-form .input-box {
    float: left;
    margin: 0 0 0 0
}

.cart .discount .discount-form .input-box a {
    margin: 2px 0 0 0;
    color: #f39200;
    text-decoration: none;
    font-size: 0.8725em;
}

.cart .discount .discount-form .input-box a:hover {
    text-decoration: underline;
}

.cart .discount .discount-form .label-box {
    float: left;
    margin: 0 0 0 0;
    padding: 4px 5px 0 0;
}

.cart .discount .discount-form label {
    float: left;
    font-size: 1.0em;
    font-weight: bold;
    color: #702283;
}

.cart .discount .discount-form input.input-text {
    width: 250px;
    padding: 4px;
}

.cart .discount .discount-form input.used {
    color: #ccc;
}

.cart .discount .discount-form .buttons-set {
    clear: none;
    margin: 0 0 0 0;
    padding: 0;
    float: left;
}

.cart .discount button {
    margin-left: 5px;
}

.couponType {
    float: left;
    margin: 5px 0;
    width: 100%
}

.couponType input {
    float: left;
    margin: 1px 5px 0 0
}

.cart .shipping .form-list {
    margin-top: 10px;
}

.cart .shipping .shipping-form {
    border: 1px solid #ECECED;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    padding: 14px 16px 0 19px;
}

.cart .shipping input.input-text {
    width: 341px;
}

.cart .shipping select {
    width: 349px;
}

/* Shopping Cart Totals */
.cart .totals {
    float: right;
    width: 275px;
    position: relative;
    text-align: center;
}

.cart .trust {
    background: #fff;
    float: right;
    margin: 20px 0 0 0;
    width: 275px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    padding: 19px;
    display:none
}


.cart .cart-collaterals .totals {
    background: #fff;
    border: 0px solid #e5e5e5;
    padding: 15px;
    border-radius: 5px;
}


.cart .totals .price {
    padding: 0 0 0 50px;
    font-size: 1.2em;
    color: #3d3d3d;
}

.cart .totals table {
    width: 100%;
}

.cart .totals table th,
.cart .totals table td {
    padding: 5px 0;
    vertical-align: middle;
}
.cart .totals table td {
    white-space: nowrap;
}
.cart .totals table strong {
    font-weight: normal;
}

.cart .totals table tfoot {
    border-top: 1px solid #3d3d3d
}

.cart .totals table tfoot .price {
    font-weight: bold;
    font-size: 1.2em !important;
}

.cart .totals .checkout-types {
    margin-top: 25px;
    text-align: right;
    float: none;
}

.cart .totals .checkout-types li {
    padding: 0;
}

.cart .totals .checkout-types li a {
    color: #76A517;
    font-weight: bold;
}


.cart .subTotalPrescriptions {
    float: right;
    width: 350px;
    padding: 15px;
    position: relative;
    background-color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: left;
    margin: 10px 0;
}
.cart .subTotalPrescriptions span,.cart .subTotalPrescriptions strong {
	color: #702283;
	font-size: 13px;
}
.cart .subTotalPrescriptions div {
    float: right;
    color: #3d3d3d;
    font-size: 1.2em;
}

.cart .subTotalPrescriptions label {
    float: left;
}


/* Options Tool Tip */
.item-options dt {
    font-weight: bold;
    font-style: italic;
}

.item-options dd {
    padding-left: 10px;
}

.truncated {
    cursor: help;
}

.truncated a.dots {
    cursor: help;
}

.truncated a.details {
    cursor: help;
}

.truncated .truncated_full_value {
    position: relative;
    z-index: 999;
}

.truncated .truncated_full_value dl {
    position: absolute;
    top: -99999em;
    left: -99999em;
    z-index: 999;
    width: 250px;
    padding: 8px;
    border: 1px solid #ddd;
    background-color: #000;
}

.truncated .truncated_full_value dd {
    padding-bottom: 3px;
    padding-top: 3px;
}

.truncated .show dl {
    top: -20px;
    left: 50%;
}

.col-left .truncated .show dl {
    left: 30px;
    top: 7px;
}

.col-right .truncated .show dl {
    left: -240px;
    top: 7px;
}

/* ======================================================================================= */


/* Checkout ============================================================================== */
/********** < Common Checkout Styles */
/* Shipping and Payment methods */
.sp-methods {
    margin-top: 10px;
}

.sp-methods dt {
    font-weight: bold;
    padding-bottom: 10px;
}

.sp-methods .price {
    font-weight: bold;
}

.sp-methods .form-list {
    padding-left: 20px;
}

.sp-methods select.month {
    width: 150px;
    margin-right: 10px;
}

.sp-methods select.year {
    width: 96px;
}

.sp-methods input.cvv {
    width: 3em !important;
}

.sp-methods .checkmo-list li {
    margin: 0 0 5px;
}

.sp-methods .checkmo-list label {
    width: 135px;
    padding-right: 10px;
    text-align: right;
}

.sp-methods .checkmo-list address {
    float: left;
}

.sp-methods .centinel-logos a {
    margin-right: 3px;
}

.sp-methods .centinel-logos img {
    vertical-align: middle;
}

.sp-methods .release-amounts {
    margin: 0.5em 0 1em;
}

.sp-methods .release-amounts button {
    float: left;
    margin: 5px 10px 0 0;
}

.please-wait {
    float: right;
    margin-right: 5px;
}

.please-wait img {
    vertical-align: middle;
}

.cvv-what-is-this {
    cursor: help;
    margin-left: 5px;
}

/* Tooltip */
.tool-tip {
    border: 1px solid #ddd;
    background-color: #f6f6f6;
    padding: 5px;
    position: absolute;
    z-index: 9999;
}

.tool-tip .btn-close {
    text-align: right;
}

.tool-tip .btn-close a {
    display: block;
    margin: 0 0 0 auto;
    width: 15px;
    height: 15px;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/btn_window_close.gif") 100% 0 no-repeat;
    text-align: left;
    text-indent: -999em;
    overflow: hidden;
}

.tool-tip .tool-tip-content {
    padding: 5px;
}

/* Gift Messages */
.gift-messages-form {
    border: 1px solid #B6B6B6;
    background-color: #FFF;
}

.gift-messages-form {
    position: relative;
}

.gift-messages-form .inner-box {
    padding: 10px;
    width: 589px;
    overflow: hidden;
}

.gift-messages-form label {
    float: none !important;
    position: static !important;
}

.gift-messages-form .whole-order {
    padding-bottom: 15px;
}

.gift-messages-form textarea {
    width: 82% !important;
}

.gift-messages-form .item {
    margin: 10px 0;
}

.gift-messages-form .item .product-img-box {
    float: left;
    width: 75px;
}

.gift-messages-form .item .product-image {
    margin: 0 0 7px;
}

.gift-messages-form .item .number {
    margin: 0;
    font-weight: bold;
    text-align: center;
}

.gift-messages-form .item .details {
    margin-left: 90px;
}

.gift-message-link {
    display: block;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/bkg_collapse.gif") 0 4px no-repeat;
    padding-left: 20px;
}

.gift-message-link.expanded {
    background-position: 0 -53px;
}

.gift-message-row .btn-close {
    float: right;
}

.gift-message dt strong {
    font-weight: bold;
}

/* Checkout Agreements */
.checkout-agreements li {
    margin: 10px 0;
}

.checkout-agreements .agreement-content {
    border: 1px solid #ddd;
    background-color: #f6f6f6;
    padding: 5px;
    height: 10em;
    overflow: auto;
}

.checkout-agreements .agree {
    padding: 6px;
}

/* Centinel */
.centinel .authentication {
    border: 1px solid #ddd;
    background: #fff;
}

.centinel .authentication iframe {
    width: 99%;
    height: 400px;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* One Page Checkout */
.block-progress .block-title span {
    font-size: 1.3em;
    font-weight: normal;
    color: #702283;
    padding-left: 0 !important;
}

.block-progress dl {
    color: #3d3d3d;
    position: relative;
    padding: 15px 0px;
}

.block-progress dt {
    font-family: TheSansC5-Plain;
    border-bottom: 1px solid #EBECED;
    padding: 17px 0;
}

.block-progress dt.complete {
    padding: 17px 0 8px 0;
    border: none;
}

.block-progress dt.complete a {
    float: right;
    font-weight: normal;
    color: #f39200;
    text-decoration: none;
}

.block-progress dt.complete a:hover {
    text-decoration: underline;
}

.block-progress dd {
    margin-top: 5px;
    padding: 8px;
    border: 2px solid #dfdfdf;
    border-radius: 5px;
}

.block-progress a {
    color: #3d3d3d;
}

.opc #opc-login .col-2 .buttons-set {
    left: auto;
    right: 0;

}

.opc #opc-login .buttons-set {
    position: absolute;
    bottom: 0;
    width: 49%;
    left: 0;
}

#opc-login .col2-set {
    position: relative;
    padding-bottom: 40px;
}


.opc {
    position: relative;
}

.opc a {
    color: #f39200;
    text-decoration: none;
}

.opc a:hover {
    text-decoration: underline;
}

.opc li.section {
    border-bottom: 0;
    position: relative
}

.opc .buttons-set.disabled button.button {
    display: none;
}

.opc .buttons-set .please-wait {
    height: 21px;
    line-height: 21px;
}

.opc .step-title {
    background: #fff;
    padding: 8px 10px;
    margin: 0 0 8px;
    text-align: right;
    border: 1px solid #EBECED;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
}

.opc .step-title .number {
    float: left;
    line-height: normal;
    font-weight: bold;
    margin-right: 12px;
    padding: 3px 9px;
    border: 1px solid #f39200;
    color: #fff;
    background: #f39200;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
}

.opc .step-title h2 {
    float: left;
    color: #3d3d3d;
    margin-bottom: 0;
    padding-top: 4px;
}

.opc .step-title a {
    display: none;
    float: right;
}

.opc .allow .step-title {
    cursor: pointer;
}

.opc .active .step-title {
    cursor: default;
}

.opc .active .step-title .number {
    background: #702283;
    border-color: #702283;
    color: #fff;
}

.opc .step {
    margin: 0 0 10px 0;
    position: relative;
    padding: 15px;
    border: 2px solid #dfdfdf;
    border-radius: 5px;
    background: #fff;
}

.opc #checkout-step-login h2 {
    border-bottom: 1px solid #DFDFDF;
    padding-bottom: 3px;
    margin-bottom: 5px;
}

.opc #checkout-step-login .col-1 ul {
    margin: 10px 15px;
    list-style: square;
}

.opc #checkout-step-login .col-1 ul.form-list {
    margin: 10px 0;
    list-style: none;
}

.opc #checkout-step-login .col-1 ul.form-list label {
    margin-top: 3px;
    float: left
}

.opc #checkout-step-login .col-1 ul.form-list input.radio {
    margin-top: 4px;
    float: left
}

.opc #checkout-step-login .col-1 li {
    margin: 0 0 5px 0;
}

.opc #checkout-step-login .col-2 ul {
    margin: 10px 0;
}

.opc #checkout-step-login {
}

.opc #checkout-step-login {
}

.opc #checkout-step-login {
}

.opc #checkout-step-login .buttons-set a.f-left {
    color: #3D3D3D;
    text-decoration: underline;
}

.opc #checkout-step-login .buttons-set a.f-left:hover {
    text-decoration: none;
}

.opc #checkout-step-review.step {
    margin: 0;
}

.opc #checkout-review-table-wrapper {
    margin: 7px;
}

.opc #checkout-review-table img {
    margin: 0 10px 0 0;
}

.opc .step .tool-tip {
    right: 10px;
}

.opc .buttons-set {
    margin: 20px 0 0 0;
    padding: 0;
    border: 0;
}

.opc .field {
    width: 325px;
    height: auto;
}

.opc .fields input[type=checkbox],
.opc .field input[type=checkbox] {
    width: auto;
    float: left;
    margin: 0 5px 0 0
}

.opc .field.fullwidth {
    width: 100%;
}


.opc .name-lastname,
.opc .field-2 {
    width: 292px;
    float: left;
}

.opc .field-2 input {
}

.opc .field-2 select {
    width: 264px;
}

.opc .name-firstname {
    width: 325px;
}

.opc .name-middlename {
    width: 156px;
}

.opc .name-middlename input {
    width: 81px !important;
}

.opc .remember-me label {
    float: none !important;
    margin-left: 3px;
}

.opc .sp-methods {
    margin: 0;
}

.opc .sp-methods dt {
    padding-bottom: 5px;
}

.opc .checkout-article-summary {
}

.opc .checkout-article-summary .data-table tr {
    border-bottom: 1px solid #BBBBBB;
}

.opc .checkout-article-summary .data-table tr.first {
    border-top: 1px solid #BBBBBB;
}

.opc .checkout-article-summary .data-table td {
    border: none;
}

.opc .checkout-article-summary .data-table th {
    color: #666666;
}

.opc .checkout-agreements-after {
    margin-top: 10px;
}

.opc .buttons-set .f-left {
    padding: 6px;
}

.opc .cart { /*float: right;width:540px*/
}

.opc .cart .totals {
    padding: 15px 7px;
    width: 100%;
}

.opc .please-wait {
    margin: 0;
}

.opc .cart .please-wait {
    float: right;
    margin: 5px;
}

.opc .cart form {
    float: left;
    margin: 0;
    width: 530px
}

.opc .product-name {
    height: auto;
    font-weight: bold;
    font-size: 1em;
}

.opc .price {
    font-size: 1.1em !important;
}

.opc fieldset .required em {
    color: #f39200 !important;
    margin-right: 5px !important;
    font-weight: bold !important;
}

.opc p.required {
    color: #f39200;
}

.opc fieldset li h2 {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 3px;
}

.opc .sp-methods p {
    font-weight: normal;
    padding: 0 100px 0 20px;
    margin-bottom: 10px;
}

.opc .sp-methods li label {
    vertical-align: middle;
}

.opc .prescription-notice {
    background: #cbe9f3 url('https://www.diashop.de/skin/frontend/default/diashopresponsive/images/opc_info.gif') no-repeat 22px 22px;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 10px 40px 20px 75px;
    overflow: auto;
}

.opc .prescription-notice h2 {
    font-size: 1.4em
}

.opc .prescription-notice p {
}

.opc #checkout-payment-method-load dd {
    width: 550px;
}

.opc .data-table td {
    vertical-align: top;
}

.opc .data-table td img {
    float: left
}

.opc .payment-logo, dd.complete .payment-logo {
    background: none;
    width: 51px;
    height: 32px;
    float: right;
}

.opc .payment-logo span, dd.complete .payment-logo span {
    width: 51px;
    height: 32px;
}

.opc .carrier-input {
    float: left;
    padding: 8px 0 0;
    width: 140px;
}

.opc .carrier-logo {
    background: none;
    margin: 0 0 10px 0;
    width: 51px;
    height: 33px;
    float: left;
}

.opc .carrier-logo span {
    width: 51px;
    height: 32px;
}

.opc .carrier-price-info {
    float: right;
}

.opc .carrier-price-info .price {
    color: #3d3d3d;
    font-size: 1.2em;
    position: relative;
    top: 8px;
}

/* payment method logos */
.opc .visa, dd.complete .visa {
    width: 112px;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/i_footer.png") no-repeat scroll 0 -42px transparent;
}

.opc .nachna, dd.complete .nachna {
    background: none;
}

.opc .rechnu, dd.complete .rechnu {
    background: none;
}

.opc .vorkas, dd.complete .vorkas {
    background: none;
}

.opc .paypal, dd.complete .paypal {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/i_footer.png") no-repeat scroll 0 -84px transparent;
}

.opc .online, dd.complete .online {
    width: 112px;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/i_footer.png") no-repeat scroll 0 -335px transparent;
}

.opc .lastsc, dd.complete .lastsc {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/i_footer.png") no-repeat scroll 0 -377px transparent;
}

/* carrier logos */
.opc .dhl {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/i_footer.png") no-repeat scroll 0 -168px transparent;
}

.opc .ups {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/i_footer.png") no-repeat scroll 0 -210px transparent;
}

.opc .flat {
    background: none;
}

/* cart success */
.cart_success_header {
    border: 2px solid #dfdfdf;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 8px 20px 8px 200px;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/shipping_teaser.jpg") no-repeat scroll 0 0 #fff;
    overflow: hidden;
}

.cart_success_header h2 {
    font-size: 1.6em
}

.cart_success_header p {
}

.cart_success_header .order-info-link {
    float: left;
    margin: 10px 10px 10px 0;
    overflow: hidden;
    line-height: 200%;
}

.cart_success_header a {
    color: #702283;
    text-decoration: none;
}

.cart_success_header a:hover {
    text-decoration: underline;
}


/* Multiple Addresses Checkout */
.checkout-progress {
    padding: 0 50px;
    margin: 10px 0;
}

.checkout-progress li {
    float: left;
    width: 20%;
    border-top: 5px solid #ccc;
    text-align: center;
    color: #ccc;
}

.checkout-progress li.active {
    border-top-color: #000;
    color: #000;
}

.multiple-checkout {
    position: relative;
}

.multiple-checkout .tool-tip {
    top: 50%;
    margin-top: -120px;
    right: 10px;
}

.multiple-checkout .grand-total {
    font-size: 1.5em;
    text-align: right;
}

/* ======================================================================================= */


/* Account Login/Create Pages ============================================================ */
.account-login .form-list {
    margin-top: 15px;
}

.new-users ul {
    margin: 10px 15px;
    list-style: square;
}

.new-users ul li {
    margin: 0 0 5px 0;
}

.account-login .content {
    height: 330px;
    border: 2px solid #dfdfdf;
    border-radius: 5px;
    padding: 8px;
}

.account-login .content-top {
    margin-bottom: 10px;
    min-height: 220px;
    overflow: hidden;
}

.account-login .content h2 {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 3px;
    margin-bottom: 5px;
}

.account-login .content p.required {
    color: #f39200;
}

.account-login .content a {
    color: #702283;
    text-decoration: none;
}

.account-login .content a:hover {
    text-decoration: underline;
}


/* My Account ============================================================================= */
.my-account .page-title h1 {
    float: left;
}

.my-account .link-order-history {
    margin: 4px 0 5px 20px;
    float: left;
    color: #f39200;
}

.my-account .title-buttons .link-rss {
    float: none;
    margin: 0;
}

.my-account .my-tag-edit {
    margin-bottom: 10px;
}

.my-account .my-tag-edit a.btn-remove {
    float: left;
    margin-right: 5px;
}

.my-account .my-wishlist .buttons-set button {
    margin-left: 10px;
}

.my-account .col2-set {
    padding: 10px 0;
}

.my-account .order-items h2 {
    margin: 10px 0;
}

.my-account .tags-list {
    font-size: 1.2em;
}

.my-account .pager {
    border: 0;
    padding-left: 0;
}

.my-account .addresses-list ol .item {
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.my-account .addresses-list ol .no-border, .my-account .addresses-list ol .empty {
    border: none;
}

.my-account .addresses-list ol .empty p {
    text-align: left;
}

.my-account .addresses-list ol address {
    margin-bottom: 10px;
}

.my-account .addresses-list ol p {
    text-align: right;
}

.my-account .addresses-list .new-button {
    text-align: right;
    margin: 10px 0;
}

.my-account input {
    float: left;
}

.my-account li.control label {
    float: left !important;
    width: 90%;
}

/* mpe */
.my-account a {
    color: #702283;
    text-decoration: none;
}

.my-account a:hover {
    text-decoration: underline;
}

.my-account .box {
    border: 2px solid #dfdfdf;
    border-radius: 5px;
    padding: 8px;
    overflow: hidden;
    min-height: 140px;
}

.my-account .box-head {
    border-bottom: 1px solid #dfdfdf;
}

.my-account .box .box-title {
    border-bottom: 1px solid #dfdfdf;
}

.my-account .box .box-title h3 {
    padding-bottom: 0px;
}

.my-account .box-head h2 {
    font-size: 1.1em;
}

.my-account .addresses-primary ol,
.my-account .addresses-additional ol {
    border: 2px solid #dfdfdf;
    border-radius: 5px;
    padding: 8px;
    overflow: hidden;
}

.my-account .addresses-primary .item h3,
.my-account .addresses-additional .item h3 { /*border-bottom:1px solid #dfdfdf;*/
    padding-bottom: 5px;
}

.my-account .fieldset {
    border: 2px solid #dfdfdf;
    border-radius: 5px;
    padding: 8px;
}

.my-account .fieldset .legend {
    border: none;
    border-bottom: 1px solid #dfdfdf;
    font-size: 1.1em;
    background: none;
    margin: 10px 0;
    padding: 0 0 3px;
    float: none;
}

.my-account .fieldset input.input-text,
.my-account .fieldset select,
.my-account .fieldset textarea {
    background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #999999;
    border-radius: 2px 2px 2px 2px;
    padding: 4px;
}

.my-account .fieldset select {
    padding: 2px;
}

.my-account .fieldset .required em {
    color: #f39200;
    margin-right: 5px;
    font-weight: bold;
}

.my-account p.required {
    color: #f39200;
}

.my-account .limiter select,
.my-account fieldset td select,
.my-account select.qty {
    background: none repeat scroll 0 0 #DCEBF2;
    border-color: #999999;
    border-radius: 2px 2px 2px 2px;
    color: #48819E;
}

.my-account .price {
    float: none;
    font-weight: normal !important;
    font-size: 1.2em !important;
}

.my-account .data-table td {
    border-bottom: none;
}

/* mpe */

.account-create .field {
    width: 325px;
}

.account-create .title-buttons .link-rss {
    float: none;
    margin: 0;
}

.account-create .health_insurance_number_text {
    float: left;
    padding: 5px 400px 10px 0;
}

.account-create .passwordnotice {
    float: left;
    padding: 5px 0 10px 0;
}

.account-create .my-tag-edit {
    margin-bottom: 10px;
}

.account-create .my-tag-edit a.btn-remove {
    float: left;
    margin-right: 5px;
}

.account-create .my-wishlist .buttons-set button {
    margin-left: 10px;
}

.account-create .col2-set {
    padding: 10px 0;
}

.account-create .order-items h2 {
    margin: 10px 0;
}

.account-create .tags-list {
    font-size: 1.2em;
}

.account-create .pager {
    border: 0;
    padding-left: 0;
}

.account-create .addresses-list ol .item {
    padding-bottom: 20px;
}

.account-create input {
    float: left;
}

.account-create li.control label {
    float: left !important;
    width: 90%;
}

.account-create a {
    color: #702283;
    text-decoration: none;
}

.account-create a:hover {
    text-decoration: underline;
}

.account-create .box {
    border: 2px solid #dfdfdf;
    padding: 8px;
    overflow: hidden;
}

.account-create .box-head {
    border-bottom: 1px solid #dfdfdf;
}

.account-create .box .box-title {
    border-bottom: 1px solid #dfdfdf;
}

.account-create .box .box-title h3 {
    padding-bottom: 0px;
}

.account-create .box-head h2 {
    font-size: 1.1em;
}

.account-create .addresses-primary ol,
.account-create .addresses-additional ol {
    border: 2px solid #dfdfdf;
    padding: 8px;
    overflow: hidden;
}

.account-create .addresses-primary .item h3,
.account-create .addresses-additional .item h3 {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 5px;
}

.account-create .fieldset {
    border: 2px solid #dfdfdf;
    border-radius: 5px;
    padding: 8px;
}

.account-create .fieldset .field {
    height: auto;
}

.account-create .fieldset .legend {
    border: none;
    border-bottom: 1px solid #dfdfdf;
    font-size: 1.1em;
    background: none;
    margin: 10px 0;
    padding: 0 0 3px;
    float: none;
}

.account-create .fieldset input.input-text,
.account-create .fieldset select,
.account-create .fieldset textarea {
    background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #999999;
    border-radius: 2px 2px 2px 2px;
    padding: 4px;
}

.account-create .fieldset select {
    padding: 2px;
}

.account-create .fieldset .required em {
    color: #f39200;
    margin-right: 5px;
    font-weight: bold;
}

.account-create p.required {
    color: #f39200;
}

.account-create .limiter select,
.account-create fieldset td select,
.account-create select.qty {
    background: none repeat scroll 0 0 #DCEBF2;
    border-color: #999999;
    border-radius: 2px 2px 2px 2px;
    color: #48819E;
}


/********** < Dashboard */
.dashboard .welcome-msg .hello {
    margin-bottom: 10px;
}

.dashboard .col2-set {
    padding: 15px 0;
}

.dashboard .box-title,
.dashboard .box-head {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

.dashboard .box-title h2,
.dashboard .box-title h3,
.dashboard .box-head h2,
.dashboard .box-head h3 {
    float: left;
}

.dashboard .box-title a,
.dashboard .box-head a {
    float: right;
}

/* Block: Recent Orders */
.dashboard .box-recent {
    margin: 10px 0;
    float: left;
    width: 100%;
    overflow: auto;
}

/* Block: Reviews */
.dashboard .box-reviews {
    padding-bottom: 15px;
}

.dashboard .box-reviews .number {
    float: left;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    margin: 3px -20px 0 0;
    padding: 2px 3px;
    background: #ddd;
}

.dashboard .box-reviews .details {
    margin-left: 20px;
}

.dashboard .box-reviews .details .ratings strong {
    float: none;
    display: block;
    margin-bottom: 3px;
}

.dashboard .box-reviews .details .ratings .rating-box {
    float: none;
}

/* Block: Tags */
.dashboard .box-tags .number {
    float: left;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    margin: 3px -20px 0 0;
    padding: 2px 3px;
    background: #ddd;
}

.dashboard .box-tags .details {
    margin-left: 20px;
}

.dashboard .box-tags .details .tags li {
    display: inline;
}

/********** Dashboard > */

/* Order View */
.order-info {
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 5px;
}

.order-info dt,
.order-info dd,
.order-info ul,
.order-info li {
    display: inline;
}

.order-info dt {
    font-weight: bold;
}

.order-date {
    margin: 10px 0;
}

.order-items {
    width: 100%;
    overflow-x: auto;
}

.order-additional {
    margin: 15px 0;
}

.gift-message dt strong {
    color: #666;
}

.gift-message dd {
    margin: 5px 0 0;
    font-size: 13px;
}

.order-about {
    margin: 15px 0;
}

.order-about dt {
    font-weight: bold;
}

.order-about dd {
    font-size: 13px;
    margin: 0 0 7px;
}

.tracking-table {
    margin: 0 0 15px;
}

.tracking-table th {
    font-weight: bold;
    white-space: nowrap;
}

.tracking-table-popup {
    width: 100%;
}

.tracking-table-popup th {
    font-weight: bold;
    white-space: nowrap;
}

.tracking-table-popup th,
.tracking-table-popup td {
    padding: 1px 8px;
}

/* Order Print Pages */
.page-print .print-head {
    padding-bottom: 20px;
}

.page-print .print-head img {
    float: left;
}

.page-print .print-head address {
    float: left;
    margin-left: 15px;
}

.page-print .col2-set {
    padding: 15px 0;
}

/* Price Rewrites */
.page-print .gift-message-link {
    display: none;
}

.page-print .price-excl-tax,
.page-print .price-incl-tax {
    display: block;
    white-space: nowrap;
}

.page-print .cart-price,
.page-print .price-excl-tax .label,
.page-print .price-incl-tax .label,
.page-print .price-excl-tax .price,
.page-print .price-incl-tax .price {
    display: inline;
}

/* My Reviews */
.product-review .product-img-box {
    float: left;
    width: 140px;
}

.product-review .product-img-box .product-image {
    display: block;
    width: 125px;
    height: 125px;
    margin-bottom: 15px;
}

.product-review .product-img-box .label {
    font-size: 11px;
    margin: 0 0 3px;
}

.product-review .product-img-box .ratings .rating-box {
    float: none;
    display: block;
    margin: 0 0 7px;
}

.product-review .product-img-box .ratings .rating-links a {
    display: block;
}

.product-review .product-img-box .ratings .rating-links .separator {
    display: none;
}

.product-review .product-details {
    margin-left: 150px;
}

.product-review .product-name {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
}

.product-review .ratings-table {
    margin: 0 0 10px;
}

.product-review dt {
    font-weight: bold;
}

.product-review dd {
    font-size: 13px;
    margin: 5px 0 0;
}

/* ======================================================================================= */

.catalogsearch-advanced-index .col-main .form-list label {
    float: none;
}

.review-customer-index .col-main .pager,
.sales-order-history .col-main .pager {
    margin: 10px 0 0 0;
    border: 0;
    padding-left: 0;
}


.review-customer-index .data-table, .sales-order-history .data-table {
    margin: 0px 0 20px 0;
    width: 100%;
}


.home-slider {
    padding: 10px 0 0 0;
    position: relative;
}

.home-slider .right-bot {
    padding: 9px;
    height: 238px;
    float: left;
    width: calc(100% - 0px);
    /* margin: 0 9px; */
    background: #fff;
    border-radius: 10px;
}

.home-slider .right {
    width: 300px;
}

a.home-banner-1 {
    float: right;
    padding: 0 0 11px 0;
}

div.home-banner-1 {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/button_wiederbestellen_inactive.png") no-repeat scroll 100% 0 transparent;
    height: 37px;
    width: 300px;
}

div.home-banner-1:hover {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/button_wiederbestellen_active.png") no-repeat scroll 100% 0 transparent;
}

.home-banner-2 {
    float: right;
}

#slider1 .owl-carousel .owl-stage-outer {

    padding-bottom: 15px;
}

.stripViewer {
    overflow: hidden;
    position: relative;
}

#slider1 {
    overflow: hidden;
    width: calc(100% - 300px);

}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #702283 !important;
    border-color: #702283 !important;
}

.owl-theme .owl-dots .owl-dot span {
    width: 13px !important;
    height: 13px !important;
    margin: 0 2px !important;
    background: none !important;

    border: 1px solid #999491 !important;
}

.owl-theme .owl-dots, .owl-theme .owl-nav {
    text-align: right !important;
}

.owl-carousel.owl-theme.owl-diashop .owl-dots {

    margin-top: -41px !important;
    right: 30px !important;
}

#slider1 ul {
    position: relative;
    height: 220px;
    overflow: hidden;
}

#slider1 ul li {
    float: left;
    position: relative;
    width: 100%;
}

#slider2 {
    overflow: hidden;
}

#slider2 ul {
    position: relative;
    height: 265px;
    overflow: hidden;
}

#slider2 ul li {
    float: left;
    position: relative;
    width: 471px;
    height: 265px;
}

.stripTransmitter {
    position: absolute;
    bottom: 20px;
    left: -5px;
}

.stripTransmitter ul {
    float: right;
}

.stripTransmitter li {
    margin-right: 4px;
    float: left;
}

.stripTransmitter li a {
    display: block;
    width: 13px;
    height: 13px;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/media/slider_btn.png") left center no-repeat;
    text-decoration: none;
}

.stripTransmitter li a:hover,
.stripTransmitter li a.current {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/media/slider_btn_hover.png") left top no-repeat;
}

.owl-theme .owl-nav [class*="owl-"] {
}

.owl-theme .owl-nav [class*="owl-"] span {
    font-size: 79px !important;
    height: 50px;
    display: inline-block;
    line-height: 37px !important;
}

.owl-prev {
    position: absolute;
    left: -28px;
    top: 50%;
    transform: translateY(-50%);
}

.owl-next {
    position: absolute;
    right: -28px;
    top: 50%;
    transform: translateY(-50%);
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    color: #d3d3d3 !important;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
    background: transparent !important;
    color: #f39200 !important;

}


.home-category-teaser {
    padding: 10px 0 0 0;
    text-align: center
}

.home-category-teaser .left .right-bot {
    padding: 9px;
}

.home-category-teaser .right, .home-category-teaser .left {
    width: calc(50% - 4px);
}

.home-category-teaser .right .right-bot {
    padding: 9px;
}

.home-category-teaser .video .projekktor .right {
    height: auto;
    width: auto
}

.home-logos {
    padding: 10px 0 0 0;
}

.home-logos .right-bot {
    padding: 20px 8px;
}

.home-logos .page-title {
    padding: 0 12px;
}

.home-logos .brand-logos a {
    display: block;
    float: left;
    width: 20%;
    height: 50px;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/media/brand_logos.gif") 0 0 no-repeat;
    text-indent: -9999px;
}

.brand-logo-box {
    padding: 10px 0 0 0;
}

.brand-logo-box .right-bot {
    padding: 20px 8px;
}

.brand-logo-box .page-title {
    padding: 0 12px 0 0;
}

.brand-logo-box .brand-logos {
    margin: 0 0 15px 0;
    padding: 10px;
    width: 685px;
    overflow: hidden;
    border: 2px solid #D3D3D3;
    border-radius: 10px;
}

.brand-logo-box .brand-logos a {
    display: block;
    float: left;
    width: 25%;
    height: 50px;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/media/brand_logos.gif") 0 0 no-repeat;
    text-indent: -9999px;
}

.brand-logos a.accuchek {
    background-position: 0 0;
}

.brand-logos a.contour {
    background-position: 0 -50px;
}

.brand-logos a.bgstar {
    background-position: 0 -100px;
}

.brand-logos a.onetouch {
    background-position: 0 -150px;
}

.brand-logos a.beurer {
    background-position: 0 -200px;
}

.brand-logos a.freestyle {
    background-position: 0 -250px;
}

.brand-logos a.coaguchek {
    background-position: 0 -300px;
}

.brand-logos a.bd {
    background-position: 0 -350px;
}

.brand-logos a.veo {
    background-position: 0 -400px;
}

.brand-logos a.diabetescare {
    background-position: 0 -450px;
}

.brand-logos a.omnipod {
    background-position: 0 -500px;
}

.brand-logos a.humapen {
    background-position: 0 -550px;
}

.brand-logos a.roto {
    background-position: 0 -600px;
}

.brand-logos a.optifine {
    background-position: 0 -650px;
}

.brand-logos a.pura {
    background-position: 0 -700px;
}

.brand-logos a.bayer {
    background-position: 0 -750px;
}

.brand-logos a.boso {
    background-position: 0 -800px;
}

.brand-logos a.bsn {
    background-position: 0 -850px;
}

.brand-logos a.callusan {
    background-position: 0 -900px;
}

.brand-logos a.cleo {
    background-position: 0 -950px;
}

.brand-logos a.credo {
    background-position: 0 -1000px;
}

.brand-logos a.frio {
    background-position: 0 -1050px;
}

.brand-logos a.fusspunkt {
    background-position: 0 -1100px;
}

.brand-logos a.hartmann {
    background-position: 0 -1150px;
}

.brand-logos a.hypofit {
    background-position: 0 -1200px;
}

.brand-logos a.imedc {
    background-position: 0 -1250px;
}

.brand-logos a.jubin {
    background-position: 0 -1300px;
}

.brand-logos a.klinion {
    background-position: 0 -1350px;
}

.brand-logos a.mepilex {
    background-position: 0 -1400px;
}

.brand-logos a.mio {
    background-position: 0 -1450px;
}

.brand-logos a.moelnlycke {
    background-position: 0 -1500px;
}

.brand-logos a.presto {
    background-position: 0 -1550px;
}

.brand-logos a.quickset {
    background-position: 0 -1600px;
}

.brand-logos a.sanofi {
    background-position: 0 -1650px;
}

.brand-logos a.sos {
    background-position: 0 -1700px;
}

.brand-logos a.suret {
    background-position: 0 -1750px;
}

.brand-logos a.urgo {
    background-position: 0 -1800px;
}

.brand-logos a.wellion {
    background-position: 0 -1850px;
}

.brand-logos a.berlipen {
    background-position: 0 -1900px;
}

.brand-logos a.novopen {
    background-position: 0 -1950px;
}

.brand-logos a.tactipen {
    background-position: 0 -2000px;
}

.brand-logos a.animas {
    background-position: 0 -2050px;
}

.brand-logos a.novofine {
    background-position: 0 -2100px;
}

.brand-logos a.omron {
    background-position: 0 -2150px;
}

.brand-logos a.clikstar {
    background-position: 0 -2200px;
}

.brand-logos a.unifine {
    background-position: 0 -2250px;
}

.brand-logos a.rapidlink {
    background-position: 0 -2300px;
}

.brand-logos a.orbit {
    background-position: 0 -2350px;
}

.brand-logos a.allpresan {
    background-position: 0 -2400px;
}

.brand-logos a.askina {
    background-position: 0 -2450px;
}

.brand-logos a.peha {
    background-position: 0 -2500px;
}

.brand-logos a.dline {
    background-position: 0 -2550px;
}

.brand-logos a.glucotabs {
    background-position: 0 -2600px;
}

.brand-logos a.pda {
    background-position: 0 -2650px;
}

.brand-logos a.glucomen {
    background-position: 0 -2700px;
}

.brand-logos a.omnican {
    background-position: 0 -2750px;
}

.brand-logos a.canderel {
    background-position: 0 -2800px;
}

.brand-logos a.stevia {
    background-position: 0 -2850px;
}

.brand-logos a.glucojuice {
    background-position: 0 -2900px;
}

.brand-logos a.nordisk {
    background-position: 0 -2950px;
}

.brand-logos a.apimanu {
    background-position: 0 -3000px;
}

.brand-logos a.medima {
    background-position: 0 -3050px;
}

.brand-logos a.smartlab {
    background-position: 0 -3100px;
}

.brand-logos a.sterican {
    background-position: 0 -3150px;
}

.brand-logos a.inratio {
    background-position: 0 -3200px;
}

.brand-logos a.zuegg {
    background-position: 0 -3250px;
}

.brand-logos a.dana {
    background-position: 0 -3300px;
}

.brand-logos a.darbo {
    background-position: 0 -3350px;
}

.brand-logos a.diabur {
    background-position: 0 -3400px;
}

.brand-logos a.micral {
    background-position: 0 -3450px;
}

.brand-logos a.ketur {
    background-position: 0 -3500px;
}

.brand-logos a.combur {
    background-position: 0 -3550px;
}

.brand-logos a.schluetersche {
    background-position: 0 -3600px;
}

.brand-logos a.kirchheim {
    background-position: 0 -3650px;
}

.brand-logos a.gu {
    background-position: 0 -3700px;
}

.brand-logos a.dorling {
    background-position: 0 -3750px;
}

.brand-logos a.trias {
    background-position: 0 -3800px;
}

.brand-logos a:hover.accuchek {
    background-position: -200px 0;
}

.brand-logos a:hover.contour {
    background-position: -200px -50px;
}

.brand-logos a:hover.bgstar {
    background-position: -200px -100px;
}

.brand-logos a:hover.onetouch {
    background-position: -200px -150px;
}

.brand-logos a:hover.beurer {
    background-position: -200px -200px;
}

.brand-logos a:hover.freestyle {
    background-position: -200px -250px;
}

.brand-logos a:hover.coaguchek {
    background-position: -200px -300px;
}

.brand-logos a:hover.bd {
    background-position: -200px -350px;
}

.brand-logos a:hover.veo {
    background-position: -200px -400px;
}

.brand-logos a:hover.diabetescare {
    background-position: -200px -450px;
}

.brand-logos a:hover.omnipod {
    background-position: -200px -500px;
}

.brand-logos a:hover.humapen {
    background-position: -200px -550px;
}

.brand-logos a:hover.roto {
    background-position: -200px -600px;
}

.brand-logos a:hover.optifine {
    background-position: -200px -650px;
}

.brand-logos a:hover.pura {
    background-position: -200px -700px;
}

.brand-logos a:hover.bayer {
    background-position: -200px -750px;
}

.brand-logos a:hover.boso {
    background-position: -200px -800px;
}

.brand-logos a:hover.bsn {
    background-position: -200px -850px;
}

.brand-logos a:hover.callusan {
    background-position: -200px -900px;
}

.brand-logos a:hover.cleo {
    background-position: -200px -950px;
}

.brand-logos a:hover.credo {
    background-position: -200px -1000px;
}

.brand-logos a:hover.frio {
    background-position: -200px -1050px;
}

.brand-logos a:hover.fusspunkt {
    background-position: -200px -1100px;
}

.brand-logos a:hover.hartmann {
    background-position: -200px -1150px;
}

.brand-logos a:hover.hypofit {
    background-position: -200px -1200px;
}

.brand-logos a:hover.imedc {
    background-position: -200px -1250px;
}

.brand-logos a:hover.jubin {
    background-position: -200px -1300px;
}

.brand-logos a:hover.klinion {
    background-position: -200px -1350px;
}

.brand-logos a:hover.mepilex {
    background-position: -200px -1400px;
}

.brand-logos a:hover.mio {
    background-position: -200px -1450px;
}

.brand-logos a:hover.moelnlycke {
    background-position: -200px -1500px;
}

.brand-logos a:hover.presto {
    background-position: -200px -1550px;
}

.brand-logos a:hover.quickset {
    background-position: -200px -1600px;
}

.brand-logos a:hover.sanofi {
    background-position: -200px -1650px;
}

.brand-logos a:hover.sos {
    background-position: -200px -1700px;
}

.brand-logos a:hover.suret {
    background-position: -200px -1750px;
}

.brand-logos a:hover.urgo {
    background-position: -200px -1800px;
}

.brand-logos a:hover.wellion {
    background-position: -200px -1850px;
}

.brand-logos a:hover.berlipen {
    background-position: -200px -1900px;
}

.brand-logos a:hover.novopen {
    background-position: -200px -1950px;
}

.brand-logos a:hover.tactipen {
    background-position: -200px -2000px;
}

.brand-logos a:hover.animas {
    background-position: -200px -2050px;
}

.brand-logos a:hover.novofine {
    background-position: -200px -2100px;
}

.brand-logos a:hover.omron {
    background-position: -200px -2150px;
}

.brand-logos a:hover.clikstar {
    background-position: -200px -2200px;
}

.brand-logos a:hover.unifine {
    background-position: -200px -2250px;
}

.brand-logos a:hover.rapidlink {
    background-position: -200px -2300px;
}

.brand-logos a:hover.orbit {
    background-position: -200px -2350px;
}

.brand-logos a:hover.allpresan {
    background-position: -200px -2400px;
}

.brand-logos a:hover.askina {
    background-position: -200px -2450px;
}

.brand-logos a:hover.peha {
    background-position: -200px -2500px;
}

.brand-logos a:hover.dline {
    background-position: -200px -2550px;
}

.brand-logos a:hover.glucotabs {
    background-position: -200px -2600px;
}

.brand-logos a:hover.pda {
    background-position: -200px -2650px;
}

.brand-logos a:hover.glucomen {
    background-position: -200px -2700px;
}

.brand-logos a:hover.omnican {
    background-position: -200px -2750px;
}

.brand-logos a:hover.canderel {
    background-position: -200px -2800px;
}

.brand-logos a:hover.stevia {
    background-position: -200px -2850px;
}

.brand-logos a:hover.glucojuice {
    background-position: -200px -2900px;
}

.brand-logos a:hover.nordisk {
    background-position: -200px -2950px;
}

.brand-logos a:hover.apimanu {
    background-position: -200px -3000px;
}

.brand-logos a:hover.medima {
    background-position: -200px -3050px;
}

.brand-logos a:hover.smartlab {
    background-position: -200px -3100px;
}

.brand-logos a:hover.sterican {
    background-position: -200px -3150px;
}

.brand-logos a:hover.inratio {
    background-position: -200px -3200px;
}

.brand-logos a:hover.zuegg {
    background-position: -200px -3250px;
}

.brand-logos a:hover.dana {
    background-position: -200px -3300px;
}

.brand-logos a:hover.darbo {
    background-position: -200px -3350px;
}

.brand-logos a:hover.diabur {
    background-position: -200px -3400px;
}

.brand-logos a:hover.micral {
    background-position: -200px -3450px;
}

.brand-logos a:hover.ketur {
    background-position: -200px -3500px;
}

.brand-logos a:hover.combur {
    background-position: -200px -3550px;
}

.brand-logos a:hover.schluetersche {
    background-position: -200px -3600px;
}

.brand-logos a:hover.kirchheim {
    background-position: -200px -3650px;
}

.brand-logos a:hover.gu {
    background-position: -200px -3700px;
}

.brand-logos a:hover.dorling {
    background-position: -200px -3750px;
}

.brand-logos a:hover.trias {
    background-position: -200px -3800px;
}


/* Category Logos ========================================================================= */

.brands-index {
    font-size: 1.5em;
    margin: 10px 0 20px 0;
    overflow: hidden;
}

.brands-index li {
    float: left;
    margin: 3px;
    font-size: 0.8em;
}

.brands-letter {
    margin: 0 10px;
    border-bottom: 1px solid #DFDFDF;
}

.brands-letter h2 {
    font-size: 2em;
}

.brands-toplink {
    float: right;
}

.brands-range {
    margin: 10px 0 20px;
    overflow: hidden;
    border: 2px solid #dfdfdf;
    border-radius: 5px;
    padding: 8px;
}

.brands-range .brand-logo-box {
    padding: 0;
}

.brands-range .brand-logo-box .brand-logos {
    border: 0;
    margin: 0;
    padding: 0;
    width: auto;
}

.brands-range .brand-logo-box .brand-logos a {
    width: 25%;
}

.brands-range .brands-list {
    float: left;
    margin: 10px;
    width: 30%;
}

/* FACT-Finder ================================================================================ */
.factfinder-footer {
    text-align: center;
    color: #C7C7C7;
    font-size: 9px;
}

.factfinder-footer a {
    text-decoration: none;
    color: #C7C7C7;
    font-size: 9px;
}

.factfinder-footer a:hover {
    text-decoration: underline;
}

/* Footer ================================================================================ */
.footer {
	padding: 0;
	color: #444744;
	float: left;
	width: 100%;
}

.footer .footer-block {
}

.footer .footer-block .right-bot {
    padding: 19px 0;
}

.footer .footer-block,
.footer .footer-block .bot-bg,
.footer .footer-block .left-bg,
.footer .footer-block .right-bg,
.footer .footer-block .left-top,
.footer .footer-block .right-top,
.footer .footer-block .left-bot,
.footer .footer-block .right-bot {
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
}

.footer .block-currency {
    float: right;
    width: 250px;
}

.footer .block-currency select {
    width: 122px;
}

.footer .form-language {
    width: 195px;
    padding-top: 10px;
}

.footer .form-language select {
    width: 100px;
}

.footer ul {
    margin: 20px 0 0 0;
    line-height: 1.4
}

.footer ul li {
}

.footer ul li a {
    color: #444744;
    text-decoration: none;
}

.footer ul li a:hover {
    text-decoration: underline;
}

.footer .payment {
    float: left;
    margin: 0 100px 40px 0;
    padding: 0;
    width: 150px;
}

.footer .group {
    float: left;
}

.footer .secure {
    float: left;
    margin: 0 0 14px 0;
}

.footer .shipping {
    clear: left;
}

.footer .siegel {
    clear: left;
    float: left;
    margin: 20px 0 0 0
}

.footer .siegel span {
    float: left;
    margin: 10px 10px 0 0;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/diashop-sigel.png") 0 0 no-repeat;
    width: 60px;
    height: 41px;
    text-indent: -9999px;
}

.footer .siegel a {
    float: left;
    width: 60px;
    height: 41px;
}

.footer .siegel strong {
    display: block;
}

.footer .company,
.footer .service {
    float: right;
    margin: 0 0 40px 0;
    padding: 0 50px 0 0;
}

.footer .contact {
    float: right;
    margin: 0 0 40px 0;
    padding: 0 30px 0 0;
}

.footer .payment span,
.footer .shipping span,
.footer .payment span a,
.footer .shipping span a {
    display: block;
    margin: 0 0 10px 0;
    width: 51px;
    height: 32px;
    text-indent: -9999px;
}

.footer .secure span,
.footer .secure span a {
    display: block;
    margin: 0 0 10px 0;
    width: 33px;
    height: 33px;
    text-indent: -9999px;
}

.footer .payment strong {
    display: block;
}

.footer .payment span {
    margin: 20px 20px 10px 0;
    float: left;
}

.footer .payment span.mc {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/i_footer.png") 0 0 no-repeat;
}

.footer .payment span.visa {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/i_footer.png") 0 -42px no-repeat;
}

.footer .payment span.pp {
    margin-top: 0;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/i_footer.png") 0 -84px no-repeat;
    clear: left;
}

.footer .payment span.su {
    margin-top: 0;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/i_footer.png") 0 -335px no-repeat;
}

.footer .payment span.gp {
    margin-top: 0;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/i_footer.png") 0 -419px no-repeat;
    clear: left;
}

.footer .payment span.ec {
    margin-top: 0;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/i_footer.png") 0 -377px no-repeat;
}

.footer .payment span.billsafe {
    margin-top: 0;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/i_footer.png") -53px -254px no-repeat;
}

.footer .secure strong {
    display: block;
}

.footer .secure span.dk {
    float: left;
    margin: 20px 10px 0 0;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/i_footer.png") 0 -252px no-repeat;
    width: 27px;
}

.footer .secure span.ts {
    float: left;
    margin: 20px 0 0 0;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/i_footer.png") 0 -293px no-repeat;
}

.footer .shipping strong {
    display: block;
}

.footer .shipping span.dhl {
    float: left;
    margin: 20px 10px 0 0;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/i_footer.png") 0 -168px no-repeat;
}

.footer .shipping span.ups {
    float: left;
    margin: 20px 0 0 0;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/i_footer.png") 0 -210px no-repeat;
}

.footer .shipping span.gogreen {
    float: left;
    margin: 20px 0 0 0;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/gogreen_footer.png") 0 0px no-repeat;
    width: 85px;
    border-radius: 2px;
}

.footer .shipping span.gogreen a {
    display: block;
    margin: 0 0 10px 0;
    width: 85px;
    height: 32px;
    text-indent: -9999px;
}


.footer .copy {
    float: left;
}

.footer address {
    font-size: 0.91em;
}

.footer .footer-indent {
    padding: 15px 0px 30px;
    color: #444744;
}

.footer .footer-indent a {
    color: #444744;
}

.seo-footer-container .footer-indent {
    padding: 0 0px;
}

.footer .catalog-listing {
    padding: 0 0 30px 0;
}

.footer .catalog-listing a {
    text-decoration: none;
}

.footer .catalog-listing a:hover {
    text-decoration: underline;
}

.footer .catalog-listing .category-wrapper {
    float: left;
    width: 19%;
    padding-right: 1%;
}

.footer .catalog-listing p {
    margin: 0 0 10px;
    color: #727272;
    font-size: 1.3em;
}

.footer .catalog-listing .category {
    display: block;
    margin: 0 0 5px;
    font-family: "TheSansC5-SemiBold";
    color: #727272;
}

.footer .catalog-listing .subcategory {
    display: block;
    margin: 0 0 5px;
    font-family: "TheSansC5-SemiBold";
    color: #444744;
    line-height: 1.25em;
}

.footer .catalog-listing .subsubcategory {
    display: block;
    margin: 0 0 5px;
    line-height: 1.4;
}

.footer .catalog-listing .subsubcategory a {
    color: #444744;
}


.footer .fb-button {
    /*background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/btn_facebook_besuchen_footer_230x40.png") no-repeat scroll 0 0 transparent;*/
    color: #fff;
    font-size: 11px;
    margin: 0;
    padding: 5px 10px;
    position: fixed;
    right: 10px;
    bottom: 2px;
    width: 230px;
    height: 40px;
    z-index: 1000;
}


/* ======================================================================================= */


/* Clears ================================================================================ */
.clearer:after,
.header-container:after,
.header-container .top-container:after,
.header:after,
.header .quick-access:after,
#nav:after,
.main:after,
.footer:after,
.footer-container .bottom-container:after,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col4-set:after,
.search-autocomplete li:after,
.block .block-content:after,
.block .actions:after,
.block li.item:after,
.block-poll li:after,
.block-layered-nav .currently li:after,
.page-title:after,
.products-grid:after,
.products-list li.item:after,
.box-account .box-head:after,
.dashboard .box .box-title:after,
.box-reviews li.item:after,
.box-tags li.item:after,
.pager:after,
.sorter:after,
.ratings:after,
.add-to-box:after,
.add-to-cart:after,
.product-essential:after,
.product-collateral:after,
.product-view .product-img-box .more-views ul:after,
.product-view .product-shop .short-description:after,
.product-view .box-description:after,
.product-view .box-tags .form-add:after,
.product-options .options-list li:after,
.product-options-bottom:after,
.product-review:after,
.cart:after,
.cart-collaterals:after,
.cart .crosssell li.item:after,
.opc .step-title:after,
.checkout-progress:after,
.multiple-checkout .place-order:after,
.group-select li:after,
.form-list li:after,
.form-list .field:after,
.buttons-set:after,
.page-print .print-head:after,
.advanced-search-summary:after,
.gift-messages-form .item:after,
.send-friend .form-list li p:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
}

/* ======================================================================================= */

.block-account .block-content a, .block-account .block-content .current {
    color: #000;
}

/* insulin pump date */
.form-list .customer-ipd input.input-text {
    display: block;
}

.form-list .customer-ipd .dob-month, .form-list .customer-ipd .dob-day, .form-list .customer-ipd .dob-year {
    float: left;
    width: 85px;
}

.form-list .customer-ipd .dob-day input.input-text, .form-list .customer-ipd .dob-month input.input-text {
    width: 46px;
}

.form-list .customer-ipd .dob-year input.input-text {
    width: 134px;
}

.form-list .customer-ipd .dob-day, .form-list .customer-ipd .dob-month {
    width: 60px;
}

.form-list .customer-ipd label {
    color: #888888;
    font-size: 10px;
    font-weight: normal;
}

.prescription-options-hover {
    display: none;
    -moz-border-radius: 10px;
    border-radius: 10px;
    left: 165px;
    background-color: white;
    border: 2px solid #f39200;
    padding: 15px;
    position: absolute;
    top: 65px;
    width: 250px;
    color: #333333;
    z-index: 100;
}

.cart-table .prescription-options-hover {
    left: 330px;
    top: 120px;
}

.no-desktop.close {
    position: absolute;
    right: 8px;
    top: 4px;
    display: none
}

.isMobile .no-desktop.close {

    display: block
}


.prescription-options-hover h3 {
    margin-bottom: 3px;
}

.prescription-options-hover p {
    margin-bottom: 10px;
}

.prescription-box .prescription-options {
    float: left;
    margin-right: 10px;
}

.prescription-box .prescription-options-img {
    float: left;
}

.cashondelivery-info {
    text-align: right;
    margin: 10px 0 0 0;
}

#brand-title {
    margin: 10px 10px 0 10px;
    padding: 0;
}

#brand-options-content {
    margin: 0 10px;
    padding-bottom: 10px;
}

#brand-option {

}

#all-brands-link {
    white-space: nowrap;
    color: #702283;
    text-decoration: none;
    font-size: 0.95em;
}

.header .cms-nav {
    display: block;
    height: 40px;
    text-align: center;
    float: left;
}

.cms-nav li {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/menu_left_bg.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    float: left;
}

.cms-nav li a {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/menu_right_bg.png") no-repeat scroll right top rgba(0, 0, 0, 0);
    color: #fff;
    float: left;
    font-size: 1.3em;
    padding: 0 18px 0 19px;
    text-transform: none;
}

/* Nur Firefox */
@-moz-document url-prefix() {
    .cms-nav li a {
        padding: 0 15px 0 16px;
    }
}


.cms-nav li a {
    display: block;
    text-decoration: none;
}

.cms-nav li a span {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/menu_bg.png") repeat-x scroll left top rgba(0, 0, 0, 0);
    display: block;
    padding: 13px 0;
}


.cms-nav li a span {
    cursor: pointer;
    display: block;
    white-space: nowrap;
}


.cms-nav li:hover,
.cms-nav li.active {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/menu_left_bg_active.png") left top no-repeat;
}

.cms-nav li:hover a,
.cms-nav li.active a {
    color: #FBFBFB;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/menu_right_bg_active.png") right top no-repeat;
}

.cms-nav li:hover a span,
.cms-nav li.active a span {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/menu_bg_active.png") left top repeat-x;
}

/* Brand Menu */

div.brands {

}

.brands li {
    list-style: none;
    position: relative;
    cursor: pointer;
}

.brands ul li {
    float: none;
}

.header .brands {
    background-color: #702283;
    display: block;
    text-align: center;
    float: right;
    border-radius: 0 5px 5px 0;
}

.header .brands:hover {
}

.header .brands li span {
    color: #FFFFFF;
    font-size: 1.2em;
    text-transform: none;
    font-weight: normal;
    display: block;
}

.header .brands li ul span span {
    color: #FFFFFF;
    background-position: 100% 0;
    padding: 5px 0 0 0;
}


.header .brands li ul span {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/bkg_button.png") no-repeat scroll 0 0 transparent;
    font: bold 13px Arial, Helvetica, sans-serif;
    display: block;
    height: 25px;
    width: 110px;
    margin: 0 auto;
    padding-left: 2px;
}


#brand-nav a {
    text-decoration: none;

    float: left;
    padding: 13px 13px 13px 13px;
}

.header .brands li ul {
    position: absolute;
    width: 266px;
    border: 2px solid #702283;
    border-radius: 5px 5px 5px 5px;
    background-color: #FFFFFF;
    z-index: 1200;
    top: 41px;
    left: -9999px;
}

.header .brands li ul.shown-sub {
    left: -130px;
}

#brands li {
    float: left;
    padding: 0;
    margin-left: 2px;
}

#brands li a {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/sprite_logos_flyOut-brand.jpg") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 50px;
    text-indent: -9999px;
    width: 130px;
    padding: 0;
}

#brands li.all-brands {
    border-top: 1px dotted #C1C2C2;
    width: 252px;
    margin-left: 8px;
}

#brands li a.all-brands-anchor {
    background: none;
    text-indent: 0;
    float: none;
    margin: 15px auto;
    height: auto;
}

#brands a.bd {
    background-position: -45px -60px;
}

#brands a.bd:hover {
    background-position: -245px -60px;
}

#brands a.bgstar {
    background-position: -45px -160px;
}

#brands a.bgstar:hover {
    background-position: -245px -160px;
}

#brands a.accuchek {
    background-position: -45px -10px;
}

#brands a.accuchek:hover {
    background-position: -245px -10px;
}

#brands a.beurer {
    background-position: -45px -110px;
}

#brands a.beurer:hover {
    background-position: -245px -110px;
}

#brands a.contour {
    background-position: -45px -210px;
}

#brands a.contour:hover {
    background-position: -245px -210px;
}

#brands a.diabetescare {
    background-position: -45px -260px;
}

#brands a.diabetescare:hover {
    background-position: -245px -260px;
}

#brands a.freestyle {
    background-position: -45px -310px;
}

#brands a.freestyle:hover {
    background-position: -245px -310px;
}

#brands a.nordisk {
    background-position: -45px -360px;
}

#brands a.nordisk:hover {
    background-position: -245px -360px;
}

#brands a.onetouch {
    background-position: -45px -410px;
}

#brands a.onetouch:hover {
    background-position: -245px -410px;
}

#brands a.veo {
    background-position: -45px -460px;
}

#brands a.veo:hover {
    background-position: -246px -459px;
}

.quick-access-meta {
    position: absolute;
    right: 19px;
    top: 24px;
}

.footer-indent div.mid {
    margin-left: 145px;
}

.footer-indent div.mid a {
    color: #f39200;
}

/*cyberday*/
#giveaway-container {
    background-image: url(https://www.diashop.de/skin/frontend/default/diashopresponsive/images/bg-giveaway-container.jpg);
    background-repeat: no-repeat;
    border: 2px solid #79b113;
    border-radius: 5px;
    float: left;
    width: 100%;
    margin: 0 0 10px;
}

#giveaway-container ul {
    margin: 55px 0 0 0;
}

.giveaway-error-message-content {
    font-weight: bold;
    border-color: #f16048;
    background-color: #faebe7;
    color: #df280a;
    padding: 15px;
    margin-bottom: 15px
}

.giveaway-success {
    font-weight: bold;
    border-color: #f16048;
    background-color: #eff5ea;
    color: #3d6611;
    padding: 15px;
    margin-bottom: 15px;
    width: 921px;
}

#giveaway-container li {
    background-color: #f1f8e8;
    float: left;
    width: 230px;
    margin: 0 4px 10px 6px;
    border-radius: 7px;
    padding: 10px;
    height: 285px;
    text-align: center;
}

#giveaway-container .one li {
    margin: 0 4px 10px 360px;
}

#giveaway-container .two li:first-child {
    margin: 0 4px 10px 243px;
}

#giveaway-container .three li:first-child {
    margin: 0 4px 10px 130px;
}


.giveawayName {
    width: 140px;
    margin: 0 0 0 30px;
    color: #f39200;
    height: 80px;
}

.buttonCheckbox {
    background-image: url(https://www.diashop.de/skin/frontend/default/diashopresponsive/images/bkg_button_checkbox.png);
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    color: #fff;
    width: 206px;
    height: 25px;
    font-weight: bold;
    margin: 10px 0 0 0;
    cursor: pointer
}

.buttonCheckbox.aktiv {
    background-image: url(https://www.diashop.de/skin/frontend/default/diashopresponsive/images/bkg_button_checkbox_aktiv.png);
}

.giveawayAddto {
    background-image: url(https://www.diashop.de/skin/frontend/default/diashopresponsive/images/bkg_button_giveaway_addto.jpg);
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    color: #fff;
    width: 348px;
    height: 25px;
    font-weight: bold;
    cursor: pointer
}

.giveawayAddto span {
    line-height: 25px;
    height: 25px;
    display: block
}

#button-giveaways {
    width: 348px;
    height: 25px;
    margin: 0px 0 10px 300px;
    text-align: center;
    float: left

}


.formSmalTitle {
    font-size: 1.5em;
    color: #79b113;
    margin: 15px 0 15px 199px

}

.formBigTitle {
    line-height: 1.0em;
    font-size: 1.9em;
    color: #333333;
    margin: 0 0 7px 199px;
    font-weight: bold
}

.formTxt {
    font-size: 1.1em;
    line-height: 1.8em;
    color: #8e8f91;
    margin: 0 0 0 199px
}

.box-eu-import {
    border: 1px solid #000;
    float: right;
    width: 400px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
    -khtml-border-radius: 3px; /* Konqueror */
    border-radius: 3px; /* CSS3 */

}

.box-eu-import {
    border: 1px solid #6a9d00;
    float: right;
    width: 386px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
    -khtml-border-radius: 3px; /* Konqueror */
    border-radius: 3px; /* CSS3 */
    padding: 9px 5px 11px 9px

}

.box-eu-import-header {
    color: #8ab911;
    font-size: 17px;
    font-weight: bold;
    float: left;
    width: 255px;
    margin: 0 0 5px 0
}

.box-eu-import-name {
    color: #666666;
    font-size: 14px;
    float: left;
    width: 255px;
    line-height: 25px
}

.box-eu-import-price {
    color: #f59300;
    font-size: 18px;
    font-weight: bold;
    float: left;
    width: 255px;
    margin: 2px 0 8px 0
}

.box-eu-import-button {
    float: left;
    width: 255px;
}


.box-eu-import-button a {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/bkg_button.png") no-repeat scroll 0 0 transparent;
    color: #fff;
    float: left;
    font: bold 13px Arial, Helvetica, sans-serif;
    height: 25px;
    padding: 0 0 0 10px;
    text-align: center;
    white-space: nowrap;
}

.box-eu-import-button a span {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/bkg_button.png") no-repeat scroll 0 0 transparent;
    background-position: 100% 0;
    padding: 5px 10px 5px 0;
    float: left;

}

.box-eu-import-stoerer {
    background-image: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/bg-eu-import-stoerer.png");
    width: 120px;
    height: 120px;
    font-size: 44px;
    color: #fff;
    float: right;
    font-weight: bold;
    text-shadow: 2px 1px 1px rgba(0, 0, 0, 1);

}

.box-eu-import-stoerer span.stoerer-text {
    -webkit-transform: rotate(11deg);
    -moz-transform: rotate(11deg);
    -o-transform: rotate(11deg);
    writing-mode: lr-tb;
    float: left;
    width: 120px;
    text-align: center;
    margin: 37px 0 0 0;
}


.box-eu-import-stoerer span.stoerer-percent {
    font-size: 16px;
    -webkit-transform: rotate(11deg);
    -moz-transform: rotate(11deg);
    -o-transform: rotate(11deg);
    writing-mode: lr-tb;
    float: left;
    width: 120px;
    text-align: center;
    margin: 12px 0 0 0;
}


.noBorder th {
    border-width: 0px
}

.appliedCoupons {
    font-size: 11px;
    margin: 15px 0
}

.couponCodesText {
    float: left;
    font-size: 9px;
    width: 100%;
    color: #f39200;
}


#my-orders-table .prescriptionSplitTitle, #checkout-review-table .prescriptionSplitTitle, #shopping-cart-table .prescriptionSplitTitle {
    font-weight: bold;
    color: #702283;
    font-size: 1.1em;
}

.bannerCart,.bannerCartSecond {
    float: left;
    margin-top: 19px;
}

.formSmalTitle.special {
    font-size: 1.8em;
}

#contactForm.returnForm .form-list {
    border-right: none;
}

.returnform-element {
    margin-top: 10px !important;
    padding: 0 5px;
}

.returnform-element span {
    margin-left: 5px;
}

#returnform-table {
    width: 100%;
    margin: 15px 0;
}

#returnform-table th, #returnform-table td {
    padding: 5px;
}

#returnform-table input {
    width: 100%;
}

.paypal-express-review h2.legend {
    width: 100%;
    margin: 10px 0
}

.paypal-express-review .col2-set .col-1 {
    float: left;
    min-height: 150px;
    width: 45%;
    padding: 2%;
    border: 1px solid #ECECED;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.paypal-express-review .col2-set .col-2 {
    float: right;
    min-height: 150px;
    width: 45%;
    padding: 2%;
    border: 1px solid #ECECED;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.paypal-express-review .totals {
    float: right;
    width: 245px;
    padding: 15px;
    position: relative;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
}

.paypal-express-review .totals .price {
    padding: 0 0 0 50px;
    font-size: 1.2em;
    color: #3d3d3d;
}

.paypal-express-review .totals table {
    width: 100%;
}

.paypal-express-review .totals table th,
.paypal-express-review .totals table td {
    padding: 5px 0;
    vertical-align: middle;
}

.paypal-express-review .totals table strong {
    font-weight: normal;
}

.paypal-express-review .totals table tfoot {
    border-top: 1px solid #3d3d3d
}

.paypal-express-review .totals table tfoot .price {
    font-weight: bold;
    font-size: 1.2em !important;
}

.paypal-express-review .totals .checkout-types {
    margin-top: 25px;
    text-align: right;
    float: none;
}

.paypal-express-review .totals .checkout-types li {
    padding: 0;
}

.paypal-express-review .totals .checkout-types li a {
    color: #76A517;
    font-weight: bold;
}

.paypal-express-review #shipping_method {
    width: 100%;
}

.paypal-express-review .totals {
    margin: 10px 0 10px 0;
}

span.days {
    float: left;
    width: 30px;
}

.price-request {
    font-family: "TheSansC5-SemiBold";
    color: #c61402;
    font-size: 1.53em;
}


#recently-viewed-items .product-name-box h3 {
    font-family: TheSansC5-Light;
    font-size: 1.1em;
}

#recently-viewed-items .regular-price .price {
    font-size: 1.1em;
}

#recently-viewed-items .promotion,
#recently-viewed-items .price-box .uvp-price,
#recently-viewed-items .price-box .clear-price,
#product_tabs_related_tabbed_contents .promotion,
#product_tabs_related_tabbed_contents .uvp-price {
    display: none
}

#checkout-progress-wrapper .changelink .separator {
    display: none
}

.itemType.prescriptionSplitTitle, .itemType.prescriptionSplitTitle.last, #checkout-review-table td.prescriptionSplitTitle.last {
    text-align: left;
}


.block-layered-nav .showmore {
    cursor: pointer;
}


.col-left.sidebar #sln-filter-default {
    display: none;
}

.after-search-link {
    overflow: hidden;
}

.customPopup {
    position: fixed;
    z-index: 9999;
    width: 604px;
    height: 305px;
    left: 50%;
    top: 100px;
    margin-left: -302px;
    background-color: #ffffff;
}

.customPopup.dqo {
    /** width: 1280px;
    height: 890px; **/
    width: 896px;
    height: 683px;

    left: 50%;
    margin-left: -448px;
    top: 50px;
    position: absolute
}


.customPopup.dqo img {
    width: 100%;

}

.dqo-shop, .dqo-more {
    float: right;
    font-size: 30px;
    height: auto;
    line-height: normal;
    margin-right: 70px;
    text-align: left;
    text-decoration: none;
    width: 242px;
}

.dqo-more {
    margin-top: 20px;
}

.dqo-shop {
    background: #702283 none repeat scroll 0 0;
    color: white;
    height: 70px;
    line-height: 70px;
    margin-top: 30px;
    text-align: center;
}

.popupTrans {
    position: fixed;
    z-index: 9998;
    height: 100%;
    width: 100%;
    opacity: 0.7;
    background-color: #000000
}


.block-gr-search {
    color: #000000;
}

.block-gr-search a {
    color: #000000;
    text-decoration: none;
}

.block-gr-search a:hover {
    text-decoration: underline;
}

.block-gr-search .block-title {
    margin: 0;
    padding: 0;
}

.block-gr-search .block-title strong span {
    margin: 8px 0 10px 8px;
    padding: 0;
    background: none;
}

.block-gr-search .block-content {
    margin-left: 8px;
    margin-bottom: 5px;
}

.block-gr-search .block-content ol {
    float: left;
}

.searchMore {
    float: left;
    clear: left;
    margin-top: 7px;
}

a.searchMore {
    text-decoration: underline;
}

a:hover.searchMore {
    text-decoration: none;
}

#cms-search-results {
    width: 100%;
}

#cms-search-results li {
    float: left;
    width: 33%;
}

h2.suggestSearch {
    font-size: 1.21em;
}

.not-in-stock-error {
    left: -15px;
    position: relative;
    width: 104%;
}

.sebamed-cart-wrapper {
    border: 2px solid #702283;
    border-radius: 5px;
    padding: 10px 0 10px 0;
    margin: 10px 0 20px 0;
}

.sebamed-cart-wrapper .sebamed-gift-text {
    width: 100%;
    text-align: center;
    font-family: "TheSansC5-SemiBold";
    color: #702283;
    font-size: 1.2em;
}


.sebamed-cart-wrapper .box-description {
    margin: auto;
}

.sebamed-cart-wrapper .products-grid {
    margin: auto;
}

.sebamed-cart-wrapper .products-grid li.item {
    width: 220px;
    height: inherit;
}

.sebamed-cart-wrapper .products-grid li.item button {
    margin: 10px 0 10px 0;
}

/*CGM Page*/
/*Banner*/
.banner-content {
    margin-bottom: 30px;
}

/*Right Content*/
/*pos 01*/
.cgm-page-right .pos-01 {
    margin-bottom: 25px;
    margin-top: 40px;
}

.cgm-page-right .pos-01 img {
    max-width: 100%;
}

/*pos 02*/
.cgm-page-right .pos-02 {
    margin-bottom: 25px;
}

/*pos 03*/
.cgm-page-right .pos-03 {
    margin-bottom: 25px;
}

/*pos 04*/
.cgm-page-right .pos-04 {
    margin-bottom: 25px;
}

/*Main Content*/
.cgm-page .page-headline {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ccc;
}

.cgm-page .page-headline h1 {
    font-size: 20px;
    margin-bottom: 15px;
}

.cgm-page .page-headline p {
    font-family: "TheSansC5-SemiBold";
}

.cgm-page .page-description {
    margin-bottom: 30px;
}

.cgm-page .page-description h2 {
    color: #702283;
    margin-bottom: 15px;
}

.cgm-page .page-description p {
    margin-bottom: 15px;
}

.accordion-content p, .accordion-content li {
    margin-bottom: 15px;
}

.accordion-content ol {
    list-style: decimal inside;
}

.accordion-content ul {
    list-style: disc inside;
}

button.accordion {
    background-color: #f39201;
    color: #fff;
    cursor: pointer;
    padding: 5px;
    width: 100%;
    border: 1px solid #f39201;
    border-radius: 5px;
    text-align: left;
    outline: none;
    font-size: 13px;
    font-weight: bold;
    transition: 0.4s;
    margin-bottom: 10px;
    line-height: 25px;
}

button.accordion::before {
	content: '+';
	font-size: 38px;
	font-weight: bold;
	color: #702283;
	background-color: transparent;
	float: left;
	width: 25px;
	height: 25px;
	line-height: 23px;
	border-radius: 50%;
	margin-right: 10px;
	text-align: center;
}

button.accordion.active:before {
    content: "-";
}

.accordion-content .panel {
    padding: 20px 0;
    display: none;
    float: left;
}

.accordion-content .image {
    float: left;
    width: 220px;
    margin-right: 15px;
}

.accordion-content img {
    max-width: 100%;
}

.accordion-content .image span {
    font-size: 10px;
    font-weight: normal;
    line-height: 10px;
}

.accordion-content .text {
    float: left;
    width: calc(100% - 235px);
}

/*comparison table*/
.comparison-table {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    float: left;
    padding: 25px 0;
}

.comparison-table img {
    max-width: 100%;
}

.comparison-table .image {
    float: left;
    width: 220px;
    margin-right: 15px;
}

.comparison-table.text {
    float: left;
    width: calc(100% - 235px);
}

.cgm-page .page-footer {
    bottom: 0;
    font-size: 10px;
    position: absolute;
    width: 710px;
}

.cms-page-view .main-block .content-box .corner-right-bot {
    position: relative;
    padding-bottom: 40px;
}

.cgm-page ol {
    margin: 0 0 1.5em;
    padding: 0;
    counter-reset: item;
}


.cgm-page ol > li::before {
    content: counter(item, decimal) ".";
    display: inline-block;
    font-family: "TheSansC5-SemiBold";
    padding-right: 6px;
    text-align: right;
    width: 1em;
}

.cgm-page ol > li {
    counter-increment: item 1;
    list-style-type: none;
    margin: 0 0 15px 0;
    padding: 0 0 0 17px;
    text-indent: -19px;
}

.table-catalogue img {
    max-width: none !important;
}

.catalog_order_form_txt {
    padding: 20px 20px 0 20px;
}

.catalog_order_form .page-title h1 {
    font-size: 20px;
    margin: 10px 0 15px 0px;
}

.catalog_order_form #contactForm .table-catalogue {

    margin-left: 20px;
}

.catalog_order_form #contactForm .block-form {
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    padding: 15px 15px 13px 15px;
    width: 670px;
}

.catalog_order_form #contactForm .block-form.no-border {
    border: 0px solid #dfdfdf;
    border-radius: 0;
    padding: 0;
    width: 701px;
}


.catalog_order_form #contactForm .form-list {
    border-right: none;
}

.catalog_order_form #contactForm .fieldset {
    margin: 0;
    padding: 0;
}

.catalog_order_form #contactForm .marginal-content {
    float: right;
    padding: 0 0 0;
}

.catalog_order_form #contactForm .block-form li {
    margin: 0 10px 4px 0;
}

.catalog_order_form .block-form .form-list li.field:nth-child(2n) {
    float: right;
    margin: 0 0 0px 0;
}

.catalog_order_form .block-form .form-list .field {
    width: calc(50% - 10px);
}

.catalog_order_form .block-form .form-list input.input-text {
    width: 100%;
}

.catalog_order_form .block-form .form-list .input-box {
    width: 100%;
}

.catalog_order_form .form-list .input-box-2box {
    width: 100%;
}

.catalog_order_form .block-form .form-list input.input-text.input-postcode {
    width: 18%;
}

.catalog_order_form .block-form .form-list input.input-text.input-city {
    float: right;
    width: calc(82% - 10px);
}

.catalog_order_form td {
    text-align: left;
    vertical-align: middle;
    padding: 7px 0;
}


.table-catalogue td ul {
    list-style: none;
}

#contactForm .table-catalogue td ul li {
    margin: 5px 0 5px 0;
    padding-left: 14px;
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/dot-violet.png") no-repeat left top 4px;
}

.catalog_order_form td strong {
    color: #702283;
    display: inline-block;
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 7px;
}

.catalog_order_form td img {

    vertical-align: middle;
}

.catalog_order_form td input[type="checkbox"] {
    vertical-align: initial;
}

.catalog_order_form td:nth-child(2n) {
    padding: 0 0 0 30px;
    width: 50%;
}

.catalog_order_form #contactForm .block-checkboxes {

    padding: 10px 0 0;
}

.catalog_order_form #contactForm .block-checkboxes li {
    margin: 0;
    padding: 0 0 0 20px;
}

.catalog_order_form .block-checkboxes.left {
    float: left;
    width: calc(50% - 12px);
}

.catalog_order_form .captcha {
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    float: right;
    padding: 10px 10px 20px;
    width: calc(50% - 12px - 20px);
}

.catalog_order_form #contactForm .block-checkboxes li.therapyitem01 {
    margin: 0 0 13px;
}

.catalog_order_form #contactForm .block-checkboxes .input-pump > div {
    margin: 0;
}

.catalog_order_form #contactForm .block-checkboxes .input-pump {
    margin: 0 0 16px 17px;
}

.catalog_order_form .input-pump {
    float: left;
    width: 150px
}

.catalog_order_form .input-date {
    float: left;
    width: calc(100% - 167px);
}

.catalog_order_form #contactForm .block-checkboxes .input-date p {
    margin: 0 0 3px;
}

.catalog_order_form .input-date .input-text {
    float: left;
    margin-right: 0;
    width: 23px;
}

.catalog_order_form .input-date .input-text[name="pjahr"] {
    width: 39px;
}

.catalog_order_form .input-date span {
    float: left;
    margin: 0 2px;
    height: 24px;
    line-height: 30px;
}

.catalog_order_form .btn-orange {
    margin: 10px 0 0 0;

}


.catalog_order_form .input-pump .input-text {
    width: 128px;
}

.catalog_order_form table {
    margin: 0 0 10px;
}

.catalog_order_form #contactForm .block-checkboxes, .catalog_order_form .captcha {
    margin: 5px 0 0;
}

.catalog_order_form div.required {
    color: #f39200;
    float: left;
    font-size: 9px;
    margin: 30px 0 0;
}

.catalog_order_form .button {
    width: 230px;
}

.catalog_order_form .button span {
    width: calc(100% - 10px);
}

.catalog_order_form .button {
    left: 50%;
    position: relative;
    top: 10px;
    transform: translateX(-50%);
}

.price.price-box-from {
    font-size: 1.1em;
}

.product-view .product-shop .price.price-box-from {
    margin: 0 0 0 0;
}

.payment-calculator {
    width: 100%;
    padding: 31px 0 0 0;
}

.payment-calculator .input-text {
    width: 50%;
}

.payment-calculator p {
    font-family: "TheSansC5-SemiBold";
    padding-bottom: 3px;
}

.payment-calculator form > div {
    background: #efefef;
    margin-bottom: 15px;
    padding: 5px 5px 10px 5px;
    border-radius: 5px;
    float: left;
    width: 100%;
}

.result_calculator {
    float: left;
    width: calc(100% - 20px);
    background: #f39200;
    border-radius: 5px;
    margin: 20px 0 50px 0;
    padding: 10px;
    color: white;
}

.result_calculator li {
    float: left;
    width: 100%;
    border-bottom: 1px solid;
    padding: 0 0 5px;
    margin: 0 0 5px;
}

.result_calculator li:last-child {
    float: left;
    width: 100%;
    border-bottom: 0px solid;
    padding: 0;
    margin: 0;
}

.result_calculator h2 {
    font-size: 18px;
}

.result_calculator .right {
    font-family: "TheSansC5-SemiBold";
    font-size: 16px;
}

.payment-calculator .radio {
    float: left;
    margin-right: 15px;
}

.payment-calculator .radio label {
    float: left;
    padding-top: 2px;
    padding-right: 5px;
}

.catalog_order_form #contactForm .block-form.fullwidth {
    width: calc(100% - 28px);
}

.catalog_order_form .raffle-participate-text {
    width: 931px;
}

#contactForm .block-form li.animas-pump {
    margin-top: 15px
}

#contactForm .animas-intor, #contactForm .animas-select span {
    margin-top: 4px;
    margin-right: 6px;
}

#contactForm .form-list li.animas-pump select {
    width: 90px;
}

#contactForm .form-list li.animas-pump select.animas-pump-year {
    width: 75px;
}


#contactForm .form-list li.animas-pump span, #contactForm .form-list li.animas-pump div, #contactForm .form-list li.animas-pump select {
    float: left;
}

#contactForm .animas-select select {
    margin-left: 5px;
    margin-right: 5px;
}

#lightwindow .header, #lightwindow .footer {
    display: none;
}

#lightwindow .wrapper {
    padding: 15px;
}

.r-tabs .r-tabs-tab {
    background: #fff;
}

.r-tabs .r-tabs-tab.r-tabs-state-active {
    background: #712383;
}

.r-tabs-tab.r-tabs-state-active a {
    color: white;
}

.r-tabs .r-tabs-panel {
    padding: 0 !important;
}

.r-tabs .r-tabs-nav {
    float: left;
    width: 100%;
    top: 0 !important
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    float: left;
    width: 100%;
}

.r-tabs-accordion-title {
    float: left;
    width: 100%;
    border: 1px solid #ECECED;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 15px;
}

.r-tabs-accordion-title a {

    color: #712383;
}

.r-tabs-accordion-title.r-tabs-state-active {
    background: #712383;
    border: 1px solid #712383;

}

.r-tabs-accordion-title.r-tabs-state-active a {
    color: white;
}

.r-tabs-accordion-title a {

    float: left;
    width: 100%;
    padding: 10px;
}

.mfp-iframe-scaler iframe {
    background: url('https://www.diashop.de/skin/frontend/default/diashopresponsive/images/ajax-loading.gif') no-repeat scroll center center #CCCCCC !important;
}

#reorderproduct-view-form {
    float: left;
    width: 100%;
    overflow: auto;
}

#reorderproduct-table img {
    max-width: none;
}

.table-wrapper {
    float: left;
    width: 100%;
    overflow: auto;
}

.cms-page-view.cms-versandbedingungen .std table, .cms-page-view.cms-versandkosten .std table {
    width: 100% !important;
}

.checkout-agreements p.agree a label {
    cursor: pointer;
}

body.paypal-express-review .totals .checkout-types {
    display: none;
}


#contactForm button.buttonBigContact {
    width: 75%;
    max-width: 500px;
}

.back-to-top::before {
    content: '';
    background-image: url(https://www.diashop.de/skin/frontend/default/diashopresponsive/images/toTop.png);
    background-repeat: no-repeat;
    width: 70px;
    height: 70px;
    position: absolute;
}

.back-to-top {
    display: block;
    cursor: pointer;
    position: fixed;
    z-index: 3;
    bottom: 5px;
    right: 5px;
    width: 70px;
    height: 70px;
    opacity: 0;
}

.back-to-top.toTopFB {
    bottom: 45px;
    right: 10px;
}

.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}

.white-popup .inner-popup-container {
    padding: 15px 0px 10px 0px;
}


#cart-recipe-reminder.white-popup .inner-popup-container img {
    cursor: pointer;
}

#cart-recipe-reminder.white-popup {
    border: 2px solid #000000;
    padding: 0 0 0 0;
}

body.checkout-cart-index .mfp-bg {
    opacity: 0
}

body.checkout-cart-index .mfp-content {
    text-align: center;
}


.recipe-reminder-success {
    margin-bottom: 15px;
}

body.cms-home .new-products li.item {
    margin-bottom: 10px;
}

#payment_form_payone_online_bank_transfer_giropay > li:not([id]),
#payment_form_payone_online_bank_transfer_sofortueberweisung > li:not([id]) {
    margin: 0;
}

label[for=payone_online_bank_transfer_giropay_account_number] + br.clear,
label[for=payone_online_bank_transfer_sofortueberweisung_account_number] + br.clear {
    display: none;
}
#product-review-table th span:not(.star){
    display: none;
}
#product-review-table .star:before {
    content: attr(data-counter) " ";
}
#product-review-table .star:after {
    content: '\f005';
    font-family: 'FontAwesome';
}
.intro-teaser {
	float: left;
	position: relative;
	width: 100% !important;
}
[class^="grid-"] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: wrap;
    float: left;
    width: calc(100% + 20px);
}
[class^="grid-"].teaser li, .owl-full, .products-grid {
    margin-bottom: 30px;
}
.teaser [class^="rectangle-"], .mini-teaser [class^="rectangle-"] {
    overflow: hidden;
}
.teaser .rectangle-4-0-0-0 {
    padding: 0px;
    margin-bottom: 0px;
}
[class^="grid-"] [class^="rectangle-"] {
    height: 100%;
}
.rectangle-4-0-0-0 {
    border-radius: 40px 0 0 0;
    float: left;
    width: 100%;
    padding: 40px;
    margin-bottom: 30px;
}
[class^="grid-"] [class^="rectangle-"] .img, [class^="grid-"] [class^="rectangle-"] .txt {
	float: left;
	width: 100%;
}


.intro-teaser li {
    position: relative;
}
.grid-1 > li, .grid-1 > div {
    width: 100%;
}
[class^="grid-"] li, [class^="grid-"] img, [class^="grid-"] > div {
    float: left;
}
[class^="grid-"] li, [class^="grid-"] img, [class^="grid-"] > div {
	float: left;
}
.teaser.intro-teaser[class^="grid-"] [class^="rectangle-"] .txt {
    position: absolute;
    max-width: 465px;
    right: 40px;
    height: auto;
    top: 50%;
    transform: translatey(-50%);
    padding: 40px;
}
.teaser[class^="grid-"] [class^="rectangle-"] .txt {
    padding: 20px;
}
.teaser[class^="grid-"] [class^="rectangle-"] .txt {
    padding: 30px 40px 40px 40px;
}
[class^="grid-"] [class^="rectangle-"] .img, [class^="grid-"] [class^="rectangle-"] .txt {
    float: left;
    width: 100%;
}
.teaser [class^="rectangle-"], .mini-teaser [class^="rectangle-"] {
    overflow: hidden;
}
[class^="grid-"] [class^="rectangle-"] {
    height: 100%;
}
.rectangle-4-0-4-4 {
    float: left;
    width: 100%;
    border-radius: 40px 0 40px 40px;
}
.color-white, .color-white a {
    color:
    #fff !important;
}
.ds-purple {
    background-color:
    #662483 !important;
}


.teaser [class^="rectangle-"] .title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 2px;
    padding-bottom: 0;
    border-bottom: none;
}
[class^="rectangle-"] .title {
    color: #662483;
    font-size: 20px;
    line-height: 26px;
    font-family: TheSansC5-Light;
}
.title {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.calendar thead .title {
	margin: 0;
	float: none;
	width: auto;
}
.color-orange, .color-orange a {
    color: #f39200 !important;
}
.color-purple, .color-purple a {
	color: #662483 !important;
}
.light {
    font-family: TheSansC5-light !important;
}


.text16 {
    font-size: 16px;
    line-height: 28px;
}

.text-container.half {
    max-width: 830px;
    left: 50%;
    transform: translatex(-50%);
}
.seo {
    margin: 50px 0 0 0;
}
.text-container {
    float: left;
    width: 100%;
    position: relative;
}
.seo.half h2, .seo.half h1, .seo.half h3, .seo.half h4, .seo.half .title {
    text-align: center;
}
.seo h2, .seo h1, .seo h3, .seo h4, .seo .title {
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 20px 0;
    color:
    #662483;
    font-family: TheSansC5-Light;
}
.seo .title {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.text14 {
    font-size: 14px;
    line-height: 24px;
}

.op-75 {
    opacity: 0.75 !important;
}
.grid-12, .grid-10, .grid-9, .grid-8, .grid-7, .grid-6, .grid-5, .grid-3, .grid-2, .grid-2-1, .grid-4-1-1-2, .grid-4-2-1-1, .grid-4-1-3, .grid-4-3-1, .grid-6-1-5 {
	margin: 0 -10px;
}
.grid-2 > li, .grid-2 > div {
	width: calc(50% - 20px);
	margin: 0 10px 10px 10px;
}
.white {
	background-color: #fff !important;
}
.teaser[class^="grid-"] [class^="rectangle-"] .txt {
    padding: 20px;
}
.teaser[class^="grid-"] [class^="rectangle-"] .txt {
    padding: 30px 40px 40px 40px;
}
[class^="grid-"] [class^="rectangle-"] .img, [class^="grid-"] [class^="rectangle-"] .txt {
    float: left;
    width: 100%;
}
.rectangle-4-0-4-0 {
	border-radius: 40px 0 40px 0;
	float: left;
	width: 100%;
}
[class^="grid-"].gallery {
	margin: 20px 0 20px 0;
	width: 100%;
}
.grid-2.gallery li {
	margin: 0;
	width: 50%;
	display: flex;
}
.gallery .img {
	float: left;
	width: 50%;
}
.gallery .txt {
	float: left;
	width: 50%;
	padding: 0px 20px 0 40px;
	position: relative;
}
.gallery .txt::before {
	content: "";
	height: 25px;
	width: 25px;
	transform: rotate(-45deg);
	border-radius: 3px;
	background-color: #fff;
	left: -13px;
	position: absolute;
	top: 24%;
}
.gallery .txt .title {
	margin: 27% 0 5px 0;
	position: relative;
	line-height: 26px;
}
.gallery .text16 {
	line-height: 21px;
}

.grid-2.gallery li:nth-child(4n) .txt::before, .grid-2.gallery li:nth-child(4n-1) .txt::before {
	left: auto;
	right: -13px;
}
.gallery .txt .title {
    margin: 27% 0 5px 0;
    position: relative;
    line-height: 26px;
}
.gallery .title {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.text20 {
    font-size: 20px;
    line-height: 34px;
}

.grid-2.gallery li:nth-child(4n), .grid-2.gallery li:nth-child(4n-1) {
	flex-flow: row-reverse;
}


/*NEWSLETTER FOOTER*/
.light {
    font-family: TheSansC5-light !important;
}
.text24 {
    font-size: 24px;
    line-height: 42px;
}
button.cta14,
a.button.cta14 {
    font-size: 14px;
    padding: 0 21px;
}
.ds-orange {
    background-color: #f39200 !important;
}
.op-50 {
	opacity: 0.5 !important;
}



ul.tick-orange{
    position: relative;
    width: auto;
    height: auto;
    top: 0;
    background-image: none;
    padding-left: 0;
}
ul.tick {
    list-style: none;
    padding-left: 0;
}
.tick-orange{
    background-repeat: no-repeat;
    padding-left: 15px !important;
    background-position: left top 2px;
}
ul.tick-orange li::before,
.tick-orange {
    background-image: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/icon-tick-orange.png");
    background-repeat: no-repeat;
    background-position: left center;

}
ul.tick-orange li::before{
	content: '';
	width: 10px;
	height: 17px;
	position: absolute;
	left: 0;
	top: 2px;
	background-repeat: no-repeat;
}

ul.tick li {
	padding-left: 20px;
	margin-bottom: 10px;
	position: relative;
}

.main-newsletter {
	max-width: 1280px;
	margin: 25px auto 0 auto;
	position: relative;
	padding:  0;
	background: #F6F7FA;
}

.main-newsletter .newsletter {
    background-image: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/bg_newsletter.png");
    border-radius: 30px 0 0 0;
    color: #fff;
    background-position: left center;
    padding: 15px 0 15px 0;
    float: left;
    width: 100%;
}

.txt_dataprotection_nl {
	text-align: left;
	float: left;
	margin-top: 15px;
    font-size: 11px;
}
#nl_popup .txt_dataprotection_nl {
	float: left;
	margin: 0 20px 20px 20px;
}
#nl_popup .txt_dataprotection_nl a{
	color:#313131
}
.txt_dataprotection_nl a{
	text-decoration: underline;
    color:#fff
}

.main-newsletter .newsletter .title {
    padding: 0 20px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.newsletter-content {
	width: 90%;
	display: inline-block;
	margin: 0;
}
.main-newsletter .newsletter form {
	float: left;
	width: 50%;
	position: relative;
}
.main-newsletter .newsletter {
	color: #fff;
}

.main-newsletter .newsletter .input {
	float: left;
	width: 100%;
	display: table;
	position: relative;
	margin-bottom: 0px;
}

.main-newsletter .newsletter .input-box input,
.main-newsletter .newsletter .input-box {
    border-radius: 24.5px;
    height: 49px;
    background-color: #fff;
    font-size: 16px;
    border: 0;
    box-shadow: none
}

.main-newsletter .newsletter .input-box {
    float: right;
    width: 100%;
    position: relative;
}

.main-newsletter .newsletter .input-box input {
    padding-left: 20px;
    padding-right: 140px;
}

.main-newsletter .newsletter input {
    width: 100%;
    height: 48px;
    float: left;
    color: #444744 !important;
    font-size: 16px;
    line-height: 21px;
    padding: 0 0 0 15px;
    opacity: 0.75;
    background-color: transparent;
    font-family: TheSansC5-Light;
}

.main-newsletter .newsletter button {
    position: absolute;
    right: -1px;
    top: 0;
    min-height: 49px;
    border: none;
    border-radius: 29px;
    color: #fff;
    text-align: center;
    background-repeat: no-repeat;
    font-family: "TheSansC5-Plain";
}

.main-newsletter .newsletter small {
	font-size: 12px;
	text-align: left;
	float: left;
	margin-left: 23px;
	margin-top: 10px;
}

.main-newsletter .newsletter ul.tick-orange {
	text-align: left;
	float: left;
	width: 50%;
}

.main-newsletter .newsletter ul.tick-orange {
	text-align: left;
    font-size: 16px
}

.main-newsletter .validation-advice {
    font-family: TheSansC5-light;
    font-size: 13px;
    color: #dc0043;
    float: left;
    margin: -63px 0 0 0;
    padding-left: 23px;
    background: none

}
.main-newsletter .newsletter .input-box input.validation-failed {
	border: none !important;
}
.footer-social {
	float: left;
	width: 100%;
	margin: 20px 0;
}
.footer-social td {
	width: 20%;
	text-align: center;
	vertical-align: middle;
    padding: 20px;
}

.footer-social td img{
max-height: 28px !important;
}

.txt_dataprotection {
	font-size: 11px;
	line-height: 13px;
	margin: 10px 0;
}
.txt_dataprotection a{
	color: #702283;
}

.katalog-box-container img {
    box-shadow: 5px 5px 0px 0px #ddd;
    -moz-box-shadow: 5px 5px 0px 0px #ddd;
    -webkit-box-shadow: 5px 5px 0px 0px #ddd;
    -khtml-box-shadow: 5px 5px 0px 0px #ddd;
    border: 1px solid #ddd;
}

.katalog-box-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.katalog-box-container div {
    padding-bottom: 25px;
}

.catalog_order_form .katalog-box-container strong {
    font-size: 16px;
}

.katalog-freiumschlag {
    vertical-align: top !important;
    padding-top: 22px !important;
}

@media only screen and (max-width: 1019px) {
    .katalog-freiumschlag {
        padding-top: 0px !important;
    }
}
@media only screen and (max-width: 1005px) {
    .catalog_order_form tr.empty,
    .catalog_order_form td.empty {
        display: none;
    }
}


div[data-test-id="userlike-container"] iframe{
    height: 100%
}

.cyb-consent-form-container #contactForm. .form-list {
    border-right: none;
}

/** prescription upload box */

.tier-prices.product-pricing ~ .npo-container {
    margin-top: -7px;
}

.tier-prices.product-pricing ~ .npo-container ~ button ~ .prescription-box {
	margin-top: 11px;
}

.npo-container .npo-text .npo-note {
    color: #444744;
    font-weight: bold;
}

@media (max-width: 1019px) {
    .npo-container {
        padding: 10px 0 10px 0;
    }
    .tier-prices.product-pricing ~ .npo-container ~ button ~ .prescription-box {
        margin-top: 0;
    }
    .tier-prices.product-pricing ~ .npo-container {
        margin-top: 0;
    }
}

@media (min-width: 1020px) {
    .npo-container {
        float: right;
        margin-top: -17px;
        text-align: center;
        margin-right: 5px;
    }

    .npo-container .npo-button a {
    }
}

.cyb-consent-form-container .required-text {
    margin-top:12px;
    float:left;
    color: #f39200;
    font-size: 12px;
}

.cyb-consent-form-container .consentDataForm.hasDob .customer-dob .validation-advice {
    float:left;
}
.cyb-consent-form-container .consentDataForm.hasDob .required-text {
    margin-top:23px;
    float:left;
    color: #f39200;
    font-size: 12px;
}
@media only screen and (max-width: 767px) {
    .cyb-consent-form-container .consentDataForm.hasDob .required-text {
        margin-top: 35px;
    }
}


.cookiefirst-note {
    text-align: center;
    margin: 20px auto 10px auto;
    max-width: 370px;
}

.cookiefirst-note .title {
    font-weight: normal;
    color: #702283;
    font-size: 1.4em;
    margin-bottom: 20px;
}

.cookiefirst-note a {
    margin-top: 20px;
    color: #ffffff !important;
    text-decoration: none !important;
}

div.cpu-form-wrapper-type-short div#contactForm .fieldset {
    margin-top: 0px !important;
}

.gt_switcher-popup.glink.nturl > img ~ span {
	display: none;
}
#gt-mordadam-1 {
	position: absolute;
	right: 0;
	top: -66px;
}

@media (max-width: 1024px) {
    #gt-mordadam-1 {
        right: auto;
        top: -5px;
        z-index: 9999;
        left: 20px;
    }
}

@media (max-width: 480px) {
    #gt-mordadam-1 {
        top: 35px;
    }
}



#gt-mordadam-1 .infoText {
	background-color: #fff;
	width: 500px;
	height: auto;
	margin: 0;
    border-radius: 10px;
	transform: translate(-50% , -50%);
    max-width: 98%;
}
.lang_info_text_description {
	font-size: 15px;
	margin: 0 0 15px 0;
	line-height: 20px;
}
.gt_white_content .lang_info_text_description a {
	display: inline-block;
	border-bottom: 0;
    color:#000
}
.lang_info_text_title {
	font-weight: bold;
	font-size: 17px;
}
.notranslate .gt_buttons {
    background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/block_list_divider.gif") left top repeat-x;
	padding-top: 15px;
	padding-bottom: 10px;
}
.notranslate .gt_buttons #gt_accept_button {
	float: right;
}

/**
 * @copyright  For copyright and license information, read the COPYING.txt file.
 * @link       /COPYING.txt
 * @license    Academic Free License (AFL 3.0)
 * @category    design
 * @package     base_default
 */

/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }

.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }

/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }
.sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }
.sidebar .widget-new-products .block-title strong { background:url(https://www.diashop.de/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }

/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }
.sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }
.sidebar .widget-viewed .block-title strong { background:url(https://www.diashop.de/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { margin:7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { margin-left:100px; }
.sidebar .widget-compared .block { font-size:11px; line-height:1.25; }
.sidebar .widget-compared .block-title strong { background:url(https://www.diashop.de/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }

/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }

.bottom-container .widget a { padding:0 3px; }

/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }

.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { background:url(https://www.diashop.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(https://www.diashop.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }

.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { background:url(https://www.diashop.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(https://www.diashop.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }

.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { background:url(https://www.diashop.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(https://www.diashop.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */

.search-autocomplete ul.bubble-elasticsearch li.title,
.search-autocomplete ul.bubble-elasticsearch li.title a {
    padding: 6px;
    background-color: #f4f4f4;
    color: #636363;
    text-transform: uppercase;
}

.search-autocomplete ul.bubble-elasticsearch {
    background-color: #fff;
    border: 1px solid #d5e4eb;
    border-bottom: 0;
}

.search-autocomplete ul.bubble-elasticsearch li {
    padding: 0;
    border-bottom: 1px solid #d5e4eb;
}

.search-autocomplete ul.bubble-elasticsearch li .image {
	float: left;
	margin-right: 6px;
	background-color: #fff;
	min-width: 50px;
	overflow: hidden;
}

.search-autocomplete ul.bubble-elasticsearch li a {
    display: block;
    padding: 6px;
    text-decoration: none;
}

.search-autocomplete ul.bubble-elasticsearch li.selected a {
    text-decoration: none;
    background-color: #ecf3f6;
}

.search-autocomplete ul.bubble-elasticsearch li .price-box {
    margin: 0;
}

.search-autocomplete ul.bubble-elasticsearch li a .price-box .minimal-price-link {
    padding: 0;
}

.search-autocomplete ul.bubble-elasticsearch li .clearer {
    clear: both;
}
.cookiefirst-root .cfGMLl {
    bottom: 5px !important;
    left: 4px !important;

    @media ( max-width: 750px) {
        bottom: 4px !important;
        left: 3px !important;
    }
}

.cookiefirst-root .cf3Mob {
    font-size: 11px !important;
    --banner-font-size: 11px !important;
}

.cookiefirst-root .cf2Ic7 {
    .cf2Lf6 {
        font-size: 11px !important;
        --banner-font-size: 11px !important;
    }
}

.cookiefirst-root button.cf3Mob.cf2Lf6.cf8Oal[data-cookiefirst-button=primary] {
    font-size: 11px !important;
    --banner-font-size: 11px !important;

    @media ( max-width: 750px) {
        font-size: 9px !important;
        --banner-font-size: 9px !important;
    }
}

.CybotCookiebotDialogBodyButton#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    padding: 10px !important;
}

.cookieconsent-accept-helper-cookiefirst {
    iframe:not([src]) {
        display: none;
    }
}





.form-wrapper-custom-hp {
    display: none !important;
}

.form-wrapper-custom-hp-two {
    opacity: 0 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    height: 0 !important;
    width: 0 !important;
    z-index: -1 !important;
}
.newsletterdiv {
    color: #313131;
}

.nl_popup {
    position: fixed;
    z-index: 9999;
    background-color: #fff;
    width: 630px;
    /*height: 305px;*/
    left: 0;
    right: 0;
    top: 100px;
    margin: auto;
    border: 1px solid rgba(112, 34, 131, .7);
    box-shadow: 0 0 10px rgba(0,0,10, .2);
}

.nl_embedded {
    background-image: url(https://www.diashop.de/skin/frontend/default/default/images/bkg-nl-checkout.png);
    width: 100%;
    height: 305px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.newsletterdiv form {
	float: left;
	padding: 22px;
	background-image: url(https://www.diashop.de/skin/frontend/default/default/images/bkg-nl.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	width: 100%;
}

.newsletterdiv .close span {
    display: none;
}

.newsletterdiv .close {
    /* background-image: url(https://www.diashop.de/skin/frontend/default/default/images/bkg-close.gif); */
    position: absolute;
    height: 20px;
    width: 20px;
    right: 7px;
    top: 7px;
}

.newsletterdiv .close:before {
    content: '';
    background: #702283;
    width: 20px;
    height: 2px;
    position: absolute;
    top: 9px;
    transform: rotate(-45deg)
}

.newsletterdiv .close:after {
    content: '';
    background: #702283;
    width: 20px;
    height: 2px;
    position: absolute;
    top: 9px;
    transform: rotate(45deg);
}
.newsletterdiv .close:after,
.newsletterdiv .close:before {
    transition: all 0.25s ease-out;
}
.newsletterdiv .close:hover:after{
    transform: rotate(-45deg);
}
.newsletterdiv .close:hover:before {
    transform: rotate(45deg);
}

.newsletterdiv.nl_embedded .close {
    display: none
}

.newsletterdiv .newsletter-header {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 15px;
}

.newsletterdiv.nl_embedded .newsletter-header {
    width: 600px;
}

.newsletterdiv .newsletter-header strong {
    color: #e78026
}

.newsletterdiv .newsletter-header strong.green {
    color: #702283
}

.nl_popup .newsletter-input,
.nl_popup .newsletter-text {
    margin-bottom: 15px;
    line-height: 20px
}

.nl_embedded .newsletter-text {
    font-size: 14px;
    margin: 2px 0 7px 0;
    line-height: 25px
}

.newsletterdiv .newsletter-text ul {
    padding: 0;
}

.newsletterdiv .newsletter-text ul li:before {
    content: '\00B7  ';
}

.newsletterdiv label {
    margin-bottom: 5px;
    line-height: 20px;
    float: left;
    width: 100%
}

.newsletterdiv input[type=text] {
    background-image: url(https://www.diashop.de/skin/frontend/default/default/images/bkg-nl-input.gif);
    height: 21px;
    width: 251px;
    border: none;
    padding-left: 10px;
    margin: 0;
}

.newsletterdiv.nl_embedded input[type=text] {
    margin: 3px 0 0 0;
}
.newsletterdiv button span span {
    font-weight: normal;
    font-family: "TheSansC5-SemiBold";
}
.newsletterdiv button {
    margin: 0;
}

.nl_popup .validation-advice {
    margin: 0;
    position: absolute;
}


/*IPHONE QUER*/
@media screen and (max-width:767px){
    .nl_popup {
        width: auto;
        background: #fff;
        border: 2px solid #712383;
        max-width: calc(100% - 20px);
        padding: 15px;
    }
    .newsletterdiv form {
        background-image: none;
    }
    .nl_popup.newsletterdiv .newsletter-header {
        padding-right: 20px;
    }
    #nl_popup .txt_dataprotection_nl {
        margin: 20px 0 0 0;
        padding: 0;
    }
}

/*
Theme Name: diashop
Theme URI: http://www.projekktor.com/downloads
Description: this theme is a screenr clone
Version: 2.2
Author: Michel Maillard
Author URI: http://www.porkhead.org
*/


/***************************************
general
***************************************/

video {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.projekktor {
    background-color: #000; 
    font-family: 'Lucida Grande', 'Trebuchet MS', Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    text-transform:uppercase;
    padding:0;
    display:block;
    position: relative;
    overflow: hidden;
    width: 400px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.pptestcard {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/noise.gif") center center repeat;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 18px;
    overflow: hidden;
}

.pptestcard p {
    background-color: #3b393e;
    width: 60%;
    margin: auto;
    line-height: 25px;
    position: relative;
    top: 25%;
    padding: 10px;
    border:5px solid #52810f;
    text-align: center;
}


/***************************************
display plugin
***************************************/
.ppdisplay {
    background-color: #000; 
    position: relative !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;

}

.ppdisplay .inactive,
.ppstart.inactive,
.ppbuffering.inactive {
    display: none;
}

.ppstart {
    position: absolute;
    left: 50%;
    bottom: 50%;
    margin-left:-45px;
    margin-bottom: -56px;
    cursor: pointer;
    height: 84px;
    width: 84px;
    display: block;
    padding: 0px;
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/start.png") no-repeat left top transparent;
}
.ppstart:hover {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/start.png") no-repeat left bottom transparent;
}
.ppstart:active {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/start.png") no-repeat left -169px transparent;
}

.ppbuffering {    
    position: absolute;
    left: 50%;
    bottom: 50%;
    margin-left:-45px;
    margin-bottom: -38px;
    display: block;
    z-index:9010;
    padding: 0px;
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/buffering.gif") no-repeat center center #000;
    height: 84px;
    width: 84px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;    
}


/***************************************
controlbar plugin
***************************************/
.ppcontrols {
    position: absolute;
    bottom: 0;
    right:0;
    display: block;
    width: 100%;
    height: 36px;
    background: #87c424; /* Old browsers */
    background: -moz-linear-gradient(top,  #87c424 0%, #68a510 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87c424), color-stop(100%,#68a510)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #87c424 0%,#68a510 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #87c424 0%,#68a510 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #87c424 0%,#68a510 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #87c424 0%,#68a510 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87c424', endColorstr='#68a510',GradientType=0 ); /* IE6-9 */
	border-style:solid;
    border-color:#68a510;
    border-width:1px 0;
    padding: 0;
    margin:0;
}

.ppcontrols .active {
    display: block;
}

.ppcontrols .inactive {
    display: none;
}

.projekktor.notransitions .ppcontrols.active {
    display: block;
}

.projekktor.notransitions .ppcontrols.inactive {
    display: none;
}


.ppcontrols.active {
    filter: alpha(opacity=100);    
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transform:translate3d(0,0,0);    
    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;    
}


.ppcontrols.inactive {
    filter: alpha(opacity=0);        
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-backface-visibility: hidden;
    -webkit-transform:translate3d(0,0,0);    
    -webkit-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}

.ppcontrols ul {
    list-style-type: none;   
}

.ppcontrols ul.left {
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    margin:0;
} 

.ppcontrols ul.right { 
    position: relative;
    top: 0;
    right: 0;
    padding: 0;
    margin:0;    
}

.ppcontrols ul.bottom {
    position: relative;
    top: 31px;
    left: 0;
    padding: 0;
    margin:0;
}


.ppcontrols ul.left li {
    float: left;
    position: relative;
}

.ppcontrols ul.right li {
    float: right;
    position: relative;    
}

/* PLAY / PAUSE - left */
.ppplay,
.pppause  {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat left top transparent;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border-right: 1px solid #68a510;
}

.ppplay:hover {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat left -35px transparent;
}
.ppplay:active {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat left -36px transparent;
}

.pppause {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat left -70px transparent;
}

.pppause:hover {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat left -105px transparent;
}

.pppause:active {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat left -106px transparent;
}



/* Enter / Exit Fullscreen - right */
.projekktor.audio .ppfsenter,
.projekktor.audio .ppfsexit {
    display: none;
}

.ppfsenter,
.ppfsexit  {    
    width: 30px;
    height: 30px;
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat right top transparent;
    cursor: pointer;
    border-left: 1px solid #68a510;
}
.ppfsenter:hover {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat right -35px transparent;
}
.ppfsenter:active {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat right -36px transparent;
}
.ppfsexit {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat right -70px transparent;
}
.ppfsexit:hover {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat right -105px transparent;
}
.ppfsexit:active {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat right -106px transparent;
}



/* Unmute / Max volume - right */
.ppvmax {
    width: 30px;
    height: 30px;
    border-right:none;    
    border-left:none; 
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat -842px top transparent;
}

.ppvmax:hover  {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat -842px -35px transparent;
}
.ppvmax:active  {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat -842px -36px transparent;
}



/* Mute / Min volume - right */
.ppmute  {
    width: 29px;
    height: 30px;    
    border-left:1px solid #68a510;
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat -750px top transparent;
}
.ppmute:hover  {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat -750px -35px transparent;
}
.ppmute:active  {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat -750px -36px transparent;
}



/* volume slider - right */
.ppvslider {
    margin: 13px 5px;
    height: 16px;
    width: 60px;
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat -781px -13px transparent;
}

.ppvmarker {
    position: relative;
    right:0;
    left: 0;
    height: 6px;
    width: 100%;
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat -634px -13px transparent;
}

.ppvknob  {
    cursor: pointer;
    z-index: 201;
    position: relative;
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat -699px -5px transparent;
    top: -13px;
    left:0;
    width: 6px;
    height: 20px;
    padding: 0;

}



/* time / time left */
.pptimeleft {    
    color: #fff;
    width: 130px;
    line-height: 30px;
    height: 30px;
    border-left: 1px solid #68a510;
    border-right: none;
    text-align: center;
    overflow: hidden;
}

/* special for single
.pptimeleft {
background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat -91px top transparent;
}
*/



/* lo / hi quality toggle */
.pploquality, .pphiquality {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat -60px -72px transparent;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border-left:1px solid #68a510;
    border-right:1px solid #none;    
}

.pphiquality:hover {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat -32px -106px transparent;
}

.pploquality {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat -32px -72px transparent;
}

.pploquality:hover {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat -32px -106px transparent;
}

.pphiquality:active, .pploquality:active  {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat -32px -105px transparent;
}




/* previous / next item */
.ppnext,
.ppprev {
    display:block;
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat -59px top transparent;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border-left:1px solid #68a510;
    border-right:1px solid #68a510;
}
.ppnext { border-right:none;}
.ppnext:hover {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat -59px -35px transparent;
}
.ppnext:active {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat -59px -36px transparent;
}

.ppprev {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat -32px top transparent;
}

.ppprev:hover {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat -32px -35px transparent;
}
.ppprev:active {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat -32px -36px transparent;
}


.pploop,
.pploop .on,
.pploop .off {
    display:block;
    line-height: 30px;
    color: #fff;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border-left:1px solid #68a510;
    border-right:1px solid #68a510;
}

.pploop.off {
    color: #ccc;
}

/* Scrubber, Playhead and fluff */
.ppscrubber {
    position: absolute;
    height: 5px;
    width: 100%;
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop-load.gif") repeat-x left top transparent;
    left: 0;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #42680c;
	border-top: 1px solid #42680c;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.audio .ppscrubber {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop-load-static.png") repeat-x left top transparent;
}



.ppscrubberdrag {
    cursor: pointer;
    z-index: 302;
    position: absolute;
    background-color: transparent;    
    top:0;
    left:0;
    height: 5px;
    width: 100%; 
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;   
}

.ppplayhead, .pploaded {
    position: relative;
    display: block;
    left: 0;
    bottom: 0;
    height: 5px;
    width: 1px;
    background-color:#e06c1e;
    cursor: pointer;
    z-index: 301;
    -webkit-backface-visibility: hidden;
    -webkit-transform:translate3d(0,0,0);    
    -webkit-transition: width 0.1s linear;
    -moz-transition: width 0.1s linear;
    -o-transition: width 0.1s linear;
    transition: width 0.1s linear; 
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;       
}

.ppplayhead {
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-right-radius: 0px;
}

.ppcuepoint {
    position: absolute;
    height: 5px;
    width: 5px;
    background-color: yellow;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 302;
}

.ppcuepoint:hover {
    background-color: red;
    cursor: pointer;
}

.pploaded {
    position: relative;    
    z-index: 10;
    background: rgb(65, 62, 62) ;
    opacity: 0.8;
    filter: alpha(opacity = 80);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.ppplayhead {
    margin-top: -5px;
}


.ppscrubbertip {
    padding: 3px;
    position: absolute;
    top: -30px;
    left: 25px;
    font-size: 11px;
    line-height: 15px;
    color: #ffffff;
    background: #42680c;;
    z-index: 10;
    display: none;
}
.ppscrubbertip:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.ppscrubbertip:after {
	border-color: rgba(2, 28, 79, 0);
	border-top-color: #333;
	border-width: 5px;
	left: 50%;
	margin-left: -5px;
}


/* Context Menu */
.ppcontextmenu.active {
    display: block;
}
.ppcontextmenu.inactive {
    display: none;
}
.ppcontextmenu  {
    background: none repeat scroll 0 0 #FFFFFF;
    list-style: none outside none;
    border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    margin: 4px 0;
    outline: medium none;
    overflow: auto;
    padding: 6px 0;
    position: absolute;
    z-index: 2147483647;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
}

.ppcontextmenu li {
    color: #333;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 6px 20px;
    text-decoration: none;
    white-space: nowrap;
    word-wrap: normal;
}

.ppcontextmenu li:hover {
    color: #fff;
    background-color: #333;
}


/****************************
/* VAST ad plugin specific */
/***************************/
.ppad .left,
.ppad .right {
    display: none;
    border: none;
}

.ppad .ppcontrols {
    background: transparent;
    border: none;
}

.ppad .ppadtitle {
    position: absolute;
    bottom: 2%;
    left: 2%;
    border: none;    
}

.ppadskip {
    position: absolute;
    padding-top: 2px;
    bottom: -10px;
    right: 0px;
    width: 85%;
    height: 28px;
    background-color: transparent;
    color: #fdfdfd;
}

.ppskip.locked {
    background-color: red;
}

.ppskip.unlocked {
    cursor: pointer;
    color: #00B0FF;
}


.pppostad .ppprev.active {
    display: none;
}

.ppadoverlay.inactive {
    display: none;
}


/****************************
/* Subtitles plugin specific */
/***************************/
.pptracksbtn.inactive,
.pptracks.inactive {
    display: none;
}

.pptracksbtn.active,
.pptracks.active {
    display: block;
}

.pptracks span {
    position: relative;
}

.pptracksbtn.on,
.pptracksbtn.off {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat -120px -72px transparent;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border-left:1px solid #68a510;
    border-right:1px solid #68a510;    
}

.pptracksbtn.on {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat -92px -72px transparent;
}

.pptracksbtn:hover {
    background: url("https://www.diashop.de/skin/frontend/base/default/cyberday/playerwidget/themes/diashop/diashop.png") no-repeat -118px -106px transparent;
}

.pptracks  {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    color: #fdfdfd;
    background:rgb(0,0,0);
    background: transparent\9;
    background:rgba(0,0,0,0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    zoom: 1;
    padding: 5px 0;
    z-index: 1000;
}

.pptracks.shifted {
    bottom: 38px;
}


.projekktor {
    margin: 0 auto;
}
/**
 * This file is part of a FireGento e.V. module.
 *
 * This FireGento e.V. module is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License version 3 as
 * published by the Free Software Foundation.
 *
 * This script is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
 *
 * @category  FireGento
 * @package   FireGento_MageSetup
 * @author    FireGento Team <team@firegento.com>
 * @copyright 2013-2015 FireGento Team (http://www.firegento.com)
 * @license   http://opensource.org/licenses/gpl-3.0 GNU General Public License, version 3 (GPLv3)
 */

/* Left empty on purpose, only needed in rwd theme */

/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * @category  Symmetrics
 * @package   Symmetrics_StockIndicator
 * @author    symmetrics gmbh <info@symmetrics.de>
 * @author    Andreas Timm <at@symmetrics.de>
 * @author    Ngoc Anh Doan <nd@symmetrics.de>
 * @copyright 2010 symmetrics gmbh
 * @license   http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 * @link      http://www.symmetrics.de/
 */
 
/**
 * StockIndicator styles
 *
 * @category  Symmetrics
 * @package   Symmetrics_StockIndicator
 * @author    symmetrics gmbh <info@symmetrics.de>
 * @author    Andreas Timm <at@symmetrics.de>
 * @author    Ngoc Anh Doan <nd@symmetrics.de>
 * @copyright 2010 symmetrics gmbh
 * @license   http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 * @link      http://www.symmetrics.de/
 */
.stock-indicator-wrapper { padding: 5px }

.stock-indicator { margin: 0px }

.stock-indicator.horizontal {
    width: 33px;
    height: 11px;
    background: url(https://www.diashop.de/skin/frontend/default/default/images/stockindicator/sprite_vertical.gif) repeat-x;
}

.stock-indicator.vertical {
    width: 11px;
    height: 33px;
    background: url(https://www.diashop.de/skin/frontend/default/default/images/stockindicator/sprite_horizontal.gif) repeat-y;
}

.yellow.horizontal { background-position: 0 -11px; }
.green.horizontal { background-position: 0 -22px; }

.yellow.vertical { background-position: -11px 0; }
.green.vertical { background-position: -22px 0; }
/********************** Tabs */
.tabs { margin: 30px 0px 0px 0px; /*overflow:hidden; border-bottom:1px solid #496778*/;  zoom: 1; position:relative;top:-14px;left:0;list-style: none outside none;}
.tabs li                {background: none; height:30px; 
	float:left; border-radius: 5px 5px 0 0; border-top:1px solid #D0D0D0; border-right:1px solid #D0D0D0; border-left:1px solid #efefef;  line-height:1.2em; color:#ffffff;}
.tabs li.tab_related    {background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/tab_bg_zubehoer.png")  no-repeat scroll left top #f2f2f2; height:30px; }
.tabs li.first          { }
.tabs li.active         {background: url("https://www.diashop.de/skin/frontend/default/diashopresponsive/images/tab_bg.png") no-repeat scroll left top #fff; height:32px;color:#fff;  }
.tabs li.last           {  }

.tabs a                 { display:block; padding:7px 10px; color:#702283; text-decoration: none;}
/* .tabs a:hover           { background-color:#ddd; text-decoration:none; color:#76A517; text-decoration: none;} */
.tabs li:hover          {}
.tabs li.active a				{ font-weight:bold; color:#fff;}
.tabs li.active:hover   {  font-weight:bold; color:#fff;}		

#product_tabs_tags_tabbed_contents.input-box input { width: 300px; }
#product_tabs_tags_tabbed_contents .input-box { width: 300px; float:left; margin-right: 10px;}

#product_tabs_related_tabbed_contents .box-collateral { padding: 20px 45px;}
#product_tabs_related_tabbed_contents .box-collateral .product-name {margin-bottom: 10px;height:35px;}
#product_tabs_related_tabbed_contents p { margin: 0 0 0 5px; color: #702283; font-size: 1.3em; font-weight: normal; }
#product_tabs_related_tabbed_contents li.item { position:relative; margin:5px; text-align:center; float:left; width:192px; height:240px; }
#product_tabs_related_tabbed_contents li.item .product-images { margin:0 0 20px 0; }
#product_tabs_related_tabbed_contents ol { clear: both;} 
#product_tabs_related_tabbed_contents .products-grid { margin: 5px 0 0 0;} 
#product_tabs_related_tabbed_contents .categories-grid { margin: 10px 0 0 5px;} 
#product_tabs_related_tabbed_contents .categories-grid h3 { margin: 0;} 
#product_tabs_related_tabbed_contents .categories-grid a { font-weight:normal;color:#f60;text-decoration: none; } 
#product_tabs_related_tabbed_contents .categories-grid a:hover { text-decoration: underline; } 

.product-collateral:after { content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; zoom: 1}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(https://www.diashop.de/skin/frontend/base/default/cyberday/core/slider/owl/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
    padding: 15px;
    display: none;
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 920px) {
    .r-tabs .r-tabs-nav {
        display: none;
    }

    .r-tabs .r-tabs-accordion-title {
        display: block;
    }
    #product_tabs_description_tabbed {
        display: block !important;
        float: left;
    }
    #responsiveTabs > div:nth-child(2){
        background: #712383!important;
        border: 1px solid #712383!important;
        margin:0 0 15px!important
    }
    #responsiveTabs > div:nth-child(2) a {
        color: #fff!important;
    }
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.owl-stage-outer.owl-theme.owl-diashop {
     z-index:10;
}

.owl-carousel.owl-theme.owl-diashop .owl-item img {
    width:inherit;
}

.owl-carousel.owl-theme.owl-diashop .owl-dots {
    position:relative;
    z-index:99;
    margin-top:-35px;
}

.fb-button img {
	max-width:unset!important;
}

#lightwindow_overlay {
	position:fixed;
}


/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('https://www.diashop.de/skin/frontend/default/diashopresponsive/css/fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('https://www.diashop.de/skin/frontend/default/diashopresponsive/css/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('https://www.diashop.de/skin/frontend/default/diashopresponsive/css/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('https://www.diashop.de/skin/frontend/default/diashopresponsive/css/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('https://www.diashop.de/skin/frontend/default/diashopresponsive/css/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('https://www.diashop.de/skin/frontend/default/diashopresponsive/css/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.only-mobile {
    display: none !important
}

.no-mobile {
    display: block !important
}

.tel-label{
    font-size: 15px;
    position: relative
}

.tel-nr, .tel-nr a {
	font-size: 15px;
	font-family: "TheSansC5-SemiBold";
        color: #702283;
    text-decoration: none
}
.tel-label.li, .tel-nr.li {
	margin-left: 20px;
	margin-bottom: 0;
}
.tel-nr.li {
	margin-bottom: 10px;
}
.tel-nr, .tel-nr.li.last {
	margin-bottom:10px;
}



.tel-label.li::before {
	content: '';
	width: 5px;
	height: 5px;
	position: absolute;
	background: #3d3d3d;
	left: -12px;
	top: 7px;
	border-radius: 50%;
}
.pdp .products-grid {
    margin-bottom: 0;
  }
/*IPAD HOCH*/
@media (min-width: 768px) {
    .page {
        padding: 0 10px;
        width: 100%;
        max-width: none;
    }

    #burger-container {
        display: inline-block;
        height: 33px;
    }

    .menue-mobile {
        left: -105%;
        position: absolute;
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        -ms-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
        z-index: 9999;
        width: 100%;
        top: 89px;
        background: #fff;
    }

    .menue-mobile.active {
        left: 0;
    }

    .header .links li:last-child {
        display: none
    }

    .header .menue-mobile .hotline {
        position: relative;
        top: 20px;
        left: 19px;
    }

    .header .menue-mobile .quick-access-meta {
        position: absolute;
        top: 24px;
        right: 19px;
    }

    .header .icon-account div, .header .order-history-btn div {
        display: none;
    }


    .header .menue-mobile .nav-wrapper {
        position: relative;
        bottom: auto;
        margin-top: 70px;
        margin-bottom: 20px;
        margin-left: 19px;
        width: calc(100% - 38px);

    }

    #nav li {
        float: left;
        width: 100%;
    }

    .nav-container {
        width: 100%;
    }

    .header .brands {
        width: 100%;
        text-align: left;
    }

    .header .block-1 .header-container {
        height: 78px;
    }

    .header .quick-access.active {
        left: -1px;
    }

    .header .quick-access {
        width: calc(100% + 2px);
        margin-top: 0;
        position: absolute;
        background: #f39200;
        z-index: 13;
        top: 89px;
        border-radius: 8px;
        left: -105%;
    }

    .header h1.logo, .header .headerlogo .logo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .header .icon-search, .header .icon-cart {
        display: block
    }

    .footer .payment, .footer .service, .footer .company, .footer .group, .footer .contact {
        width: calc(20% - 5px);
        margin: 0 5px 0 0;
    }

    .footer .company, .footer .service {
        padding: 0 0 0 0;
    }

    #slider1 ul {
        height: auto;
    }

    .home-slider .right-bot {
        height: auto;
    }

    #slider1 {
        width: calc(100% - 310px);
    }

    .owl-carousel.owl-theme.owl-diashop .owl-dots {
        margin-top: 0px !important;
        right: 30px !important;
    }

    .header .brands li ul {
        position: relative;
        width: 100%;
        border: 0;
        border-radius: 0;
        background-color: #FFFFFF;
        top: 10px;
        left: 0 !important;
        float: left;
        margin-bottom: 30px;
    }

    .header .form-search {
        margin: 10px 0 0 10px;
        width: 100%;
    }

    .header .form-search input {
        width: calc(100% - 83px);
        height: 35px;
    }

    .header .form-search button {
        height: 35px;
    }

    .add-to-box .add-to-cart {
        padding-bottom: 30px;
    }

    .add-to-box .add-to-cart button {
        width: 100%;
        left: 0;
        right: 0;
    }

    .product-view .product-shop .availability {
        width: 100%;
    }

    .product-view .product-shop .tax-details {
        float: left;
        width: 100%;
    }

    .tier-prices .benefit {
        float: left;
        width: 100%;
    }

    .cart-table td.delete {
        padding: 5px 10px;
    }

    .header .welcome-msg {
        display: none;
    }

    .form-list .input-box {
        width: 100%
    }

    .form-list li.wide .input-box {
        width: 100%;
    }

    .opc .name-firstname {
        width: 49%;
        margin-right: 2%;
    }

    .opc .name-lastname, .opc .field-2 {
        width: 49%;
    }

    .opc .field {
        width: 100%;
    }

    .form-list select {
        width: 100%;
    }

    .account-create .field {
        width: 100%;
    }

    .opc #checkout-payment-method-load dd {
        width: 100%;
    }

    .nl_embedded .newsletter-text {
        font-size: 12px;
        line-height: 16px;
        margin: 0;
    }

    .catalog_order_form #contactForm .block-form {
        width: 100%;
    }

    .catalog_order_form .marginal-content {
        display: none
    }

    .catalog_order_form .td-img img {
        width: 100px;
    }

    .catalog_order_form .td-img {
        padding: 0 0 40px 0px;
    }

    .catalog_order_form td:nth-child(2n) {
        padding: 0 0 40px 5px;
    }

    .catalog_order_form td {
        vertical-align: top;
    }

    .catalog_order_form .block-checkboxes.left {
        width: 100%;
    }

    .cms-diabetes-fachgeschaefte .std img {
        margin-right: 0px !important;
    }

    #contactForm .block-form {
        max-width: none;
        width: 100%;
    }

    #contactForm .form-list {
        border-right: 0px dotted #666;
    }

    .form-list .field {
        width: 100%;
    }

    #contactForm .marginal-content {
        float: left;
    }

    .form-list .input-box-2box {

        width: 100%;
    }

    .form-list li.wide textarea.input-textarea {
        width: 100%;
    }

    .cms-relaunch .left, .cms-relaunch .right {
        width: 100% !important;
    }

    .catalog_order_form .raffle-participate-text {
        width: 100%;
    }

    .product-view .product-shop .prescription-box input {
        margin: -2px 10px 0 0;
    }

    .product-view .product-shop .prescription-box span {
        margin-top: 10px;
        display: inline-block;
    }

    .bankpayment_info td {
        float: left;
        width: 100%;
    }

    .box-collateral .products-grid li {
        width: 100%;
        margin: 0 0px 10px 0px;
    }
    #contactForm .marginal-content {
        max-width: 100%;
    }
    #contactForm h2 {
        top: -33px;
    }
}

/*IPAD HOCH ENDE*/


@media (max-width: 1020px) {
    .header .brands li ul span span {
        padding: 5px 0 0 5px;
    }
    #contactForm .marginal-content {
        max-width: 100%;
    }
    #contactForm h2 {
        top: -33px;
    }
}

/*IPAD QUER*/
@media (min-width: 992px) {
    .box-collateral .products-grid li {
        width: calc(50% - 10px);
        margin: 0 5px 10px 5px;
    }
    #contactForm .marginal-content {
        max-width: 360px;
    }
    #contactForm h2 {
        top: -23px;
    }

    #contactForm {
        margin-top: 20px;
        float: left;
        width: 100%;
    }

}

/*IPAD QUER ENDE*/

/*BILDSCHIRM*/
@media (min-width: 1020px) {
    .menueTransparency {
        display: none;
    }

    .page {
        max-width: 991px;
        padding: 0;
        width: auto;
    }

    #burger-container {
        display: none
    }

    .menue-mobile {
        left: 0%;
        position: static;
        z-index: 1;
        width: auto;
        top: auto;
        background: transparent;
    }

    .header .welcome-msg {
        display: block;
    }

    .header .links li:last-child {
        display: block
    }
    .header .menue-mobile .hotline {
        position: absolute;
        top: -40px;
        left: 0px;
        background: transparent;
        text-align: left;
    }
    .header .menue-mobile .quick-access-meta {
        position: absolute;
        right: 0px;
        top: 7px;
    }

    .header .icon-account div, .header .order-history-btn div {
        display: inline-block;
        float: left;
    }

    .header .menue-mobile .nav-wrapper {
        position: absolute;
        bottom: 16px;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 100%;
        margin-left: 0;
    }

    #nav li {
        width: auto;
    }

    .nav-container {
        width: auto;
    }

    .header .brands {
        width: auto;
        text-align: center;
    }

    .header .block-1 .header-container {
        height: 149px;
    }

    .header .quick-access {
        left: 0;
    }

    .header .quick-access {
        width: 40%;
        margin-top: 31px;
        background: transparent;
        z-index: 9;
        top: auto;
        border-radius: 0px;
        left: 0%;
        position: static;
    }

    .header h1.logo, .header .headerlogo .logo {
        position: relative;
        left: auto;
        top: auto;
        transform: translate(0);
    }

    .header .icon-search, .header .icon-cart {
        display: none
    }

    .footer .payment {
        margin: 0 100px 40px 0;
        width: 150px;
    }

    .footer .group {
        float: left;
        width: auto;
        margin: 0
    }

    .footer .contact {
        width: auto;
        margin: 0 0 40px 0;
    }

    .footer .company, .footer .service {
        width: auto;
        margin: 0 0 40px 0;
        padding: 0 50px 0 0;
    }

    #slider1 ul {
        height: 220px;
    }

    .home-slider .right-bot {
        height: 238px;
    }

    #slider1 {
        width: calc(100% - 315px);
        margin-bottom: 0px;
    }

    .owl-carousel.owl-theme.owl-diashop .owl-dots {
        margin-top: -41px !important;
        right: 30px !important;
    }

    .header .brands li ul {
        position: absolute;
        width: 270px;
        border: 2px solid #702283;
        border-radius: 5px 5px 5px 5px;
        background-color: #FFFFFF;
        z-index: 1200;
        top: 41px;
        left: -9999px !important;
        float: none;
        margin-bottom: 0
    }

    .header .brands li ul.shown-sub {
        left: -130px !important;
    }

    .header .form-search {
        float: left;
        margin: 0;
        position: absolute;
        left: 330px;
        width: 301px;
        top: 29px;
    }

    .header .form-search input {
        width: 237px;
        height: 25px;
    }

    .header .form-search button {
        height: auto;
    }

    .add-to-box .add-to-cart {
        padding-bottom: 0;
    }

    .add-to-box .add-to-cart button {
        right: 5px;
        width: auto;
        left: auto
    }

    .product-view .product-shop .availability {
        width: auto;
    }

    .product-view .product-shop .tax-details {
        float: right;
        width: 110px;
    }

    .tier-prices .benefit {
        float: none;
        width: auto;
    }

    .cart-table td.delete {
        padding: 5px 75px;
    }

    .form-list .input-box {
        width: 264px;
    }

    .form-list li.wide .input-box {
        width: 589px;
    }

    .opc .name-lastname, .opc .field-2 {
        width: 292px;
    }

    .opc .name-firstname {
        margin-right: 0;
        width: 325px;
    }

    .opc .field {
        width: 325px;
        height: auto;
    }

    .form-list select {
        width: 264px;
    }

    .account-create .field {
        width: 325px;
    }

    .opc #checkout-payment-method-load dd {
        width: 550px;
    }

    .nl_embedded .newsletter-text {
        font-size: 14px;
        margin: 2px 0 7px 0;
        line-height: 25px;
    }

    .catalog_order_form #contactForm .block-form {
        width: 701px;
        max-width: 100%;
    }

    .catalog_order_form .marginal-content {
        display: block
    }

    .catalog_order_form .td-img img {
        width: auto;
    }

    .catalog_order_form td:nth-child(2n) {
        padding: 0 5px 10px 15px;
    }

    .catalog_order_form .td-img {
        padding: 0 0 10px 0px;
    }

    .catalog_order_form td {
        vertical-align: middle;
    }

    .catalog_order_form .block-checkboxes.left {
        width: calc(50% - 12px);
    }

    .cms-diabetes-fachgeschaefte .std img {
        margin-right: 100px !important;
    }

    #contactForm .block-form {
        max-width: calc(100% - 400px);
        width: auto;
    }

    #contactForm .form-list {
        border-right: 1px dotted #666;
    }

    .form-list .field {
        width: 275px;
    }

    #contactForm .marginal-content {
        float: right;
    }

    .form-list .input-box-2box {
        width: 265px;
    }

    .form-list li.wide textarea.input-textarea {
        width: 539px;
    }

    .cms-relaunch .left, .cms-relaunch .right {
        width: 50% !important;
    }

    .catalog_order_form .raffle-participate-text {
        width: 100%;
    }

    .form-list #payment_form_payone_creditcard .input-box {
        width: 380px;
    }

    .form-list #payment_form_payone_creditcard select {
        width: 100%;
    }


    /*isMobile*/
    .isMobile .menueTransparency {
        display: block;
    }


    .isMobile .menueTransparency {
        left: -120%;
    }

    .isMobile .menueTransparency.active {
        left: -17px;
        width: calc(100% + 34px);
    }


    .isMobile .page {
        padding: 0 10px;
        width: 100%;
        max-width: none;
    }

    .isMobile #burger-container {
        display: inline-block;
        height: 33px;
    }

    .isMobile .menue-mobile {
        left: -120%;
        position: absolute;
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        -ms-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
        z-index: 9999;
        width: 100%;
        top: 89px;
        background: #fff;
    }

    .isMobile .menue-mobile.active {
        left: 0;
    }

    .isMobile .header .links li:last-child {
        display: none
    }

    .isMobile .header .menue-mobile .hotline {
        position: relative;
        top: 20px;
        left: 19px;
        background: #8f9190;
        text-align: center;
    }

    .isMobile .header .menue-mobile .quick-access-meta {
        position: absolute;
        top: 24px;
        right: 19px;
    }

    .isMobile .header .menue-mobile .nav-wrapper {
        position: relative;
        bottom: auto;
        margin-top: 70px;
        margin-bottom: 20px;
    }

    .isMobile #nav li {
        float: left;
        width: 100%;
    }

    .isMobile .nav-container {
        width: 100%;
    }

    .isMobile .header .brands {
        width: 100%;
        text-align: left;
    }

    .isMobile .header .block-1 .header-container {
        height: 78px;
    }

    .isMobile .header .quick-access.active {
        left: -1px;
    }

    .isMobile .header .quick-access {
        width: calc(100% + 2px);
        margin-top: 0;
        position: absolute;
        background: #f39200;
        z-index: 13;
        top: 89px;
        border-radius: 8px;
        left: -120%;
    }

    .isMobile .header h1.logo,
    .isMobile .header .headerlogo .logo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .isMobile .header .icon-search,
    .isMobile .header .icon-cart {
        display: block
    }

    .isMobile .footer .payment,
    .isMobile .footer .service,
    .isMobile .footer .company,
    .isMobile .footer .group,
    .isMobile .footer .contact {
        width: calc(20% - 5px);
        margin: 0 5px 0 0;
    }

    .isMobile .footer .company,
    .isMobile .footer .service {
        padding: 0 0 0 0;
    }

    .isMobile .header .brands li ul {
        position: relative;
        width: 100%;
        border: 0;
        border-radius: 0;
        background-color: #FFFFFF;
        top: 10px;
        left: 0 !important;
        float: left;
        margin-bottom: 30px;
    }

    .isMobile .header .form-search {
        margin: 10px 0 0 10px;
        width: 100%;
    }

    .isMobile .header .form-search input {
        width: calc(100% - 83px);
        height: 35px;
    }

    .isMobile .header .form-search button {
        height: 35px;
    }

    .isMobile .header .welcome-msg {
        display: none;
    }


    /*ENDE isMobile*/
    .product-view .product-shop .prescription-box input {
        margin: -3px 10px 0 0;
    }

    .product-view .product-shop .prescription-box span {
        margin-top: 0;
        display: inline-block;
    }

    .bankpayment_info td {
        float: none;
        width: auto;
    }


}

/*BILDSCHIRM ENDE*/
@media (max-width: 1380px) {

}

@media (max-width: 995px) {
    .meta-nav .meta-nav-container {
        padding: 3px 10px 0 210px;
    }
    .meta-nav-container .hotline {
        left: 10px;
    }
    #contactForm {
        margin-top: 20px;
        float: left;
        width: 100%;
    }
    body.cms-home .products-grid li.item {
        width: calc(50% - 5px);
        margin: 0 0;
    }
    body.cms-home .products-grid {
        gap: 10px;
    }
    body.cms-home .coming-products {
        float: left;
        width: 100%;
    }
    body.cms-home .product-list-all-link.only-mobile {
        margin: auto;
        float: none;
        text-transform: uppercase;
        text-align: center;
        position: relative;
        top: -20px;
        display: inline-block !important;
        width: 100%;
    }
    body.cms-home .new-products .product-list-all-link.only-mobile {
        top: 10px;
    }
    body.cms-home .product-list-all-link.only-mobile a {
        padding: 12px 20px;
        font-size: 19px;
    }
}

@media (min-width: 768px) and (max-width: 955px) {
    #giveaway-container {
        background-image: none;
    }

    .formSmalTitle {
        margin: 15px 0 15px 10px;
    }

    .formTxt {
        margin: 0 0 0 10px;
    }

    .formBigTitle {
        margin: 0 0 7px 10px;
    }

    #giveaway-container .one li {
        margin: 0 4px 10px 10px;
        width: auto;
    }

    #giveaway-container .two li:first-child {
        margin: 0 4px 10px 10px;
    }

    #giveaway-container .three li:first-child {
        margin: 0 4px 10px 10px;
    }

    #button-giveaways {
        width: calc(100% - 20px);
        margin: 0px 0 10px 10px;
    }

    .giveawayAddto {
        width: 100%;
        border-radius: 3px;
        background-position: center;
    }

    #giveaway-container li {
        width: calc(100% - 20px);
        height: auto;
    }

    .giveawayName {
        width: 100%;
        margin: 0;
        height: auto;
    }
    .main-newsletter .newsletter form {
        width: 48%;
    }
}

/*IPHONE QUER*/
@media (max-width: 767px) {
    .paypal-express-review .totals {
        float: right;
        width: 100%;
    }

    .only-mobile {
        display: block !important
    }

    .no-mobile {
        display: none !important
    }

    .page {
        padding: 0 10px;
        width: 100%;
        max-width: none;
    }

    #burger-container {
        display: inline-block;
        height: 33px;
    }
    .meta-nav ul {
        display: block;
        text-align: center;
        position: absolute;
        margin-top: 17px;
        width: 100%;
    }
    .header {
        margin-top: 15px;
    }
    .meta-nav ul li a {
        color: #3d3d3d !important;
    }
    .meta-nav .meta-nav-container {
        padding: 3px 0px 0 0px;
    }
    .meta-nav p {
        margin-top: 2px;
        text-align: center;
        padding-right: 20px;
    }
    .header .icon-account div, .header .order-history-btn div {
        display: none;
    }

    .header .links li a span {
        background: transparent;
        font-size: 0.95em;
    }

    .menue-mobile {
        left: -105%;
        position: absolute;
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        -ms-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
        z-index: 9999;
        width: 100%;
        top: 89px;
        background: #fff;
    }

    .menue-mobile.active {
        left: 0;
    }

    .header .menue-mobile .hotline {
        position: relative;
        top: 20px;
        left: 19px;
        float: left;
        width: calc(100% - 38px);
        border-radius: 4px;
    }

    .header .menue-mobile .quick-access-meta {
        position: relative;
        float: right;
        width: calc(100% - 34px);
        right: 17px;
    }

    .header .menue-mobile .nav-wrapper {
        position: relative;
        bottom: auto;
        margin-top: 0;
        margin-bottom: 63px;
        top: 40px;
        margin-left: 19px;
        width: calc(100% - 38px);
    }

    .header .links {
        width: 100%;
        display: flex;
    }

    .header .links li {
        padding: 0 0 0 0;
        width: calc(33.33333% - 3px);
        background: #f39200 !important;
        text-align: center;
        min-height: 30px;
        border-radius: 4px;
        margin: 0 2px;
        font-size: 17px;
    }

    .quick-access-meta {
        top: 30px;
    }

    .header .links li a {
        padding: 6px 2px 8px 2px;
        width: 100%;
        min-height: 30px;
        float: left;
        color: #fff;
        white-space: normal;
    }

    .header .links li a.order-history-btn {
        top: 0;
    }

    #nav li {
        float: left;
        width: 100%;
    }

    .nav-container {
        width: 100%;
    }

    .header .brands {
        width: 100%;
        text-align: left;
    }

    .header .icon-search, .header .icon-cart {
        display: block
    }

    .header .links li:last-child {
        display: none
    }

    .header .quick-access.active {
        left: -1px;
    }

    .header .quick-access {
        width: calc(100% + 2px);
        margin-top: 0;
        position: absolute;
        background: #f39200;
        z-index: 13;
        top: 89px;
        border-radius: 8px;
        left: -105%;
    }

    .header .block-1 .header-container {
        height: 78px;
    }

    .header h1.logo, .header .headerlogo .logo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .footer .payment, .footer .service, .footer .company, .footer .group, .footer .contact {
        width: 50%;
        margin: 0 0px 15px 0;
        padding-bottom: 20px;
    }

    .footer .footer-block .right-bot {
        display: flex;
        flex-flow: wrap;
    }

    .footer .company, .footer .service {
        padding: 0 0 20px 0;
    }

    #slider1 ul {
        height: auto;
    }

    .home-slider .right-bot {
        height: auto;
    }

    #slider1 {
        width: 100%;
    }

    .owl-carousel.owl-theme.owl-diashop .owl-dots {
        margin-top: -41px !important;
        margin-bottom: 9px;
    }

    .home-slider .right {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .home-category-teaser .left {
        width: 100%;
        margin-bottom: 10px;
    }

    .home-category-teaser .right {
        width: 100%;
        margin-bottom: 0px;
    }

    .seo-footer-container {
        display: none;
    }

    .header .brands li ul {
        position: relative;
        width: 100%;
        border: 0;
        border-radius: 0;
        background-color: #FFFFFF;
        top: 10px;
        left: 0 !important;
        float: left;
        margin-bottom: 30px;
    }

    .header .brands li ul.shown-sub {
        left: 0px !important;
    }

    .footer-indent div.mid {
        margin-left: 0;
        margin-bottom: 40px;
    }

    .footer address {
        width: 100%;
    }

    .header .form-search {
        margin: 10px 0 0px 10px;
        width: calc(100% - 10px);
    }

    .header .form-search input {
        width: calc(100% - 83px);
        height: 35px;
    }

    .header .form-search button {
        height: 35px;
    }

    .col-right {
        display: none;
    }

    .col-left {
        display: none;
    }

    .col-main {
        width: 100%;
    }

    .products-grid li.item {
        width: calc(50% - 5px);
        margin: 0 0 10px 0;
        margin-right: 10px !important
    }

    .products-grid li.item.last {
        margin-right: 0;
        float: left;
    }

    .products-grid {
        position: relative;
        display: flex;
        flex-flow: wrap;
        float: left;
        width: 100%;
    }

    .products-grid li.item:nth-child(2n) {
        float: right;
        margin-right: 0 !important
    }

    .toolbar .sorter {
        float: left;
        padding: 5px;
        width: 100%;
        text-align: center;
    }

    .sorter .sort-by {
        float: none;
        margin-right: 0;
    }

    .pager {
        padding: 5px 0;
        margin: 0;
        float: left;
        width: 100%;
        text-align: center;
    }

    .toolbar {
        position: relative;
        margin: 0 0 20px 0;
        padding: 0 0 10px 0;
        background: none;
        float: left;
        width: 100%;
        z-index: 2;
    }

    .pager .pages {
        float: left;
        position: relative;
        left: 50%;
        transform: translatex(-50%);
    }

    .pager .pages li a {
        padding: 10px 13px;
    }

    .pager .pages li.current {

        padding: 10px 13px;
    }

    .product-view .product-img-box {
        width: 100%;
        text-align: center;
    }

    .product-view .product-shop {
        float: right;
        width: 100%;
    }

    .add-to-box {
        width: 100%;
        left: 0;
    }

    .add-to-box .add-to-cart {
        padding-bottom: 30px;
    }

    .add-to-box .add-to-cart button {
        right: auto;
        left: 0;
    }

    .product-view .product-shop .no-break .tax-details {
        width: 100%;
        margin-right: 0;
        float: left
    }

    .social-box .social-right li a.printlink {
        display: none;
    }

    .review-product-list .product-collateral .box-collateral {
        width: 100%;
        overflow: auto;
    }

    .tier-prices .benefit {
        float: left;
        width: 100%;
    }

    .box-reviews .pager .pages {
        width: 100%;
    }

    .pager .limiter {
        float: left;
        padding: 0;
        width: 100%;
        text-align: left;
        margin: 10px 0;
    }

    .products-grid li.item:nth-child(3n) {
        margin: 0 0 10px 0;
    }

    .box-collateral.box-additional {
        width: 100%;
        float: left;
        overflow: auto;
    }

    .cart-table td.delete {
        padding: 5px 10px;
    }

    .data-table.cart-table.prescriptionHeader td {
        float: left;
        border-top: 1px solid #ddd;
        width: 33.33333333%;
        text-align: center !important;
    }

    .data-table.cart-table.prescriptionHeader td:nth-child(2) {
        width: calc(100% - 140px);
        border: none;
        text-align: left !important;
    }

    .data-table.cart-table.prescriptionHeader td.td-image {
        width: 140px;
        border: none;
        text-align: left !important;
    }

    .data-table.cart-table.prescriptionHeader td:nth-child(4) {
        clear: left;
    }

    .cart-table td.product select {
        width: 100%;
        margin-top: 26px;
    }

    .cart .cart-box td.product .prescription-options-img {
        width: auto;
        position: absolute;
        margin-top: 3px;
    }

    .cart .data-table tbody tr {
        border-bottom: 1px solid #ddd;
        position: relative;
    }

    .data-table.cart-table.prescriptionHeader td.delete {
        right: 0;
        border: none;
        width: 100%;
        text-align: right!important;
    }

    .data-table.cart-table.prescriptionHeader td.prescriptionSplitTitle {
        border: none;
        width: 100%;
        text-align: left !important;
    }

    .cart-table td.delete {
        padding: 10px 5px;
    }

    .cart .data-table td:nth-child(5) {
        padding: 10px 5px;
    }

    .cart .data-table .price {
        float: none;
    }

    .cart .cart-table .qty select {
        float: none;
        margin-right: 0;
    }

    .cart .subTotalPrescriptions {
        width: 100%;
    }

    .cart .cart-collaterals .col2-set {
        float: left;
        width: 100%;
    }

    .cart .totals,.cart .trust {
        width: 100%;
        margin-top: 20px;
    }

    .cart .trust {
        text-align: center;
    }

    .header .welcome-msg {
        display: none
    }

    .header .links li#logout {
        position: unset;
        left: 0;
    }

    .cart .checkout-types {
        text-align: center;
        width: 100%;
    }

    .cart .title-buttons .checkout-types li {
        margin: 0;
        text-align: center;
        width: 100%;
        padding: 0
    }

    .cart button {
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
    }

    .cart button.button span {
        float: none !important;
        display: inline-block;
        font-size: 16px;
        height: auto !important;
        padding: 8px 0;
    }

    .cart button.button span span {
        padding: 0;
    }

    .cart .button.btn-continue.gray {
        background: #444744;
        border-radius: 4px;
    }

    .cart .button.btn-proceed-checkout.btn-checkout {
        background: #712383;
        border-radius: 4px;
    }

    .cart .discount button {
        margin-left: 0;
        background: #712383;
        border-radius: 4px;
    }

    .cart .discount .discount-form .buttons-set {
        width: 100%;
    }

    .col2-set .col-1, .col2-set .col-2 {
        float: left;
        width: 100%;
        margin-bottom: 15px;
    }

    .form-list .input-box {
        width: 100%;
    }

    .form-list input.input-text {
        width: 100%;
        height: 30px;
    }

    .account-login .content {
        height: auto;
    }

    .buttons-set button.button {
        float: right;
        width: 100%;
        text-align: center;
        margin: 0 0 15px;
        background: #712383;
        border-radius: 4px;
    }

    .buttons-set {
        padding: 0;
    }

    button.button span {
        height: auto;
        float: none;
        display: inline-block;
        padding: 8px 0;
        font-size: 16px;
    }

    button.button span span {
        padding: 0;
    }

    .add-to-box button.btn-cart span span {
        padding-top: 2px;
    }

    .product-view button.btn-back span span {
        padding-top: 1px;
    }

    .forgotpassword, .buttons-set .back-link {
        float: left;
        margin: 10px 0;
    }

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

    .account-create .fieldset {
        margin-bottom: 15px;
    }

    .account-create .field {
        width: 100%;
    }

    .form-list .field {
        width: 100%;
        height: 56px;
    }

    .form-list select {
        width: 100%;
        height: 30px;
    }

    .form-list li.wide .input-box {
        width: 100%;
    }

    .form-list .input-box {
        max-width: 100%;
    }

    .form-list label {
        margin: 5px 0;
        font-weight: normal;
        font-family: TheSansC5-SemiBold;
    }

    .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month {
        width: calc(15% - 2px);
        margin-right: 2px;
    }

    .form-list .customer-dob .dob-year {
        width: calc(100% - 30%);
    }

    .opc #opc-login .buttons-set {
        position: relative;
        width: 100%;
    }

    .opc .name-lastname, .opc .field-2 {
        width: 100%;
    }

    .opc .field-2 select {
        width: 100%;
    }

    textarea {
        width: 100%;
    }

    .opc #checkout-payment-method-load dd {
        width: 100%;
    }

    .opc .payment-logo, dd.complete .payment-logo {
        display: none;
    }

    .opc #checkout-review-table-wrapper {
        margin: 0;
    }

    .opc .checkout-article-summary .data-table td:first-child {
        float: left;
        width: 100%;
        text-align: left !important;
        border-top: 0px dotted;
    }

    .opc .checkout-article-summary .data-table td {
        float: left;
        width: 33.333333%;
        text-align: center !important;
        border-top: 1px dotted #e5e5e5;
    }

    .opc .checkout-article-summary .data-table thead {
        display: none;
    }

    .opc .checkout-article-summary .data-table colgroup {
        display: none;
    }

    .opc .checkout-article-summary .data-table .price {
        float: none;
    }

    .cart button {
        background: #712383;
        border-radius: 4px;
    }

    .nl_embedded {
        height: auto;
        background-size: auto;
        background-repeat: no-repeat;
        background-position: right -2px top -4px;
        margin-bottom: 26px;
        float: left;
        width: 100%;
        border: 2px solid #712383;
        border-radius: 8px;
        padding: 5px;
    }

    .newsletterdiv button {
        width: 100%;
        background: #712383;
        border-radius: 4px;
    }

    .newsletterdiv form {
        float: left;
        padding: 0;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.6);
    }

    .newsletterdiv.nl_embedded .newsletter-header {
        width: 100%;
    }

    .cart_success_header {
        background: none;
        padding: 10px;
    }

    .newsletterdiv input[type="text"] {
        background-image: none;
        height: 30px;
        width: 100%;
        border: 1px solid #999999;
        border-radius: 2px
    }

    .customer-account-index .col-left,
    .reorderproduct-index-index .col-left,
    .customer-address-index .col-left,
    .customer-account-edit .col-left,
    .newsletter-manage-index .col-left,
    .review-customer-index .col-left,
    .sales-order-view .col-left,
    .customer-address-form .col-left,
    .sales-order-history .col-left {
        display: block;
        width: 100%;
        position: absolute;
        left: -100%;
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        -ms-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
        z-index: 99;
        top: 89px;
        padding: 0 10px;
    }

    .catalog-navigation-left li.parent a, .catalog-navigation-left .first {
        -moz-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
    }

    .catalog-navigation-left .last {
        -moz-border-radius: 0 0 10px 10px;
        border-radius: 0 0 10px 10px;
    }

    .catalog-navigation-left a {
        color: #f39200;
        background: #fff;
        font-weight: normal;
        font-size: 1.3em;
        padding: 13px 7px;
        border-color: #f39200;
        border-left: 0;
        border-right: 0;
    }

    .catalog-navigation-left li:first-child a {
        border-top: 0;
    }

    .catalog-navigation-left li:last-child a {
        border-bottom: 0;
    }

    .col-left.sidebar.active {
        left: 0;
    }

    .customer-navigation-tabber {
        position: absolute;
        top: 40px;
        left: 81px;
        font-size: 30px;
        color: #f39200;
        cursor: pointer
    }

    #reorderproduct-view-form button {
        background-color: #712383;
        border-radius: 4px;
        padding: 0 5px;
    }

    .catalog_order_form #contactForm .block-form {
        width: 100%;
    }

    .catalog_order_form .marginal-content {
        display: none
    }

    .catalog_order_form .td-img img {
        width: 100px;
    }

    .catalog_order_form td:nth-child(2n) {
        width: calc(100% - 100px);
    }

    .catalog_order_form td.td-img {
        width: 100px;
        float: left;
        clear: left;
    }

    .catalog_order_form td:nth-child(2n) {
        padding: 0 0 40px 5px;
    }

    .catalog_order_form .td-img {
        padding: 0 0 40px 0px;
    }

    .catalog_order_form td {
        vertical-align: top;
        float: left;
    }

    .catalog_order_form .block-form .form-list .field {
        width: 100%;
        margin: 0 10px 0px 0;
    }

    .catalog_order_form #contactForm .block-form li {
        margin: 0;
    }

    .catalog_order_form .block-checkboxes.left {
        width: 100%;
    }

    .catalog_order_form .button {
        left: 0;
        position: unset;
        top: 0;
        transform: none;
        background: #712383;
        float: left;
        width: 100%;
        border-radius: 4px;
    }

    .catalog_order_form #contactForm .block-checkboxes .input-pump {
        margin: 13px 0 16px 17px;
        width: 100%;
    }

    .catalog_order_form .input-date {
        width: 100%;
        margin-bottom: 15px;
    }

    .payment-calculator button {
        width: 100%;
        background: #712383;
        border-radius: 4px;
        float: left;
        margin-bottom: 20px
    }

    .payment-calculator .input-text {
        width: 100%;
    }

    .cms-agb .widget-static-block, .cms-widerruf .widget-static-block {
        float: left;
        width: 100%;
        overflow: auto;
    }

    .cgm-page .page-footer {
        position: relative;
        width: calc(100% - 41px);
    }

    .accordion-content .image {
        float: left;
        width: 100%;
        margin-right: 0;
        text-align: center;
    }

    .accordion-content .text {
        float: left;
        width: 100%;
        margin-top: 15px;
    }

    .cms-das-team td {
        float: left;
        width: 100%;
    }

    #contactForm .block-form {
        max-width: none;
        width: 100%
    }

    #contactForm .form-list {
        border-right: 0px dotted #666;
    }

    .form-list .field {
        width: 100%;
    }

    #contactForm .marginal-content {
        float: left;
    }

    #contactForm button, .cart-empty button {
        width: 100%;
        background: #712383;
        border-radius: 4px;
    }

	#contactForm .btn-orange-white {
		width: 100%;
		text-align: center;
		font-size: 16px;
		padding: 11px 20px;
	}

    #contactForm .fieldset {
        padding: 0;
    }

    .form-list .input-box-2box {
        width: 100%;
    }

    .form-list li.wide textarea.input-textarea {
        width: 100%;
    }

    .form-list input.input-postcode {
        width: 18%;
    }

    .form-list input.input-city {
        width: calc(82% - 10px);
    }

    .cms-relaunch .left, .cms-relaunch .right {
        width: 100% !important;
    }

    #tsInnerBox, #tsSeal, #tsText {
        max-width: 100%;
    }

    .catalog_order_form #contactForm .block-form.fullwidth {
        width: 100%;
    }

    .catalog_order_form .raffle-participate-text {
        width: 100%;
    }

    .cart .discount .discount-form .input-box {
        width: 100%;
    }

    .cart .discount .discount-form input.input-text {
        width: 100%;
    }

    .checkout-onepage-index.isMobile .sidebar {
        display: block;
        width: 100%;
    }

    .product-view .product-shop .prescription-box span.active-prescription, .product-view .product-shop .prescription-box span.inactive-prescription {
        margin: 20px 0 0 0;
        display: inline-block;
    }

    .prescription-box .prescription-options-img {
        margin-top: 46px;
    }

    #aftersearch .after-search-link {
        width: 100% !important;
        margin-right: 0;
    }

    #aftersearch .after-search-popup {
        padding: 6px 8px 12px !important;
        width: calc(100% - 20px) !important;
        border: 1px solid #ccc;
        border-radius: 3px;
        z-index: 10;
        color: #48819E;
        font-weight: normal;
    }

    .not-in-stock-error {
        max-width: 100%;
        left: 0;
    }

    .col-main button.button:hover span {
        background: transparent;
    }

    #giveaway-container {
        background-image: none;
    }

    .formSmalTitle {
        margin: 15px 0 15px 10px;
    }

    .formTxt {
        margin: 0 0 0 10px;
    }

    .formBigTitle {
        margin: 0 0 7px 10px;
    }

    #giveaway-container .one li {
        margin: 0 4px 10px 10px;
        width: auto;
    }

    #giveaway-container .two li:first-child {
        margin: 0 4px 10px 10px;
    }

    #giveaway-container .three li:first-child {
        margin: 0 4px 10px 10px;
    }

    #button-giveaways {
        width: calc(100% - 20px);
        margin: 0px 0 10px 10px;
    }

    .giveawayAddto {
        width: 100%;
        border-radius: 3px;
        background-position: center;
    }

    #giveaway-container li {
        width: calc(100% - 20px);
        height: auto;
    }

    .giveawayName {
        width: 100%;
        margin: 0;
        height: auto;
    }

    .catalog_order_form #contactForm .block-form.no-border {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }
    .catalog_order_form #contactForm .block-form.no-border > * {
        width: 100%;
        max-width: none;
        margin: 0;
    }
    .catalog_order_form_txt {
        padding: 20px 0px 0 0px;
    }

    .catalog_order_form #contactForm .table-catalogue {
        margin-left: 0;
    }

    .catalog_order_form .page-title h1 {

        margin: 10px 0 15px 0px;
    }

    .checkout-onepage-index .form-list .field {
        height: auto;
    }

    .box-collateral .products-grid li {
        width: 100%;
        margin: 0 0px 10px 0px;
    }

    .teaser.intro-teaser[class^="grid-"] [class^="rectangle-"] .txt {
        position: relative;
        right: auto;
        top: 0;
        transform: none;
        max-width: none;
        width: 100%;
        margin-top: -70px;
        margin-bottom: 30px;
    }

    .intro-teaser li {
        margin-bottom: 0 !important;
    }

    .intro-teaser {
        display: block !important;
        float: none !important;
        width: 100% !important;
    }

    .grid-2.gallery li {
        width: 100%;
    }
    .grid-2.gallery li:nth-child(4n), .grid-2.gallery li:nth-child(4n-1) {
        flex-flow: row;
    }
    .grid-2.gallery li:nth-child(2n) {
        flex-flow: row-reverse;
    }
    .gallery .txt::before {
        display: none;
    }
    .grid-2 > li, .grid-2 > div {
        width: 100%;
    }
    #contactForm .marginal-content {
        max-width: 100%;
    }
    #contactForm h2 {
        top: -33px;
    }
    .txt_dataprotection_nl {
        padding-left: 15px;
        padding-right: 15px;
    }
    .main-newsletter .newsletter ul.tick-orange {
        width: 100%;
        margin-bottom: 20px;
    }
    .newsletter-content {
        width: 100%;
    }
    .main-newsletter .newsletter form {
        width: 90%;
        left: 5%;
    }
    .footer-social td {
        width: 33.3333%;
        float: left;
    }
    .footer-social td:last-child, .footer-social td:nth-last-child(2) {
        width:50%;
        float: right;
    }

    body.cms-home .products-grid li.item {
        margin: 0 !important;
    }

}

/*IPHONE QUER ENDE*/
@media only screen and (max-width: 992px) {
    .cms-index-index ul.products-grid > li.item:nth-child(1n+7) {
        display: none!important;
    }
}
/*IPHONE HOCH*/
@media only screen and (max-width: 480px) {
    body.cms-home .products-grid li.item {
        margin: 0 !important;
    }
    body.cms-home .products-grid li.item {
        width: 100%;
    }
    .cms-index-index ul.products-grid > li.item:nth-child(1n+6) {
        display: none!important;
    }
    .paypal-express-review .totals {
        float: right;
        width: 100%;
    }

    .header .links {
        display: block;
    }

    .header .links li, .header .links li#logout {
        width: 100%;
        margin: 0 0 15px 0;
    }

    .header .links li:first-child {
        margin: 0 0 15px 0;
    }

    .header .links li:nth-child(3) {
        margin: 0 0 5px 0;
    }

    .header h1.logo, .header .headerlogo .logo {
        position: absolute;
        left: 0;
        top: 13px;
        transform: none;
        width: 100%;
        text-align: center;
    }

    .header .block-1 .header-container {
        height: 100px;
    }

    #burger-container {
        top: auto;
        bottom: 5px;
        transform: unset;
    }

    .customer-navigation-tabber {
        top: 73px;
        font-size: 40px;
    }

    .header .fa {
        font-size: 40px;
    }

    .header .icon-cart {
        top: auto;
        transform: none;
        bottom: 11px;
        width: 41px;
    }

    .isMobile .CartCount {
        top: 8px;
        font-size: 13px;
    }

    .header .icon-search {
        top: auto;
        transform: unset;
        bottom: 14px;
    }

    .header .quick-access,
    .customer-account-index .col-left,
    .reorderproduct-index-index .col-left,
    .customer-address-index .col-left,
    .customer-account-edit .col-left,
    .newsletter-manage-index .col-left,
    .review-customer-index .col-left,
    .sales-order-view .col-left,
    .customer-address-form .col-left,
    .sales-order-history .col-left,
    .menue-mobile {
        top: 111px;
    }

    .menueTransparency {
        margin-top: 107px;
    }

    .header .logo {
        float: none;
        text-decoration: none !important;
        display: inline-block;
    }

    .products-grid li.item {
        width: 100%;
        margin: 0 0 10px 0 !important;
    }

    .category-teaser-box .cat-descr_50, .category-teaser-box .cat-descr_50_r {
        margin: 0 0 10px 0;
        width: 100%;
    }

    .category-teaser-box .cat-descr_50 img, .category-teaser-box .cat-descr_50_r img, .category-teaser-box .cat-descr_33 img {
        width: 100%;
    }

    .product-view .product-shop .availability {
        color: #702283;
        float: left;
        font-size: 0.9em;
        margin: 10px 0 10px 0;
        width: 100%;
    }

    .product-view .product-shop .tax-details {
        width: 100%;
    }

    .prescription-options-hover {
        left: 0 !important;
        margin-top: 10px;
    }

    .header .menue-mobile .quick-access-meta {
        width: calc(100% - 38px);
        right: 19px;
    }

    .category-teaser-box .cat-descr_33_r, .category-teaser-box .cat-descr_33_r img {
        width: 100%;
    }

    .category-teaser-box .cat-descr_33 {
        width: 100%;
    }

    #category-search-results li {
        margin-top: 10px;
    }

    #cms-search-results li {
        width: 50%;
    }
}

/*IPHONE HOCH ENDE*/

@media (max-width: 390px) {
    .paypal-express-review .totals {
        float: right;
        width: 100%;
    }
}

/*iPad in landscape*/
@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: landscape) {

}

/*Retina iPad in portrait & landscape*/
@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (-webkit-min-device-pixel-ratio: 2) {
    .page {
        padding: 0 10px;
        width: 100%;
        max-width: none;
    }

    #burger-container {
        display: inline-block;
        height: 33px;
    }

    .menue-mobile {
        left: -105%;
        position: absolute;
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        -ms-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
        z-index: 9999;
        width: 100%;
        top: 89px;
        background: #fff;
    }

    .menue-mobile.active {
        left: 0;
    }

    .header .links li:last-child {
        display: none
    }

    .header .menue-mobile .hotline {
        position: relative;
        top: 20px;
        left: 19px;
    }

    .header .menue-mobile .quick-access-meta {
        position: absolute;
        top: 24px;
        right: 19px;
    }

    .header .menue-mobile .nav-wrapper {
        position: relative;
        bottom: auto;
        margin-top: 70px;
        margin-bottom: 20px;
    }

    #nav li {
        float: left;
        width: 100%;
    }

    .nav-container {
        width: 100%;
    }

    .header .brands {
        width: 100%;
        text-align: left;
    }

    .header .block-1 .header-container {
        height: 78px;
    }

    .header .quick-access.active {
        left: -1px;
    }

    .header .quick-access {
        width: calc(100% + 2px);
        margin-top: 0;
        position: absolute;
        background: #f39200;
        z-index: 13;
        top: 89px;
        border-radius: 8px;
        left: -105%;
    }

    .header h1.logo, .header .headerlogo .logo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .header .icon-search, .header .icon-cart {
        display: block
    }

    .footer .payment, .footer .service, .footer .company, .footer .group, .footer .contact {
        width: calc(20% - 5px);
        margin: 0 5px 0 0;
    }

    .footer .company, .footer .service {
        padding: 0 0 0 0;
    }

    #slider1 ul {
        height: auto;
    }

    .home-slider .right-bot {
        height: auto;
    }

    #slider1 {
        width: calc(100% - 310px);
    }

    .owl-carousel.owl-theme.owl-diashop .owl-dots {
        margin-top: 0px !important;
        right: 30px !important;
    }

    .header .brands li ul {
        position: relative;
        width: 100%;
        border: 0;
        border-radius: 0;
        background-color: #FFFFFF;
        top: 10px;
        left: 0 !important;
        float: left;
        margin-bottom: 30px;
    }

    .header .form-search {
        margin: 10px 0 0 10px;
        width: 100%;
    }

    .header .form-search input {
        width: calc(100% - 83px);
        height: 35px;
    }

    .header .form-search button {
        height: 35px;
    }

    .add-to-box .add-to-cart {
        padding-bottom: 30px;
    }

    .add-to-box .add-to-cart button {
        width: 100%;
        left: 0;
        right: 0;
    }

    .product-view .product-shop .availability {
        width: 100%;
    }

    .product-view .product-shop .tax-details {
        float: left;
        width: 100%;
    }

    .tier-prices .benefit {
        float: left;
        width: 100%;
    }

    .cart-table td.delete {
        padding: 5px 10px;
    }

    .header .welcome-msg {
        display: none;
    }

    .form-list .input-box {
        width: 100%
    }

    .form-list li.wide .input-box {
        width: 100%;
    }

    .opc .name-firstname {
        width: 49%;
        margin-right: 2%;
    }

    .opc .name-lastname, .opc .field-2 {
        width: 49%;
    }

    .opc .field {
        width: 100%;
    }

    .form-list select {
        width: 100%;
    }

    .account-create .field {
        width: 100%;
    }

    .opc #checkout-payment-method-load dd {
        width: 100%;
    }

    .nl_embedded .newsletter-text {
        font-size: 12px;
        line-height: 16px;
        margin: 0;
    }

    .catalog_order_form #contactForm .block-form {
        width: 100%;
    }

    .catalog_order_form .marginal-content {
        display: none
    }

    .catalog_order_form .td-img img {
        width: 100px;
    }

    .catalog_order_form .td-img {
        padding: 0 0 40px 0px;
    }

    .catalog_order_form td:nth-child(2n) {
        padding: 0 0 40px 5px;
    }

    .catalog_order_form td {
        vertical-align: top;
    }

    .catalog_order_form .block-checkboxes.left {
        width: 100%;
    }

    .cms-diabetes-fachgeschaefte .std img {
        margin-right: 0px !important;
    }

    #contactForm .block-form {
        max-width: none;
        width: 100%;
    }

    #contactForm .form-list {
        border-right: 0px dotted #666;
    }

    .form-list .field {
        width: 100%;
    }

    #contactForm .marginal-content {
        float: left;
    }

    .form-list .input-box-2box {

        width: 100%;
    }

    .form-list li.wide textarea.input-textarea {
        width: 100%;
    }

    .cms-relaunch .left, .cms-relaunch .right {
        width: 100% !important;
    }

    .catalog_order_form .raffle-participate-text {
        width: 100%;
    }

    .isMobile .menueTransparency {
        display: block;
    }

    .product-view .product-shop .prescription-box input {
        margin: -2px 10px 0 0;
    }

    .product-view .product-shop .prescription-box span {
        margin-top: 10px;
        display: inline-block;
    }
    .header .icon-account div, .header .order-history-btn div {
    display: none;
}
}

/*iPad in portrait*/
@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {

}

/*iPhone 5 in landscape*/
@media only screen and (min-device-width: 320px)and (max-device-width: 568px)and (orientation: landscape) {
    .data-table.cart-table.prescriptionHeader td.delete {
        bottom: 60px;
    }

    .paypal-express-review .totals {
        width: 100%;
    }
}

/*iPhone 5 in portrait*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
    .data-table.cart-table.prescriptionHeader td.delete {
        bottom: 60px;
    }

    .paypal-express-review .totals {
        width: 100%;
    }
}

/*iPhone 5 in portrait*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
    .data-table.cart-table.prescriptionHeader td.delete {
        bottom: 60px;
    }

    .paypal-express-review .totals {
        width: 100%;
    }
}

/* Samsung S3 default browser portrait*/
@media only screen and (device-width: 720px) and (device-height: 1280px) and (orientation: portrait) {
    .paypal-express-review .totals {
        width: 100%;
    }
}

/* Samsung S3 default browser landscape */
@media only screen and (device-width: 1280px) and (device-height: 720px) and (orientation: landscape) {
    .paypal-express-review .totals {
        width: 100%;
    }
}

/*(hdpi) Android*/
@media only screen and (-webkit-device-pixel-ratio: 1.5) and (orientation: landscape) {
    .paypal-express-review .totals {
        width: 100%;
    }
}

@media (max-width: 780px) {
    .back-to-top {
        bottom: 20px;
        right: 5px;
        width: 50px;
        height: 50px;
    }

    .back-to-top::before {
        background-repeat: unset;
        width: 50px;
        height: 50px;
        background-size: cover;
    }
}

.checkout-cart-index .product-grid-cart .products-grid {
	flex-flow: nowrap;
	gap: 10px;
}

.checkout-cart-index .product-grid-cart .products-grid li {
	width: 50%;
	margin: 0;
}

.checkout-cart-index  .coming-products{
	width: calc(100% + 10px);
}

.checkout-cart-index  .product-list-all-link.no-mobile {
	margin-right: 10px;
}

@media (max-width: 768px) {
    .checkout-cart-index  .coming-products{
        width:100%;
    }
    .checkout-cart-index .product-grid-cart .products-grid {
        flex-flow: wrap;
        gap: 0;
    }

    .checkout-cart-index .product-grid-cart .products-grid li {
        width:100%;
        margin-bottom: 10px;
    }

}

/**
 * "Seo Layered Navigation" extension for "Magento Commerce" by "EcommerceTeam (www.ecommerce-team.com)"
 *
 * @category     Extension
 * @copyright    Copyright (c) 2015 EcommerceTeam (http://www.ecommerce-team.com)
 * @author       EcommerceTeam
 * @version      4.1.1
 */


@font-face {
  font-family: 'seonav';
  src: url("https://www.diashop.de/skin/frontend/base/default/css/seonav/fonts/seonav.eot");
}
@font-face {
  font-family: 'seonav';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBSoAAAC8AAAAYGNtYXAXVtKHAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZiTiqmsAAAF4AAAA4GhlYWQH9MUxAAACWAAAADZoaGVhB8IDxgAAApAAAAAkaG10eAoAAAAAAAK0AAAAFGxvY2EAKACEAAACyAAAAAxtYXhwAAgAQQAAAtQAAAAgbmFtZbHsIIMAAAL0AAABenBvc3QAAwAAAAAEcAAAACAAAwMAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAAPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6QD//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAACAAD/qwQAA6sAFAA+AAABIg4CFRQeAjMyPgI1NC4CIxMOASMiJicwLgIxLgE3MDwCMTQ2MzIWFTAcAjEwHgIxHgEVFAYHAgBqu4tQUIu7amm6jFFRjLpp8wodEAoTCjpHOg0NASofGyowOTAMDQgGA6tRi7tparqMUFCMumppu4tR/VwQDQcFKDEoCCMSSlpKHisrHkNQQyAmIAccDwsXCwAAAAEAAAABAAAP80OpXw889QALBAAAAAAA0mrAbwAAAADSasBvAAD/qwQAA6sAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAUEAAAAAAAAAAAAAAACAAAABAAAAAAAAAAACgAUAB4AcAABAAAABQA/AAIAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABgAAAAEAAAAAAAIABwBXAAEAAAAAAAMABgAzAAEAAAAAAAQABgBsAAEAAAAAAAUACwASAAEAAAAAAAYABgBFAAEAAAAAAAoAGgB+AAMAAQQJAAEADAAGAAMAAQQJAAIADgBeAAMAAQQJAAMADAA5AAMAAQQJAAQADAByAAMAAQQJAAUAFgAdAAMAAQQJAAYADABLAAMAAQQJAAoANACYc2VvbmF2AHMAZQBvAG4AYQB2VmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwc2VvbmF2AHMAZQBvAG4AYQB2c2VvbmF2AHMAZQBvAG4AYQB2UmVndWxhcgBSAGUAZwB1AGwAYQByc2VvbmF2AHMAZQBvAG4AYQB2Rm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype");
  font-weight: normal;
  font-style: normal;
}
[class^="seonav-"], [class*=" seonav-"] {
  font-family: 'seonav';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.seonav-seonav-clock:before {
  content: "\e900";
}

.landing-list:after,
.std .landing-list:after {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}
.landing-list li,
.std .landing-list li {
  width: 49%;
  display: inline-block;
  margin: 0 0 30px 0;
  border: 1px solid #e8e8e8;
  list-style: none;
  vertical-align: top;
}
.landing-list li:nth-child(2n + 2),
.std .landing-list li:nth-child(2n + 2) {
  margin-right: 0;
}
.landing-list li:nth-child(3n+3),
.std .landing-list li:nth-child(3n+3) {
  clear: both;
}
.landing-list li:nth-child(odd),
.std .landing-list li:nth-child(odd) {
  float: left;
}
.landing-list li:nth-child(even),
.std .landing-list li:nth-child(even) {
  float: right;
}

.landing-block .visual img {
  height: auto;
  width: 100%;
}
.landing-block .clearfix {
  padding: 0 27px 12px 222px;
}
.landing-block .clearfix:after {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}
.landing-block .text {
  padding: 30px 0 0;
}
.landing-block .cat-name {
  font-size: 24px;
  text-transform: uppercase;
  line-height: 30px;
  margin: 0 0 10px;
}
.landing-block .info {
  margin: -80px 0 0 -193px;
  float: left;
  width: 160px;
  position: relative;
  z-index: 20;
  text-align: center;
  line-height: 160%;
}
.landing-block .update span {
  display: block;
  width: 100%;
}
.landing-block .update:after {
  content: "\e900";
  display: inline-block;
  clear: both;
  font-family: seonav;
  font-size: 16px;
  color: #a2a2a2;
}
.landing-block .qty {
  box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.2);
  border: 1px solid #e8e8e8;
  padding: 25px 20px;
  background: #fff;
  margin: 0 0 10px;
  display: block;
}
.landing-block .qty:hover {
  text-decoration: none;
}
.landing-block .number {
  font-size: 42px;
  color: #555;
  font-weight: bold;
  margin-bottom: 15px;
  display: block;
}
.landing-block .name {
  text-transform: uppercase;
  color: #777;
}
.landing-block .name span {
  display: block;
  width: 100%;
  clear: both;
}

@media only screen and (max-width: 979px) {
  .col1-layout .landing-list li {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 20px;
    text-align: center;
  }
}
@media only screen and (max-width: 1199px) {
  .col2-left-layout .landing-list li,
  .col2-right-layout .landing-list li {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 20px;
    text-align: center;
  }
}
@media only screen and (min-width: 1200px) {
  .col2-left-layout .landing-block .info,
  .col2-right-layout .landing-block .info {
    width: 140px;
    margin-left: -173px;
  }
  .col2-left-layout .landing-block .info .qty,
  .col2-right-layout .landing-block .info .qty {
    padding: 20px 15px;
  }
  .col2-left-layout .landing-block .clearfix,
  .col2-right-layout .landing-block .clearfix {
    padding: 0 27px 12px 202px;
  }
}
.block-layered-nav .resetfilter,
.block-layered-nav .currently .actions a {
  display: inline-block;
  width: 100px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  margin-top: 5px;
}
.block-layered-nav .resetfilter {
  text-align: left;
}
.block-layered-nav .currently a {
  margin: 0;
}
.block-layered-nav .currently .actions .button {
  float: left;
}
.block-layered-nav dl.sln-nav dt {
  overflow: hidden;
  cursor: pointer;
}
.block-layered-nav dl.sln-nav dt span {
  float: left;
}
.block-layered-nav dl.sln-nav dt img.filter-details {
  float: right;
  cursor: help;
}
.block-layered-nav dl.sln-nav dd ol > li > span,
.block-layered-nav dl.sln-nav dd ol > li > a {
  display: inline-block;
  padding: 5px 15px;
  outline: none;
}
.block-layered-nav dl.sln-nav dd .sln-type-checkbox li a,
.block-layered-nav dl.sln-nav dd .sln-type-checkbox li span.disabled {
  background: url("https://www.diashop.de/skin/frontend/base/default/images/ecommerceteam/sln/checkbox.png") 0 0 no-repeat;
  padding: 0 0 2px 20px;
  text-decoration: none;
  line-height: 120%;
}
.block-layered-nav dl.sln-nav dd .sln-type-checkbox li span.disabled {
  cursor: default;
}
.block-layered-nav dl.sln-nav dd .sln-type-checkbox li a.checked {
  background-position: 0 -48px;
  padding-left: 20px;
}
.block-layered-nav dl.sln-nav dd .configurable-swatch-list li .checked,
.block-layered-nav dl.sln-nav dd .configurable-swatch-list li .checked:not(.has-image) .swatch-label {
  border-color: #FAA819 !important;
}
.block-layered-nav dl.sln-nav dd .configurable-swatch-list li a .count {
  color: inherit;
}

#sln-filter-top .sln-type-image {
  overflow: hidden;
}
#sln-filter-top .sln-type-image li {
  display: inline;
  float: left;
  margin: 0 3px 3px 0;
}

.sln-type-image li img {
  border: 1px solid #ccc;
  padding: 1px;
}
.sln-type-image li .checked img {
  border: 2px solid #F75A58;
  padding: 0;
}

.sln-type-input .fields {
  overflow: hidden;
  padding: 3px 0;
}
.sln-type-input .fields label {
  display: block;
}
.sln-type-input .fields label span {
  float: left;
  position: relative;
  top: 2px;
}
.sln-type-input .fields label input {
  float: left;
  margin: 0 7px;
  width: 40px;
}

.sln-notice-block {
  padding: 2px 5px;
  background: #FEC;
  border: 1px solid #FAA819;
  color: #1F5070;
  text-align: left;
}

#sln-indicator {
  position: fixed;
  padding: 5px;
  width: 160px;
  text-align: center;
  font-family: Arial;
  font-size: 12px;
  font-weight: 700;
  margin-left: -80px;
  background: #FEC;
  border: 1px solid #FAA819;
  color: #333;
  left: 50%;
  top: 45%;
  z-index: 999;
}

.button-set button,
.button-set button span,
.button-set button span span {
  border: 0;
  background: none;
  padding: 0;
}
.button-set button span span {
  background: url("https://www.diashop.de/skin/frontend/base/default/images/ecommerceteam/sln/button-small.png") no-repeat scroll 0 0 transparent;
  width: 100px;
  height: 22px;
  cursor: pointer;
  color: #1E7EC8;
  font-weight: 100;
  font-size: 11px;
  line-height: 200%;
}

.block-layered-nav select {
  width: 165px;
}
.block-layered-nav .hidden {
  display: none;
}
.block-layered-nav .more {
  text-align: right;
  cursor: pointer;
}