@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto');

:focus {
	outline: none !important;
}

body {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	color: #222;
	background-color: #eee;
}

* {
	margin: 0;
	padding: 0;
}

a {
	color: #1162a4;
}

a:hover {
	color: #1162a4;
	text-decoration: underline;
}

h1 {
	font-weight: bold;
	font-size: 27px;
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 1.25em;
}

h1.article-title {
	font-size: 40px;
}

h2 {
	font-weight: bold;
	font-size: 21px;
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 1.2em;
}

h3 {
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #999;
}

h3.clean {
	border-bottom: none;
}

.h3-icon {
	padding-left: 25px;
	background-size: auto 20px;
	background-position: left top;
	background-repeat: no-repeat;
}

.h3-euro {
	background-image: url(../img/icons/euro.svg);
}

.h3-liefer {
	background-image: url(../img/icons/lieferadresse.svg);
}

.h3-zahlung {
	background-image: url(../img/icons/zahlungsweise.svg);
}

.h3-paket {
	background-image: url(../img/icons/icon_neutra_paketversand.svg);
}

h4 {
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	padding: 4px 5px 4px 36px;
	border: 1px solid #999;
	background-size: auto 14px;
	background-color: #1162a4;
	background-position: 15px center;
	background-repeat: no-repeat;
}

h4.benefit-title {
	background: none;
	color: #222;
	border: none;
	padding: 0;
}

.h4-mail {
	background-image: url(../img/icons/mail.svg);
	background-position: 10px center;
}

.h4-telefon {
	background-image: url(../img/icons/telefon.svg);
}

.h4-user {
	background-image: url(../img/icons/user.svg);
}

.h4-muster {
	background-image: url(../img/icons/musteranforderung.svg);
}

h5 {
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	padding: 5px 10px;
	border: 1px solid #999;
	background: url(../img/icons/arrow_down_white.svg) no-repeat calc(100% - 10px) center;
	background-size: auto 10px;
	background-color: #1162a4;
	cursor: pointer;
}

.open h5 {
	background-image: url(../img/icons/arrow_up_white.svg);
}

.h5-open {
	background-image: url(../img/icons/arrow_up_white.svg);
}

h5.clean {
	background-image: none !important;
	cursor: default;
}

h6 {
	font-weight: bold;
	font-size: 16px;
	margin: 0;
	padding: 0 0 12px 0;
}

figcaption {
	color: rgba(0, 0, 0, .85) !important;
}

.h2 {
	font-weight: bold;
	font-size: 21px;
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 1.2em;
}

/*********************************
**** HEADER
*********************************/
.head-space {
	background-color: #d8d8d8;
	height: 45px;
}

#header {
	height: 45px;
	background-repeat: repeat-x;
}

.head-top {
	background-color: #1162a4;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	white-space: nowrap;
}

.head-home {
	margin-right: 25px;
}

.head-home img {
	width: auto;
	height: 18px;
	margin-top: -2px;
}

.head-kontakt {
	text-align: right;
	font-size: 16px;
}

.head-kontakt a {
	color: #fff !important;
}

.head-telicon {
	height:20px;
	width: auto;
	margin-top: -1px;
	margin-right: -2px;
}

.head-mailicon {
	height: 14px;
	width: auto;
	margin: -1px 5px 0 25px;
}

.head-cont {
	background-color: #d8d8d8;
	background: linear-gradient(#e0e0e0, #b1b1b1);
	padding-top: 35px;
	padding-bottom: 30px;
}

.head-logo {
	width: 100%;
	height: auto;
	margin-top: -10px;
}

/* Suche */
.head-suche {
	padding: 5px 0 0 25px;
	white-space: nowrap;
}

.head-suche p {
	margin-bottom: 2px;
}

.suche-inp {
	width: 245px;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

.suche-sbm {
	border: none;
	background: url(../img/icons/suche.svg) no-repeat top center;
	background-color: transparent;
	width: 20px;
	height: 28px;
	background-size: 20px 20px;
	margin: 0 0 0 5px;
	display: inline-block;
}

.suche-sbm:hover {
	background-image: url(../img/icons/suche_hov.svg);
}

/* Head Navi */
.head-navi {
	text-align: right;
}

.head-navi ul {
	display: inline-block;
}

.head-navi li {
	display: inline-block;
	float: left;
	border-left: 1px solid #999;
	text-align: center;
	width: 90px;
	position: relative;
}

.head-navi li:last-child {
	border-right: 1px solid #999;
}

.head-navi a {
	display: inline-block;
	color: #545454;
	padding: 10px 0;
}

.head-navi a:hover {
	text-decoration: none;
	color: #1162a4;
}

.headnav-icon {
	display: block;
	margin-bottom: 10px;
	height: 25px;
	width: 100%;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.nav-ausloggen-txt {
	color: #009817 !important;
}

.nav-anmelden {
	background-image: url(../img/icons/nav_anmelden.svg);
}

.head-navi a:hover .nav-anmelden {
	background-image: url(../img/icons/nav_anmelden_hov.svg);
}

.nav-ausloggen {
	background-image: url(../img/icons/nav_ausloggen.svg);
}

.nav-callback {
	background-image: url(../img/icons/nav_callback.svg);
}

.head-navi a:hover .nav-callback {
	background-image: url(../img/icons/nav_callback_hov.svg);
}

.nav-order {
	background-image: url(../img/icons/nav_order.svg);
}

.head-navi a:hover .nav-order {
	background-image: url(../img/icons/nav_order_hov.svg);
}

.nav-warenkorb {
	background-image: url(../img/icons/nav_warenkorb.svg);
	position: relative;
}
.head-navi a:hover .nav-warenkorb {
	background-image: url(../img/icons/nav_warenkorb_hov.svg);
}

.warenkorb-count {
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	right: 4px;
	top: -12px;
	border-radius: 50%;
	background-color: #e6007e;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
}

.dsgvo p {
	height: 30px;
	overflow: hidden;
}

.dsgvo p.open {
	height: auto;
}

/*hover*/
.headtoolt-wrapper {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 90%;
	right: -32px;
	width: 440px;
	z-index: 9999999;
}
.tooltiphover {
	position: relative;
}

.tooltiphover .headtoolt-wrapper {
	right: -50px;
}

.head-navi li:hover .headtoolt-wrapper,
.tooltiphover:hover .headtoolt-wrapper {
	visibility: visible;
	opacity: 1;
	transition: .4s ease .25s;
}

.headtoolt-top {
	height: auto;
	text-align: right;
	padding-right: 60px;
	margin-bottom: -3px;
}

.headtoolt-cont {
	/*background-color: #1162a4;*/
	background-color: rgba(17, 98, 164, .9);
	padding: 32px 60px 25px 90px;
	color: #fff;
	background-position: 20px 20px;
	background-repeat: no-repeat;
	background-size: auto 50px;
	text-align: left;
	border: 1px solid #999;
	border-bottom: none;
	min-height: 90px;
}

.headtoolt-cont input[type=text],
.headtoolt-cont input[type=search],
.headtoolt-cont input[type=password] {
	width: 100%;
	color: #222;
	font-size: 18px;
}

.headtoolt-cont a {
	color: #fff !important;
	padding: 0;
}

.headtoolt-cont a:hover {
	text-decoration: underline;
}

.ht-bigicon-login {
	background-image:url(../img/icons/h_login.svg);
}

.ht-bigicon-callback {
	background-image:url(../img/icons/h_callback.svg);
}

.ht-bigicon-order {
	background-image:url(../img/icons/h_order.svg);
}

.ht-bigicon-info {
	background-image:url(../img/icons/h_info.svg);
}

.headtoolt-bot {
	border: 1px solid #999;
	text-align: center;
	background-color: #ffce00;
	font-weight: bold;
	padding: 5px 0;
}

.head-spin {
	width: 30px !important;
	height: 45px !important;
	text-align: center;
	font-weight: bold;
	margin-right: 5px !important;
	text-transform: uppercase;
}

/*********************************
**** NAVI
*********************************/
#mainNavi a:focus {
	text-decoration: none;
}

.navi,
.navi-subnav {
	background-color: #1162a4;
}

.navi li {
	text-align: center;
	float: left;
	display: inline-block;
	border-left: 1px solid #fff;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	position: relative;
}

.navi li:last-child {
	border-right: 1px solid #fff;
}

.navi a {
	display: inline-block;
	width: 100%;
	padding: 15px 25px;
	color: #fff;
}

.navi a:hover,
.link-smooth:hover .nav-mainlink {
	text-decoration: none;
	background-color: #E8E8E8;
	color: #1162a4;
}

.navi-subnav {
	display: none;
	position: absolute;
	top: 46px;
	left: 0;
	list-style: none outside;
	width: 220px;
	z-index: 999999;
	border: 1px solid #1162a4;
}

.navi-subnav li {
	width: 100% !important;
	border: none !important;
	text-align: left;
}

.navi-subnav li a {
	padding: 15px 15px 15px 7.5px;
	border-bottom: 1px solid #fff;
	white-space: nowrap;
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.navi-subnav li a:hover {
	padding-left: 20px;
	background-color: #1162a4;
	color: #fff;
}

.navi-subnav li:last-child a {
	border-bottom: none;
}

.navi-subnav li a img {
	width: 20px;
	height: auto;
	margin-right: 10px;
}

.link-smooth {
	font-weight: bold;
	position: relative;
	text-decoration: none;
}

.link-smooth:hover {
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.link-smooth:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #1162a4;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}

.link-smooth:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.navmenu-default .navmenu-nav > li > a:hover,
.navbar-default .navbar-offcanvas .navmenu-nav > li > a:hover,
.navmenu-default .navmenu-nav > li > a:focus,
.navbar-default .navbar-offcanvas .navmenu-nav > li > a:focus {
	color: #e6007e;
	text-decoration: none;
}

/*********************************
**** FOOTER
*********************************/
.footer {
	background-color: #1162a4;
	border-top: 3px solid #999;
	padding: 25px 0;
	color: #fff;
	margin-top: 60px;
}

.footer ul {
	margin-bottom: 20px;
}

.footer li {
	list-style: none inside;
	padding: 3px 0;
	white-space: nowrap;
}

.footer a {
	color: #fff;
}

.foot-telicon {
	height: 18px;
	width: auto;
	margin: 0 6px 0 2px;
}

.foot-mailicon {
	margin: -1px 5px 0 0;
	height: 12px;
	width: auto;
}

.subfooter {
	background-color: #fefefe;
	padding-top: 25px;
	min-height: 150px;
}

/*********************************
**** CONTENT
*********************************/
.content-head {
	padding: 0 0 0 100px;
	background-repeat: no-repeat;
	background-position: 0 4px;
	background-size: 76px 76px;
	min-height: 90px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.conthead-mediathek {
	background-image: url(../img/auf/cont_mediathek.svg);
}

.conthead-service {
	background-image: url(../img/auf/service.svg);
}

.conthead-bestellung_danke {
	background-image: url(../img/auf/cont_bestellung_danke.svg);
}

.conthead-bestellung_start {
	background-image: url(../img/auf/cont_bestellung_start.svg);
}

.conthead-bestellung_check {
	background-image: url(../img/auf/cont_bestellung_check.svg);
}

.conthead-suche {
	background-image: url(../img/auf/suche.svg);
}

.conthead-kontakt {
	background-image: url(../img/auf/kontakt.svg);
}

.conthead-login {
	background-image: url(../img/auf/login.svg);
}

.conthead-pwvergessen {
	background-image: url(../img/auf/cont_pwvergessen.svg);
}

.conthead-registrierung {
	background-image: url(../img/auf/neuregistrierung.svg);
}

.conthead-musteranforderung {
	background-image: url(../img/auf/musteranforderung.svg);
}

.conthead-warenkorb {
	background-image: url(../img/auf/cont_warenkorb.svg);
}

.conthead-superpin {
	background-image: url(../img/auf/cont_superpin.svg);
}

.conthead-superpin-fancy {
	background-image: url(../img/auf/cont_superpin_weiss.svg);
	padding: 0 0 0 135px;
	background-position: 0px 4px;
	background-size: 102px 102px;
}

.conthead-myorders {
	background-image: url(../img/auf/cont_myorders.svg);
}

.conthead-check {
	background-image: url(../img/auf/check.svg);
}

/*********************************
**** STARTSEITE
*********************************/
.slider-cont {
	background-color: #e8e8e8;
	padding: 20px;
	position: relative;
	min-height: 350px;
	background-repeat: no-repeat;
	background-position: top center;
}

.slider-cont.is-video,
.slider-cont.is-gif {
	padding: 0 !important;
	min-height: auto;
	max-height: 350px;
}

.slider-content {
	position: absolute;
	left: 20px;
	right: 20px;
}

.slider-content.from-top {
	top: 20px;
	bottom: auto;
}

.slider-content.from-bottom {
	top: auto;
	bottom: 20px;
}

.slider-button {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.bx-viewport {
	height: auto !important;
}

.bx-wrapper {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: 1px solid #999 !important;
	background: #fff;
	margin-bottom: 0;
}

.bxslider h1 {
	font-size: 25px;
}

.bxslider p {
	font-size: 16px;
}

.bx-wrapper .bx-controls-direction a {
	margin-top: -18px;
	height: 36px;
}

.bx-wrapper .bx-prev {
	left: 20px;
	background: url(../img/auf/slider_left.svg) no-repeat left center;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
	background-image: url(../img/auf/slider_left_hov.svg);
}

.bx-wrapper .bx-next {
	right: 20px;
	background: url(../img/auf/slider_right.svg) no-repeat right center;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
	background-image: url(../img/auf/slider_right_hov.svg);
	background-position: 11px 0;
}

.view {
	display: flex;
	align-items: center;
	position: relative;
	max-height: 350px;
	overflow: hidden;
	cursor: default;
}
.view img, .view video {
	position: relative;
	display: block;
	z-index: 2;
}
.video-fluid {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.view .mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	max-height: 350px;
	background-attachment: fixed;
	background-color: #000;
	z-index: 1;
}

.video {
	position: relative;
	border: 1px solid #999;
	overflow: hidden;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.video a {
	position: relative;
}

.video a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	background-image: url(../img/icons/playbutton.svg);
	background-repeat: no-repeat;
	width: 90px;
	height: 90px;
	margin-left: -45px;
	margin-top: -45px;
	z-index: 1;
	opacity: .8;
}

.video img {
	width: 100%;
	height: auto;
}

.video:hover {
	border-color: #1162a4;
	margin: -5px 0 5px 0;
}

.video-nohover {
	margin: 0 !important;
}

/*.video-item:hover .mediathek-title {
	padding-left: 12px;
}*/

.benefit-box {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.benefit {
	padding: 15px 0 15px 77px;
	background-image: url(../img/icons/benefit.svg); /* Fallback */
	background-repeat: no-repeat;
	background-position: 0 15px;
	background-size: 60px 60px;
	min-height: 90px;
	cursor: default;
}

.benefit-title {
	line-height: 16px;
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: bold;
}

/*artikel box*/
.artikel-box {
	border: 1px solid #999;
	background-color: #fff;
}

.ab-nav-col {
	padding-right: 0;
}

.ab-nav {
	background-color: #e8e8e8;
}

.ab-nav li {
	list-style: none inside;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	padding: 15px 0 15px 15px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	background: url(../img/icons/kat_arrow.svg) no-repeat calc(100% - 15px) center;
	background-size: 10px auto;
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	position: relative;
}

.ab-nav li:hover {
	background-color: #ddd;
}

.ab-nav .aktiv {
	background-color: #fff !important;
	border-right: 1px solid #fff;;
}

.ab-nav li:hover {
	background-position: calc(100% - 8px) center;
}

.ab-spacer {
	border-right: 1px solid #999;
}

.artikel-box, .ab-spacer {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	overflow: hidden;
}

.ab-cont {
	margin: 20px 17px 20px 5px;
	overflow: hidden;
}

.ab-cont li {
	margin: -1px 0 0 -1px;
	list-style: none;
	display: table;
	float: left;
	width: 33.3%;
	height: 170px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}

.ab-cont-full {
	margin: 20px;
}

.ab-cont4 li {
	width: 25%;
}

.ab-produkt {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	position: relative;
}

.ab-produkt a {
	display: block;
	color: #333;
	text-decoration: none;
}

.ab-blocklink {
	display: block;
	color: #222 !important;
	text-decoration: none !important;
}

.ab-bild {
	text-align: center;
}

.ab-bild img {
	height: 120px;
	width: auto;
	margin-bottom: 5px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.ab-produkt:hover .ab-bild img {
	height: 125px;
	margin-bottom: 0;
}

.cross-sell .ab-bild {
	background-color: #fff;
	text-align: center;
	border: 1px solid #d8d8d8;
	width: 100%;
	position: relative;
}

.cross-sell .ab-bild:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.cross-sell .ab-bild > .inner {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.cross-sell .ab-bild img {
	/*height: 215px;*/
	height: 160px;
	width: auto;
	/*margin-bottom: 5px;
	margin-top: 5px;*/
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.cross-sell .ab-produkt:hover .ab-bild img {
	height: 125px;
	margin-bottom: 0;
}

.cross-sell .ab-bild:hover img {
	/*height: 220px;*/
	height: 165px;
	margin-bottom: 0;
	margin-top: 0;
}



.ab-title {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.ab-title.more {
	height: 44px;
	font-size: 18px;
}

/* artikel besonderheiten (neu, %, coming soon)*/
.abb-angebot {
	position: absolute;
	color: #e6007e;
	font-size: 36px;
	font-weight: bold;
	top: 0;
	left: 25px;
}

.abb-angebot:before {
	content:"%";
}

.abb-navi-angebot {
	font-size: 24px !important;
	right: 55px !important;
	top: 14px !important;
	left: unset !important;
}

.abb-neu {
	position: absolute;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	background-color: #e6007e;
	padding: 3px 4px;
	top: 18px;
	left: 18px;
}

.abb-neu:before {
	content:"NEU!";
}

.abb-navi-neu {
	right: 40px !important;
	top: 12px !important;
	left: unset !important;
}

.abb-soon {
	position: absolute;
	top: 11px;
	left: 11px;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	background-color: #888;
	text-align: center;
	padding: 3px 4px;
	white-space:pre;
}

.abb-soon:before {
	content:'COMING \A SOON!';
}

.abb-navi-soon {
	right: 40px !important;
	top: 6px !important;
	left: unset !important;
}

/*********************************
**** ARTIKELÜBERSICHT
*********************************/
.ubersicht-top {
	height: 250px;
	position: relative;
	background-repeat: no-repeat;
	background-position: top center;
}

.ubersicht-top-sub {
	position: absolute;
	bottom: 20px;
	left: 20px;
}

/*********************************
**** SUCHE
*********************************/
.suchergebnisse {
	margin-top: 25px;
}

.suchergebnisse li {
	list-style:none;
	padding: 12px 0 15px 0;
	border-top: 1px solid #999;
}

.suchergebnisse li:last-child {
	border-bottom: 1px solid #999;
}

.such-nummer img {
	margin: 8px 0 0 28px;
	height: 30px;
	width: auto;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.suchergebnisse li:hover .such-nummer img {
	margin: 5px 0 -3px 26px;
	height: 36px;
}

.such-btn {
	padding-top: 10px;
	text-align: right;
}

/*********************************
**** Musteranforderung
*********************************/
.musterkat {
	padding-left: 25px;
	background-image: url(../img/upl/kategorie/kategorie.svg);
	background-repeat: no-repeat;
	background-position: left 3px;
	background-size: auto 14px;
}

/*********************************
**** REGISTRIERUNG
*********************************/
.reg-info {
	padding-left: 25px;
	background: url(../img/icons/triangle_left_b.svg) no-repeat left center;
	background-size: auto 16px;
	height: 75px;
	vertical-align: middle;
	display: table-cell;
}

.reg-info-none {
	background: none !important;
}

/*********************************
**** WARENKORB
*********************************/
.tbl-warenkorb {
	vertical-align: top;
	text-align: left;
	width: 100%;
}

.tbl-warenkorb td {
	padding: 15px 10px;
}

.tbl-warenkorb td:first-child {
	padding-left: 0;
}

.tbl-warenkorb td:last-child {
	padding-right: 0;
}

.tbl-warenkorb input[type="text"] {
	margin: -2px 0 0 0 !important;
	width: 150px;
}

.tbl-warenkorb td.price {
	width: 150px;
	text-align: right;
	padding-right: 45px;
	padding-left: 0;
}

.tbl-warenkorb td.qty {
	width: 115px;
	text-align: right;
	padding-right: 50px;
	padding-left: 0;
}

.tbl-warenkorb td.price-style {
	font-size: 16px;
	padding: 13px 0 12px 10px;
}

.tbl-warenkorb td .old {
	display: none;
	color: #222 !important;
	font-size: 80%;
	text-decoration: line-through;
}

.tbl-warenkorb td.discounted {
	color: #e6007e;
}

.tbl-warenkorb td.discounted .old {
	display: block;
}

.war-delete {
	display: inline-block;
	margin-bottom: -1px;
	width: 12px;
	height: 12px;
	background: url(../img/icons/delete.svg) no-repeat center center;
	background-size: 100% 100%;
	cursor: pointer;
}

.vcode-delete {
	display: inline-block;
	margin-left: 5px;
	width: 10px;
	height: 10px;
	background: url(../img/icons/delete.svg) no-repeat center center;
	background-size: 100% 100%;
	cursor: pointer;
}

.tbl-warenkorb-sum {
	width: 100%;
	max-width: 381px;
	float: right;
}

.tbl-warenkorb-sum td {
	padding-top: 2px;
	padding-bottom: 2px;
}

.tbl-warenkorb-sum td:last-child {
	text-align: right;
}

.war-auflage-edit {
	display: inline-block;
	margin: 0 0 -3px 5px;
	background: url(../img/icons/edit.svg) no-repeat center center;
	background-size: auto 100%;
	width: 20px;
	height: 16px;
	cursor: pointer;
}

.war-auflage-check {
	display: inline-block;
	margin: 0 0 -1px 8px;
	background: url(../img/icons/green_check.svg) no-repeat center center;
	background-size: auto 100%;
	width: 14px;
	height: 14px;
	cursor: pointer
}

.vorteilscode-error {
	font-size: 12px;
	margin-top: -4px;
	float: right;
}

.my-order .tbl-warenkorb span {
	display: inline-block;
	height: 28px;
}


/*********************************
**** MEDIATHEK
*********************************/
.mediathek-kat {
	color: #fff;
	font-weight: bold;
	padding: 5px 10px;
	border: 1px solid #999;
	background: url(../img/icons/arrow_down_white.svg) no-repeat calc(100% - 10px) center;
	background-size: auto 10px;
	background-color: #1162a4;
	cursor: pointer;
}

.mediathek-kat-opened {
	background-image: url(../img/icons/arrow_up_white.svg);
}

.mediathek-vid {
	padding-top: 20px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.mediathek-vid p {
	min-height: 40px;
}

.mediathek-title {
	border-bottom: 1px solid #999;
	padding: 10px 0 4px 0;
	font-weight: bold;
	/*background: url(../img/icons/play.svg) no-repeat -15px 17px;*/
	/*background-size: auto 10px;*/
}

.mediathek-title.no-border {
	border-bottom: none !important;
}

.mediathek-vid:hover .mediathek-title {
	/*padding-left: 12px;*/
	/*background-position: 0 17px;*/
}

.mediathek-title {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.mediathek h5 {
	padding: 11px 10px;
}

.video-container {
	position: relative;
	border: 1px solid #999;
	padding-bottom: 56.25%;
	padding-bottom: calc(56.25% - 1px);
	height: 0;
}

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

.media-share {
	padding: 8px;
	background-color: #fff;
	border: 1px solid #999;
	display: inline-block;
}

.media-share a {
	display: inline-block;
	margin-right: 15px;
	float: left;
}
.media-share a:last-child {
	margin-right: 0;
}

.media-share span {
	float: left;
	display: block;
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
	background-repeat: no-repeat;
	background-position: center center;
}

.share-facebook {
	background-image:url(../img/icons/share-facebook.svg);
}

.share-twitter {
	background-image:url(../img/icons/share-twitter.svg);
}

.share-linkedin {
	background-image:url(../img/icons/share-linkedin.svg);
}

.share-google {
	background-image:url(../img/icons/share-google.svg);
}

.share-youtube {
	background-image:url(../img/icons/share-youtube.svg);
}

/*********************************
**** SERVICE
*********************************/
.service-vid {
	padding: 0 0 20px 0;
}

.service-vid:last-child {
	padding: 0;
}

/*********************************
**** PRODUKT
*********************************/
.pr-thumbs {
	padding-bottom: 3px;
}

.pr-thumbs img {
	/*padding: 5px;*/
	border: 1px solid #999;
	width: 14%;
	height: auto;
	float: left;
	cursor: pointer;
	background-color: #fff;
	margin-right: 12px;
	margin-bottom: 12px;
}

.pr-thumbs:last-child {
	margin-right: 0;
}

.pr-bild {
	position: relative;
	border: 1px solid #999;
	/*padding: 25px;*/
	background-color: #fff;
}

.pr-bild a {
	display: block;
}

.pr-bild:hover a:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .25);
}

.pr-bild:hover a:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url('../img/icons/suche.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 25%;
}

.pr-bild img {
	float: left;
	width: 100%;
	height: auto;
}

.pr-title {
	margin-top: 2px;
	padding-bottom: 22px;
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
}

.pr-descr {
	min-height: 95px;
	margin-bottom: 15px;
	hyphens: auto;
	-webkit-hyphens: auto;
}

.pr-descr.small {
	min-height: 60px;
}

.pr-kalk {
	background-color: #abd0eb;
	padding: 15px;
	border: 1px solid #999;
	margin: 5px 0 15px 0;
}

.pr-preis {
	font-size: 22px;
	line-height: 22px;
}

.pr-auflg {
	width: 160px;
}

.pr-detcont {
	margin: 0 5px 0 2px;
}

.pr-farben {
	float: left;
	margin: 5px 10px 0 0;
}

.pr-farben span {
	width: 20px;
	height: 20px;
}

.pr-farben-cont {
	float: left;
	max-width: 110px;
}

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

.pr-vorlage img {
	width: 50px;
	height: auto;
	margin-bottom: 5px;
}

.pr-vorlage p {
	margin-bottom: 25px;
	white-space: nowrap;
}

.pr-vorlageinfo {
	border: 1px solid #999;
	background-color: #f2f2f2;
	padding: 20px 20px 20px 55px;
	position: relative;
}

.pr-wichtig {
	top: -15px;
	left: -65px;
	position: absolute;
	width: 105px;
}

.pr-wichtig img {
	width: 100%;
	height: auto;
}

.pr-video {
	margin: 0 60px 0 0;
}

#AuflageInp:disabled {
	background-color: #ccc !important;
}

/*********************************
**** BESTELLUNG
*********************************/
.tbl-bestuebersicht {
	width: 100%;
}

.tbl-bestuebersicht td {
	padding-top: 5px;
	padding-bottom: 5px;
}

.tbl-bestuebersicht td:last-child {
	text-align: right;
}

.bestu-smallpad {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

.bestu-abstand {
	height: 60px;
}

.best-sbmtxt {
	float: right;
	display: inline-block;
	padding-top: 15px;
	font-size: 12px;
	max-width: 214px;
	text-align: center;
}

.wieweiter {
	padding: 0 0 5px 25px;
	background: url(../img/icons/pfeil_right.svg) no-repeat left 3px;
	background-size: auto 14px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.faq-cont {
	max-height: 0;
	font-size: 16px;
	padding: 0;
	overflow: hidden;
	transition: all 1s ease-out;
}

.open .faq-cont {
	height: 100%;
	max-height: 1000px;
	padding: 8px 0 0;
	transition: all .75s ease-in;
}

.faq-item h5 {
	font-size: 16px;
	padding: 11px 35px 11px 10px;
}

.bes-video {
	margin-bottom: -10px;
}

/*********************************
**** BUTTONS + Farben
*********************************/
.btn {
	display: inline-block;
	padding: 8px 12px;
	border: 1px solid #999;
	text-decoration: none !important;
	min-width: 100px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	border-radius: 0 !important;
}

.btn:active {
	margin: 1px 0 -1px 0;
}

.btn-fixed:active {
	margin: 0 !important;
}

.btn-mini {
	padding: 2px 8px;
	font-size: 11px;
	font-weight: 400;
}

.btn-blue {
	color: #fff !important;
	background-color: #1162a4;
}

.btn-blue:hover {
	background-color: #e6007e;
}

.btn-pink {
	color: #fff !important;
	background-color: #e6007e;
}

.btn-pink:hover {
	background-color: #1162a4;
}

.btn-green {
	color: #fff !important;
	background-color: #137c00;
}

.btn-green:hover {
	background-color: #1d8b09;
}

.btn-black {
	color: #fff !important;
	background-color: #555454;
}

.btn-black:hover {
	background-color: #676767;
}

.btn-yellow {
	color: #000 !important;
	background-color: #ffce00;
}

.btn-yellow:hover {
	background-color: #c6a000;
}

.btn-icon {
	background-repeat: no-repeat;
	background-size: auto 14px;
	background-position: 12px center;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	width: auto;
	min-width: 5px;
	padding-left: 35px;
}

.btn-bottom-right {
	right: 20px;
	bottom: 20px;
	position: absolute;
}

.btn-disabled {
	color: #fff;
	background-color: #ccc !important;
	cursor: default;
	border: 1px solid #aaa;
}

.btn-disabled:active {
	margin: 0 !important;
}

.btn-i-back {
	background-image: url(../img/icons/arrow_left_white.svg);
	background-position: 12px center;
}

.btn-i-back:hover {
	background-position: 8px center;
}

.btn-i-eye {
	background-image: url(../img/icons/eye.svg);
	background-size: auto 12px;
}

.btn-i-warenkorb {
	background-image: url(../img/icons/warenkorb_w.svg);
	background-size: auto 18px;
}

.btn-i-check {
	background-image: url(../img/icons/checkmark.svg);
}

.btn-i-angebot1 {
	background-image: url(../img/icons/angebot1.svg);
	background-size: auto 20px;
}

.btn-i-angebot2 {
	background-image: url(../img/icons/angebot2.svg);
	background-size: auto 18px;
}

.btn-i-angebot-senden {
	background-image: url(../img/icons/angebot_senden.svg);
	padding-left: 40px;
}

.btn-i-lupe {
	background-image: url(../img/icons/lupe.svg);
	background-size: auto 18px;
}

.btn-link {
	display: inline-block !important;
	padding: 8px 12px !important;
}

.btn-w200 {
	width: 210px;
}

.btn-like {
	background-size: auto 18px !important;
	background-position: left 45% !important;
	margin-bottom: 0 !important;
}

.btn-like a {
	line-height: 38px !important;
	font-size: 16px !important;
}

.txt-grey {
	color: #888;
}

.txt-blue {
	color: #1162a4;
}

.txt-black {
	color: #222 !important;
}

.txt-white {
	color: #fff !important;
}

.txt-pink {
	color: #e6007e;
}

.txt-red {
	color: #ff0000 !important;
}

.txt-yellow {
	color: #ffce00 !important;
}

.bg-white {
	background-color: #fff !important;
}
.bg-pink {
	background-color: #e6007e !important;
}

/*********************************
**** FORMS
*********************************/
input[type=text],
textarea,
input[type=password],
input[type=email],
input[type=tel],
input[type=search],
select {
	border: 1px solid #999;
	border-radius: 0 !important;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	padding: 5px 8px;
	margin: 2px 0 10px 0;
	-webkit-appearance: none;
}

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=search],
select {
	height: 30px;
}

select {
	padding-right: 30px;
}

.form-vorteilscode input[type=text] {
	border-right: none;
	float: right;
	width: 110px;
}

.form-vorteilscode input[type=submit] {
	float: right;
	height: 30px !important;
	padding: 0 !important;
	min-width: 30px;
	width: 30px !important;
	background-image: url(../img/icons/applycode.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50%;
	margin-top: -2px;
	border-left: none !important;
}

select {
	background: url(../img/icons/select.svg) #fff no-repeat calc(100% - 8px) center;
	background-size: auto 10px;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}

input[type=checkbox] {
	border: 1px solid #999;
}

.checkbox-cont {
	display: block;
	position: relative;
	padding-left: 25px;
	white-space: nowrap;
}

.checkbox-cont .inner-box {
	margin-left: -25px;
}

.checkbox-cont input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.checkbox-cont p {
	float: left;
	width: calc(100% - 35px);
	display: inline-block;
	white-space: normal;
}

.checkbox-cont p.full {
	width: 100%;
}

.checkbox-cont .inner-box-small p {
	width: 100%;
	padding-left: 30px;
	margin-bottom: 0;
}

.checkbox-cont:after {
	content: "";
	clear: both;
	display: block;
}

.checkbox-cont input:checked ~ .checkmark {
	background-color: #1162a4;
	border-color: #1162a4;
}

.checkbox-cont.reverse input:checked ~ .checkmark {
	background-color: #fff;
	border-color: #fff;
}

.checkbox-cont.pink input:checked ~ .checkmark {
	background-color: #e6007e;
	border-color: #e6007e;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.checkbox-cont input:checked ~ .checkmark:after {
	display: block;
}

.checkbox-cont .checkmark:after {
	left: 4px;
	top: 0;
	width: 7px;
	height: 12px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.checkbox-cont.reverse .checkmark:after {
	border: solid #1162a4;
	border-width: 0 2px 2px 0;
}

.checkmark {
	position: absolute;
	top: 2px;
	left: 0;
	height: 17px;
	width: 17px;
	background-color: #fff;
	border: 1px solid #808080;
}

.inner-box-small .checkmark {
	top: 13px;
	left: 15px;
}

form p {
	margin-bottom: 2px;
}

.form-full {
	width: 100%;
}

.inp-error {
	color: #ff0000;
	border-color: #ff0000 !important;
}

.head-cont .dsgvo.inp-error {
	color: #fff;
}

.dsgvo-full.inp-error {
	color: #222;
}

.head-cont .dsgvo.inp-error .checkmark,
.dsgvo-full.inp-error .checkmark {
	border-color: #ff0000 !important;
}

.inp-error-border {
	border-color: #ff0000 !important;
	background-color: #fff6f6 !important;
}

.form-error {
	margin-bottom: 8px;
	color: #ff0000;
}

label .form-error {
	margin-top: -8px;
}

.headtoolt-wrapper .inp-error {
	color: #ffce00;
}

.headtoolt-wrapper .form-error {
	color: #ffce00;
}

.send-all-products {
	font-size: 19px;
}

.send-all-products .musterkat {
	padding-left: 32px;
	background-size: auto 19px;
}

.send-all-products .checkmark {
	height: 22px;
	width: 22px;
}

.send-all-products .checkbox-cont {
	padding-left: 30px;
}

.send-all-products .checkbox-cont .checkmark:after {
	left: 6px;
	width: 8px;
	height: 16px;
}

/*********************************
**** ALLGEMEIN
*********************************/
.ausfuehrung {
	display: inline-block;
	border: 1px solid #999;
	width: 16px;
	height: 16px;
	margin-right: 5px;
}

.ausfuehrung:last-child {
	margin-right: 0;
}

.inner-box {
	border: 1px solid #999;
	padding: 20px;
	background-color: #e8e8e8;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.inner-box-small {
	padding: 10px;
}

.pointer {
	cursor: pointer;
}

.relative {
	position: relative;
}

.txt-center {
	text-align: center;
}

.txt-icon {
	padding: 0 0 0 20px;
	line-height: 14px;
	background-position: left center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

.txt-i-sadface {
	background-image: url(../img/icons/sadface.svg);
}

.txt-i-sadface-w {
	background-image: url(../img/icons/sadface_w.svg);
}

.txt-i-info-w {
	background-image: url(../img/icons/info_w.svg);
}

.txt-i-info-b {
	background-image: url(../img/icons/info_b.svg);
}

.txt-i-kopf-w {
	background-image: url(../img/icons/user.svg);
}

.no-border-top {
	border-top: none;
}

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

.border-bottom {
	border-bottom: 1px solid #999;
}

.abstand {
	height: 30px;
}

.abstand_mid {
	height: 20px;
}

.abstand_kl {
	height: 10px;
}

.abstand_mini {
	height: 5px;
}

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

.clear {
	clear: both;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.display-none {
	display: none;
}

.display-inlineblock {
	display: inline-block;
}

.marg0 {
	margin: 0 !important;
}

.font-normal {
	font-weight: 400;
}

.trennlinie-white {
	height: 1px;
	background-color: #fff;
}

.trennlinie-black {
	height: 1px;
	background-color: #999;
}

.txt-right {
	text-align: right;
}

.linkarrow {
	padding-left: 20px;
	background: url(../img/icons/linkarrow.svg) no-repeat left center;
	background-size: auto 80%;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.linkarrow:hover {
	color: #999;
	text-decoration: none;
}

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

.font-13 {
	font-size: 13px;
}

.font-14 {
	font-size: 14px;
}

.font-15 {
	font-size: 15px;
}

.font-16 {
	font-size: 16px;
}

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

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

.font-19 {
	font-size: 19px;
}

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

.font-21 {
	font-size: 21px;
}

.font-22 {
	font-size: 22px;
}

.font-23 {
	font-size: 23px;
}

.font-24 {
	font-size: 24px;
}

.regular {
	font-weight: 400 !important;
}

.bold {
	font-weight: 700 !important;
}

.rechts {
	width: 400px;
	text-align: right;
}

.dsgvo-full p {
	width: 100% !important;
}

.darker > h4 {
	background-color: #d8d8d8 !important;
	color: #222 !important;
}

.darker > div p {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

.darker .btn-blue {
	background-color: #d8d8d8 !important;
	color: #222 !important;
}

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

.ArtikelContent {
	font-size: 15px;
}

.ArtikelContent .font-24 {
	font-size: 25px;
}

.cat-title {
	font-size: 16px;
	padding-bottom: 5px;
}

#musteranforderung_erfolg {
	margin-bottom: 15px;
}

.half {
	width: 50%;
	margin-right: -4px;
}

.half + .half {
	width: 49%;
	border-left: 1px solid #fff;
	padding-left: 30px;
	margin-right: 0 !important;
}

.w-100 {
	width: 100%;
}

.alert {
	position: relative;
	padding: .75rem 1.25rem;
	border: 1px solid transparent;
}

.alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}

.alert-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

.align-items-center {
	-ms-flex-align: center!important;
	align-items: center!important;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.free-template-title {
	display: inline-block;
	background-color: #e6007e;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	padding: 7px 10px 5px;
	margin-bottom: 0;
}

.px-0 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.mb-15 {
	margin-bottom: 15px !important;
}

.mt-15 {
	margin-top: 15px !important;
}

.ml-15 {
	margin-left: 15px !important;
}

.play {
	position: relative;
	display: block;
}

.play:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	background-image: url('../img/icons/play.svg');
	background-repeat: no-repeat;
	background-size: 100%;
	margin-left: -50px;
	margin-top: -50px;
}

.play:hover:before {
	background-image: url('../img/icons/play_hov.svg');
}

ul.default {
	padding-left: 40px;
	margin-bottom: 15px;
}

#partner-logos {
	/*margin-right: 35px;*/
	margin-right: 75px;
}

#brands {
	list-style: none;
}

#brands > li {
	float: left;
	margin-right: 40px;
}

#brands > li:last-child {
	margin-right: 0;
}

#brands > li img {
	height: 30px;
}

#cookie-notice {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #abd0eb;
	padding: 10px 0;
	z-index: 10000;
}

.icon-1 {
	margin-right: 1px;
}

.icon-2 {
	margin-right: 2px;
}

.icon-3 {
	margin-right: 3px;
}

.icon-4 {
	margin-right: 4px;
}

.icon-9 {
	margin-right: 9px;
}

.icon-cronical-3 {
	margin-left: 3px;
}

.icon-cronical-4 {
	margin-left: 4px;
}

.special-icon {
	width: auto;
	height: 25px;
}

.tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	font-weight: bold;
	letter-spacing: normal;
	line-break: auto;
	line-height: 1.42857143;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	white-space: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	font-size: 12px;
	opacity: 0;
	filter: alpha(opacity=0);
}

.tooltip.in {
	opacity: 1;
	filter: alpha(opacity=90);
}

.tooltip.top {
	margin-top: -3px;
	padding: 5px 0;
}

.tooltip.right {
	margin-left: 3px;
	padding: 0 5px;
}

.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0;
}

.tooltip.left {
	margin-left: -3px;
	padding: 0 5px;
}

.tooltip-inner {
	max-width: 200px;
	padding: 3px 8px;
	color: #fff;
	text-align: center;
	background-color: #e6007e;
	border-radius: 0;
}

.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #e6007e;
}

.tooltip.top-left .tooltip-arrow {
	bottom: 0;
	right: 5px;
	margin-bottom: -5px;
	border-width: 5px 5px 0;
	border-top-color: #e6007e;
}

.tooltip.top-right .tooltip-arrow {
	bottom: 0;
	left: 5px;
	margin-bottom: -5px;
	border-width: 5px 5px 0;
	border-top-color: #e6007e;
}

.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #e6007e;
}

.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #e6007e;
}

.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #e6007e;
}

.tooltip.bottom-left .tooltip-arrow {
	top: 0;
	right: 5px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #e6007e;
}

.tooltip.bottom-right .tooltip-arrow {
	top: 0;
	left: 5px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #e6007e;
}

.complete {
	color: #6c757d !important;
}

mark {
	background: #e6007e !important;
	color: #fff;
}

a.disabled {
	background-color: #999 !important;
	pointer-events: none;
	cursor: default;
}

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

.footer-infos {
	margin-left: 45px;
}

.footer-partner {}

.mobile-nav-btn {
	position: relative;
	float: left;
	padding: 15px 15px;
	background-color: transparent;
	background-image: none;
	border: none;
}

.mobile-nav-btn:focus,
.mobile-nav-btn:hover {
	background-color: #E8E8E8;
	color: #1162a4;
}

.mobile-nav-btn .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background-color: #fff;
}

.mobile-nav-btn:focus .icon-bar,
.mobile-nav-btn:hover .icon-bar {
	background-color: #1162a4;
}

.mobile-nav-btn .icon-bar+.icon-bar {
	margin-top: 4px;
}

.navmenu, .navbar-offcanvas {
	width: 280px;
}

.head-kontakt {
	float: right;
}

.head-kontakt + .head-kontakt {
	float: left;
}

.hotline:focus,
.hotline:hover {
	text-decoration: none !important;
	cursor: default !important;
}

.navmenu-default, .navbar-default .navbar-offcanvas {
	background-color: #1162a4; /* #e8e8e8 */
	border-color: #1162a4; /* #999 */
}

.navmenu-default .navmenu-nav.dropdown-menu,
.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu {
	background-color: #1162a4;
}

.navmenu-default .navmenu-nav.dropdown-menu li a img,
.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu li a img {
	width: 20px;
	height: auto;
	margin-right: 10px;
}

.navmenu-default .navmenu-nav > li > a,
.navbar-default .navbar-offcanvas .navmenu-nav > li > a {
	color: #fff;
	font-size: 19px;
}

.head-mailicon {
	margin: -1px 9px 0 0;
}
.navmenu-brand > img {
	width: 220px;
}

.navmenu-nav {
	list-style: none;
	margin-left: 15px;
}

.navmenu-default .navmenu-nav.dropdown-menu,
.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu {
	list-style: none;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
}

.navmenu-default .navmenu-nav.dropdown-menu li,
.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu li {
	margin-bottom: 15px;
}

.navmenu-default .navmenu-nav.dropdown-menu li:last-child,
.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu li:last-child {
	margin-bottom: 0;
}

#mobileNav > ul > li {
	margin-bottom: 20px;
}

#mobileNav > ul > li:last-child {
	margin-bottom: 0;
}

.tbl-bestuebersicht {
	float: right;
	width: 483px;
}

.table-responsive {
	overflow-x: visible;
	border: none !important;
}

.no-wrap {
	white-space: nowrap !important;
}

.vid-container {
	margin-top: 40px;
}

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

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

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

.cat-text {
	color: #999;
	font-size: 14px;
	line-height: 1;
}

.my-10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

hr {
	border-top: 1px solid #333;
}

a.tag {
	position: relative;
	color: #222;
	text-decoration: none;
	margin-left: 18px;
}

a.tag:hover {
	color: #1162a4;
	text-decoration: underline;
}

a.tag:before {
	content: "";
	position: absolute;
	top: 2px;
	left: -17px;
	background-image: url('../img/icons/linksymbol_tt.svg');
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	opacity: .8;
}

.no-style {
	list-style: none;
}

.grecaptcha-badge {
	display: none;
}

.mediathek-content {
	font-size: 15px !important;
}

#to-top {
	display: none;
	position: fixed;
	bottom: 50px;
	right: 1.75%;
	color: #1162a4;
	cursor: pointer;
	z-index: 49;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: all;
	transition-property: all;
}

#to-top:before {
	content: "";
	position: absolute;
	bottom: 2px;
	right: 7px;
	width: 38px;
	height: 38px;
	background-color: #fff;
	border-radius: 50%;
	z-index: -1;
}

#to-top:hover {
	color: #e6007e;
}

.pr-md-30 {
	padding-right: 30px !important;
}

#blog-articles h2 {
	height: 85px;
}

#blog-articles hr {
	margin-top: 5px;
	margin-bottom: 15px;
}

#blog-articles h3 {
	height: 140px;
	color: #222;
	font-size: 16px;
	font-weight: 400;
	line-height: 23px;
	border-bottom: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#blog-articles a {
	margin-top: 10px;
}

/*********************************
**** MEDIA QUERIES
*********************************/
@media not all and (min-resolution:.001dpcm) {
	body {
		font-weight: normal;
	}

	h1, h2, h3, h4, h5, h6 {
		font-weight: normal !important;
	}

	strong {
		font-weight: normal;
	}

	.ab-title {
		font-weight: normal;
	}

	.ab-nav li {
		font-weight: normal;
	}

	.mediathek-title {
		font-weight: normal;
	}

	.benefit-title {
		font-weight: normal;
	}

	.btn {
		font-weight: normal;
	}

	.head-top {
		font-weight: normal;
	}

	.navi li {
		font-weight: normal;
	}

	.headtoolt-bot {
		font-weight: normal;
	}
}

@media (max-width: 539px) {
	button,
	html input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		white-space: normal;
	}

	h1 {
		word-wrap: break-word;
		overflow-wrap: break-word;

		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	.container {
		width: 100% !important;
	}

	.head-space {
		display: none;
	}

	.head-logo {
		margin-top: 0;
	}

	.welcome-text {
		display: none;
	}

	.head-mailicon {
		margin: -1px 0 0 0;
	}

	.contact-email {
		display: none;
	}

	.head-kontakt +.head-kontakt {
		float: right;
		margin-right: 15px;
	}

	.contact-phone {
		display: none;
	}

	.head-suche {
		padding: 15px 0 0;
	}

	.suche-inp {
		width: calc(100% - 30px);
		margin-bottom: 0 !important;
	}

	#mainNavi {
		display: none;
	}

	.headnav-text {
		display: none;
	}

	.head-navi li {
		border-bottom: 1px solid #999;
		width: 50%;
		margin: -1px 0 0 -1px;
		display: table;
		height: 76px;
	}

	.head-navi li:first-child {
		border-left: none;
	}

	.head-navi li:nth-child(3) {
		border-left: none;
		border-bottom: none;
	}

	.head-navi li:last-child {
		border-bottom: none;
		border-right: none;
	}

	.slider-cont {
		padding: 20px 45px;
	}

	.ArtikelBoxCont {
		padding-left: 0;
	}

	.ab-cont {
		margin: 20px 5px;
	}

	.ab-cont li {
		width: 50%;
		min-height: 215px;
	}

	.home .ab-cont li {
		width: 100%;
	}

	.ab-cont li.empty {
		display: none;
	}

	.ab-produkt:hover .ab-bild img {
		height: 120px;
		margin-bottom: 5px;
	}

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

	.product-view .pr-bild {
		margin-bottom: 15px;
	}

	.product-view .ArtikelBoxCont {
		padding-left: 15px;
	}

	.product-view .ab-nav-col {
		padding-right: 15px;
	}

	.product-view .ab-cont {
		overflow: visible;
	}

	.product-view .pr-auflg {
		width: calc(100% + 15px);
	}

	.product-view .qty-text {
		margin-bottom: 10px;
	}

	.product-view .ArtikelBoxList {
		overflow-x: auto;
		overflow-y: hidden;
		display: -webkit-box;
		display: -moz-box;
	}

	.product-view .ab-nav li {
		float: none;
		list-style: none;
		background: #e8e8e8;
		border-top: none;
		padding: 15px;
	}

	.product-view .ab-nav li:first-child {
		border-left: none;
	}

	.product-view .ab-nav li:last-child {
		border-right: none;
	}

	.product-view .ab-nav .aktiv {
		border-right: 1px solid #999;
		border-bottom-color: #fff;
	}

	.product-view .btn-i-angebot1 {
		background-image: none;
		padding: 8px 12px;
		width: 100%;
	}

	.product-view .btn-i-warenkorb {
		background-image: none;
		padding: 8px 12px;
		width: 100%;
	}

	.product-view .btn-i-angebot2 {
		background-image: none;
		padding: 8px 12px;
		width: 100%;
	}

	.product-view .pr-vorlageinfo {
		padding: 20px 55px 20px 20px;
		margin-top: 20px;
	}

	.product-view .pr-wichtig {
		top: -30px;
		left: auto;
		right: -10px;
	}

	#FragenZumProduktFormContent {
		margin-top: 25px;
	}

	.faq {
		margin-bottom: 25px;
	}

	#passwortVergessenEmail {
		width: 100% !important;
	}

	#passwortNeuPasswort {
		width: 100% !important;
	}

	#passwortNeuPasswort2 {
		width: 100% !important;
	}

	.table-responsive {
		overflow-x: auto;
	}

	.tbl-warenkorb input[type="text"] {
		width: 75px;
	}

	.tbl-bestuebersicht {
		width: 100%;
	}

	.video-item-1, .video-item-2 {
		margin-bottom: 15px;
	}

	.video:hover {
		margin: 0;
	}

	footer .col-xs-6 {
		width: 100% !important;
	}

	.footer-infos {
		margin-left: 0;
	}

	#partner-logos {
		margin-right: 0;
		margin-bottom: 25px;
	}

	#brands > li {
		display: block;
		float: none;
		text-align: center;
		margin-right: 0;
		margin-bottom: 25px;
	}

	#blog-articles h2 {
		height: 60px;
	}

	#blog-articles h3 {
		height: 90px;
	}

	#blog-articles .row > div {
		margin-bottom: 30px;
	}

	.subfooter h6 {
		text-align: center;
		padding: 0 0 10px 0;
	}

	#accept-cookies {
		margin-top: 10px;
	}

	.hidden-xs {
		display: none !important;
	}

	.pr-md-30 {
		padding-right: 0 !important;
	}
}

@media (min-width: 540px) and  (max-width: 767px) {
	.container {
		width: 540px !important;
	}

	.head-space {
		display: none;
	}

	.head-logo {
		margin-top: 0;
	}

	.welcome-text {
		display: none;
	}

	.head-mailicon {
		margin: -1px 0 0 0;
	}

	.contact-email {
		display: none;
	}

	.head-kontakt +.head-kontakt {
		float: right;
		margin-right: 15px;
	}

	.contact-phone {
		display: none;
	}

	.head-suche {
		padding: 15px 0 0;
	}

	.suche-inp {
		width: calc(100% - 30px);
		margin-bottom: 0 !important;
	}

	#mainNavi {
		display: none;
	}

	.headnav-text {
		display: none;
	}

	.head-navi li {
		border-bottom: 1px solid #999;
		width: 50%;
		margin: -1px 0 0 -1px;
		display: table;
		height: 76px;
	}

	.head-navi li:first-child {
		border-left: none;
	}

	.head-navi li:nth-child(3) {
		border-left: none;
		border-bottom: none;
	}

	.head-navi li:last-child {
		border-bottom: none;
		border-right: none;
	}

	.ab-cont li {
		width: 50%;
	}

	.home .ab-cont li {
		width: 100%;
	}

	.ab-produkt:hover .ab-bild img {
		height: 120px;
		margin-bottom: 5px;
	}

	.product-view .ab-nav-col {
		padding-right: 15px;
	}

	.product-view .ArtikelBoxList {
		overflow-x: auto;
		overflow-y: hidden;
		display: -webkit-box;
		display: -moz-box;
	}

	.product-view .ab-nav li {
		float: none;
		list-style: none;
		background: #e8e8e8;
		padding: 15px;
	}

	.product-view .ab-nav li:first-child {
		border-left: none;
	}

	.product-view .ab-nav li:last-child {
		border-right: none;
	}

	.product-view .ab-nav .aktiv {
		border-right: 1px solid #999;
		border-bottom-color: #fff;
	}

	.product-view .ab-cont {
		margin: 20px 17px;
		overflow: visible;
	}

	.product-view .pr-vorlageinfo {
		padding: 20px 55px 20px 20px;
		margin-top: 20px;
	}

	.product-view .pr-wichtig {
		top: -30px;
		left: auto;
		right: -10px;
	}

	#FragenZumProduktFormContent {
		margin-top: 25px;
	}

	.faq {
		margin-bottom: 25px;
	}

	#passwortVergessenEmail {
		width: 100% !important;
	}

	#passwortNeuPasswort {
		width: 100% !important;
	}

	#passwortNeuPasswort2 {
		width: 100% !important;
	}

	.tbl-warenkorb input[type="text"] {
		width: 75px;
	}

	.tbl-bestuebersicht {
		width: 263px;
	}

	.table-responsive {
		overflow-x: auto;
	}

	.video-item-1, .video-item-2 {
		margin-bottom: 15px;
	}

	.video:hover {
		margin: 0;
	}

	#partner-logos {
		margin-right: 0;
		margin-bottom: 25px;
	}

	#brands > li {
		display: block;
		float: none;
		text-align: center;
		margin-right: 0;
		margin-bottom: 15px;
	}

	#blog-articles h2 {
		height: 60px;
	}

	#blog-articles h3 {
		height: 90px;
	}

	#blog-articles .row > div {
		margin-bottom: 30px;
	}

	.hidden-xs {
		display: none !important;
	}

	.pr-md-30 {
		padding-right: 0 !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.container {
		width: 610px !important;
	}

	.head-home {
		margin-right: 15px;
	}

	.head-mailicon {
		margin: -1px 0 0 0;
	}

	.contact-email {
		display: none;
	}

	.head-kontakt +.head-kontakt {
		float: right;
		margin-right: 15px;
	}

	.contact-phone {
		display: none;
	}

	.head-suche {
		padding: 15px 0 0 0;
	}

	.suche-inp {
		margin-bottom: 0 !important;
	}

	.head-navi li {
		border-bottom: 1px solid #999;
		width: 50%;
		margin: -1px 0 0 -1px;
		display: table;
		height: 76px;
	}

	.head-navi li:first-child {
		border-left: none;
	}

	.head-navi li:nth-child(3) {
		border-left: none;
		border-bottom: none;
	}

	.head-navi li:last-child {
		border-bottom: none;
		border-right: none;
	}

	#mainNavi {
		display: none;
	}

	.ab-cont li {
		width: 50%;
	}

	.ab-produkt:hover .ab-bild img {
		height: 120px;
		margin-bottom: 5px;
	}

	.faq {
		margin-bottom: 25px;
	}

	#FragenZumProduktFormContent {
		margin-top: 25px;
	}

	#passwortVergessenEmail {
		width: 100% !important;
	}

	#passwortNeuPasswort {
		width: 100% !important;
	}

	#passwortNeuPasswort2 {
		width: 100% !important;
	}

	.tbl-warenkorb input[type="text"] {
		width: 75px;
	}

	.tbl-bestuebersicht {
		width: 263px;
	}

	.reg-info.ust {
		background-position: left 25%;
		padding-top: 16px;
	}

	#partner-logos {
		margin-right: 0;
		margin-bottom: 25px;
	}

	#brands > li {
		margin-right: 10px;
	}

	#blog-articles h2 {
		height: 60px;
	}

	#blog-articles h3 {
		height: 70px;
	}

	#blog-articles .row > div {
		margin-bottom: 30px;
	}

	.footer-infos {
		margin-left: 0;
	}

	.hidden-sm {
		display: none !important;
	}

	.pr-md-30 {
		padding-right: 0 !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.container {
		width: 830px !important;
	}

	.contact-email {
		display: none;
	}

	.head-suche {
		padding: 5px 0 0 0;
	}

	.suche-inp {
		width: 100%;
	}

	.navi a {
		padding: 15px 24.9px;
	}

	.mobile-nav-btn {
		display: none;
	}

	.product-view .pr-vorlageinfo .btn {
		padding: 8px 0;
		min-width: 95px;
	}

	#passwortVergessenEmail {
		width: 100% !important;
	}

	.footer-partner {
		margin-left: 20px;
	}

	#partner-logos {
		margin-right: 0;
	}

	#blog-articles h2 {
		height: 110px;
	}

	#blog-articles h3 {
		height: 185px;
	}

	.footer-infos {
		margin-left: 0;
	}

	.hidden-md {
		display: none !important;
	}
}

@media (min-width: 1200px) {
	.mobile-nav-btn {
		display: none;
	}

	.hidden-lg {
		display: none !important;
	}
}