@font-face {
	font-family: 'robotoregular';
	src: url('/assets/fonts/roboto-webfont/Roboto-Regular-webfont.eot');
	src: url('/assets/fonts/roboto-webfont/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('/assets/fonts/roboto-webfont/Roboto-Regular-webfont.woff') format('woff'),
		url('/assets/fonts/roboto-webfont/Roboto-Regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

html {
	overflow-y: scroll;
}

body {
	color: #555;
	background-color: #01579b;
	font: normal 100%/1.4 'robotoregular', sans-serif;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

a {
	color: #01579b;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ul {
	list-style: none;
}

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

img,
iframe,
canvas,
video,
object,
embed {
	max-width: 100%;
}

small,
small a {
	color: #777;
	text-decoration: none;
}

label,
summary {
	cursor: pointer;
}

summary {
	padding-left: 20px;
	position: relative;
}

summary h4 {
	margin-top: 0 !important;
}

summary::-webkit-details-marker,
summary::marker {
	display: none;
	content: "";
}

summary::before {
	content: '\f106';
	font-family: FontAwesome;
	position: absolute;
	top: 0;
	left: 0;
}

details {
	padding: 20px;
	border: 1px solid #eee;
}

details .b {
	margin-bottom: 0;
}

details[open] {
	border-color: #ddd;
}

details[open] summary::before {
	content: '\f107';
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: normal;
	line-height: 1.2;
	hyphens: auto;
}

h1, .h1 {font-size: 190%; }
h2, .h2 {font-size: 150%; }
h3, .h3 {font-size: 130%; }
h4, .h4 {font-size: 120%; }
h5, .h5 {font-size: 110%; }
h6, .h6 {font-size: 100%; }

table {
	width: 100%;
	border-collapse: collapse;
}

table th,
table td {
	padding: 5px;
	text-align: left;
	vertical-align: top;
	hyphens: auto;
	word-break: break-word;
}

table th {
	border-bottom: 3px solid #eee;
}

table td {
	border-top: 1px solid #eee;
}

header, footer, main, nav, aside {
	display: block;
}

input, button, select, textarea {
	color: inherit;
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
	line-height: inherit;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
.button,
#q {
	-webkit-appearance: none;
}

input[type="search"]::-ms-clear,
input[type="search"]::-ms-reveal {
	display: none; 
	width : 0; 
	height: 0;
}

#maintenance,
#redirect {
	margin-top: 10%;
	text-align: center;
}

#maintenance,
#redirect,
#maintenance a,
#redirect a {
	color: #fff;
}

#maintenance h1,
#redirect h1 {
	padding: 65px 30px 0;
	background: transparent url('/assets/img/medipreis-logo.png') no-repeat center top;
}

#redirect .b {
	padding: 15px 30px;
	color: #555;
	background-color: #fff;
}

#redirect form {
	max-width: 600px;
	margin: 0 auto;
}

.b,
.separator,
.form-row {
	margin: 30px 0;
}

.u {
	text-decoration: underline;
}

.separator {
	border-top: 1px solid #eee;
}

.separator hr {
	display: none;
}

.separated {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #eee;
}

.text-separator {
	color: #777;
	font-size: small;
	text-align: center;
	position: relative;
}

.text-separator::after {
	content: '';
	width: 100%;
	display: block;
	border-top: 1px solid #eee;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	z-index: 1;
}

.text-separator span {
	padding: 0 10px;
	background-color: #fff;
	position: relative;
	z-index: 2;
}

.captcha {
	text-transform: uppercase;
}

.form-row .caption {
	display: block;
	margin-bottom: 5px;
}

.form-row .field,
.form-row table {
	width: 100%;
}

.form-switch {
	display: inline-block;
	position: relative;
	width: 40px;
	height: 24px;
}

.form-switch input[type="checkbox"] {
	opacity: 0;
	width: 0;
	height: 0;
}

.form-toggle {
	cursor: pointer;
	background-color: #ccc;
	border-radius: 24px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: .4s;
}

.form-toggle:before {
	content: '';
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	height: 16px;
	width: 16px;
	left: 4px;
	bottom: 4px;
	transition: .4s;
}

.form-switch input[type="checkbox"]:checked + .form-toggle {
	background-color: #01579b;;
}

.form-switch input[type="checkbox"]:checked + .form-toggle:before {
	transform: translateX(16px);
}

.field {
	padding: 6px 4px;
	border-color: #ddd;
	border-width: 0 0 3px;
	border-style: solid;
	border-radius: 0;
	background-color: #fafafa;
	box-shadow: none;
	outline: 0;
}

.field.disabled {
	border-color: #eee;
	background-color: #fff;
}

select.field {
	width: auto;
}

textarea.field.small {
	height: 100px;
}

textarea.field,
textarea.field.medium {
	height: 200px;
}

textarea.field.large {
	height: 300px;
}

textarea.field.huge {
	height: 500px;
}

.field:focus {
	border-color: #0277bd;
	background-color: #fff;
}

.button,
.button.primary {
	color: #fff;
	background-color: #0277bd;
	border-color: transparent transparent #01579b;
	border-width: 1px 1px 3px;
	border-style: solid;
	border-radius: 2px;
	cursor: pointer;
	padding: 6px 8px 4px;
	display: inline-block;
	text-align: center;
	vertical-align: baseline;
	white-space: nowrap;
}

.button.small {
	font-size: small;
	padding: 4px 6px 2px;
}

.button.secondary {
	color: #01579b;
	background-color: #fff;
	border-color: #0277bd;
	border-width: 1px 1px 3px;
}

.button.secondary:hover {
	border-color: transparent transparent #c51162;
}

.button.link,
.button.link:hover {
	color: #01579b;
	background-color: transparent;
	border-color: transparent;
}

.button.disabled,
.button.disabled:hover {
	color: #999;
	background-color: #eee;
	border-bottom-color: #ddd;
}

.button:hover {
	color: #fff;
	background-color: #f50057;
	text-decoration: none;
	border-bottom-color: #c51162;
}

.required {
	color: red;
}

.muted,
.disabled,
.disabled a,
.disabled small {
	color: #bbb;
}

.list {
	list-style: disc;
	padding-left: 25px;
}

.list-decimal {
	list-style: decimal;
}

.list-bordered li {
	padding: 5px 0;
	border-top: 1px solid #eee;
}

.list-bordered li:first-child {
	border: 0;
}

.hide {
	display: none;
}

.show {
	display: block;
}

.collapsed {
	height: 100px;
	overflow: hidden;
	position: relative;
}

.collapsed:before {
	content: '';
	width: 100%;
	height: 45px;
	position: absolute;
	bottom: 0;
	background: transparent;
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

.expanded {
	height: auto;
}

.alert,
.alert a {
	color: #fff;
}

.alert {
	font-size: large;
	padding: 15px 20px;
	margin-bottom: 30px;
	background-color: #78909c;
}

.alert-info {
	background-color: #81d4fa;
}

.alert-success {
	background-color: #0f9d58;
}

.alert-error {
	background-color: #cb4437;
}

.alert-warning {
	background-color: #f4b400;
}

.text-info,
.text-info a {
	color: #81d4fa;
}

.text-success,
.text-success a {
	color: #0f9d58;
}

.text-error,
.text-error a {
	color: #cb4437;
}

.text-warning,
.text-warning a {
	color: #f4b400;
}

.text-overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.highlight {
	background-color: yellow;
}

.browser,
.browser a {
	color: #ae8e0a;
}
	
.browser {
	margin-bottom: 30px;
	background-color: #fbf5db;
	overflow: hidden;
}

.browser-icon {
	text-align: center;
	color: #fff;
	background-color: #f1c40f;
	padding-top: 15px;
	padding-bottom: 999px;
	margin-bottom: -999px
}

.browser-icon .fa {
	font-size: 250%;
}

.browser-text {
	padding: 10px 0;
}

.w {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 30px;
}

.fl {float: left; }
.fr {float: right; }

.tl {text-align: left; }
.tc {text-align: center; }
.tr {text-align: right; }
.tj {text-align: justify; }

.tabs-header li,
.js-tabs-header li {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}

.tabs-header a,
.tabs-header span,
.js-tabs-header a {
	display: block;
	padding: 15px 25px;
}

.tabs-content {
	padding: 30px;
	margin-top: -1px;
	border: 1px solid #eee;
}

.tabs-vertical {
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
}

.tabs-vertical li {
	display: inline-block;
}

.tabs-vertical li.active {
	background-color: #e1f5fe;
}

.tabs-vertical a,
.tabs-vertical span {
	display: block;
	padding: 15px 25px;
}

.js-tabs-header {
	border-bottom: 1px solid #eee;
}

.js-tabs-header li {
	margin-bottom: -1px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.toggle-closed,
.toggle-opened {
	cursor: pointer;
}

.toggle-closed:before,
.toggle-opened:before {
	width: 30px;
	float: left;
	display: inline-block;
	text-align: center;
	font-family: FontAwesome;
}

.toggle-closed:before {
	content: '\f105';
}

.toggle-opened:before {
	content: '\f107';
}

.panel {
	margin: 30px 0;
	border: 1px solid #eee;
}

.panel-header,
.panel-footer {
	padding: 10px 15px;
}

.panel-header {
	font-weight: bold;
	background-color: #eee;
	border-bottom: 1px solid #ddd;
}

.panel-body {
	padding: 15px 25px;
}

.panel-footer {
	font-size: small;
	background-color: #f9f9f9;
	border-top: 1px solid #eee;
}

.label {
	display: inline-block;
	font-size: small;
	margin: 2px 0;
	padding: 2px 4px;
	white-space: nowrap;
	background-color: #dee6eb;
}

.new::before {
	content: 'neu';
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	background-color: #f50057;
	font-size: small;
	display: inline-block;
	padding: 0 5px;
	margin-right: 5px;
}

.youtube-player {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}

.youtube-player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.youtube-blocked {
	position: relative;
	text-align: center;
	background-color: #000;
}

.youtube-blocked img {
	transition: 0.3s all;
}

.youtube-blocked a:hover img {
	filter: brightness(75%);
}

.youtube-blocked a::after {
	content: url('/assets/img/youtube-play.png');
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -32px;
}

/* Individuelle Styles */

#privacy-alert {
	background-color: #000;
	background-color: rgba(0, 0, 0, .7);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	overflow: hidden;
}

#privacy-message {
	color: #000;
	background-color: #fff;
	padding: 30px;
	border-radius: 5px;
	box-shadow: 0 0 30px #000;
	width: 90%;
	max-width: 600px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

#privacy-title {
	font-weight: bold;
	font-size: large;
}

#privacy-text {
	margin-top: 15px;
	margin-bottom: 45px;
}

#privacy-buttons .button {
	width: 100%;
}

#privacy-buttons .primary {
	margin-top: 15px;
}

#header-bar,
#header-bar a,
#footer,
#footer a,
#copyright,
#copyright a {
	color: #fff;
}

#header {
	background-color: #fff;
	box-shadow: 0 0 15px #666;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
}

#header-bar {
	background-color: #0277bd;
}

#header-brand {
	padding-top: 10px;
}

#header-brand a {
	font-size: 150%;
	display: block;
	padding-left: 62px;
	background: transparent url('/assets/img/medipreis-logo.png') no-repeat left center;
	background-size: auto 100%;
	text-decoration: none;
	letter-spacing: -1px;
}

#header-search {
	margin: 15px 0 10px;
	position: relative;
	z-index: 500;
}

#header-search.is-focused:before {
	content: '';
	opacity: 0.6;
	background-color: #000;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
}

#search-form-elements {
	width: 100%;
	display: table;
	white-space: nowrap;
	background-color: #fff;
}

#search-form-input,
#search-form-buttons {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}

#search-form-input #q {
	outline: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	width: 100%;
	height: 40px;
	padding: 0 5px 0 10px;
	font-size: 120%;
	color: #666;
	background-color: #fff;
	text-overflow: ellipsis;
}

#search-form-buttons .button {
	padding: 0;
	outline: 0;
	border: 0;
	border-radius: 0;
	color: #ccc;
	font-size: 160%;
	cursor: pointer;
	width: 40px;
	height: 40px;
}

#search-form-buttons .button:disabled {
	display: none;
}

#search-form-buttons #search-button {
	width: 50px;
	color: #fff;
	background-color: #f50057;
}

#search-form-buttons #search-speech:hover,
#search-form-buttons #search-camera:hover,
#search-form-buttons #search-clear:hover {
	color: #aaa;
}

#search-form-buttons #search-speech.started {
	color: #0277bd;
}

#search-form-buttons #search-speech.listening {
	color: #01579b;
}

#header-nav {
	position: absolute;
	top: 0;
	right: 30px;
}

#header-nav ul {
	float: right;
}

#header-nav ul li {
	float: left;
	position: relative;
}

#header-nav ul li a {
	display: block;
	padding: 10px;
	text-align: center;
	text-decoration: none;
}

#header-nav ul li:hover,
#header-nav ul li a:hover,
#header-nav ul li.subnav-open {
	background-color: #013e65;
}

#header-nav ul li a .fa {
	font-size: 200%;
}

#header-nav ul li a span {
	font-size: small;
}

#header-nav ul li a strong,
#cart-splitted-shops .shop-index {
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-size: small;
	text-align: center;
	background-color: #f50057;
	border-radius: 50%;
	position: absolute;
}

#header-nav ul li a strong {
	top: 5px;
	right: -10px;
}

#header-nav ul li ul {
	background-color: #013e65;
	display: none;
	position: absolute;
	right: 0;
	z-index: 900;
}

#header-nav ul li:hover ul,
#header-nav ul li.subnav-open ul {
	display: block;
}

#header-nav ul li ul,
#header-nav ul li ul li {
	float: none;
}

#header-nav ul li ul li {
	padding: 8px 12px;
	border-top: 1px solid #0277bd;
}

#header-nav ul li ul li .button {
	padding-top: 8px;
	padding-bottom: 8px;
}

#header-app-banner {
	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 15px 10px;
	background-color: #ffffff;
}

#header-app-banner-close .button {
	color: #777;
	padding: 0;
}

#header-app-banner-image {
	width: 50px;
	height: 50px;
	margin: 0 10px;
	border-radius: 5px;
	background: transparent url('/assets/img/medipreis-logo-app.png') no-repeat center center;
	background-size: cover;
}

#header-app-banner-description {
	flex-grow: 1;
}

#header-app-banner-description span {
	font-size: small;
}

#header-article .button {
	width: 100%;
}

#header-article-top .fa {
	color: #ddd;
	margin-top: 25px;
}

#header-article-details .g {
	padding: 10px 0;
}

#header-article-shop-offer {
	margin: 10px 0;
}

#main {
	overflow: hidden;
}

#content {
	padding: 50px 0 90px;
	background-color: #fff;
}

#content .centered {
	max-width: 500px;
	margin: 0 auto;
}

#content .centered .button {
	width: 100%;
}

#breadcrumbs,
#breadcrumbs a {
	color: #fff;
}

#breadcrumbs {
	padding: 10px 0 9px;
	font-size: small;
}

#breadcrumbs li {
	display: inline;
	margin-left: 5px;
}

#breadcrumbs li:first-child {
	margin: 0;
}

#hotline {
	padding: 10px 0;
	text-align: center;
	background-color: #eee;
}

#hotline span {
	display: block;
}

#hotline span .fa {
	color: #01579b;
	margin-right: 5px;
}

#footer {
	padding: 20px 0;
	background-color: #0277bd;
}

#footer li {
	padding: 10px 0;
	border-top: 1px solid #01579b;
}

#footer li:first-child {
	font-size: 120%;
	border: 0;
}

#copyright {
	padding: 30px 0;
	text-align: center;
}

#copyright p {
	opacity: 0.5;
}

#copyright p:first-child {
	font-style: italic;
	margin-bottom: 15px;
}

#share {
	position: fixed;
	left: 30px;
	bottom: 30px;
	z-index: 999;
}

#share a {
	text-decoration: none;
}

#share button {
	background-color: #f50057;
	border: 0;
	border-radius: 50%;
	font-size: 140%;
	line-height: 1;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#share[data-open="0"] button i::before {
	content: '\f1e0';
}

.os-ios #share[data-open="0"] button i::before {
	content: '\e09a';
}

#share[data-open="1"] button i::before {
	content: '\f00d';
}

#share ul {
	padding: 5px;
	background-color: #333;
	border-radius: 50px;
	position: absolute;
	bottom: 0;
	left: 5px;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	transform: translateY(0);
	transition: all .3s ease;
}

#share[data-open="1"] ul {
	opacity: 1;
	visibility: visible;
	transform: translateY(-55px);
}

#share li + li {
	margin-top: 15px;
}

#share li span {
	display: none !important;
}

#share li i {
	color: #fff;
	border-radius: 50%;
	line-height: 1;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#share-mail i {
	background-color: #000;
}

#share-facebook i {
	background-color: #365899;
}

#share-twitter i {
	background-color: #1b95e0;
}

#share-google i {
	background-color: #db4437;
}

#share-whatsapp i {
	background-color: #1cb39b;
}

#share-messenger i {
	background-color: #0084ff;
}

#share-telegram i {
	background-color: #0088cc;
}

#back {
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 999;
	opacity: 0;
	transform: translateY(100px);
	transition: all .5s ease
}

#back[data-visible="1"] {
	opacity: 1;
	transform: translateY(0)
}

#back .w {
	max-width: none;
	margin: 0;
	padding: 0;
}

#back a {
	color: #fff;
	background-color: #f50057;
	border-radius: 50%;
	font-size: 140%;
	line-height: 1;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#back a:hover {
	text-decoration: none;
}

#page-datenschutz-einstellungen .form-checkbox {
	padding: 30px 30px 1px 70px;
	background-color: #f5f5f5;
}

#page-datenschutz-einstellungen .form-switch {
	float: left;
	margin-left: -50px;
}

#page-einkaufsliste .js-disabled-hide i {
	margin-left: 10px;
}

#page-einkaufsliste .js-disabled-hide i:first-child {
	margin-left: 0;
}

#page-home .b {
	margin-bottom: 0;
}

#home-teaser .home-teaser {
	background-color: #e1f5fe;
}

#home-teaser .home-teaser-category-1,
#home-teaser .home-teaser-category-13,
#home-teaser .home-teaser-category-25 {
	background-color: #ffffcc;
}
#home-teaser .home-teaser-category-2,
#home-teaser .home-teaser-category-14,
#home-teaser .home-teaser-category-26 {
	background-color: #ffcc99;
}
#home-teaser .home-teaser-category-3,
#home-teaser .home-teaser-category-15,
#home-teaser .home-teaser-category-27 {
	background-color: #ffcccc;
}
#home-teaser .home-teaser-category-4,
#home-teaser .home-teaser-category-16,
#home-teaser .home-teaser-category-28 {
	background-color: #ff99cc;
}
#home-teaser .home-teaser-category-5,
#home-teaser .home-teaser-category-17,
#home-teaser .home-teaser-category-29 {
	background-color: #ffccff;
}
#home-teaser .home-teaser-category-6,
#home-teaser .home-teaser-category-18,
#home-teaser .home-teaser-category-30 { 
	background-color: #cc99ff;
}
#home-teaser .home-teaser-category-7,
#home-teaser .home-teaser-category-19,
#home-teaser .home-teaser-category-31 {
	background-color: #ccccff;
}
#home-teaser .home-teaser-category-8,
#home-teaser .home-teaser-category-20,
#home-teaser .home-teaser-category-32 {
	background-color: #99ccff;
}
#home-teaser .home-teaser-category-9,
#home-teaser .home-teaser-category-21,
#home-teaser .home-teaser-category-33 {
	background-color: #ccffff;
}
#home-teaser .home-teaser-category-10,
#home-teaser .home-teaser-category-22,
#home-teaser .home-teaser-category-34 {
	background-color: #99ffcc;
}
#home-teaser .home-teaser-category-11,
#home-teaser .home-teaser-category-23,
#home-teaser .home-teaser-category-35 {
	background-color: #ccffcc;
}
#home-teaser .home-teaser-category-12,
#home-teaser .home-teaser-category-24,
#home-teaser .home-teaser-category-36 {
	background-color: #ccff99;
}

#home-teaser .home-teaser,
#home-teaser .home-teaser-articles .home-article {
	border-radius: 15px;
	overflow: hidden;
}

#home-teaser .home-teaser + .home-teaser {
	margin-top: 30px;
}

#home-teaser .home-teaser .g {
	display: flex;
	flex-direction: column;
}

#home-teaser .home-teaser-image {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#home-teaser .home-teaser-category-2 .home-teaser-image,
#home-teaser .home-teaser-category-7 .home-teaser-image,
#home-teaser .home-teaser-category-10 .home-teaser-image,
#home-teaser .home-teaser-category-15 .home-teaser-image,
#home-teaser .home-teaser-category-16 .home-teaser-image,
#home-teaser .home-teaser-category-17 .home-teaser-image {
	background-position: left center;
}

#home-teaser .home-teaser-content {
	padding: 30px;
}

#home-teaser .home-teaser-title {
	display: flex;
	flex-direction: column;
	align-items: baseline;
	justify-content: space-between;
}

#home-teaser .home-teaser-title a::after {
	content: '\f0da';
	font-family: FontAwesome;
	margin-left: 5px;
	display: inline-block;
	text-decoration: none;
}

#home-teaser .home-teaser-articles {
	margin-top: 15px;
	padding-bottom: 10px;
	display: flex;
	overflow-x: scroll;
}

#home-teaser .home-teaser-articles::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	cursor: pointer;
}
#home-teaser .home-teaser-articles::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, .2);
}
#home-teaser .home-teaser-articles::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, .05);
}
#home-teaser .home-teaser-articles::-webkit-scrollbar-thumb,
#home-teaser .home-teaser-articles::-webkit-scrollbar-track {
	border-radius: 15px;
}

#home-teaser .home-teaser-articles .home-article {
	width: 180px;
	padding: 10px;
	flex-shrink: 0;
	text-align: center;
	background-color: #fff;
	position: relative;
}

#home-teaser .home-teaser-articles .home-article + .home-article {
	margin-left: 15px;
}

#home-teaser .home-teaser-articles .home-article .article-discount {
	position: absolute;
	top: 130px;
	right: 10px;
}

#home-teaser .home-teaser-articles .home-article .article-discount span {
	font-size: 140%;
	border: 3px solid #fff;
}

#home-teaser .home-teaser-articles .home-article .article-prices strong {
	font-size: 120%;
}

#home-shop-reviews .shop-image {
	margin-bottom: 10px;
}

#home-shop-reviews .shop-rating {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

#home-shop-reviews .shop-review .rating {
	display: none;
}

#home-shop-reviews .shop-review,
#home-article-reviews .article-review {
	position: relative;
}

#home-shop-reviews .shop-review .cover::after,
#home-article-reviews .article-review .cover::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#home-news .news-content {
	display: none;
}

#home-newsletter,
#home-apps,
#home-brands,
#home-categories {
	padding: 30px;
	background-color: #e1f5fe;
	border-radius: 15px;
	overflow: hidden;
}

#home-newsletter .button,
#home-newsletter .field {
	width: 100%;
}

#home-newsletter .g-md-8 {
	padding-bottom: 15px;
}

#home-brands {
	border: 1px solid #01579b;
	background-color: transparent;
}

#home-categories li + li{
	margin-top: 5px;
}

#home-apps a::before {
	content: '\f0a9';
	font-family: FontAwesome;
	margin-right: 5px;
	display: inline-block;
	text-decoration: none;
}

#home-help h2 {
	text-align: center;
}

#home-help .home-help-icon {
	margin-top: 30px;
	margin-bottom: 30px;
}

#home-help .home-help-icon .fa {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background-color: #0277bd;
	border-radius: 50%;
	width: 70px;
	height: 70px;
	margin: 0 auto;
}

#home-promise ul {
	margin: 30px 0;
}

#home-about li {
	margin-top: 15px;
}

#home-amazon-content {
	margin: 5px 0;
	font-size: small;
	overflow: hidden;
}

#home-amazon-content img {
	float: left;
	margin-right: 10px;
}

#home-amazon-link a {
	display: block;
	background: transparent url('/assets/img/amazon-logo.jpg') no-repeat right center;
}

#news-image {
	position: relative;
}

#category-nav li,
#brand-categories-nav li,
#topic-categories-nav li {
	border-top: 1px solid #eee;
}

#category-nav li:first-child,
#brand-categories-nav li:first-child,
#topic-categories-nav li:first-child {
	border: 0;
}

#category-nav li a,
#brand-categories-nav li a,
#topic-categories-nav li a {
	display: block;
	padding: 5px 0;
}

#category-nav li a .fa,
#brand-categories-nav li a .fa,
#topic-categories-nav li a .fa {
	color: #ddd;
	float: right;
	margin-top: 4px;
}

#category-nav li a:hover .fa,
#brand-categories-nav li a:hover .fa,
#topic-categories-nav li a:hover .fa {
	color: #01579b;
}

#category-nav .active .fa,
#brand-categories-nav .active .fa,
#topic-categories-nav .active .fa {
	color: #01579b;
}

#category-subnav li {
	padding-top: 5px;
	padding-bottom: 5px;
}

#category-content-more {
	font-size: small;
}

#brand-categories-images .sub-brand,
#topic-categories-images .sub-topic {
	padding: 10px;
	border: 1px solid #eee;
}

#brand-categories-images .sub-brand-title,
#topic-categories-images .sub-topic-title {
	margin-top: 10px;
}

#catalog-overview .catalog-char a {
	color: #aaa;
	font-size: 400%;
}

#catalog-overview .catalog-name {
	margin-top: 15px;
}

#catalog-chars a,
#catalog-chars span {
	padding: 0 5px;
}

#article h2,
#article .h2 {
	margin-top: 30px;
	padding-bottom: 5px;
	border-bottom: 2px solid #eee;
}

#article-image-wrapper {
	position: relative;
}

#article-image .fancybox,
#article-image-variants .fancybox {
	cursor: zoom-in;
}

#article-image-disclaimer {
	margin: -4px 0 0 1px;
}

#article-image-disclaimer small {
	color: #aaa;
	font-size: x-small;
}

#article-image-variants {
	margin-top: 15px;
}

#article-image-variants img {
	margin: 0 5px 5px 0;
	border: 1px solid #eee;
}

#article-summary li {
	margin-bottom: 10px;
}

#article-summary .field {
	display: block;
	margin-top: 5px;
}

#article-prices {
	text-align: center;
}

#article-shop-button .button,
#article-cart-button .button {
	width: 100%;
	padding: 10px 0;
}

#article-discount {
	position: absolute;
	bottom: 15px;
	right: -5px;
}

#article-discount .discount {
	width: 100px;
	height: 100px;
	padding: 16px 0;
	display: block;
	font-size: small;
	line-height: 1;
	border-radius: 50%;
	border: 5px solid #fff;
}

#article-discount .discount span {
	display: block;
	font-size: 300%;
	letter-spacing: -3px;
}

#article-price-min {
	font-size: 350%;
	line-height: 1;
	white-space: nowrap;
}

#article-price-max,
#article-price-max a {
	color: #999;
}

#article-price-min,
#article-shop-info {
	margin-top: 15px;
}

#article-shop-min-cart {
	padding: 5px;
}

#article-shop-min-cart,
#article-shop-button {
	margin: 10px 0;
}

#article-shop-button .button {
	font-size: 120%;
}

#article-cart-button .button .fa {
	margin-right: 5px;
}

#article-prescription-prices {
	margin-top: 25px;
	position: relative;
}

#article-prescription-prices li span {
	display: none;
}

#article-prescription-prices li:hover span {
	display: block;
	font-size: small;
	position: absolute;
}

#article-nav,
#header-article-nav {
	background-color: #e1f5fe;
}

#article-nav li,
#header-article-nav li {
	padding: 10px 15px;
	border-bottom: 5px solid #fff;
}

#article-nav .active,
#article-nav .active a {
	color: #555;
}

#article-infos-additional h4,
#article-infos-additional h5,
#article-infos-additional h6,
#article-infos-additional p,
#article-infos-additional ul,
#article-infos-additional ol,
#article-infos-additional table,
#article-infos-mandatory h4,
#article-infos-mandatory h5,
#article-infos-mandatory h6,
#article-infos-mandatory p,
#article-infos-mandatory ul,
#article-infos-mandatory ol,
#article-infos-mandatory table,
#news-content p {
	margin-top: 30px;
}

#article-infos-additional table tr:first-child td,
#article-infos-mandatory table tr:first-child td {
	border-top: 0;
}

#article-layman-texts table tr:first-child td {
	background-color: #eee;
}

#article-properties table tr td,
#article-manufacturer table tr td,
#article-responsible table tr td,
#article-ingredients table tr td {
	width: 50%;
	padding-top: 10px;
	padding-bottom: 10px;
}

#article-shops-wrapper {
	padding: 0 30px;
	border: 1px solid #eee;
}

#article-nav .last .button,
#article-price-toggle .button {
	padding: 0;
}

#article-shops-offers {
	padding-bottom: 30px;
}

#article-shops-offers .fa {
	color: #aaa;
}

#article-shops-offers .button {
	padding-left: 15px;
	padding-right: 15px;
}

#article-shops-show {
	margin-bottom: 30px;
}

#article-shops,
#article-unique-texts,
#article-infos-additional,
#article-infos-mandatory,
#article-dzmi,
#article-reviews,
#article-write-review,
#article-generics,
#article-crosslinks,
#article-viewed {
	margin-top: -230px;
	padding-top: 230px;
	
}

#article-shops {
	margin-top: -235px;
	padding-top: 235px;
}

#article-price-history {
	overflow-x: hidden;
}

#article-price-history h1 {
	margin-bottom: 5px;
}

#article-price-charts {
	margin: 15px 0 5px;
	padding: 15px 15px 0;
	background-color: #efefef;
}

#article-price-stats p:first-child {
	margin: 15px 2px 5px;
	padding-bottom: 5px;
	border-bottom: 3px solid #efefef;
}

#article-price-stats p.current {
	border-color: #01579b;
}

#article-price-stats p.lowest {
	border-color: #0f9d58;
}

#article-price-stats p.highest {
	border-color: #cb4437;
}

#article-price-stats p.average {
	border-color: #f4b400;
}

#article-price-alert {
	margin-top: 20px;
	text-align: center;
}

#article-gpsr {
	max-width: 500px;
	margin: 0 auto;
	text-align: center;
}

#article-gpsr-text {
	padding: 30px;
	border: 1px solid #f4b400;
	border-radius: 15px;
}

#article-gpsr-text p:first-child {
	margin-top: 0;
}

#prices-disclaimer,
#search-camera-popup {
	display: block !important;
	padding: 30px 0;
	background-color: #fff;
}

.fancybox-opened #prices-disclaimer,
.fancybox-opened #search-camera-popup {
	max-width: 600px;
	padding: 15px 0;
	background-color: transparent;
}

.fancybox-opened #prices-disclaimer div,
.fancybox-opened #search-camera-popup div {
	margin: 15px 0;
	display: block;
}

#shop-register-features .feature-icon {
	color: #01579b;
	font-size: 300%;
}

#shop-register-features .feature-text {
	font-size: 110%;
}

#shop-register-button {
	margin-top: 60px;
}

#shop-register-button .button {
	font-size: 120%;
	padding: 15px 30px;
}

#shop-name,
#shop-menu {
	margin-top: 15px;
}

#shop-menu li {
	display: inline;
	margin-left: 15px;
	padding-left: 15px;
	border-left: 1px solid #eee;
}

#shop-menu li:first-child {
	margin-left: 0;
	padding-left: 0;
	border-left: 0;
}

#shop-address {
	font-size: 120%;
}

#shop-rating-avg,
#article-rating-avg {
	font-size: 450%;
	line-height: 1;
}

#shop-rating-stars,
#article-rating-stars {
	font-size: 200%;
}

#search-filter-menu .button {
	padding-left: 10px;
	padding-right: 10px;
}

#search-filter-menu .fa {
	margin-right: 5px;
}

#search-filter .panel-body {
	padding: 0;
	font-size: small;
}

#search-filter .panel-body ul {
	max-height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
}

#search-filter .panel-body li {
	padding: 5px 5px 5px 30px;
	border-top: 1px solid #eee;
	position: relative;
}

#search-filter .panel-body li:first-child {
	border: 0;
}

#search-filter .panel-body li .fa,
#search-filter .panel-body li .fa-regular,
#search-filter .panel-body li input {
	position: absolute;
	top: 8px;
	left: 10px;
}

#searchterm-text {
	font-size: small;
}

#searchterm-text p,
#searchterm-text ul {
	margin-top: 15px;
}

#searchterm-text p:first-child {
	margin: 0;
}

#searchterm-text ul {
	list-style: disc;
	margin-left: 15px;
}

#search-campaign {
	padding: 10px;
	margin: 10px 0;
	font-size: 90%;
	background-color: #eee;
	background-image: linear-gradient(#fff, #eee);
	position: relative;
}

#search-campaign .label {
	margin: 0;
	position: absolute;
	left: 0;
	bottom: 0;
}

#search-camera-video {
	position: relative;
}

#search-camera-video canvas {
	position: absolute;
	top: 0;
	left: 0;
}

#cart-options {
	font-size: 120%;
}

#cart-options a {
	text-decoration: none;
}

#cart-splitted-shops .shop-splitted {
	padding: 15px;
	border: 3px solid #ddd;
	position: relative;
}

#cart-splitted-shops .shop-index {
	color: #fff;
	margin-left: -13px;
	top: -13px;
	left: 50%;
}

#cart-shops .button,
#cart-splitted-shops .button {
	font-size: 120%;
}

#cart-splitted-shops .shop-image {
	margin: 10px 0 5px;
}

#cart-splitted-shops .shop-articles {
	margin: 15px 0 10px;
	padding: 15px 0 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#cart-splitted-shops .shop-articles .g {
	margin-bottom: 15px;
}

#cart-splitted-shops .shop-name {
	margin: 0;
}

#cart-splitted-shops .shop-link {
	margin-top: 10px;
	padding-top: 15px;
	border-top: 1px solid #ddd;
}

#cart-splitted-shops .shop-shipping {
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

#cart-shops-title {
	display: none;
}

#cart-shops-title h3::after {
	content: '\f078';
	font-family: FontAwesome;
	display: block;
}

#cart-shops .shop .g {
	padding-top: 15px;
	padding-bottom: 15px;
	border: 3px solid #fff;
}

#cart-shops .shop-selected .g {
	border: 3px solid #dcedc8;
	background-color: #f1f8e9;
}

#cart-generics,
#cart-shop-redirect,
#shop-infos {
	padding: 15px 30px;
}

#cart-generics .cart-row:hover,
#cart-shop-redirect .cart-row:hover {
	background-color: #fff;
}

#cart-generics .cart-article-name,
#cart-shop-redirect .cart-article-name {
	color: #01579b;
}

#news-content .news-content-image {
	margin: 30px 0;
	text-align: center;
}

#news-content .news-content-image.fl {
	margin-right: 30px;
}

#news-content .news-content-image.fr {
	margin-left: 30px;
}

#newsletter-teaser {
	width: 187px;
	height: 196px;
	display: block;
	background: transparent url('/assets/img/newsletter-teaser.png') no-repeat left top;
	position: fixed;
	left: 0;
	bottom: 0;
}

#newsletter-teaser span {
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	left: 5px;
	top: 20px;
}

#contact-phone {
	max-width: 550px;
	text-align: center;
}

#contact-phone p {
	margin-top: 30px;
}

#contact-phone .tl {
	position: relative;
}

#contact-phone .tl #contact-phone-checkbox {
	position: absolute;
	top: 5px;
	left: 5px;
}

#contact-phone .tl label {
	display: block;
	padding-left: 30px;
}

#apps h1 {
	margin-top: 30px;
}

#apps-description {
	line-height: 1.75;
}

#apps-badges-google a:first-child,
#apps-badges-apple a:first-child {
	margin-right: 30px;
}

#apps-badges-google img,
#apps-badges-apple img {
	height: 50px;
}

#apps-badges-google .fancybox,
#apps-badges-apple .fancybox {
	position: relative;
}

#apps-badges-google .fancybox::after,
#apps-badges-apple .fancybox::after {
	content: '\f25a';
	font-family: FontAwesome;
	color:#fff;
	background-color: #0277bd;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 5px;
	right: -10px;
}

#url_pzn_test,
#url_cart_test,
#url_callback_test {
	word-wrap: break-word;
}

#last-search {
	font-size: small;
}

#last-search a {
	color: #777;
}

#last-searches {
	background-color: #fff;
	border: 1px solid #ddd;
}

#last-searches li {
	padding: 5px 10px;
}

#kairion-sky {
	width: 160px;
	position: absolute;
	top: 0;
	right: -160px;
}

#kairion-super2 {
	margin: 30px 0;
	text-align: center;
}

#popout-newsletter .field {
	width: 100%;
}

#popout-cart h3,
#popout-newsletter h3 {
	text-transform: uppercase;
	letter-spacing: 1px;
}

#popout-cart li,
#popout-newsletter li {
	font-size: 120%;
	margin-top: 15px;
	padding-left: 30px;
}

#popout-cart li strong,
#popout-newsletter li .fa {
	float: left;
	margin: 5px 0 0 -30px;
}

#popout-cart li strong {
	margin-top: 0;
}

#popout-cart-articles div {
	overflow: hidden;
	padding: 5px 5px 5px 60px;
	border-bottom: 1px solid #ddd;
}

#popout-cart-articles div:first-child {
	border-top: 1px solid #ddd;
}

#popout-cart-articles div img {
	float: left;
	margin-left: -55px;
}

.popout-layer {
	padding: 30px 30px 10px;
	overflow: hidden;
}

.popout-header {
	font-size: 120%;
}

.popout-header img {
	width: 40px;
	vertical-align: top;
}

.popout-title {
	color: #fff;
	background-color: #0277bd;
	font-size: 120%;
	text-align: center;
	padding: 30px 50px;
	margin: 10px -50px 45px;
	transform: rotate(-2deg);
}

.help {
	padding: 30px;
	border: 1px solid #eee;
}

.help-step {
	color: #aaa;
}

.help-title {
	margin-top: 15px;
	margin-bottom: 15px;
}

.help-text {
	line-height: 2;
	margin-bottom: 15px;
}

.feature-list li {
	margin: 15px;
	padding-left: 25px;
}

.feature-list li:before {
	content: '\f00c';
	font-family: FontAwesome;
	color: #0f9d58;
	display: inline-block;
	width: 25px;
	margin-left: -25px;
}

.feature-box {
	padding: 15px;
	background-color: #e1f5fe;
}

.action-box {
	padding: 30px;
	background-color: #fafafa;
	border: 1px solid #eee;
}

.action-box .b:last-child,
.action-box .form-row:last-child {
	margin-bottom: 0;
}

.pagination .pagination-current,
.pagination .pagination-separator,
.pagination .pagination-link a {
	padding: 5px 10px;
	display: inline-block;
	border-radius: 2px;
}

.pagination .pagination-current {
	color: #fff;
	background-color: #0277bd;
}

.pagination .pagination-link a:hover {
	text-decoration: none;
	background-color: #eee;
}

.pagination span:first-child {
	margin-left: 15px;
}

.tv-day {
	font-size: 200%;
	line-height: 1;
	text-transform: uppercase;
}

.tv-date,
.tv-time,
.shop-image,
.shop-prices {
	margin-bottom: 15px;
}

.shop-price {
	font-size: 130%;
	font-weight: bold;
}

.shop-link .button {
	width: 100%;
}	

.shop-payment-methods {
	margin-top: 5px;
}

.shop-payment-methods .label {
	background-color: #f5f5f5;
}

.shop-name,
.shop .shop-notes,
.shop .shop-prescription-bonus,
.shop .shop-favorite,
.shop-splitted .shop-payment-methods,
.shop-splitted .shop-notes,
.shop-splitted .shop-prescription-bonus,
.shop-splitted .shop-favorite {
	margin-top: 15px;
}

.shop-notes,
.shop-prescription-bonus {
	padding: 10px;
	font-size: small;
}

.shop-notes {
	background-color: #fff176;
}

.shop-prescription-bonus {
	color: #e91e63;
	background-color: #fce4ec;
}

.shop-favorite {
	color: #01579b;
	font-size: small;
}

.shop-favorite .fa {
	color: #fff;
	background-color: #01579b;
	padding: 5px;
	border-radius: 50%;
}

.article-box {
	padding: 15px;
	position: relative;
}

.article-box:hover {
	background-color: #fafafa;
}

.article-box .article-image {
	background-color: #fff;
}

.article-compact .article-prices .price,
.article-list .article-prices .price,
.article-gallery .article-prices .price {
	font-size: 160%;
	margin-left: 5px;
}

.article-compact .article-prices .discount {
	float: left;
}

.article-gallery .article-name {
	height: 50px;
	overflow: hidden;
	font-size: 105%;
}

.article-compact .article-prices .discount,
.article-compact .article-link .button,
.article-compact .article-cart-button .button,
.article-list .article-details,
.article-list .article-prices,
.article-gallery .article-prices {
	margin-top: 5px;
}

.article-gallery .article-rating {
	position: absolute;
	top: 105px;
	left: 30px;
}

.article-gallery .article-prices .discount {
	position: absolute;
	top: 15px;
	right: 15px;
}

.article-list .article-rating,
.article-gallery .article-rating {
	width: 105px;
	text-align: center;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.8);
}

.article-gallery .article-cart-button {
	margin-top: 10px;
}

.article-list .article-rating {
	position: absolute;
	top: 105px;
	left: 20px;
}

.article-list .article-prices .discount {
	margin-left: 15px;
}

.price,
.discount {
	font-size: 120%;
	white-space: nowrap;
}

.price a {
	text-decoration: none;
}

.discount {
	padding: 0 10px;
	color: #fff;
	background-color: #f50057;
	border-radius: 25px;
}

.discount a {
	color: inherit;
	text-decoration: none;
}

.discount sup {
	font-size: small;
}

.prescription {
	margin: 0;
	padding: 0 4px;
	color: #e91e63;
	background-color: #fce4ec;
}

.cart-wrapper {
	position: relative;
	z-index: 1;
}

.cart-header {
	padding: 5px 0;
	font-size: 110%;
}

.cart-body .cart-row,
#cart-generics .cart-row,
#cart-shop-redirect .cart-row,
.wishlist-body .wishlist-row {
	padding: 10px 0;
	border-top: 1px solid #eee;
	position: relative;
}

#cart-generics .cart-row:first-child,
#cart-shop-redirect .cart-row:first-child,
.wishlist-body .wishlist-row:first-child {
	border: 0;
}

.cart-body .cart-buttons .field,
.wishlist-body .wishlist-buttons .field {
	width: 50px;
}

.cart-body .cart-buttons {
	margin-top: 10px;
}

.cart-body .cart-button-del {
	color: #999;
	float: right;
}

.cart-body .cart-article,
#cart-generics .cart-article,
#cart-shop-redirect .cart-article {
	margin: 15px 0;
}

.cart-body .cart-article-generics {
	font-size: small;
}

.wishlist-header,
.pricealert-header,
.order-header {
	margin-left: 30px;
}

.wishlist-footer {
	padding: 0 20px;
}

.wishlist-body .wishlist-article {
	padding-left: 110px;
}

.wishlist-body .wishlist-article-image {
	float: left;
	margin-left: -110px;
}

.order-shop {
	margin: 15px 0 30px;
}

.order-row {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #ddd;
}

.question-answers {
	margin-top: 10px;
}

.review-answer {
	padding: 10px 15px;
	margin: 10px 0 0 40px;
	background-color: #f5f5f5;
}

.review-answer .fa {
	float: left;
	color: #ddd;
	font-size: 140%;
	margin-left: -50px;
}

.blog-image,
.category-image,
.news-image,
.author-image,
.topic-image {
	text-align: center;
	position: relative;
}

.blog-image img,
.category-image img,
.news-image img,
.author-image img,
.topic-image img,
.text-overlay-image img,
#news-image img,
#brand-content-top img,
#topic-content-top img {
	border-radius: 15px;
}

.blog-title,
.category-title,
.news-title,
.author-title,
.topic-title {
	padding: 10px 0;
	text-align: center;
}

.blog-lg .blog-title,
.news-lg .news-title {
	font-size: large;
	text-align: left;
}

.news-sm .news-title {
	border: 0;
	padding: 0;
	text-align: left;
}

.meter {
	line-height: 25px;
	margin-bottom: 10px;
}

.meter-bar {
	background-color: #eee;
}

.meter-bar span {
	height: 100%;
	display: inline-block;
	background-color: #ffc107;
}

.rating {
	color: #ffc107;
	font-family: FontAwesome;
	text-decoration: none;
	display: inline-block;
}

.rating-0 {
	color: #ccc;
}

.rating-0:before {content: '\f006 \f006 \f006 \f006 \f006'; }
.rating-0-5:before {content: '\f123 \f006 \f006 \f006 \f006'; }
.rating-1:before {content: '\f005 \f006 \f006 \f006 \f006'; }
.rating-1-5:before {content: '\f005 \f123 \f006 \f006 \f006'; }
.rating-2:before {content: '\f005 \f005 \f006 \f006 \f006'; }
.rating-2-5:before {content: '\f005 \f005 \f123 \f006 \f006'; }
.rating-3:before {content: '\f005 \f005 \f005 \f006 \f006'; }
.rating-3-5:before {content: '\f005 \f005 \f005 \f123 \f006'; }
.rating-4:before {content: '\f005 \f005 \f005 \f005 \f006'; }
.rating-4-5:before {content: '\f005 \f005 \f005 \f005 \f123'; }
.rating-5:before {content: '\f005 \f005 \f005 \f005 \f005'; }

.password-strength {
	margin-top: 5px;
	background-color: #eee;
	overflow: hidden;
}

.password-strength,
.password-strength div {
	height: 5px;
}

.password-strength .strength-0 {
	width: 20%;
	background-color: #ef0000;
}
.password-strength .strength-1 {
	width: 40%;
	background-color: #ff7200;
}
.password-strength .strength-2 {
	width: 60%;
	background-color: #fc3;
}
.password-strength .strength-3 {
	width: 80%;
	background-color: #69c;
}
.password-strength .strength-4 {
	width: 100%;
	background-color: #18bf17;
}

.code {
	background-color: #eee;
	padding: 10px 15px;
	font-size: small;
	font-family: Consolas, 'Courier New', monospace;
	border: 1px solid #ccc;
	border-radius: 5px;
	word-wrap: break-word;
}

.copyright {
	color: #fff;
	font-size: small;
	padding: 2px 5px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 0.5s;
}

.category-image:hover .copyright,
#category-image:hover .copyright,
.news-image:hover .copyright,
#news-image:hover .copyright {
	opacity: 1;
}

.hoverimage-popup {
	padding: 5px;
	background-color: #fff;
	border: 1px solid #999;
	box-shadow: 0 0 6px #666;
}

.upload-img img {
	max-width: 200px;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #eee;
}

.fa-remove {
	color: red;
	opacity: 0.3;
	transition: opacity 0.5s;
}

.fa-remove:hover {
	opacity: 1;
}

.flexslider {
	overflow: hidden;
}

.flex-control-nav {
	display: none;
}

.ui-autocomplete {
	right: 0;
}

.ui-autocomplete .ui-menu-item {
	list-style-image: none !important;
}

.ui-autocomplete .ui-menu-item div {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 60px;
}

.ui-autocomplete .ui-menu-item div img {
	float: left;
	margin-left: -60px;
}

.ui-autocomplete .highlight {
	font-weight: bold;
	background-color: transparent;
}

.js-disabled .js-disabled-hide,
.js-enabled .js-enabled-hide {
	display: none;
}

.js-enabled .js-disabled-hide,
.js-disabled .js-enabled-hide {
	display: block;
}

.js-disabled .password-strength {
	display: none;
}

.js-disabled .flexslider .slides li:first-child {
	display: block;
}

.g {
	margin-left: -30px;
	margin-right: -30px;
}

.g::after,
.clear::after {
	display: table;
	content: '';
	clear: both;
}

.g-xs-1, .g-xs-2, .g-xs-3, .g-xs-4, .g-xs-5, .g-xs-6, .g-xs-7, .g-xs-8, .g-xs-9, .g-xs-10, .g-xs-11, .g-xs-12,
.g-sm-1, .g-sm-2, .g-sm-3, .g-sm-4, .g-sm-5, .g-sm-6, .g-sm-7, .g-sm-8, .g-sm-9, .g-sm-10, .g-sm-11, .g-sm-12,
.g-md-1, .g-md-2, .g-md-3, .g-md-4, .g-md-5, .g-md-6, .g-md-7, .g-md-8, .g-md-9, .g-md-10, .g-md-11, .g-md-12,
.g-lg-1, .g-lg-2, .g-lg-3, .g-lg-4, .g-lg-5, .g-lg-6, .g-lg-7, .g-lg-8, .g-lg-9, .g-lg-10, .g-lg-11, .g-lg-12,
.g-xl-1, .g-xl-2, .g-xl-3, .g-xl-4, .g-xl-5, .g-xl-6, .g-xl-7, .g-xl-8, .g-xl-9, .g-xl-10, .g-xl-11, .g-xl-12 {
	padding-left: 30px;
	padding-right: 30px;
}

.g-centered {
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.g-no-gutters {
	margin-left: 0;
	margin-right: 0;
}

.g-no-gutters > [class^="g-"],
.g-no-gutters > [class*=" g-"] {
	padding-left: 0;
	padding-right: 0;
}

.v-sm-b, .v-sm-i, .v-sm-ib,
.v-md-b, .v-md-i, .v-md-ib,
.v-lg-b, .v-lg-i, .v-lg-ib,
.v-xl-b, .v-xl-i, .v-xl-ib {
	display: none !important;
}

@media(min-width: 320px) {
	.g-xs-1, .g-xs-2, .g-xs-3, .g-xs-4, .g-xs-5, .g-xs-6, .g-xs-7, .g-xs-8, .g-xs-9, .g-xs-10, .g-xs-11, .g-xs-12 {
		float: left;
	}
	.g-xs-1  { width: 8.33333333%; }
	.g-xs-2  { width: 16.66666667%; }
	.g-xs-3  { width: 25%; }
	.g-xs-4  { width: 33.33333333%; }
	.g-xs-5  { width: 41.66666667%; }
	.g-xs-6  { width: 50%; }
	.g-xs-7  { width: 58.33333333%; }
	.g-xs-8  { width: 66.66666667%; }
	.g-xs-9  { width: 75%; }
	.g-xs-10 { width: 83.33333333%; }
	.g-xs-11 { width: 91.66666667%; }
	.g-xs-12 { width: 100%; }

	.h-xs    { display: none !important; }
	.v-xs-b  { display: block !important; }
	.v-xs-i  { display: inline !important; }
	.v-xs-ib { display: inline-block !important; }
}

@media(min-width: 480px) {
	.g-sm-1, .g-sm-2, .g-sm-3, .g-sm-4, .g-sm-5, .g-sm-6, .g-sm-7, .g-sm-8, .g-sm-9, .g-sm-10, .g-sm-11, .g-sm-12 {
		float: left;
	}
	.g-sm-1  { width: 8.33333333%; }
	.g-sm-2  { width: 16.66666667%; }
	.g-sm-3  { width: 25%; }
	.g-sm-4  { width: 33.33333333%; }
	.g-sm-5  { width: 41.66666667%; }
	.g-sm-6  { width: 50%; }
	.g-sm-7  { width: 58.33333333%; }
	.g-sm-8  { width: 66.66666667%; }
	.g-sm-9  { width: 75%; }
	.g-sm-10 { width: 83.33333333%; }
	.g-sm-11 { width: 91.66666667%; }
	.g-sm-12 { width: 100%; }

	.h-sm    { display: none !important; }
	.v-sm-b  { display: block !important; }
	.v-sm-i  { display: inline !important; }
	.v-sm-ib { display: inline-block !important; }

	#header-brand a {
		font-size: 240%;
		padding-left: 90px;
		background-size: auto;
		letter-spacing: 0;
	}

	.faq li {
		padding-left: 60px;
		position: relative;
	}

	.faq li h3:before {
		content: 'Q';
	}

	.faq li div:before {
		content: 'A';
	}

	.faq li h3:before,
	.faq li div:before {
		color: #aaa;
		position: absolute;
		left: 15px;
	}
}

@media(min-width: 768px) {
	.g-md-1, .g-md-2, .g-md-3, .g-md-4, .g-md-5, .g-md-6, .g-md-7, .g-md-8, .g-md-9, .g-md-10, .g-md-11, .g-md-12 {
		float: left;
	}
	.g-md-1  { width: 8.33333333%; }
	.g-md-2  { width: 16.66666667%; }
	.g-md-3  { width: 25%; }
	.g-md-4  { width: 33.33333333%; }
	.g-md-5  { width: 41.66666667%; }
	.g-md-6  { width: 50%; }
	.g-md-7  { width: 58.33333333%; }
	.g-md-8  { width: 66.66666667%; }
	.g-md-9  { width: 75%; }
	.g-md-10 { width: 83.33333333%; }
	.g-md-11 { width: 91.66666667%; }
	.g-md-12 { width: 100%; }

	.h-md    { display: none !important; }
	.v-md-b  { display: block !important; }
	.v-md-i  { display: inline !important; }
	.v-md-ib { display: inline-block !important; }

	.ui-autocomplete {
		right: auto;
		position: fixed !important;
	}

	#privacy-buttons .primary {
		margin: 0;
	}

	#header {
		position: fixed;
	}

	#header-article-shop-offer,
	#shop-name {
		margin-top: 0;
	}

	#main {
		margin-top: 128px;
	}

	#article-nav li,
	#header-article-nav li {
		display: inline-block;
		text-align: center;
		border-right: 5px solid #fff;
		border-bottom: 0;
	}

	#article-nav li {
		padding: 10px;
	}

	#article-nav .last {
		float: right;
		border-right: 0;
	}

	#last-search {
		position: absolute;
		top: -77px;
		right: 30px;
	}

	#last-search a {
		color: #fff;
	}

	#hotline span {
		display: inline;
		margin: 0 20px;
	}

	#apps .g {
		display: flex;
		align-items: center;
	}

	#apps h1 {
		margin-top: 0;
	}

	#home-teaser .home-teaser .g,
	#home-teaser .home-teaser-title {
		flex-direction: row;
	}

	#home-teaser .home-teaser:nth-child(2n) .g {
		flex-flow: row-reverse;
	}

	#home-newsletter {
		padding-right: 40%;
		background-image: url('/assets/img/newsletter-vorschau.png');
		background-repeat: no-repeat;
		background-position: right top;
		background-size: 35%;
	}

	#home-newsletter .g-md-8 {
		padding-right: 15px;
		padding-bottom: 0;
	}

	#home-apps {
		padding-left: 30%;
		background-image: url('/assets/img/app/medipreis.png');
		background-repeat: no-repeat;
		background-position: 50px 15px;
		background-size: 20%;
	}

	.tabs-header li,
	.js-tabs-header li {
		float: left;
		border-color: #fff #fff #eee;
	}

	.tabs-header li.active,
	.js-tabs-header li.active {
		border-color: #01579b #eee #fff;
	}

	.tabs-vertical {
		overflow-x: auto;
		overflow-y: auto;
		white-space: normal;
	}

	.tabs-vertical li {
		display: block;
		border-right: 1px solid #e1f5fe;
	}

	.tabs-vertical li.active {
		border-right: 1px solid #0277bd;
	}

	.form-horizontal .form-row {
		padding-left: 200px;
	}

	.form-horizontal .form-row.no-caption {
		padding-left: 0;
	}

	.form-horizontal .caption {
		width: 180px;
		float: left;
		margin: 10px 0 0 -200px;
		text-align: right;
	}

	.text-overlay-wrapper,
	.text-overlay-image {
		position: relative;
	}

	.text-overlay-title .b,
	.text-overlay-image {
		margin: 0;
	}

	.text-overlay-title {
		padding: 10px 30px;
		background-color: #555;
		background-color: rgba(0, 0, 0, 0.5);
		position: absolute;
		z-index: 1;
	}

	.text-overlay-title.top-left {
		top: 30px;
		left: 0;
	}

	.text-overlay-title.top-right {
		top: 30px;
		right: 0;
		text-align: right;
	}

	.text-overlay-title.bottom-left {
		left: 0;
		bottom: 30px;
	}

	.text-overlay-title.bottom-right {
		right: 0;
		bottom: 30px;
		text-align: right;
	}

	.text-overlay-title,
	.text-overlay-title a {
		color: #fff;
	}

	.cart-body .cart-article,
	#cart-generics .cart-article,
	#cart-shop-redirect .cart-article {
		margin: 0;
		padding-left: 100px;
		overflow: hidden;
	}

	.cart-body .cart-article-image,
	#cart-generics .cart-article-image,
	#cart-shop-redirect .cart-article-image {
		float: left;
		margin-left: -100px;
	}

	.cart-header .cart-buttons,
	.cart-body .cart-buttons {
		text-align: center;
	}

	.cart-body .cart-button-del {
		float: none;
		font-size: small;
	}

	.article-gallery .article-prices .discount {
		left: 130px;
		right: auto;
	}
}

@media(min-width: 1024px) {
	.g-lg-1, .g-lg-2, .g-lg-3, .g-lg-4, .g-lg-5, .g-lg-6, .g-lg-7, .g-lg-8, .g-lg-9, .g-lg-10, .g-lg-11, .g-lg-12 {
		float: left;
	}
	.g-lg-1  { width: 8.33333333%; }
	.g-lg-2  { width: 16.66666667%; }
	.g-lg-3  { width: 25%; }
	.g-lg-4  { width: 33.33333333%; }
	.g-lg-5  { width: 41.66666667%; }
	.g-lg-6  { width: 50%; }
	.g-lg-7  { width: 58.33333333%; }
	.g-lg-8  { width: 66.66666667%; }
	.g-lg-9  { width: 75%; }
	.g-lg-10 { width: 83.33333333%; }
	.g-lg-11 { width: 91.66666667%; }
	.g-lg-12 { width: 100%; }

	.h-lg    { display: none !important; }
	.v-lg-b  { display: block !important; }
	.v-lg-i  { display: inline !important; }
	.v-lg-ib { display: inline-block !important; }

	#header-nav {
		position: relative;
		top: auto;
		right: auto;
	}

	#main {
		margin-top: 70px;
	}
}

@media(min-width: 1280px) {
	.g-xl-1, .g-xl-2, .g-xl-3, .g-xl-4, .g-xl-5, .g-xl-6, .g-xl-7, .g-xl-8, .g-xl-9, .g-xl-10, .g-xl-11, .g-xl-12 {
		float: left;
	}
	.g-xl-1  { width: 8.33333333%; }
	.g-xl-2  { width: 16.66666667%; }
	.g-xl-3  { width: 25%; }
	.g-xl-4  { width: 33.33333333%; }
	.g-xl-5  { width: 41.66666667%; }
	.g-xl-6  { width: 50%; }
	.g-xl-7  { width: 58.33333333%; }
	.g-xl-8  { width: 66.66666667%; }
	.g-xl-9  { width: 75%; }
	.g-xl-10 { width: 83.33333333%; }
	.g-xl-11 { width: 91.66666667%; }
	.g-xl-12 { width: 100%; }

	.h-xl    { display: none !important; }
	.v-xl-b  { display: block !important; }
	.v-xl-i  { display: inline !important; }
	.v-xl-ib { display: inline-block !important; }

	#copyright {
		padding-bottom: 30px;
	}
}

.season-winter #header-bar {
	background-image: url('/assets/img/schneefall.png');
	background-position: center center;
}

.season-winter #footer {
	background-image: url('/assets/img/schneedecke.png');
	background-repeat: repeat-x;
	background-position: bottom center;
}

.app-enabled #back {
	right: 34px;
	bottom: 125px;
}

.app-enabled #back a {
	width: 62px;
	height: 62px;
	box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
}

.app-enabled #share {
	bottom: 48px;
}

.app-enabled #share button {
	box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
}

.app-enabled #search-speech,
.app-enabled #search-camera,
.app-enabled #breadcrumbs {
	display: none;
}

.app-enabled #header-nav ul li a {
	padding: 10px 5px;
}

.app-enabled #content {
	padding: 30px 0;
}

.app-enabled #article-discount {
	bottom: 30px;
	left: 0;
}

.app-enabled h1,
.app-enabled .h1{
	font-size: 150%;
}