:root {
	--main_gradient: linear-gradient(to bottom, #5a6d7e 0%, #6d8499 44%, #5a6d7e 100%);
	--main_color: #5a6d7e;
	--main_color_shi: #dfe0e1;
	--link_color: #133d61;
	--main_with: 1164px;
}

/*
* {
    outline: 1px solid red;
}
*/

body {
	font-family: arial;
	font-size: 14px;
}

html{
	scroll-behavior:smooth;
}

a {
    color: var(--link_color);
    text-decoration: none;
    font-weight: bold;
}

/* avoid comic sans */

font {
	font-family: arial !important;
	font-size: 15px;
}

header {
	width: var(--main_with);
	margin: 0 auto;
}

.mainContainer {
	width: var(--main_with);
}

.half {
	width: 50%;
}

.left {
	float: left;
}

.nopadding {
	padding: 0 !important;
}

.tar {
	text-align: right;
}

.tac {
	text-align: center;
}

.dnone {
	display: none;
}

.noBorder {
	border: none;
}

.rela, .position-relative {
	position: relative;
}

.abs {
	position: absolute;
}

.liTr {
	text-decoration: line-through;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.pd10 {
	padding: 10px;
}

.form-group {
	overflow: hidden;
}

.grey {
	color: #acacac;
}

.mlpllick {
	cursor: pointer;
}

.h1, h1 {
	font-size: 20px;
}

.h2, h2 {
	font-size: 20px;
}

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

.h3, h3 {
	font-size: 16px;
}
.h4, h4 {
	font-size: 18px;
}
.h5, h5 {
    font-size: 14px;
}
.fWhite {
	background: #fff;
}

.ml10 {
	margin-left: 10px;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left;
    }
}

hr {
	border-top: 2px solid #eee;
	margin: 5px 0;
}

img {
	max-width: 100%;
	height: auto;
}

.btn {
	max-width: 200px;
}

.btn-m {
	padding: 10px 15px;
	border-radius: 5px;
}

.form-group.required label.control-label:after {
	content: '*';
	color: red;
}

.errormessage a {
	color:#555;
	text-decoration:underline;
	font-weight:bold;
}

.breadcrumb ol {
	padding: 0;
	margin: 0;
}

.breadcrumb ol li {
	list-style-type: none;
	float: left;
	margin-right: 5px;
}

.form-control[required]:valid {
	border-color: green;
}

.form-control[required]:invalid {
	border-color: red;
}

.form-control[required]:empty {
	border: 1px solid #ccc;
}

.form-control[required]:focus {
	border-color: inherit;
}

.form-control[required]:after {
	content: "*";
	padding-left: 1%;
	color: red;
}

.hs-responsive-embed-youtube {
	background-color: #ccc;
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	margin-bottom: 30px;
}

.hs-responsive-embed-youtube iframe {
	background-color: #ccc;
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.panel {
	-webkit-box-shadow: none;
	box-shadow: none;
}



.form-group {
    margin-bottom: 15px;
}

.anmeldung .form-group label{
	font-weight: bold;
}

.anmeldung .form-group .co_ca_input label{
	font-weight: normal;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}



.fwf {
	line-height: 13px;
	margin-top: 7px;
}

#topArea {
	margin-bottom: 10px;
}

.shopping_cart {
	margin-top: -10px;
}

#naviTrigger,
#footer6,
.box_happy_mobile {
	display: none;
}

#lightbox .modal-dialog {
	max-width: 90vw !important;
	width: auto !important;
}
#lightbox .modal-content {
	text-align: center;
	position: relative;
}
#lightbox .modal-body img {
	max-width: 100%;
	max-height: 85vh;
	height: auto;
}

#lightbox .btn-close {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1032;
}

#login-dp,
#login-dp .bottom {
	background-color: rgba(255, 255, 255, .8);
}

.ml_ask_a_question #centerbox{
	display: none !important;
}

#login-dp {
	min-width: 250px;
	padding: 14px 14px 0;
	overflow: hidden;
}

#login-dp .help-block {
	font-size: 12px;
}

#login-dp .bottom {
	border-top: 1px solid #ddd;
	clear: both;
	padding: 14px;
}

#login-dp .social-buttons {
	margin: 12px 0;
}

#login-dp .social-buttons a {
	width: 49%;
}

#login-dp .form-group {
	margin-bottom: 10px
}

.btn-fb {
	color: #fff;
	background-color: #3b5998
}

.btn-fb:hover {
	color: #fff;
	background-color: #496ebc
}

.btn-tw {
	color: #fff;
	background-color: #55acee
}

.btn-tw:hover {
	color: #fff;
	background-color: #59b5fa
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

.navbar.navbar-static {
	-webkit-transition: width 2s;
	transition: width 2s, position 4s;
	transition-timing-function: linear
}

.navbar.navbar-fixed-top {
	background-color: #222;
	border-color: #080808;
	box-shadow: 0 0 5px rgba(0, 0, 0, .8);
	-webkit-transition: width 2s;
	transition: width 2s, position 4s;
	transition-timing-function: linear;
	min-height: 25px
}

.navbar.navbar-fixed-top .navbar-nav>li>a {
	padding-top: .3em;
	padding-bottom: .3em
}

.navbar-brand,
.navbar-brand.fixed-theme,
.navbar-container,
.navbar-container.fixed-theme,
.navbar.navbar-fixed-top.fixed-theme {
	transition: .8s;
	-webkit-transition: .8s
}

.navbar.navbar-default {
	width: 90%;
	margin: 0 auto;
	background: #000;
	border: 0;
	border-radius: 0
}

.navbar-nav>li>.dropdown-menu {
	margin-top: 0;
	border-top: 0
}

.navbar-default .navbar-nav>li>a {
	width: 200px;
	font-weight: 700
}

.mega-dropdown {
	position: static!important
}

.mega-dropdown-menu {
	padding: 20px 0;
	width: 100%;
	box-shadow: none;
	-webkit-box-shadow: none
}

.mega-dropdown-menu>li>ul {
	padding: 0;
	margin: 0
}

.mega-dropdown-menu>li>ul>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.428571429;
	color: #999;
	white-space: normal
}

.mega-dropdown-menu>li ul>li>a:focus,
.mega-dropdown-menu>li ul>li>a:hover {
	text-decoration: none;
	color: #444;
	background-color: #f5f5f5
}

.mega-dropdown-menu .dropdown-header {
	color: #428bca;
	font-size: 18px;
	font-weight: 700
}

.mega-dropdown-menu form {
	margin: 3px 20px
}

.mega-dropdown-menu .form-group {
	margin-bottom: 3px
}

.dropdown.mega-dropdown:hover>.dropdown-menu.mega-dropdown-menu.row {
	display: block
}

.navbar-default .navbar-nav>li>a {
	color: #fff
}

.navbar-default .navbar-nav>li>a:hover {
	color: #000;
	background: #fff
}

.dropdown-menu.mega-dropdown-menu.row li:hover {}

.megamenu-headline {
	padding: 0 32px
}

#header_cart_link .badge {
	padding: 2px 5px;
	margin-top: -.7em;
	margin-left: .6em;
	position: absolute
}

.shoplinks>li>ul {
	display: none
}

#main-nav .navbar-right .shopping_cart_link:hover,
.shoplinks>li:hover .ul_block_rel {
	display: block;
	position: relative;
	list-style: none;
	cursor: pointer;
}

.CartLevel1,
.mega-dropdown-menu ul,
.mega-dropdown-menu ul ul,
.mega-dropdown-menu>li>ul>li {
	list-style: none;
}

ul#products_suggest_list,
ul.happy_hour_front,
ul.shoplinks,
ul.reviews {
	list-style-type: none;
}

#also-purchased li,
#also-purchased ul {
	padding: 0;
	margin: 0;
}

#also-purchased li .thumbnail img {
	height: 10em;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.shoplinks>li {
	padding: 0;
	padding-top: 10px;
	text-align: center;
	display: inline-block
}

.shoplinks a {
	color: #E5007D;
	font-size: 1em
}

.shoplinks li:hover a {
	color: #088A98
}

.shoplinks li>a>i {
	display: block
}

.shoplinks>li>ul>li {
	padding: .5em;
	display: inline-block
}

.CartLevel1 {
	min-width: 275px;
	padding-left: 0;
	padding-top: 5px;
	margin-top: -1em;
	margin-right: -3px;
	z-index: 100;
	background: #FFF;
	padding-bottom: 10px;
	-webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 3px 5px 3px rgba(0, 0, 0, .2)
}

.CartLevel1 aside .thumbnail {
	margin-bottom: 5px
}

.CartLevel1 li {
	padding-left: 0;
	padding-right: 0;
	margin: 0;
	font-size: 11px
}

#CartLink,
.CartLevel1 li.CartProducts,
.CartTotal {
	font-size: 11px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
	padding-top: .5em
}

.CartProductsList li aside a.pull-right {
	display: none
}

.CartProductsList li:hover aside a.pull-right {
	display: block;
	color: #ccc
}

.CartProductsList li:hover aside a.pull-right:hover {
	display: block;
	color: #000
}

.CartProductsList aside h1,
.CartProductsList aside h2 {
	font-size: 1em;
	padding: 0 1em;
	margin: 0
}

.CartProductsList aside h1 {
	font-weight: 600
}

.CartProductsList aside dl {
	margin: 0 1em;
	padding: 0
}

.CartProductsList aside dl dd,
.CartProductsList aside dl dt {
	display: inline
}

.CartProductsList aside dl dt:before {
	content: "";
	display: block
}

.CartProductsList aside .wishlink {
	height: 2em;
	display: block
}

.CartProductsList aside .wishlink a {
	color: #ccc
}

.CartProductsList aside .wishlink:hover a,
footer h3 {
	color: #000
}

.CartLevel1:after,
.CartLevel1:before {
	bottom: 100%;
	left: 85%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}

.CartLevel1:after {
	border-color: transparent;
	border-bottom-color: #f1f1f1;
	border-width: 8px;
	margin-left: -8px
}

.CartLevel1:before {
	border-color: transparent;
	border-bottom-color: rgba(0, 0, 0, .4);
	border-width: 9px;
	margin-left: -9px
}

.CartLevel1 li div {
	padding: 0 10px 0 0px;
}

.CartLevel1 li div .text-right {
	text-align: right
}

.CartLevel1 li:first-child {
	background: #f1f1f1;
	display: block;
	height: 2.2em;
	margin: -.35em 0;
	margin-bottom: .2em;
	text-align: center;
	font-size: 1em;
	padding-top: 1em
}

.CartLevel1 .CartProducts {
	border-bottom: 1px solid #BFBFBF
}

.CartLevel1 .LastProduct {
	border-bottom: 1px solid rgba(0, 0, 0, .15)
}

#CartCounter {
	z-index: 110;
	background: #1c709c;
	color: #FFF;
	position: absolute;
	top: 2px;
	right: 6px;
	padding: 2px 6px
}

.cartLiHover {
	position: absolute;
	right: 4px;
	top: 9px
}

#CartLink a {
	color: #FFF
}

.CartLevel1 {
	position: absolute;
	top: 0;
	right: -5px;
	border: 1px solid rgba(0, 0, 0, .3);
	z-index: 100000;

}

#myAccTop .CartLevel1 {
	right: -5.5em
}

#myAccTop .CartLevel1:after,
#myAccTop .CartLevel1:before {
	left: 53%
}

.shopping_cart_link:hover .CartLevel1 {
	display: block
}

#CartImage {
	margin-top: 10px;
	margin-right: 10px
}

#CartImageHover {
	display: none
}

.shopping_cart_link:hover #CartImageHover {
	position: absolute;
	z-index: 150;
	display: block;
	top: 10px;
	right: 10px
}

#cart_button {
	position: relative
}

#cart_button .badge {
	position: absolute;
	background: #f08080;
	top: .5em;
	right: .5em
}

.navbar-static #nav-cart-button {
	display: none
}

.navbar-static.navbar-fixed-top #nav-cart-button {
	display: initial
}

ul.dropdown-cart {
	min-width: 250px
}

ul.dropdown-cart li .item {
	display: block;
	padding: 3px 10px;
	margin: 3px 0
}

ul.dropdown-cart li .item:hover {
	background-color: #f3f3f3
}

ul.dropdown-cart li .item:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

ul.dropdown-cart li .item-left,
ul.dropdown-cart li .item-left img,
ul.dropdown-cart li .item-left span.item-info {
	float: left
}

ul.dropdown-cart li .item-left span.item-info {
	margin-left: 10px
}

ul.dropdown-cart li .item-left span.item-info span {
	display: block
}

#main-nav .CartLevel1:after,
#main-nav .CartLevel1:before,
#main-nav .shopping_cart_link>a,
.CartProductsList {
	display: none
}

ul.dropdown-cart li .item-right {
	float: right
}

ul.dropdown-cart li .item-right button {
	margin-top: 14px
}

#main-nav .CartLevel1,
#main-nav .mega-dropdown .shopping_cart_link {
	margin: 0;
	padding: 0;
	width: 100%
}

#main-nav .mega-dropdown .shopping_cart {
	width: 100%;
	padding: 0
}

#main-nav .CartLevel1 {
	position: initial;
	float: none
}

ul.header_teaser_left {
	list-style-type: none;
	padding: 0
}

span.glyphicon-chevron-down {
	margin-left: 8px;
	margin-top: 2px
}

#product_reviews ul,
footer ul {
	margin: 0;
	padding: 0;
	list-style: none
}

div#product_description {
	padding: 10px
}

#product_offer_details ul {
	list-style: none;
	padding: .5em
}

.pagination-wrapper * {
	vertical-align: middle
}

.pagination-wrapper .pagination-label {
	margin-top: 20px;
	padding: 6px 12px
}

#product_listing {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	gap: 15px;
}
#product_listing > li {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
}

#product_listing .listing-item .listing-item-image {
	height: 180px;
	width: 100%
}

#product_listing .listing-item .listing-item-image img {
	height: 180px
}

.badge {
	position: relative
}

.navig1 {
	text-align: left;
	float: left;
	display: inline;
}

.navig2 {
	text-align: right;
	float: right;
	display: inline;
}

#product_listing .listing-item .caption h3 {
	margin-top: 0;
	font-size: 1.4em;
	text-transform: lowercase
}

.listing-item {
	height: 400px
}

.listing-item .caption p.description {
	position: relative;
	height: 35px;
	overflow: hidden;
	font-size: .9em
}

.listing-item .caption p:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none
}

.navbar {
	margin-bottom: 0;
	margin: 0 auto;
}

.footer1 {
	height: 140px;
	background: #3e3e3e;
}

.footer1 .footerInner {
	line-height: 140px;
}

.footer2 {
	height: 180px;
	background: #141414;
	padding-top: 20px;
}

.footer2 h3 {
	margin-bottom: 10px;
}

.ftp2contL {
	width: 50%;
	float: left;
}

.footer3 {
	height: 110px;
	background: #3e3e3e;
	color: #fff;
}

.footer3 .footerInner div {
	line-height: 15px;
	padding-top: 7px;
}

.footer3 .footerInner {}

.footer4 {
	height: 310px;
	background: #141414;
	padding-top: 35px;
}

.footer4 .footerInner {
	text-align: left;
}

.footer4 a {
	color: #fff;
	font-size: 16px;
}

.footer4 li {
	list-style-type: none;
}

.footer4 ul {
	padding: 0;
}

.footer4 p {
	color: #fff;
}

.ft4p1 a {
	color: background: var(--main_color);
	font-size: 23px;
	font-weight: bold;
}

.ft4p2 a {
	font-weight: bold;
}

.footer5 {
	height: 140px;
	background: #ccc;
}

.footerInner {
	width: var(--main_with);
	margin: 0 auto;
	text-align: center;
}

.ftabr {
	margin-right: 70px;
}

.foot5p1 {
	padding-top: 35px;
	font-size: 25px;
	color: #848484;
	font-weight: bold;
}

.foot5p2 {}

.foot5p3 {}

.footerInner h3,
.footerInner .h3 {
	color: #fff;
	font-size: 19px;
	margin: 0;
}

.footer2 input,
.footer2 .form-group,
.footer2 p {
	line-height: 15px;
}

.footer2 p {
	color: #fff;
}

.ft2p1 {
	margin-top: 12px;
}

.ft2p1 input::placeholder{
	color: #fff;
}
.ft2p1 button {
	background: #404c58;
	color: #fff;
	height: 32px;
    margin-top: -3px;
    border: 1px solid #3b4955;
}
.ft2p1 input{
	color: #fff;
	height: 32px;
    background: #404c58;
    border: 1px solid #3b4955;
    padding: 0 0 0 5px;
}

.ft2p2 {
	margin-top: 20px;
}

.ft3p1 {
	margin-top: 9px;
}

.ft3p2 {
	margin-top: 1px;
}

.ft3p3 {
	margin-top: 6px;
}

.ft3p4 {
	margin-top: 9px;
}

.ft3p5 {
	margin-top: 9px;
}

.ft3p6 {
	margin-top: 17px;
}

footer a {
	color: #009;
}

#shopping-cart {
	margin-bottom: 25px;
}

.noPadding {

}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.list-group-item+.list-group-item {
    border-top-width: thin;
}

.panel-heading {
	padding: 5px 10px !important;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-default {
    border-color: #ddd;
}

.panel-footer {
    padding: 10px 15px;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel-primary {
    border-color: var(--link_color);
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
#topArea .btn {
	border: 1px solid #6b6b6b;
	background: #ffffff;
}
#topArea .navKonto a, #topArea .meinKontoWK a{
	color: #3c4248;
}
#topArea .navKonto a:hover, #cartDropdown:hover{
	color: #4d5359;
}
#topArea .search-btn{
	border: none;
}
/* Main Layout Grid */
.mainContainer > .row {
	display: grid !important;
	grid-template-columns: 1fr 190px;
	gap: 0 15px;
	flex-wrap: unset;
}
.mainContainer.fully1 > .row {
	grid-template-columns: 1fr;
}
.mainContainer > .row > .apos1,
.mainContainer > .row > #nav-panel {
	grid-column: 1 / -1;
}
#content, #contentFull {
	margin-bottom: 25px;
	overflow: hidden;       /* Sicherheitsnetz: kaputtes HTML bleibt im Content */
	min-width: 0;           /* Grid-Item darf schrumpfen */
}

#pageContent {
	width: 100%;
	margin: 0 0 40px 0;
}

#sidebar {

}

#productDetails{
	padding: 0 0 0 10px;
}

#also_purchased{
	margin: 10px 0 30px 0;
}

.animate_image,
.background_hover,
.buttonIcon {
	display: none !important;
}

.search form {
	width: 100%;
}

.panel-body {
    padding: 15px;
}

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

.login .panel-body input{
	max-width: 350px;
}

select, .menno input, .ml_bezahlen .panel-body input[type="text"] {
	display: block;
	padding: 8px 15px;
	border-radius: 3px;
	border: 2px solid silver;
}

#prodInfoSend2 {
	margin-top: 5px;
}

.menno input {
	text-align: center;
	font-size: 18px;
	width: 80px;
	padding: 8px 0px;
	display: initial;
}

select[name="country"] {
	display: block;
	padding: 8px 15px;
	width: 100%;
	border-radius: 3px;
	border: 1px solid silver;
}

.selectaBox {}

#mlPiTabs {
	margin-bottom: 1px;
}

#mlPiTabs li {
	background-color: #a3a3a3;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 1px solid #7b7b7b;
	margin-right: 1px;
}

#mlPiTabs li:hover {
	background-color: #929292;
}

#mlPiTabs li a {
	color: #fff;
	text-decoration: none;
}

#mlPiTabs li a.active {
	color: #000;
	text-decoration: none;
	background-color: #fff;
}

#mlPiTabs li.active a {
	color: #000;
	text-decoration: none;
	border: none;
}

#mlPiTabs li a {
	border: none;
}

#mlPiTabs li a:hover {
	background-color: inherit;
}

.search form #srch-term {
	width: 100%;
	padding: 10px;
	padding: 9px 12px;
	height: auto;
}

.search form .input-group {
	width: 100%;
	position: relative;
}

.search form .input-group button[type="submit"] {
	position: absolute;
	top: 18px;
	right: 0;
	z-index: 2;
	border: none;
    border-left: 1px solid #ddd;
    background: #eee;
    margin: 0 4px 0 0;
}

#toplogo{
	height: 70px;
}

#toplogo img {}

#toplogo img:hover {
	/* opacity: .4; */
}

#topHints {
	width: 100%;
	padding: 8px 25px;
	background: var(--main_color);;
	background: var(--main_gradient);
}

#topHints ul li i {
	margin-right: 5px;
}

.startHeadlines,
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form,
.angeTitle {
	background: #45484d;
	background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #45484d 0%, #000000 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000', GradientType=0);
	/* IE6-9 */
}

.shlh1 {
	color: #fff;
	font-size: 20px;
}

.startHeadlines {
	margin: 0;
	padding: 10px 0 10px 20px;
	margin-bottom: 20px;
}

.tH14Tru {}

#topHints ul {
	width: 100%;
	max-width: var(--main_with);
	margin: 0 auto;
}

#topHints li {
	color: white;
	height: 40px;
	line-height: 40px;
}

#topHints li:not(:last-child) {
	/* padding-right: 6%; */
}

#topHints li:nth-child(2n+2) {}

#topHints li:nth-child(4n+4) {}

#topHints li:nth-child(5n+5) {}

.nav-justified>li {
	display: initial;
	width: 20%;
}

_:-ms-fullscreen,
:root .nav-justified>li {
	display: inline;
}

.btn.top, a span.buttonText {
	background-clip: padding-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: -ms-linear-gradient(top, #fff, #f8f8fa);
	background-image: linear-gradient(to bottom, #fff 0%, #f8f8fa 100%);
	-webkit-font-smoothing: inherit;
	display: inline-block;
	position: relative;
	text-decoration: none;
	text-align: left;
	cursor: pointer;
	border: 1px solid #dadae5;
	color: #5f7285;
}

.btn.top .text {
	position: relative;
	top: -4px;
	padding-left: 3px;
}
.shoplinksL .btn i{
	position: relative;
    top: 1px;
}
span.buttonText {
	padding: 7px 10px !important;
}

#addressbook .buttonText {
	display: none;
}

#addressbook button[name="submit"] {
	padding: 5px 10px 5px 10px;
	line-height: 32px;
	line-height: 2rem;
	border-radius: 3px;
	background-clip: padding-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 14px;
	font-size: .875rem;
	background-color: #fff;
	background-image: -ms-linear-gradient(top, #fff, #f8f8fa);
	background-image: linear-gradient(to bottom, #fff 0%, #f8f8fa 100%);
	-webkit-font-smoothing: inherit;
	display: inline-block;
	position: relative;
	text-decoration: none;
	text-align: left;
	cursor: pointer;
	border: 1px solid #dadae5;
	color: #5f7285;
	font-size: 1.5rem;
}

.buttonclear {
	display: none;
}

.shoplinksL {
	width: 70%;
	float: left;
	text-align: right;
}

.shoplinksR {
	width: 30%;
	float: left;
	text-align: right;
}

.shoplinks li>a>i {
	display: inline;
}

.shoplinks {
	margin: 14px 0 0 0;
	padding: 0;
}

.searchCont {
	margin-top: -7px;
}

.navKonto{
	margin-top: -3px;
}
.navCart{
	margin-top: -5px;
}
.searchCont #srch-term{

}

.CartLevel1 {
	top: 25px;
}

.CartTotal {
	padding: 20px 10px;
}

.mega-dropdown-menu ul,
.mega-dropdown-menu li ul {
	padding-left: 30px;
}

.mega-dropdown-menu .categorymenu {
	padding-left: 20px;
}

.dropdown-header {
	color: black;
	font-weight: normal;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#mooooo .dropdown-header {
	padding-left: 0!important
}

.ml_warenkorb #content h1{
	margin-top: -10px;
}

.footer a {
	color: black !important;
}

.footer a:hover {
	color: black !important;
	text-decoration: none;
	color: var(--link_color) !important;
}

.footer .infoBoxHeading,
.footer h3 {
	font-size: 18px !important;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid silver;
}

.CartLevel1 li:first-child {
	height: 3em;
}

.sideBox h3, .sideBox .h3 {
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

.sideBox .panelBody {
	padding: 15px;
	text-align: center;
}

.sb2 {
	font-weight: bold;
	line-height: 15px;
}

.sb3 {
	font-size: 12px;
	font-weight: normal;
}

.sb4 {
	font-size: 12px;
	font-weight: normal;
}

.itemImage {
	max-width: 100%;
	padding-bottom: 10px;
}

.btn-success {
	font-size: 1.0em !important;
}

a.black,
a.black:hover {
	color: black;
	text-decoration: none;
}

.footer .mr {
	margin-right: 15px;
}

.footer .mr2 {
	margin-right: 30px;
}

.newitem {
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	height: 345px;
	position: relative;
	font-size: 1.2em;
}

.footer.second {
	position: relative;
	top: 0px;
}

.mlPiBoxes {
	margin: 30px;
}

.footer.second h3 {
	margin-bottom: 10px;
}

.syoutube,
.stwitter,
.sfacebook,
.spinterest,
.sgplus,
.sfeed {
	width: 32px;
	height: 32px;
	display: inline-block;
	margin-right: 9px;
}

.sgplus {
	background: url(../img/gplus-32x32.png);
}

.spinterest {
	background: url(../img/pinterest-32x32.png);
}

.spinterest {
	background: url(../img/pinterest-32x32.png);
}

.sfacebook {
	background: url(../img/facebook-32x32.png);
}

.stwitter {
	background: url(../img/twitter-32x32.png);
}

.stwitter:hover {
	background: url(../img/twitter_h-32x32.png);
}

.sfacebook:hover {
	background: url(../img/facebook_h-32x32.png);
}

.spinterest:hover {
	background: url(../img/pinterest_h-32x32.png);
}

.sgplus:hover {
	background: url(../img/gplus_h-32x32.png);
}

.copyright {
	color: grey !important;
	font-size: 0.9em;
}

.seotext {
	text-align: center;
	padding-bottom: 10px;
}

.newitem.top {
	height: 380px;
}

.newitem img {
	max-width: 100%;
}

.caption {
	position: absolute;
	bottom: 15px;
	width: 100%;
	left: 0;
}

.newitem .items {
	padding: 10px;
}

.navbar-inverse .navbar-nav>li>a {
	color: white !important;
	font-size: 1.1em;
}

.navbar-inverse .navbar-nav>li>a:hover {
	color: silver !important;
}

.startItem {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-align: center;
	position: relative;
	padding: 0;
	cursor: pointer;
	min-height: 330px;
    padding: 15px 0 15px 0;
}
/* Legacy float-Layout fuer alte Listings (productlisting.html, productlisting_vari2.html) */
.prodListCont .startItem:not(.card) {
	margin: 0 10px 25px 0;
}

.startItem a, .startItem a .h4 {
	color: #333;
}

.startItem a:hover {
	text-decoration: none;
	color: #333;
}

.catNewProducts .startItem:not(.card) {
	width: 23%;
}

.infoBoxHeading {
	font-size: 20px;
}

.startItem .h4 {
	display: block;
	padding: 0 10px;
	font-size: 0.95rem;
}


.heightSS2 {

}

.ssBox {
	overflow: hidden;
}

.startItem img {
	border: 0;
	width: auto;
}

.mlHappyBox {
	text-align: center;
}

.hhRabatt {
	color: red;
	font-size: 18px;
}

.mlHappyBox a {
	margin-top: 10px;
}

.adminBox {
	padding: 20px 0;
}

.megamenu-headline h2 {
	font-size: 22px;
	margin: 0;
}

#mainCont1 {
	margin-bottom: 20px;
}

.ovHid {
	overflow: hidden;
}

.ssSection {
	margin: 30px 0 0 0;
}

.ssText {
	margin-bottom: 15px;
}

.boxy4,
.boxy8,
.boxy12,
.boxz5,
.boxz10,
.boxz15 {
	margin-right: 0px;
}

.page-header {
	margin: 0px 0 13px;
}

.breadcrumb {
	overflow: hidden;
	padding: 8px 15px;
	margin-bottom: 20px;
	list-style: none;
	background-color: #f5f5f5;
	border-radius: 4px;
}

.breadcrumb a {
	color: #000;
}

.lead {
	font-size: 18px;
	margin-bottom: 10px;
}

.vpe_price {
	color: #111111;
	font-size: 12px;
	font-style: italic;
}

.hvr-glow {
	display: block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
	cursor: pointer;
}

.panel-primary>.panel-heading {
	color: #fff;
	background-color: var(--link_color);
	border-color: var(--link_color);
}

.startItem:hover {
	box-shadow: 0px 0px 10px 0px #1daaca;
}

.catheadtitle,
.navigator {
	padding: 0 15px;
}

.navigator {
	margin-bottom: 10px;
}

.logo_search_btns{
	height: 90px;
}
.specials.specials .image img {
	max-height: 200px;
	padding-bottom: 10px;
}

.specials.specials .image {
	height: 200px;
}

.subcats {
	height: 220px;
	width: 30%;
	margin-bottom: 25px;
	overflow: hidden;
}

.subcats img {
	padding-bottom: 10px;
	max-height: 150px;
}

.subcats fieldset {
	display: none;
}

.catName {
	font-size: 18px;
}

.startprodInfo {
	width: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

/* .heightSS2 .startprodInfo - obsolet, Flexbox regelt die Hoehe */

.startprodInfo h4,
.startprodInfo .h4 {
	margin: 0 0 15px 0;
	flex-grow: 1;
	padding: 0 10px;
}

.catPage {
	width: 30% !important;
	height: 330px !important;
}

#product_reviews {
	padding: 20px 0;
	overflow: hidden;
}

.catPage .image,
.catPage img {
	height: 180px;
}

.catPage img {
	height: 180px !important;
}

.catPage .btn-success {
	margin-top: 10px;
	display: inline-block;
}

#newCCard iframe {
	width: 100%;
}

.carousel-inner img {
	width: 100%!important
}

.catPage .image img {
	width: auto;
	height: 150px;
}

.boxLink,
.boxLink:hover {
	color: black;
	text-decoration: none;
}

.bottom .price {
	display: inline-block;
	margin-bottom: 10px;
}

.whatsNew {
	width: 17% !important;
}

.newitem .price {
	display: inline-block;
	margin-bottom: 10px;
}

.clear {
	clear: both;
}

.col-centered {
	float: none !important;
	display: inline-block;
	margin: 0 auto !important;
}

#topContent{
	margin: 0 0 0 0;
}

#topContent h2 {
	margin-top: 0;
}


/* PRODUCT DETAIL SEITE */

#productDetails .vp {
	font-size: 1.3em;
	color: red;
}

#productDetails h1 {
	font-size: 24px;
	font-weight: bold;
	margin-top: 0;
}

.productPrice {
	font-size: 1.8em;
	font-weight: bold;
	margin: 0;
}

.prodUvp {
	font-weight: normal;
	font-size: 0.9em;
}

.productOldPrice {
	color: #000;
	font-size: 13px;
	font-weight: normal;
	text-decoration: line-through;
	height: 18px;
}

.your_price {
	margin-top: -4px;
}

#productDetails .your_price {
	margin-top: 0px;
	font-size: 24px;
	font-weight: bold;
}

.header_teaser_left .well {
	border: 2px solid #e3e3e3;
}

.carousel-inner>.item>a>img {
	width: 100%;
}

.text-justify h4 {
	text-align: left;
}

#pageContent h4 {
	margin-top: 25px;
}

#pageContent .btn-default {
	background: var(--link_color);
	border: 1px solid #2e6da4;
	color: white;
	padding: 6px 25px;
}

#pageContent .btn-default:hover {
	background: #286090;
	box-shadow: 3px 3px 5px silver;
}

.inputRequirement {
	display: none;
}

#main-content-container h3:before {
	content: '';
	display: block;
	clear: both;
}

.form-horizontal .control-label {
	text-align: left !important;
}

.panel-primary>.panel-heading {
	background: var(--main_color);
	background: var(--main_gradient);
}

.advertising .form-control {
	width: 99% !important;
	display: inline !important;
	margin-bottom: 15px;
}

#submit .buttonText {
	display: none;
}

#contact_us {
	padding-right: 20px !important;
}

#contact_us #message_body{
	min-height: 200px;
}
.listing-item {
	text-align: center;
	margin: 0 0px 0px 0px;
	width: 30%;
	padding: 20px;
	height: 410px;
	position: relative;
	margin-right: 20px;
}

.mc2Div {
	margin-top: 20px;
}

#products_suggest_list {
	padding: 0;
}

.captionCat {}

.productImage {
	display: block;
	height: 200px;
	width: auto;
}

.listing-item .btn-success {
	display: table;
	margin: 15px auto 0 auto;
}

.btn-primary,
.btn-success {
	background: #45484d !important;
	background: -moz-linear-gradient(top, #45484d 0%, #000000 100%) !important;
	background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%) !important;
	background: linear-gradient(to bottom, #45484d 0%, #000000 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000', GradientType=0) !important;
	color: #fff !important;
	border-color: #000 !important;
	text-shadow: 1px 1px 1px rgb(4, 0, 0);
}

.btn-primary:hover,
.btn-success:hover {
	background: #000000 !important;
	background: -moz-linear-gradient(top, #000000 0%, #45484d 100%) !important;
	background: -webkit-linear-gradient(top, #000000 0%, #45484d 100%) !important;
	background: linear-gradient(to bottom, #000000 0%, #45484d 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d', GradientType=0) !important;
}

.product_wrapper {
	display: flex;
	flex-wrap: wrap;
}
.product_wrapper > .col-lg-6 {
	flex: 0 0 50%;
	max-width: 50%;
}
.product_wrapper .btn-success {}

.product_wrapper .img-tumbnail{
	margin: auto;
	width: 450px;
    min-height: 450px;
    background: #fff;
}

.menno input[type="number"] {
	width: 52px;
	text-align: center;
	margin: auto;
}

.mlpllick:hover {
	box-shadow: 0px 0px 10px 0px #1daaca;
}

.pagination>.practive>span,
.pagination>.disabled>span {
	width: 100%;
}

.kaufen .pagination,
.bezahlen .pagination,
.versand .pagination {
	width: 100%;
}

.kaufen .pagination>li,
.bezahlen .pagination>li,
.versand .pagination>li {
	display: -webkit-inline-box;
	width: 24%;
}

.kaufen h2,
.bezahlen h2,
.versand h2 {
	font-size: 20px;
	margin: -13px 0 10px 3px;
}

.bottomCO {}

#checkout_address .copactive,
.pagination>.practive>span {
	z-index: 2;
	color: #fff;
	background-color: var(--link_color);
	border-color: var(--link_color);
}

.bottomCOL {
	margin: 9px 0 20px;
}

.bottomCOR {
	padding-right: 50px;
}

#checkout_confirmation {
	text-align: right;
}

#mainteaser {
	max-width: var(--main_with);
	max-height: 450px;
	margin: 0px 0 36px 0;
}

.sboxfragen {
	padding-top: 10px;
}

.sboxfragen h2 {
	font-size: 19px;
	margin-bottom: 7px;
}

.sboxfragen img {}

.eanStr {}

.eanStr ul {
	list-style-type: none;
	margin-left: -40px;
}

.eanStr li {
	float: left;
	margin-right: 25px;
	color: #CCC;
	padding: 1px;
}

.sBoxhappy {}

.img-center {
	width: 0 auto;
}



.contentsTopics,
.contentsTopics2 {
	text-decoration: none;
	font-weight: bold;
	padding: 10px 0 0 0px;
}

#product_extra_images .thumbnail {
	margin: 0;
}

#product_extra_images .thumbnail:hover {
	box-shadow: 0px 0px 10px 0px #8a8a8a;
	cursor: pointer;
}

#contentFull .pagination {
	width: 100%;
	margin: 0;
}

#contentFull .pagination>li {
	display: inline-block;
	width: 24%;
	margin-right: 7px;
}

#contentFull .pagiFirst {}

#contentFull .pagiLast {
	margin-right: 0px;
}

#contentFull .pagination>li>a,
.pagination>li>span {
	padding: 6px 10px;
}

#contentFull h2 {
	margin: 0 0 10px 0;
	font-size: 24px;
}

#contentFull .copactive .list-group-item-heading {
	color: #fff;
}

.pagination>li>span {
	width: 100%;
}

.accHistTable {
	border-spacing: inherit;
	border-collapse: inherit;
}

.accHisTd {
	border-right: 2px solid;
	border-bottom: 2px solid;
	border-color: #dcdcdc;
}

#naviTriggerIcon {
	width: 30px;
	height: 25px;
	position: relative;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

#naviTriggerIcon span:nth-child(odd) {
	left: 0;
	border-radius: 3px 0 0 3px;
}

#naviTriggerIcon span:nth-child(1),
#naviTriggerIcon span:nth-child(2) {
	top: 0;
}

#naviTriggerIcon span:nth-child(even) {
	left: 50%;
	border-radius: 0 3px 3px 0;
}

#naviTriggerIcon span:nth-child(3),
#naviTriggerIcon span:nth-child(4) {
	top: 10px;
}

#naviTriggerIcon span:nth-child(5),
#naviTriggerIcon span:nth-child(6) {
	top: 20px;
}


/* OPEN */

#naviTriggerIcon.open span:nth-child(1) {
	left: 5px;
	top: 7px;
}

#naviTriggerIcon.open span:nth-child(2) {
	left: calc(50% - 5px);
	top: 7px;
}

#naviTriggerIcon.open span:nth-child(3) {
	left: -50%;
	opacity: 0;
}

#naviTriggerIcon.open span:nth-child(4) {
	left: 100%;
	opacity: 0;
}

#naviTriggerIcon.open span:nth-child(5) {
	left: 5px;
	top: 12px;
}

#naviTriggerIcon.open span:nth-child(6) {
	left: calc(50% - 5px);
	top: 12px;
}

#naviTriggerIcon.open span:nth-child(2),
#naviTriggerIcon.open span:nth-child(5) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#naviTriggerIcon.open span:nth-child(1),
#naviTriggerIcon.open span:nth-child(6) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#naviTriggerIcon span {
	display: block;
	position: absolute;
	height: 4px;
	width: 50%;
	background: #dadada;
	opacity: 1;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.wkPrdGift {
	margin-top: 50px;
}

.wkGift {
	margin-top: 50px;
}

.wkBonus {
	margin-top: 50px;
}

.wkRemTop {}

.wkQty input {
	text-align: center;
}

.wkAktuBtn {
	margin-bottom: 20px;
}

.shopbewertbox {
	margin-top: 20px;
}

.meinungbutton {
	margin: 20px 0;
}

.shopbewertsternebox {
	background: #f1f1f1;
	padding: 5px;
}

.boxwertung {
	padding: 5px;
}

.mlShipping {
	min-height: 100px;
}

.mlShipping:hover{
	background: #efefef;
}
.mlShippingRow {
	display: flex;
	align-items: center;
	gap: 10px;
}

.mlShipping .list-group-item-heading {
	position: relative;
	font-weight: bold;
	font-size: 18px;
}

.mlShippingl {
	width: 30x;
	display: flex;
	justify-content: center;
}

.mlShippingr {
	flex-grow: 1;
}

.mlPeel {
	width: 200px;
	height: 200px;
	position: absolute;
	top: -20px;
	right: -20px;
}

.bachbinde3-222 {
	width: 236px;
	height: 33px;
	position: absolute;
	top: 200px;
	left: -7px;
	background-repeat: no-repeat !important;
	right: inherit;
	line-height: 33px;
	color: #fff;
	font-weight: bold;
}

.co_ca_input input {
	margin-left: 10px;
}

.co_ca_input {
	padding-left: 0;
}

.co_od1 {
	border-top: 1px solid;
	border-color: #cccccc;
	text-align: right;
}

.co_od2 {
	border-top: 1px solid;
	border-color: #cccccc;
}

.ss_price {}

.carousel-indicators button{
	border: 1px solid #000;
}

.carousel-indicators {
	bottom: -45px;
}

.carousel-indicators .active {
	background-color: #000;
}

.dropdown-menu .divider {
	width: 90%;
}

.dropdown-menu a:focus,
.dropdown-menu a:hover {}

.dropdown-menu .level1 a{

}

.dropdown-menu .level1 a:hover {
	color: #0f2435;
	text-decoration: none;
	padding-left: 1px;
}

.ml_shipping {
	min-height: 298px;
}

#checkout_address h3 {
	margin: 0;
	padding: 0;
}

.ablock3 {
	width: 30px;
	text-align: center;
}

.ablock2 {
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}

.plH2 {
	margin: -22px 0 10px 0;
    font-size: 22px;
	font-weight: bold;
}

.main-content-container .plH2 {
	margin: 0 0 10px 0;
}

.plH2b {
	margin: 0 0 5px 0;
	font-size: 14px;
	font-weight: bold;
	color: #afafaf;
	font-style: italic;
}

.price {
	font-size: 18px;
	font-weight: bold;
}

.accWKBtn {
	right: 0px;
}

.xtcm_rating {
	margin-left: -40px;
	margin-top: 10px;
}

.xtcm_rating li {
	width: 28px;
	height: 28px;
	line-height: 0px;
	margin-left: 2px;
	list-style: none;
	float: left;
	cursor: pointer;
}

. xtcm_rating li span {
	display: none;
}

.list-group-item.active, .lgroup-item.active,
.list-group-item.active:focus, .lgroup-item.active:focus,
.list-group-item.active:hover, .lgroup-item.active:hover {
	color: #2f2f2f;
	background-color: #efefef;
	border-color: #757575;
}

.list-group-item.active .list-group-item-text, .lgroup-item.active .list-group-item-text {
	color: #4e4e4e !important;
}

.more_images {
	margin: 0 auto;
	margin-top: 20px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px 5px;
}

input[type="email"]:hover,
input[type="password"]:hover,
input[type="text"]:hover,
input[type="tel"]:hover,
input[type="date"]:hover {

}

.navCart .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

.navCart .dropdown-menu {
    min-width: 440px;
}

.freifeld3 {
	padding: 5px 0px 5px 10px !important;
}

#productDetails>p>span {
	padding-left: 0px;
}

#productDetails>p {
	overflow: hidden;
}

.maschenprobe {
	margin-top: 0px;
}

.psSymbCont {
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
}

.pfSymbolz {
	margin-right: 0px;
	margin-bottom: 0px;
}

.pfSymbolz img {
	margin-right: 20px;
	margin-bottom: 15px;
}

.psSymbContM {
	margin-top: 10px;
}

.tab-pane {
	padding: 25px 25px 20px 25px;
	/* overflow: hidden; */
}

.pi_shipping {
	border-bottom: 2px solid #eee;
	margin: 5px 0;
	padding-bottom: 10px;
}

.pi_model,
.pi_ean,
.pi_shipping,
.pi_gpvsnd,
.pi_vpe {
	margin: 0;
}

.vpcont {
	padding-left: 0;
	padding-right: 0;
}

.vpboxes {
	margin-right: 3px;
	text-align: center;
	width: 32%;
	float: left;
}

.pi_staffel {
	margin-top: 10px;
}

.caBtns {
	width: 50%;
	float: left;
	margin: 20px 0 20px 0;
}

.prodListB {
	overflow: hidden;
	border-bottom: 1px dotted #d0d0d0;
	margin: 3px 8px;
	padding: 5px 0;
}

.prodListB1 {
	width: 34%;
	float: left;
}

.prodListB2 {
	width: 36%;
	float: left;
}

.prodListB3 {
	width: 30%;
	margin-top: 8px;
	float: left;
	text-align: right;
}

.vorteil {
	width: 16.66666667%;
	float: left;
}

.pageResults {
	width: 32px;
	height: 32px;
	display: inline-block;
	background: var(--main_color);
	text-align: center;
	line-height: 34px;
	font-size: 16px;
	color: #fff;
	margin: 0 3px 3px 0;
	border: 1px solid #0f94ce;
}

.c_pageResults {
	width: 32px;
	height: 32px;
	display: inline-block;
	background: #fff;
	text-align: center;
	line-height: 34px;
	font-size: 16px;
	color: #000;
	margin: 0 3px 3px 0;
	border: 1px solid #ccc;
}

.NAVBAR_td_L {}

.NAVBAR_td_R {}

.navig2 a {
	color: #fff;
	text-decoration: none;
}

.navig2 a:hover {
	color: #4789bb;
	text-decoration: none;
}

.nextBtn,
.prevBtn {
	width: 110px;
}

.navig2 .active {
	background: var(--link_color);
	color: #fff;
}

.prodHappy {
	background: url(../img/hhinfo2.png);
	background-position-y: 30px;
	background-repeat: no-repeat;
}

.prodNormal,
.prodHappy {
	width: 100%;
	height: 90px;
}

.prodHappyPrice, .hh_1 .price .your_price {
	font-size: 22px;
	color: var(--main_color);
	font-weight: bold;
}

.hh_1 .startprodInfo .price .your_price{
	font-size: 18px;
}

.prodHappyStatt {
	font-size: 12px;
}

.hhHinweis {
	background: url(../img/hhinfo2.png);
	background-repeat: no-repeat;
	height: 60px;
	background-position: center;
	font-weight: bold;
}

.hhHinweisTxt {
	color: var(--main_color);
	font-weight: bold;
}

.co_od1 strong {
	font-size: 17px;
}

.ui-autocomplete-loading {
	background: white url('../img/ui-anim_basic_16x16.gif') right center no-repeat!important;
}

.ui-autocomplete {
	max-height: 400px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	*/
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
	position: absolute;
	cursor: default;
}

.ui-autocomplete-category {
	font-weight: bold;
	padding: .2em .4em;
	margin: .8em 0 .2em;
	line-height: 1.5;
	width: 450px;
	float: left;
	clear: left;
}

.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	float: left;
}

.ui-menu .ui-menu {
	margin-top: -3px;
}

.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 450px;
	list-style-image: none;
}

.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: .2em .4em;
	line-height: 1.5;
	zoom: 1;
}

.ui-menu .ui-menu-item a img {
	float: left;
	vertical-align: middle;
	max-width: 60px;
	max-height: 60px;
}

.short_desc {
	font-style: italic;
	font-size: 10px;
	float: none;
}

.prod_name {
	float: none;
}

.prod_komplett {
	float: none;
	display: block;
	height: 100%;
	overflow: hidden;
}

.prod_img {
	float: right;
}

.prod_preis {
	float: none;
	font-size: 12px;
	font-weight: bold;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

#ui-id-1 {
	margin-left: 16px;
	-webkit-box-shadow: 4px 4px 16px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow: 4px 4px 16px 0px rgba(50, 50, 50, 0.3);
	box-shadow: 4px 4px 16px 0px rgba(50, 50, 50, 0.3);
}

.ui-state-focus {
	background: var(--main_color) !important;
}

.dl-horizontal dt {
	text-align: left;
	width: inherit;
}

.dl-horizontal dd {
	margin-left: 90px;
}

.smBox {}

#mlBtnFB {}

#mlBtnTW {}

.smBoxC {
	float: left;
	margin-right: 5px;
}

.shopnews h1 {
	margin-bottom: 0px;
}

.shopnews .newsDate {
	font-style: italic;
}

.shopnews h2 {
	margin: 10px 0px -5px 0;
	font-size: 18px;
}

.shopnews .newShort {
	font-size: 18px;
	color: #a7a7a7;
	font-style: italic;
	margin-bottom: 10px;
}
.newsTxt {
	padding-top: 10px;
}
.shopnews .newTrenner {
	border-bottom: 1px solid #e0e0e0;
}

.shopnews .newsTxt p{
	font-size: 15px;
}
.shopnews .newsTxt blockquote {
	font-size: 15px;
	border: none;
}


.shopnews .imgCont {
	text-align: center;
	margin: 20px 0;
}

.newMainImg {
	float: left;
	margin-right: 20px;
	margin-top: 5px;
	width: 300px;
	height: 240px;
}

.angeTitle {
	height: 35px !important;
	color: #fff;
	line-height: 35px;
	margin: 10px 8px 10px 8px;
}

.conewadd1 {
	padding-top: 127px;
}

.checkbox input {
	margin-left: 10px;
	width: 25px;
	height: 25px;
}

input[type="radio"] {
	width: 15px;
	height: 15px;
}

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

.copa11 {
	width: 60%;
	float: left;
}

.copa12 {
	width: 40%;
	float: left;
}

.centerbox {
	margin-right: 10px;
	padding-left: 15px;
}

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

.copa21 {
	width: 35px;
	float: left;
}

.copa22 {
	width: 90%;
	float: left;
	margin-bottom: 25px;
}

.co_progH2 {
	margin-top: 20px !important;
}

.paymentblock .panel-default .panel-body a select, .ml_bezahlen .panel-body input[type="text"] {
	width: 200px !important;
	margin-bottom: 10px;
}

select[name="hpivsec[month]"],
select[name="hpivsec[day]"] {
	float: left;
	margin-right: 10px;
}

.mlacpa1 {}

.mlacpa2 {
	margin-bottom: 15px;
}

.mlacpa4 {
	float: left;
	width: 145px;
	height: 40px;
	line-height: 40px;
}

.mlacpa5 {
	float: left;
	padding-top: 7px;
}

.co_error {
	padding: 10px;
	border: 1px solid #f00;
	margin-bottom: 20px;
	color: #f00;
}

#checkout_payment .pagination {
	display: block;
}

#checkout_payment .pagination li {
	float: left;
	width: 24%;
	margin-right: 8px;
}

.error {
	color: #c00;
	font-weight: bold;
	margin: 10px 0 10px 0;
	border: 1px solid;
	padding: 5px 0 5px 10px;
	max-width: 75%;
}

.input-sm {
	height: 40px;
	font-size: 15px;
}

.newblock11 {
	width: 620px;
}

.newblock11 img {
	width: 620px;
	height: 340px;
}

.newblock12 {
	width: 500px;
	margin-left: 20px;
}

.newblock12b {
	width: 305px;
	margin-left: 20px;
}

.newblock1 {
	margin-bottom: 20px;
}

.newblock121 a {
	font-size: 22px;
	color: #000;
}

.newblock122 {
	font-size: 17px;
}

.newblock2 {
	width: 32%;
}

.newblock21_3,
.newblock21_4 {
	margin-left: 20px;
}

.newblock21 img {
	width: 366px;
	height: 201px;
}

#popCart {
	position: absolute;
	top: 2%;
	left: 50%;
	width: 560px;
	margin-left: -280px;
	background: #fff;
	border: 1px solid #000;
	color: #000;
	z-index: 100000;
	display: none;
	padding: 10px 10px 25px 10px;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(150, 150, 150, 0.75);
	-moz-box-shadow: 2px 2px 5px 0px rgba(150, 150, 150, 0.75);
	box-shadow: 2px 2px 5px 0px rgba(150, 150, 150, 0.75);
}

.popup_header {
	text-align: center;
	font-weight: bold;
}

.popup_image {
	text-align: center;
	color: #000;
	margin: 10px auto;
	padding: 5px;
}

#mycart {
	margin: 0px auto;
	min-height: 42px;
	width: 100%;
	text-align: center;
}

.cart_contents {}

#pop_buttons_box {
	text-align: center;
	margin: 10px auto 0 auto;
}

#pop_buttons_box .btnleft {
	margin-right: 215px;
}

#pop_buttons_box a {
	color: #000;
	text-decoration: none;
}

#pop_buttons_box a:hover {
	color: #484848;
	text-decoration: none;
}

.hideOnDektop {
	display: none;
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img {
	width: 100%;
}

.phpl {
	width: 45%;
	float: left;
}

.phpr {
	font-size: 18px;
	color: #303236;
	text-align: center;
	float: left;
}
.coBox5{
	background: #fff;
	padding: 10px;
}

.coBox5 table td img {
	width: 50%;
}

.wkImg a {
	max-width: 80px;
}

.img-tumbnail {
	text-align: center;
}

.img-tumbnail picture img {
	display: inline-block;
}

.co_cfn_gift{
	padding: 5px 0px;
	font-weight: bold;
	color: red;
}

.co_cfn_gift_0{
	color: #009c1a;
}

.deduction{
	color: #f00;
}

.extraMsg{

}

.extraMsg_inner{
	border: 1px solid;
	width: 500px;
	padding: 20px 20px 10px 11px;
	float: right;
	margin: 0px 0 30px;
	text-align: left;
}



.pizoomicon{
	width: 25px;
	top: 5px;
	right: 5px;
}


/*
Intelli Search suggest list layout
Change this lines as you like to asign other colours,
fonts, borders etc. to the Intelli Search suggest List
*/
div#intelliSearchResult {
	position:absolute;
	width: 516px;
	z-index: 4001;
  	background-color: transparent;
	background-image:url("../img/intelliSearch_bg.png");
	padding:5px;
	margin: 0;
	border: none;
	display:none;
	visibility:hidden;
	max-height: 337px;
	overflow: overlay;
}

div#intelliSearchResult a {
	display:block;
	padding:3px 3px 3px 3px;
	border-style:dotted;
	border-color:#FFFFFF;
	border-width:0px 0px 1px 0px;
	font-size:13px;
	color: #fff;
	text-decoration: none;
}

div#intelliSearchResult a:hover {
	display:block;
	text-decoration:none;
	background: #2da7f0;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.newBox2024 .rtbl, .newBox2024 .ltbl2, .newBox2024 .ltbl1{
	display: flex;
   	align-items: center;
}

@media (min-width: 768px){

	.modal-dialog .modal-body img{
		max-height: none;
	}

}


@media (min-width: 414px) {
	#contentFull .pagination>li .pagLiSp1:before {
		content: "1. ";
	}
	#contentFull .pagination>li .pagLiSp2:before {
		content: "2. ";
	}
	#contentFull .pagination>li .pagLiSp3:before {
		content: "3. ";
	}
	#contentFull .pagination>li .pagLiSp4:before {
		content: "4. ";
	}
}




.navbar {
    position: relative;
    border: 1px solid transparent;
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.navbar-inverse {
    background-color: #222;
    border-color: #080808;
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}

.nav>li {
    position: relative;
    display: block;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.navbar-nav>li>a {
	padding-top: 15px;
	padding-bottom: 15px;
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}


/* mobile portrait */
@media (max-width: 444px) {

	.startItem .h4 {
	    font-size: 12px;
	}

	#mainteaser {
        margin: 20px 0 10px 0 !important;
    }

	.product_wrapper > .col-lg-6 {
	    flex: none;
	    max-width: fit-content;
	}

	.breadcrumb{
		margin: 40px 0 0 0 !important;
	}

	.main-content-container .plH2 {
		margin: 22px 0 10px 0;
	}

	.heightSS2 {

	}

	.modal-dialog {
	    width: auto !important;
	}

	#lightbox .modal-content {
		width: 100%;
	}

	.more_images {
		grid-template-columns: repeat(2, 1fr);
	}

	.newblock12, .newblock11 {
		width: 100%;
	}
	.newblock12 {
	    margin-left: 0px;
	    line-height: 21px;
	}

	.newblock11 img, .newblock21 img{
		width: 100%;
    	height: auto;
    }
	.extraMsg{

	}

	.extraMsg_inner{
		border: 1px solid;
		width: inherit;
		padding: 20px 20px 10px 11px;
		float: none;
		margin: 0px 0 30px;
		text-align: left;
	}

	div#intelliSearchResult {
		width:95%;
		margin: 0 0 0 0;
		max-height: 73%;
	}

	div#intelliSearchResult a {
		padding: 10px 3px 10px 3px;
		font-size: 15px;
	}

}



/* mobile landscape */
/* war 941 */
@media (max-width: 1030px) {

	.logo_search_btns {
	    height: 120px;
	}

	#meinKontoWK{
		display: none;
	}

	.hidden-xs{
		display:none !important;
	}
	body {
		padding-top: 0px;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	h1 {
		font-size: 16px;
		margin: 10px 0;
	}
	.mlopti {
		color: #000;
	}
	.h4,
	h4 {
		font-size: 15px;
	}
	.breadcrumb a,
	.breadcrumb li,
	.breadcrumb span {
		font-size: 12px;
	}
	.catheadtitle h1 {
		font-size: 16px;
		font-weight: bold;
	}
	#login-dp {
		background-color: inherit;
		color: #fff
	}
	#login-dp .bottom {
		background-color: inherit;
		border-top: 0 none
	}
	.carousel-inner img {
		max-width: 980px !important;
	}
	.listing-item {}
	.conewadd1 {
		padding-top: 0px;
	}
	.searchCont {
		width: inherit;
		float: none;
		padding: 0 20px;
		margin: 0 auto;
	}
	#topArea .search-btn {
	    margin-top: -1px;
	    background: transparent;
	}
	#sidebar {
		display: none;
	}
	.mainContainer > .row {
		grid-template-columns: 1fr;
	}
	header {
		width: 100%;
		margin: 0 auto;
		background: #fff;
	}
	.container {
		width: 100%;
	}
	legend {
		font-size: 15px;
	}
	.mainContainer {

	}
	#mainteaser {
		margin-left: 0px;
		margin-top: 10px;
	}
	#topArea {}
	.menno {
		text-align: center;
	}
	select {
		width: 100%;
	}
	.menno input {
		width: 80px;
	}
	.nav>li>a {
		padding: 10px 5px;
	}
	#mlPiTabs li a {
		font-size: 11px;
	}
	#prodInfoSend2 {
		margin-top: 0px;
		text-align: center;
	}
	#productDetails .selectaBox .mlselect option{
		width: 80%;
	}
	#mobileNav,
	.hidden-sd,
	.footerCont,
	.wkRemTop,
	.megamenu-headline,
	#main-nav {
		display: none;
	}
	.searchCont button {
		margin-top: 5px;
	}
	#main-nav {
		margin-top: 60px;
		top: 1px;
		z-index: 100000;
		width: 1000px;
		background: #222;
	}
	#main-nav a {
		color: #fff;
	}
	.product_wrapper .col-lg-6 {
		padding: 0;
	}
	.vpcont .well {
		padding: 10px;
	}
	#content {
		width: 100%;
	}
	.navbar-nav {
		margin: 0;
	}
	/* 2 --- */
	#centerbox .row {
		margin-right: 0px;
	}
	.breadcrumb {
		padding: 8px 10px;
		margin: 10px 0;
		overflow: hidden;
	}
	#mooooo li a {
		color: #fff;
	}
	.shoplinks {
		margin-bottom: 10px;
	}
	.search .navbar-right {
		margin-bottom: 0px;
	}
	#toplogo img {
		margin: 0 auto 0px auto;
	}
	.listing-item {
		width: 100%;
		padding: 20px;
		height: 440px;
		margin-right: inherit;
	}
	.badge {
		font-size: 18px;
	}
	.table>thead>tr>th {
		padding: 5px;
	}
	.navbar-fixed-top {
		position: inherit;
	}
	.wkQty input {
		height: 44px;
		font-size: 15px;
		margin-top: 10px;
	}
	.wkSp {
		padding-top: 6px !important;
	}
	.wkp {
		padding-top: 6px !important;
		font-weight: bold;
	}
	.warenkorb h1 {
		font-weight: bold;
	}
	.paymentComments {
		padding-left: 15px;
		margin-bottom: 10px;
	}
	.paymentEdit .panel-heading,
	.paymentblock .panel-heading {
		margin-left: 15px;
	}
	#checkout_payment h2 {
		font-weight: bold;
	}
	.paymentComments textarea {
		width: 100%;
	}
	.navbar.navbar-fixed-top {
		position: fixed;
	}
	.panel-default {
		border-color: #fff;
	}
	.search .navbar-right {
		float: none;
		margin-right: 0;
		padding: 0;
		margin-bottom: 0px;
	}
	.search form {}
	#topArea {
		margin-top: 0;
	}
	.tH14Tru {
		display: none !important;
	}
	#topHints {
		padding: 0 0 0 5px;
	}
	#topHints ul {
		max-width: 980px;
	}
	#topHints li:not(:last-child) {
		padding-right: 0%;
	}
	#topHints li:nth-child(4n+4) {
		width: 1%;
	}
	#topHints li:nth-child(5n+5) {
		width: 1%;
	}
	#topHints li i {
		margin-right: 5px;
	}
	#mainteaser {
		overflow: hidden;
		margin: 0px 0 10px 0;
	}
	.navig1 {
		text-align: center;
		float: none;
		display: inherit;
	}
	.navig2 {
		text-align: center;
		float: none;
		display: inherit;
	}
	#product_listing .startItem:not(.card) {
		min-height: 383px;
	}
	.listSpecials .startItem {
		width: 46% !important;
	}
	.pageResults {
		margin-bottom: 3px;
		margin-right: 3px;
		border: 1px solid #dcdcdc;
	}
	.nextBtn,
	.prevBtn {
		display: none;
	}
	.plH2 {
		font-size: 14px;
		font-weight: bold;
	}
	.startItem:not(.card) {
		height: inherit;
		padding: 20px 0 20px 0;
	}
	.mlInnerContent .tab-pane{
		padding: 20px 10px 0 10px;
	}
	.mlPiBoxes {
	    margin: 15px 0 30px 0;
	}
	.catListing .startItem {
		width: 47%;
		min-height: 240px;
	}
	.paymentblock .panel{
		padding: 0 0 0 0;
	}
	.paymentblock .panel-body{
		padding: 15px 0 0 15px;
 	}
	.prodListCont .catheadtitle {
		padding: 0;
	}
	.prodListCont .catheadtitle h1 {
		font-size: 14px;
	}
	.prodListCont .navigator {
		padding: 0;
	}
	.prodListCont .navigator div {
		font-size: 11px;
	}
	.btn-group-xs>.btn,
	.btn-xs {
		padding: 1px 10px;
	}
	.btn {
		min-height: 36px;
		line-height: 36px;
		padding: 0px 12px;
		max-width: 200px;
		margin: 0 auto;
	}
	#categories_listing p {
		line-height: 18px;
		text-align: left;
	}
	#categories_listing .well {
		padding: 10px;
		margin-bottom: 10px;
	}
	#categories_listing .infoBoxHeading {
		margin-bottom: 10px;
	}
	#categories_listing .catName {
		font-size: 14px;
		font-weight: bold;
		padding-left: 5px;
		text-align: center;
	}
	#categories_listing .catName p {
		text-align: center;
	}
	#categories_listing .catDesc {
		padding-left: 5px;
		display: none;
	}
	.catNewProducts .startItem:not(.card) {
		width: 49%;
		min-height: 340px;
	}
	#categories_listing .subcats {
		min-height: 210px;
	}
	.startItem:not(.card) .image {
		min-height: 200px;
	}
	.productlisting .startItem:not(.card):nth-child(even) {
		margin-right: 0px;
	}
	.listSpecials .startItem:not(.card):nth-child(odd) {
		margin-right: 0px;
	}
	/* .startprodInfo position: initial - nicht mehr noetig, Flexbox */
	.hideOnMobile {
		display: none;
	}
	.hideOnDektop {
		display: block;
	}
	.divider {
		border-top: 1px solid #d0d0cd;
		border-bottom: 1px solid #fff;
		height: 1px;
		margin: 0 auto;
		width: 100%;
	}
	.wksc1 {
		width: 20%;
		min-height: 30px;
	}
	.wksc1 img {
		width: 100%;
	}
	.wksc2 {
		padding-left: 10px;
		margin-top: 5px;
	}
	.artikel h3 {
		line-height: 1em;
		margin: 0;
	}
	.artikel h3 a {
		text-decoration: none;
		font-weight: 700!important;
		margin: 5px 0;
		color: #333!important;
	}
	.artikel .dl-horizontal dt {
		float: left;
	}
	.artikel .dl-horizontal dd {
		margin-left: 50px;
	}
	.artikel dl {
		margin-bottom: 5px;
	}
	.cartinfo {
		margin: 15px auto;
	}
	.cartinfo input[type="text"] {
		text-align: center;
	}
	.col-xs-4 {
		width: 33.33333333%;
	}
	.artikel p {
		line-height: 1.2em;
	}
	.light {
		font-weight: 300;
	}
	.cartinfo .row .text-center span {
		font-size: 12px;
	}
	.scOrderTotal {
		text-align: right;
		margin-bottom: 25px;
	}
	.scOrderTotal .row {
		margin-bottom: 10px;
	}
	#mobileNav {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#toplogo {
		margin: 0 0 0 0;
		background: #fff;
		padding-top: 5px;
		padding-bottom: 5px;
		min-height: 100px;
	}
	.prodListB div {}
	.prodListB1 {
		font-size: 12px;
	}
	.prodListB2 {
		font-size: 12px;
	}
	.prodListB3 {}
	.shoplinks {
		display: none;
	}
	.shoplinksL {
		width: 130px;
		margin-right: 5px;
		margin-bottom: 5px;
	}
	.ftHLBtn {
		display: block;
		color: #000000;
		height: 44px;
		line-height: 44px;
		text-align: left;
		padding-left: 15px;
		font-size: 15px;
		border-bottom: 1px solid #a5a5a5;
	}
	.fwf {

	}
	.pagination {}
	.pagination li {}
	#contentFull .pagination>li {
		margin-right: 0;
		overflow: hidden;
	}
	.pagination>li>a,
	.pagination>li>span {
		padding: 6px 7px;
		font-size: 12px;
	}
	.pagSpExPl {
		display: none;
	}
	#contentFull h2 {
		font-size: 16px;
	}
	.box_happy_mobile {
		display: block;
	}
	.mlHappyBoxMobile3 {
		text-align: center;
	}
	.ml_anmeldung .box_happy_mobile,
	.ml_versand .box_happy_mobile,
	.ml_bezahlen .box_happy_mobile {
		display: none;
	}
	.footerInner {
		width: 95%;
		line-height: inherit;
	}
	.footer1,
	.footer3 {
		background: #bfbfbf;
	}
	.footer2,
	.footer4 {
		background: #dadada;
	}
	.footer5 {
		margin-bottom: 60px;
		padding-bottom: 10px !important;
		background: #efefef;
	}
	.footerCont {
		background: #3e3e3e;
	}
	.footerCont {
		padding: 20px 10px 0 20px;
	}
	.ftHLBtn::after {
		font-size: 18px;
		color: #676767;
		font-weight: 700;
		float: right;
		margin-right: 20px;
	}
	.product_wrapper {
		padding: 0 15px 0 15px;
	}
	.product_wrapper .img-tumbnail {
	    width: inherit;
	    height: inherit;
	}
	.ftHLBtnP::after {
		content: '+';
	}
	.ftHLBtnM::after {
		content: '-';
	}
	.infoBoxHeading {
		font-size: 15px;
	}
	.foot5p1 {
		padding-top: 5px;
		font-size: 20px;
		color: #848484;
		font-weight: bold;
	}
	.footer1 .footerInner {
		line-height: inherit;
	}
	#topHints {
		display: none;
	}
	.nav>li {
		display: -webkit-inline-box;
	}
	.captionCat {
		position: static;
		width: 100%;
	}
	#ftp1,
	#ftp2,
	#ftp3,
	#ftp4,
	#ftp5 {
		display: inherit;
	}
	.ftabr {
		margin-right: 10px;
		margin-bottom: 10px;
	}
	#footer6 {
		left: 0;
		right: 0;
		width: 100%;
		position: fixed;
		z-index: 1000;
		background-color: #e9e9e9;
		border-color: #ddd;
		color: #333;
		text-shadow: 0 1px 0 #eee;
		font-weight: 700;
		bottom: -1px;
		padding-bottom: 1px;
	}
	#footer6 ul {
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
		display: block;
		border: 0;
		max-width: 100%;
		overflow: visible;
	}
	#footer6 ul:before,
	#footer6 ul:after {
		content: "";
		display: table;
	}
	#footer6 li {
		width: 20%;
		float: left;
	}
	#footer6 li a {
		color: #AAA;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod?EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
		background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
		background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
		background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
		background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
		border-top-width: 1px;
		border-bottom-width: 1px;
		font-size: 12.5px;
		display: block;
		margin: 0;
		border-right-width: 0;
		padding-left: .3125em;
		padding-right: .3125em;
		vertical-align: middle;
		text-decoration: none !important;
		border-color: #ddd;
		padding-top: 2.5em;
		position: relative;
		text-align: center;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		border-width: 1px;
		border-style: solid;
		line-height: 1.3;
		font-weight: normal;
		height: 60px;
	}
	#footer6 li a:after {
		top: .5625em;
		left: 50%;
		margin-left: -11px;
		content: "";
		position: absolute;
		display: block;
		width: 22px;
		height: 22px;
		background-color: #666;
		background-color: rgba(0, 0, 0, .3);
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-border-radius: 1em;
		border-radius: 1em;
	}
	#footer6 li a.home:after {
		background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%227%2C0%200%2C7%202%2C7%202%2C14%205%2C14%205%2C9%209%2C9%209%2C14%2012%2C14%2012%2C7%2014%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E")
	}
	#footer6 li a.user:after {
		background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M8.851%2C10.101c-0.18-0.399-0.2-0.763-0.153-1.104C9.383%2C8.49%2C9.738%2C7.621%2C9.891%2C6.465C10.493%2C6.355%2C10.5%2C5.967%2C10.5%2C5.5%20c0-0.437-0.008-0.804-0.502-0.94C9.999%2C4.539%2C10%2C4.521%2C10%2C4.5c0-2.103-1-4-2-4C8%2C0.5%2C7.5%2C0%2C6.5%2C0C5%2C0%2C4%2C1.877%2C4%2C4.5%20c0%2C0.021%2C0.001%2C0.039%2C0.002%2C0.06C3.508%2C4.696%2C3.5%2C5.063%2C3.5%2C5.5c0%2C0.467%2C0.007%2C0.855%2C0.609%2C0.965%20C4.262%2C7.621%2C4.617%2C8.49%2C5.303%2C8.997c0.047%2C0.341%2C0.026%2C0.704-0.153%2C1.104C1.503%2C10.503%2C0%2C12%2C0%2C12v2h14v-2%20C14%2C12%2C12.497%2C10.503%2C8.851%2C10.101z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E")
	}
	#footer6 li a.bars:after {
		background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M1%2C4h12c0.553%2C0%2C1-0.447%2C1-1s-0.447-1-1-1H1C0.447%2C2%2C0%2C2.447%2C0%2C3S0.447%2C4%2C1%2C4z%20M13%2C6H1%20C0.447%2C6%2C0%2C6.447%2C0%2C7c0%2C0.553%2C0.447%2C1%2C1%2C1h12c0.553%2C0%2C1-0.447%2C1-1C14%2C6.447%2C13.553%2C6%2C13%2C6z%20M13%2C10H1c-0.553%2C0-1%2C0.447-1%2C1%20s0.447%2C1%2C1%2C1h12c0.553%2C0%2C1-0.447%2C1-1S13.553%2C10%2C13%2C10z%22%2F%3E%3C%2Fsvg%3E")
	}
	#footer6 li a.power:after {
		background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M11.243%2C2.408c-0.392-0.401-1.024-0.401-1.415%2C0c-0.391%2C0.401-0.391%2C1.054%2C0%2C1.455%20C10.584%2C4.642%2C11%2C5.675%2C11%2C6.773s-0.416%2C2.133-1.172%2C2.91c-1.512%2C1.558-4.145%2C1.558-5.656%2C0C3.416%2C8.904%2C3%2C7.872%2C3%2C6.773%20C3%2C5.673%2C3.416%2C4.64%2C4.172%2C3.863c0.39-0.401%2C0.39-1.054%2C0-1.455c-0.391-0.401-1.024-0.401-1.415%2C0C1.624%2C3.574%2C1%2C5.125%2C1%2C6.773%20c0%2C1.647%2C0.624%2C3.199%2C1.757%2C4.365c1.134%2C1.166%2C2.64%2C1.809%2C4.243%2C1.809c1.604%2C0%2C3.109-0.645%2C4.243-1.811%20C12.376%2C9.975%2C13%2C8.423%2C13%2C6.773C13%2C5.125%2C12.376%2C3.574%2C11.243%2C2.408z%20M7%2C8.053c0.553%2C0%2C1-0.445%2C1-1v-6c0-0.553-0.447-1-1-1%20c-0.553%2C0-1%2C0.447-1%2C1v6C6%2C7.604%2C6.447%2C8.053%2C7%2C8.053z%22%2F%3E%3C%2Fsvg%3E")
	}
	#footer6 li a.star:after {
		background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2214%2C5%209%2C5%207%2C0%205%2C5%200%2C5%204%2C8%202.625%2C13%207%2C10%2011.375%2C13%2010%2C8%20%22%2F%3E%3C%2Fsvg%3E")
	}
	#footer6 li a.shop:after {
		background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M10%2C4V3c0-1.657-1.343-3-3-3S4%2C1.343%2C4%2C3v1H1v10h12V4H10z%20M4.5%2C6C4.224%2C6%2C4%2C5.776%2C4%2C5.5%20S4.224%2C5%2C4.5%2C5S5%2C5.224%2C5%2C5.5S4.776%2C6%2C4.5%2C6z%20M5%2C3c0-1.104%2C0.896-2%2C2-2c1.104%2C0%2C2%2C0.896%2C2%2C2v1H5V3z%20M9.5%2C6C9.225%2C6%2C9%2C5.776%2C9%2C5.5%20S9.225%2C5%2C9.5%2C5S10%2C5.224%2C10%2C5.5S9.775%2C6%2C9.5%2C6z%22%2F%3E%3C%2Fsvg%3E")
	}
	.footer7 {
	    padding-top: 20px;
	}
	.footer7 .ft2p1 button{
		border: 1px solid #fff;
	    color: #fff;
	    padding: 0 10px 0 10px;
	}
	.footer7 .ft2p1 input {
	    height: 40px;
	}
	.mlFooterSC {
		display: block;
	}
	.accCont {
		text-align: center;
		margin-bottom: 20px;
	}
	.accCont .btn-group-vertical a {
		margin-bottom: 2px;
	}
	.accWKBtn {
		right: inherit;
		position: inherit;
	}
	.shoplinksR {
		width: 80px;
	}
	.navbar-form {
		margin-left: 0;
	}
	.catPage,
	.boxLink {
		display: block;
		width: calc(100% - 30px) !important;
		margin: 15px !important;
	}
	.footerInner {
		width: 100%;
	}
	#ftp1,
	#ftp2,
	#ftp3,
	#ftp4,
	#ftp5 {}
	.footer1,
	.footer2,
	.footer3,
	.footer4,
	.footer5 {
		height: inherit;
		padding: 0;
	}
	.footer1 .footerInner {
		padding: 0px 0;
	}
	.ft2p2 {
		margin-top: 5px;
		padding-bottom: 20px;
	}
	.ftp2contL {
		width: inherit;
		float: none;
		padding: 0 20px;
	}
	.ftp2contR {}
	#ftp3cont {
		overflow: hidden;
	}
	#ftp3cont div {
		float: left;
	}
	#ftp3cont .vorteil {
		float: left;
		width: 49%;
		min-height: 75px;
		padding: 0;
		line-height: inherit;
	}
	#ftp3 {
		line-height: 30px;
	}
	.ft4p1 a {
		font-size: 19px;
	}
	html.nav-panel-open {
		overflow: hidden;
	}
	#nav-panel {
		background: #e8e8e8;
		z-index: 999;
		width: 19em;
		height: 100vh;
		max-height: 100vh;
		overflow-y: auto;
		touch-action: pan-y;
		border-width: 0;
		position: fixed;
		top: 0;
		left: 0;
		margin: 0 0 0 -300px;
		-webkit-box-shadow: 4px 4px 16px 0px rgba(50, 50, 50, 0.53);
		-moz-box-shadow: 4px 4px 16px 0px rgba(50, 50, 50, 0.53);
		box-shadow: 4px 4px 16px 0px rgba(50, 50, 50, 0.53);
	}
	.bewertungsboxsmall {
		width: 100%;
		text-align: center;
		background-repeat: no-repeat;
		background-position: center;
		padding-bottom: 20px;
	}
	#nav-panel .panel-inner {
		padding: 1em;
	}
	#nav-panel .panel-inner ui-listview {
		margin: -1em;
	}
	#nav-panel ul {
		list-style-type: none;
		padding-left: 0px;
		text-align: center;
	}
	#nav-panel .dropdown-header {
		margin-top: 0px;
		margin-bottom: 10px;
		font-weight: bold;
		background: #4f494b;
		background-repeat: repeat-x;
		color: #fff;
		text-align: center;
		text-shadow: none;
		padding: 0 2px;
	}
	#nav-panel .categorymenu a {
		color: #4f494b;
	}
	#nav-panel .categorymenu li {
		margin-bottom: 10px;
		margin-top: 10px;
		border-bottom: 1px solid #fff;
		padding-bottom: 10px;
	}
	.product-box,
	.ssSection,
	.ssText {}
	.productlisting {}
	#popCart {
		width: 95%;
		margin-left: -48%;
	}
	#footerSCIndicator {
		width: 20px;
		height: 20px;
		background: #c00;
		text-align: center;
		color: #fff;
		top: 0px;
		right: 8px;
		z-index: 20;
		text-decoration: none;
		font-variant: normal;
		font-style: normal;
		border: 1px solid black;
		text-align: center;
		border-radius: 10px;
		text-shadow: none;
	}
	.pop_buttons_box a {}
	#pop_buttons_box .btnleft {
		margin-right: 0px;
	}
	#pop_buttons_box {
		margin: 60px auto 0 auto;
	}
	.ssSection h3 {
		margin-top: 0px;
		font-size: 16px;
		font-weight: bold;
	}
	.shlh1 {
		font-size: 15px;
	}
	.startHeadlines {
		margin-bottom: 25px;
	}
	.ssText {
		margin-bottom: 0px;
	}
	.ssSection .ssText {
		margin-bottom: 20px;
	}
	.startprodInfo h4 {
		height: inherit;
	}
	.startprodInfo .h4,
	.startprodInfo h4 {
		font-size: 15px;
		margin: 15px 0;
	}
	.price {
		font-size: 14px;
		font-weight: bold;
	}
	#footer6 {
		display: block;
	}
	.panel-body {}
	.table>tbody>tr>td,
	.table>tbody>tr>th,
	.table>tfoot>tr>td,
	.table>tfoot>tr>th,
	.table>thead>tr>td,
	.table>thead>tr>th {
		padding: 0;
	}
	#cart_quantity .thumbnail {
		border: none;
	}
	.thumbnail {

	}
	.artikel .thumbnail {
		margin-right: 0px;
		width: 100%;
		float: inherit;
		padding: 0px;
		margin-bottom: 0px;
	}
}


.ftp4cont .contentlist li a{
	text-decoration: underline;
}


/* tablet portrait */
@media (max-width: 768px) {

	#product_listing {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.ml_versand .panel-body, .ml_checkout_payment_address .panel-body{
		padding: 10px 0px 0 10px;
	}

	.ml_checkout_payment_address fieldset{
		padding: 0;
	}

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


/* tablet landscape */
@media (min-width: 1024px) {}

/* war 941 */
@media (min-width: 1041px) and (max-width: 1199px) {

	.row {
		margin-right: 0;
		margin-left: 0;
	}
	body {}
	.mainContainer {
		padding-left: 0px;
	}
	#topHints ul,
	header,
	.container,
	.footerInner {
		width: 100%;
	}
	.angebote section {
		padding-left: 10px;
	}
	header {
		margin-top: 0px;
	}
	.mainContainer {
		margin-top: 0px;
	}
	#mobileNav {
		margin-left: 0px;
	}
	#topHints {
		height: 40px;
		padding: 0px 0;
		padding-left: 1.5%;
	}
	#topHints li {
		height: 40px;
		line-height: 40px;
	}
	#topHints li:not(:last-child) {
		padding-right: 1.5%;
	}
	#topArea {
		margin-bottom: 5px;
	}
	.btn-block {
		display: block !important;
		width: 200px !important;
		margin: auto !important;
		margin-top: 20px !important;
	}
	/* toplogo/searchCont float entfernt - Bootstrap Flex regelt das Layout */
	.shoplinks {
		width: 18%;
		float: left;
		margin-top: 8px;
		margin-left: 0px;
	}
	.more_images {
		grid-template-columns: repeat(3, 1fr);
	}
	.shoplinksL {
		width: 44px;
	}
	.shoplinksR {
		width: 85px;
		float: left;
	}
	.shoplinksL .text {
		display: none;
	}
	h1 {}
	.mdLeft {
		text-align: left !important;
		margin: 15px 0 35px 0 !important;
	}
	.footer .pull-right {
		clear: both !important;
		float: none !important;
		margin: 35px 0 !important;
	}
	.listing-item {}
	body {
		display: block;
		margin: 0;
		padding: 0;
	}
	.rel-md {
		position: static !important;
	}
	.shoplinks {}
	#homeIcon {
		display: none
	}
	.navbar-toggle {
		float: left;
		margin-left: 10px;
	}
	.startItem.specials:not(.card) {
		width: 30%;
	}
	.startItem.middle:not(.card),
	.startItem.bottom:not(.card) {
		width: 360px;
		margin-left: 10px;
	}
	#topSpecials {
		display: none;
	}
	.startItem.bottom:not(.card),
	.startItem.middle:not(.card) {
		width: 23%;
	}
	.rel-md {
		position: relative;
	}
	#content,
	#pageContent {
		width: 100%;
	}
	#sidebar {
		display: none;
	}
	.mainContainer > .row {
		grid-template-columns: 1fr;
	}
	#contact_us {
		padding-right: 0;
	}
	.shoplinks {}
	.shoplinks .text-center .col-md-6 {
		width: auto;
		display: inline-block;
		padding: 0 !important;
	}
	.shoplinks .text-center .col-md-6 .col-md-6 {
		width: 10%;
	}
	.shoplinks .text-center {
		text-align: right;
	}
	.newitem {
		height: 330px;
	}
	#mainteaser {
		max-width: 980px;
		max-height: 389px;
	}
	.footer1 {
		padding-top: 10px;
		height: 180px;
		color: #fff;
	}
	.footer1 .footerInner {
		line-height: 20px;
	}
	.footer2 {
		height: 200px;
		color: #fff;
	}
	.footer3 {
		height: 140px;
	}
	#ftp3cont .vorteil {
		width: 16%;
		min-height: 75px;
		font-size: 11px;
	}
	.ftp4cont1,
	.ftp4cont2,
	.ftp4cont3,
	.ftp4cont4 {
		float: left;
		width: 24%;
	}
	.footer4 {
		height: 330px;
		padding-top: 10px;
		color: #fff;
	}
	.startItem:not(.card) {
		width: 23%;
	}
	.productlisting {
		padding-left: 10px;
	}
}

@media (min-width: 940px) and (max-width: 1199px) {

	#topHints li:not(:last-child) {
		padding-right: 1.5%;
	}
	#topHints li:nth-child(5n+5) {
		display: none;
	}
}

/* Overlay */
.offcanvas-backdrop {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0, 0, 0, 0.4);
      z-index: 1040;
      display: none;
}

/* Zentriertes Panel */
.offcanvas-panel {
	position: fixed;
	left: 36%;
	height: 90%;
	background: #fff;
	z-index: 1050;
	overflow-y: auto;
	box-shadow: 0 0 20px rgba(0,0,0,0.3);
	transition: top 0.3s ease, opacity 0.3s ease;
	opacity: 0;
	display: none;
	width: auto;
	padding: 20px;
}

.offcanvas-panel.open {
	top: 5%;
	opacity: 1;
	display: block;
}

.offcanvas-close {
      position: absolute;
      top: 10px;
      right: 15px;
      font-size: 24px;
      cursor: pointer;
}

@media (max-width: 768px) {
      .offcanvas-panel {
        left: 5%;
        width: 90%;
      }
    }

.lgroup-item {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #555;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ddd;
	cursor: pointer;
}

.ml_bsummeb{
	font-size: 20px;
}

.cp_blck_r{
	width: 150px;
}

.apms_form_button{
	display: block !important;
	width: 300px;
}
.apms_form_button_inner{
	height: 37px;
}

.apms_notice label{
	font-weight: 100;
}

.ms_output li{
	color: #ff0000;
    font-weight: 700;
}
#apms_button iframe{
/*
    top: -77% !important;
    left: 50% !important;;
    transform: translate(-50%, -50%);
*/
}

.mod_btnz{
	/* min-height: 480px; */
}

.footcnt1{
	padding: 20px 0 0 0;
	background: var(--main_color);
	background: var(--main_gradient);
    margin: 0 0 20px 0;
}


.footcnt1 .h4, .vorteile .media-body, .footcnt1 p{
	color: #fff;
}
.footcnt1 .h4{
	height: 50px;
    line-height: 50px;
}

.vorteile li{
	margin: 0 0 10px 0;
}
.vorteile .mlimg{
	min-width: 65px;
	text-align: center;
}
.ftmlnl{
	margin: 40px 0 0 0;
}
#footer5 .footerInner p {
	margin: 0;
	color: #000;
}

#footer5{
	background: #fff;
}

.ft_payment{
	display: flex; flex-wrap: wrap; gap: 8px;
}
.ft_payment img{
	height: 40px;
}

.coBox6{
	margin: 0 0 20px 0;
	padding: 10px;
	background: #fff;
}
.coBox7 input[type="text"]{
	height: 30px;
}
.coBox7 a{
	height: 29px;
    line-height: 15px;
}

.ablock4{
	margin: 0 0 10px 10px;
}

input[name="packno"] {
	width: 60px;
	text-align: center;
	display: inline;
}
input[name="dhlkuno"] {
	margin: 10px 0 0 0;
}
#packstbox .col-sm-3 {
	width: 36%;
}

#packstbox .col-sm-9 {
	width: 60%;
}
#checkout_address .panel-primary > .panel-heading{
	background: #f5f5f5;
	color: #333;
	border-color: #ddd;
}

#checkout_address .panel-primary{
	border-color: #ddd;
}


@media (max-width: 444px) {
    .lgroup-item {
        display: block;
        border: 1px solid #565656;
        padding: 0 15px 45px 10px;
    }
}




/* Container fuer alle Payment-Bloecke */
.payment-selection {
    margin: 15px 0;
}

/* Einzelner Payment-Block */
.lgroup-item {
    display: flex;
    align-items: center;
    padding: 15px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s;
}

.lgroup-item:hover {
    border-color: var(--link_color);
    background: #f8f9fa;
}

/* Feste Breiten fuer erste 3 Spalten */
.cpb_c1 {
    flex: 0 0 30px;  /* Radio Button */
}

.cpb_c2 {
    flex: 0 0 150px;  /* Payment Name */
    font-weight: 500;
    padding: 0 10px;
}

.cpb_c3 {
    flex: 0 0 60px;  /* Icon */
    text-align: center;
}

.cpb_c3 img {
    max-width: 100%;
    height: auto;
}

.cpb_c4 {
    flex: 1 1 auto;  /* Beschreibungstext - nimmt restlichen Platz */
    padding-left: 20px;
    color: #666;
    font-size: 0.9em;
}

.cpb_c5 {
    flex: 0 0 auto;  /* Falls du hier noch was brauchst */
}

/* Tablet - Bootstrap 3 sm breakpoint */
@media (max-width: 991px) {
    .cpb_c2 {
        flex: 0 0 120px;  /* Bisschen schmaler */
    }
}

/* Mobile - Bootstrap 3 xs breakpoint */
@media (max-width: 767px) {
    .lgroup-item {
        flex-wrap: wrap;
        padding: 12px;
    }

    /* Erste Zeile: Radio + Name + Icon bleiben nebeneinander */
    .cpb_c1 {
        flex: 0 0 30px;
    }

    .cpb_c2 {
        flex: 1 1 auto;  /* Name nimmt verfuegbaren Platz */
        padding: 0 10px;
    }

    .cpb_c3 {
        flex: 0 0 50px;  /* Icon etwas kleiner */
    }

    .cpb_c3 img {
        height: 2.5rem !important;
    }

    /* Beschreibung in zweite Zeile */
    .cpb_c4 {
        flex: 0 0 100%;
        width: 100%;
        margin-top: 10px;
        padding-left: 30px;  /* Eingerueckt unter Radio Button */
    }
}

/* Extra small devices */
@media (max-width: 480px) {
    .cpb_c4 {
        padding-left: 0;  /* Kein Einzug mehr */
        font-size: 0.85em;
    }

    .cpb_c2 {
        font-size: 0.95em;
    }
}

/* Selected state */
.lgroup-item.selected,
.lgroup-item:has(input:checked) {
    border-color: var(--link_color);
    background: #e7f3ff;
}

/* Radio Button styling */
.checkbox input[type="radio"] {
    margin: 0;
    margin-top: 4px;
}



/* mobile portrait */
@media (max-width: 444px) {

	#meinKontoWK{
		display: none;
	}
	.thumbnail {

	}
	.newblock11 {
		width: 100%;
	}
	.newblock11 img {
		width: 100%;
		height: auto;
	}
	.newblock12 {
		width: 98%;
		margin-left: 0px;
		margin-top: 10px;
	}
	.newblock121 a {
		font-size: 22px;
		color: #000;
		line-height: 24px;
	}
	.newblock2 {
		width: 100%;
		float: none;
		margin-bottom: 30px;
		margin-left: 0px;
	}
	.newBox2024 .rtbl {
	    float: left;
	    width: 70%;
	    line-height: 17px !important;
	}
	.newBox2024 div {
	    padding: 15px 0px 5px 5px !important;
	    height: 64px;
	}

	.newBox2024 .ltbl2 {
		line-height: 34px;
	}

	.newBox2024 .rtbl{
		display: flex;
    	align-items: center;
	}

	.footcnt1 .container{
		padding: 0 0 10px 0;
	}

	.footcnt1{
		padding: 0 0 0 0;
	}
}


.click_4_new_adress{
	padding: 20px 0 20px 0;
	text-align: center;
	font-size: 22px;
	line-height: 22px;
}

.btn-neue-adresse {
    display: inline-flex;
    align-items: center;
    padding: 12px 20px;
    background-color: #e8f4f8;
    color: #2c5aa0;
    text-decoration: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.btn-neue-adresse:hover {
    background-color: #d4ebf2;
    text-decoration: none;
    color: #1e4080;
}

.btn-neue-adresse .option-icon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    fill: #2c5aa0;
}

.notice-box{
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #e8f3ff;
  border: 2px solid #b7dbff;
  border-radius: 14px;
  padding: 12px 16px;
  box-shadow: 0 1px 0 rgba(0,0,0,.05);
  color: #c82323;
  width: 100%;
  margin: 0 0 15px 0;
}

.notice-box .notice-icon{
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  fill: #c82323;
}

.notice-box .notice-text{
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* etwas kompakter auf sehr schmalen Screens */
@media (max-width: 360px){
  .notice-box .notice-text{ font-size: 16px; }
}
/* ================================
   Gutschein- und Hinweisboxen 2024
   ================================ */

.coupon-info-box,
.comment-info-box {
    background: #eaf4fb;
    border: 1px solid #c7d8e5;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
    font-size: 15px;
    color: #003d66;
}

.coupon-info-box strong,
.comment-info-box strong {
    font-size: 16px;
    color: #003d66;
    display: block;
    margin-bottom: 5px;
}
/* ==========================================
   Checkout Gutschein - kleine hellblaue Box
   ========================================== */

.gutschein-inline-box {
    display: inline-block;
    background: #e9f4fb;
    border: 1px solid #d1e3ef;
    border-radius: 8px;
    padding: 12px 14px;
    margin: 15px 0;
    color: #003f74;
    font-size: 15px;
}

.gutschein-inline-box-header {
    font-weight: bold;
    color: #003f74;
    margin-bottom: 8px;
}

.gutschein-inline-box .co_cfn_gift {
    margin: 8px 0;
}

.gutschein-inline-box .gutschein-button {
    margin-top: 8px;
}

/* PDP */
.main-content-container .col-lg-6{
	padding-left: 0;
}


.navCart .mlddwmn{
	left: -380px;
}
@media (min-width: 768px) {
    .navbar {
        border-radius: 4px;
    }
    .navbar-nav {
        float: left;
        margin: 0;
    }
    .navbar-nav>li {
        float: left;
    }
    .col-sm-3 {
        width: 25%;
    }
}


/* Fix fuer Bootstrap 5 Navbar - erste Ebene horizontal */
.navbar-nav {
    flex-direction: row !important;
    flex-wrap: wrap;
}

.navbar-nav > li {
    display: inline-block;
    float: none;
}

/* Falls die Links noch nicht richtig aussehen */
.navbar-nav > li > a {
	color: #fff;
}

/* Falls du noch Abstaende brauchst */
ul.nav.navbar-nav > li:not(:last-child) {
    margin-right: 0.5rem;
}

.footer7 {
    display: flex;
    flex-wrap: wrap;
}

.footer7 > .col-sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding: 0 15px;
}

/* Responsive fuer kleinere Bildschirme */
@media (max-width: 575px) {
    .footer7 > .col-sm-4 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }
}

/* footer vorteile */
.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}
.media-left, .media>.pull-left {
    padding-right: 10px;
}
.media-body {
    width: 10000px;
}
.media, .media-body {
    overflow: hidden;
    zoom: 1;
}

.carousel-control-prev,
.carousel-control-next {
    width: 50px;  /* Groesse anpassen */
    height: 50px;
    top: 50%;
    transform: translateY(-50%);
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.7);  /* Schwarzer Kreis */
    border-radius: 50%;  /* Rund machen */
    background-size: 50% 50%;  /* Pfeil-Groesse im Kreis */
}

/* Hover-Effekt */
.carousel-control-prev:hover .carousel-control-prev-icon,
.carousel-control-next:hover .carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.9);
}

#topContent #mainteaser .carousel-indicators button {
    width: 25px;
    height: 25px;
    border-radius: 50%;  /* Macht sie rund */
    background-color: #000;  /* Schwarz */
    opacity: 0.5;
    border: none;
}

#topContent #mainteaser .carousel-indicators button.active {
    opacity: 1;  /* Aktiver Indikator volle Deckkraft */
}

/* Optional: Hover-Effekt */
#topContent #mainteaser .carousel-indicators button:hover {
    opacity: 0.8;
}

.carousel-item {
    transition: transform 0.6s ease-in-out;
}

#mobileNav .navbar-dark{
    background-color: #222;
    border-color: #080808;
    padding: 0;
}

.tab-content{
	background: #fff;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.input-with-icon {
    position: relative;
}

.input-with-icon i {
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    pointer-events: none;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
}



.input-with-icon input {
    padding-left: 35px;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

#inquiry input[name="input_tel"], #inquiry input[name="email_address"], #inquiry input[name="input_price"], #inquiry input[name="input_link"],
#contact_us input[name="phone"], #contact_us input[name="email"],
.account_edit input[name="telephone"], .account_edit input[name="email_address"],
.registercont input[name="email_address"], .registercont input[name="password"], .telecont input[name="telephone"],
.logincont input[name="email_address"], .login input[name="telephone"], .logincont input[name="password"]{
	padding: 0 0 0 50px;
}

.card-title{
	font-weight: bold;
}
#inquiry textarea[name="input_text"]{
	min-height: 160px;
}


.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.search-with-icon {
    position: relative;
}

.search-with-icon input {
    padding-right: 40px;
}

.search-with-icon .search-btn {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    color: #6c757d;
}

.search-with-icon .search-btn:hover {
    color: #000;
}

.mlnavbar a{
	color: #337ab7;
	font-weight: normal;
}

/* Product Listing 2026 (card-basiert, Bootstrap 5 Grid) */
a.startItem.card {
	text-decoration: none;
	color: #333;
	min-height: 350px;
	display: flex;
	flex-direction: column;
}
a.startItem.card:hover {
	text-decoration: none;
	color: #333;
}

.login #pageContent{
	padding: 0 0 0 0;
}