@charset "utf-8";

/************************************************************************
 * Generelle Styles
 */

* {
    position: relative;
}

:lang(ar)
{
	direction: rtl;
}

/* Nachbau der Bootstrap-.container- und .col-Breiten */
:root
{
	/* .container-Breite incl. Padding: in XS Gesamtbreite ohne Scrollbar-Annahme, sonst fixe Breite */
	--bscontwidth: calc( 100vw - 20px );
	--bscontpad:   15px;	/* padding-left/right von .container */
	--bscolpad:    15px;	/* für alle Größen fix */
}
@media (min-width: 768px)
{
	:root
	{
		--bscontwidth: 750px;
		--bscontpad:    15px;
	}
}
@media (min-width: 992px)
{
	:root
	{
		--bscontwidth: 970px;
		--bscontpad:    35px;
	}
}
@media (min-width:1200px)
{
	:root
	{
		--bscontwidth: 1170px;
		--bscontpad:     35px;
	}
}

/* Farben und Fonts */
:root
{
	--ci-col-prim1:	#0f4171;
	--ci-col-prim2:	#f8ad15;
	--ci-col-prim3:	#373737;
	--ci-col-sec1:	#e0e0e0;
	--ci-col-sec2:	#f3f3f3;
	--ci-col-sec3:	#5f5f5f;
	--ci-col-text:	#1a1a1a;
	--ci-btn-bg:	#0f4171;
	--ci-btn-bgh:	#373737;
	--ci-btn-fg:	white;
	--ci-btn-fgh:	white;
	--ci-fsz-text:	16px;
	--ci-fsz-h1:	52px;
	--ci-fsz-h2:	30px;
}


html, body {
	width: 100%;
	height: 100%;
}

body {
	font-family: "Saira", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-stretch: semi-condensed;
	font-size: 16px;
	background-color: white;
	color: #1a1a1a;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6
{
	font-family: "Saira", Helvetica, Arial, sans-serif;
	text-transform: uppercase;	/* schöner wäre: font-variant: petite-caps; */
	line-height: 92%;
	color: #1a1a1a;
}
h1, h2,
.h1, .h2
{
	font-weight: 700;
	font-stretch: condensed;
}
h3, h4, h5, h6,
.h3, .h4, .h5, .h6
{
	font-weight: 500;
	font-stretch: semi-condensed;
}
h1, .h1, h1.main-heading {font-size: 52px;}
h2, .h2 {font-size: 30px;}

.text-hyphens
{
	hyphens: auto;
}

/* für Uppercase-Ausnahmen, bspw. in nrlist2: */
x-unit,
.tt-none
{
	text-transform: none;
}

.header-top li, .header-top .btn-link, #main-menu.navbar, #cart .btn, .dropdown-menu, .product-head, .product-col .caption h4, .product-col .price, .product-col .btn-cart, .breadcrumb, .side-heading, .list-group-item, .product-filter, .pagination, .product-info .product-details, .tabs-panel .nav-tabs {
  font-family: "Saira", Helvetica, Arial, sans-serif;
  font-weight: 400; font-stretch: semi-condensed;
}

/* spezielle Saira-Überschattungen */
.product-col .description {
  line-height: 116%;
}

a {
	color: #585858;
}
a:hover, a:focus, a:active {
	color: #f8ad15;
}

.main-heading, .main-heading2, .sub-heading {
    text-transform: none;
    text-align: center;
}

.main-heading {
    font-size: 27px;
}


.breadcrumb
{
	background: #ffffff none repeat scroll 0 0;
	border: medium none;
	border-radius: 0;
	padding: 10px 18px;
	text-transform: none;
	text-align: center;
}
.breadcrumb li
{
	font-size: 16px;
	color: unset;
}
.breadcrumb li.active
{
	color: #0f4171;
	font-weight: bold;
}
.breadcrumb > li + li::before
{
	content: "";
	width: 5px;
}
.breadcrumb > li + li + li::before
{
	content: "";
	background: url("/skin/div1/bs3/assets/Icons/Designelemente/Aufzählungszeichen-Icon.svg") no-repeat;
	height: 11px;
	width: 11px;
	margin: 0 5px;
	display: inline-block;
}

.spacer {
    pointer-events: none;
}

/* Auf unkleinen Geräten den äußeren Bootstrap-Container
   padden, damit die Navboxen rechts/links genügend
   Platz haben und nicht den Inhalt überdecken */
@media (min-width: 992px)
{
  .main-header > .container,
  #main-menu.navbar .container,
  #pgbody > .container
  {
    padding: 0 var(--bscontpad);
  }
}

table.nowrap-col1 > tr > td:first-child,
table.nowrap-col1 > tbody > tr > td:first-child,
#tab-customdata3 > .usertext > table > tr > td:first-child,
#tab-customdata3 > .usertext > table > tbody > tr > td:first-child
{
	white-space: nowrap;
}


/************************************************************************
 * Hauptmenü
 */

/* Hintergrund */
#pgheadmenubg1 {
	height: 76px;
	background-color: #e0e0e0;
	position: absolute;
	width: 100vw;
	right: 50%;
}
#pgheadmenubg2 {
	height: 76px;
	background-color: #373737;
	position: absolute;
	width: 100vw;
}
.navbar-header-buttons {
	height: 76px;
	background-color: #373737;
	padding-top: 29px;
}

#main-menu.navbar {
	border: none;
/*	border-top: 10px solid #f8ad15;
	border-bottom: none;
	background-color: #9c9c9c;
	background: -webkit-linear-gradient(to bottom, #c5c5c5 0%, #9c9c9c 100%);
	background: -moz-linear-gradient(to bottom, #c5c5c5 0%, #9c9c9c 100%);
	background: -o-linear-gradient(to bottom, #c5c5c5 0%, #9c9c9c 100%);
	background: linear-gradient(to bottom, #c5c5c5 0%, #9c9c9c 100%);
*/	background-color: transparent;
	position: fixed;
	top: 0;
	z-index: 2500;
	width: 100%;
	min-height: 76px;
}

.navbar-header {
	float: none;
}

@media (min-width:1200px)
{
	#main-menu.navbar .headmenu-container > div
	{
		display: table-cell!important; /* bs-override */
	}
}

#header-area .header-top
{
  /* Standard-Höhe der .navbar als Vorbelegung */
  padding-bottom: 61px;
}

#pgheadslider
{	/* ohne Slider/Bild Platz für die Kopfzeile lassen */
	min-height: 76px;
}

#header-area .main-header
{
  padding: 0 0 10px;
}

@media (min-width:1200px)
{
	#main-menu.navbar
	{
		min-height: 48px;
	}

	#SiteMenu
	{
		float: right;
	}
}
#main-menu.navbar li,
#main-menu.navbar li a,
#main-menu.navbar li .kbmi,
#SiteMenu li,
#SiteMenu li .kbmi {
  color: white;
  text-transform: none;
  font-weight: bold;
  text-shadow: none;
}
#main-menu.navbar li a:hover,
#main-menu.navbar li a:focus,
#main-menu.navbar li.active a,
#main-menu.navbar li .kbmi:hover,
#main-menu.navbar li .kbmi:focus,
#main-menu.navbar li.active .kbmi,
#SiteMenu li .kbmi:hover,
#SiteMenu li .kbmi:focus,
#SiteMenu li.active .kbmi {
  color: #f8ad15;
  text-decoration: none;
}

#main-menu.navbar .submenu li,
#main-menu.navbar .submenu li a,
#main-menu.navbar .submenu li .kbmi,
#SiteMenu .submenu li,
#SiteMenu .submenu li .kbmi {
  color: white;
  text-shadow: none;
}
#main-menu.navbar .submenu li a:hover,
#main-menu.navbar .submenu li a:focus,
#main-menu.navbar .submenu li.active a,
#main-menu.navbar .submenu li .kbmi:hover,
#main-menu.navbar .submenu li .kbmi:focus,
#main-menu.navbar .submenu li.active .kbmi,
#SiteMenu .submenu li .kbmi:hover,
#SiteMenu .submenu li .kbmi:focus,
#SiteMenu .submenu li.active .kbmi {
  color: #f8ad15;
  text-decoration: none;
}

#main-menu .navbar-nav > li > .kbmi,
#main-menu .navbar-nav > li > a {
	border-bottom: 3px solid transparent;
	padding-right: 0;
	line-height: 20px;
}
#main-menu .navbar-nav > li > a:hover,
#main-menu .navbar-nav > li > a:focus,
#main-menu .navbar-nav > li.open > a,
#main-menu .navbar-nav > li > .kbmi:hover,
#main-menu .navbar-nav > li > .kbmi:focus,
#main-menu .navbar-nav > li.open > .kbmi
{
	border-bottom: 3px solid transparent /*#f8ad15*/;
	color: #f8ad15;
}

#main-menu .navbar-toggle {
  color: white;
  padding: 0 15px;
  margin: 10px 0 0;
}
#main-menu .navbar-toggle:focus {
    color: white;
}

/* Logo "as is" links unten in der navbar */
.navbar > .container .navbar-brand
{
	height: 76px;
	background-color: #e0e0e0;
	padding: 0;
	margin: 0;
	left: 0;
	z-index: 100;
}
.navbar > .container .navbar-brand > img
{
	height: 65px;
	top: 11px;
}

/*
@media (min-width:1200px)
{
	.navbar-brand
	{
		left: 56px;
		height: 51px;
		margin-right: 56px;
	}
	.navbar-brand > img
	{
		height: 80px;
		top: 8px;
	}
}
*/

/* Restmenü direkt anschließend(!) daneben */
.navbar > .container .navbar-collapse
{
	padding: 0;
	width: 100%;
	vertical-align: bottom;
	/* #8384 AE#xxxxx: jetzt doch erstmal ohne Lücke
	border-left: 38px solid transparent;
	*/
}
.navbar > .container .navbar-collapse.in,
.navbar > .container .navbar-collapse.collapsing
{
  width: unset;
}
.navbar .navbar-collapse > .navbar-bs3-menusite
{
	display: inline-block;
	vertical-align: bottom;
}
.navbar .navbar-collapse.in > .navbar-bs3-menusite,
.navbar .navbar-collapse.collapsing > .navbar-bs3-menusite
{
  width: 100%;
  height: auto;
  background-color: #373737;
}

.collapse.navbar-collapse.navbar-cat-collapse::before
{
	height: 76px;
	width: 100vw;	/* harmlos, da navbar fixed */
	position: absolute;
	top: 0;
	content: ' ';
	background-color: #373737;
}


/* Slotchanger-Sprites:
 * Alle Icons sind 16x10
 */
.slotchanger .kbmi > .hostclass > .icon
{
  display: inline-block;
  position: relative;
  overflow: hidden;
  box-sizing: content-box;
  margin-right: 5px;
  width: 16px;
  height: 10px;
  border: 1px solid black;
}
.slotchanger .hostclass > .icon > img
{
  position: absolute;
}
.slotchanger .hostclass-PCE-CL > .icon > img { top:      0; }
.slotchanger .hostclass-PCE-CN > .icon > img { top:  -10px; }
.slotchanger .hostclass-PCE-CO > .icon > img { top:  -20px; }
.slotchanger .hostclass-PCE-DE > .icon > img { top:  -30px; }
.slotchanger .hostclass-PCE-ES > .icon > img { top:  -40px; }
.slotchanger .hostclass-PCE-FR > .icon > img { top:  -50px; }
.slotchanger .hostclass-PCE-IT > .icon > img { top:  -60px; }
.slotchanger .hostclass-PCE-NL > .icon > img { top:  -70px; }
.slotchanger .hostclass-PCE-PL > .icon > img { top:  -80px; }
.slotchanger .hostclass-PCE-PT > .icon > img { top:  -90px; }
.slotchanger .hostclass-PCE-RU > .icon > img { top: -100px; }
.slotchanger .hostclass-PCE-TR > .icon > img { top: -110px; }
.slotchanger .hostclass-PCE-UK > .icon > img { top: -120px; }
.slotchanger .hostclass-PCE-US > .icon > img { top: -130px; }
.slotchanger .hostclass-PCE-PE > .icon > img { top: -140px; }
.slotchanger .hostclass-PCE-AE > .icon > img { top: -150px; }
.slotchanger .hostclass-PCE-DK > .icon > img { top: -160px; }
.slotchanger .hostclass-PCE-BR > .icon > img { top: -170px; }
.slotchanger .hostclass-PCE-MX > .icon > img { top: -180px; }
.slotchanger .hostclass-PCE-MA > .icon > img { top: -190px; }
.slotchanger .hostclass-PCE-IN > .icon > img { top: -200px; }

/* Slotchanger als modaler Dialog: */
.modal.slotchanger {
	background-color: #000000c8;
	padding-top: 20px;
}
.modal.slotchanger .modal-title {
	color: #fff;
}
.modal.slotchanger .close {
	color: #d9d9d9;
	opacity: 1;
}
.modal.slotchanger ul.slotchanger {
	list-style: none;
	padding: 0;
}
.modal.slotchanger ul.slotchanger > li {
	padding: 10px;
	display: inline-block;
	min-width: 250px;
	width: 50%;
}

/* Slotchanger als Seite: */
.text_SlotChanger {
	background-color: #000000c8;
}
@media (min-width: 768px)
{
	.text_SlotChanger #main-container {
		width: 600px;
	}
}
.text_SlotChanger .slotchanger {
	padding-top: 20px;
}
.text_SlotChanger .main-title {
	color: #fff;
	font-size: 22px;
	border-bottom: 1px solid white;
	padding-bottom: 10px;
}
.text_SlotChanger ul.slotchanger {
	list-style: none;
	padding: 0;
}
.text_SlotChanger ul.slotchanger > li {
	padding: 10px;
	display: inline-block;
	min-width: 250px;
	width: 50%;
}
.text_SlotChanger ul.slotchanger a {
  color: #fff;
  text-transform: none;
  font-weight: bold;
  text-shadow: 1px 1px 0 #000;
}

ul.menu { padding:0; margin:0; }
ul.menu li { display:inline; }

#SiteMenu li {
  vertical-align: top;
}

#SiteMenu li .kbmi {
  color: white;
  display: block;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}

/* Override einer störenden Furniture-Regel für SiteMenu, siehe dort responsive.css:85 */
#main-menu #SiteMenu .navbar-nav > li > a
{
	font-size: 16px;
}

#SiteMenu li .kbmi:hover {
  text-decoration: none;
}

#SiteMenu > ul > li > .kbmi {
  margin: 0 21px;
  padding: 14px 0;
  text-shadow: 1px 1px 0 #000;
}
#SiteMenu > ul > li > .kbmi:hover
{
  border-bottom: 3px solid transparent /*#f8ad15*/;
}


/* Dropdown-Submenüs */

li > .submenu {
	display: none;
	z-index: 2500;
}

li > .modalmenu {
	display: none;
	z-index: 2500;
}

#SiteMenu .submenu {
	background: none repeat scroll 0 0 #5f5f5f;
	border: none;
	left: 250px;
	padding: 10px 0 10px;
	position: absolute;
	/*width: 320px;*/
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

#SiteMenu .submenu.level1 {
	left: 0;
	top: 0;
	margin-top: 0;
	/*width: 250px;*/
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

#SiteMenu div.submenu.level1 {
	top: 51px;
}

/* scrollarrow */
#SiteMenu div.submenu.level1 > ul {
  top: 0;
}

#SiteMenu .submenu:not(.level1) {
	margin-top: -34px;
	max-height: 459px;
	overflow: auto;
}

/* scrollarrowbox */
#SiteMenu div.submenu:not(.level1) {
  padding: 0;
  overflow: visible;
  top: 10px;
}


#SiteMenu div.submenu:not(.level1) > ul {
	position: static;
	margin-top: 0;
	max-height: 400px;
	box-shadow: none;
	width: 300px;
}

#SiteMenu .submenu li {
	display: block;
	font-size: 14px;
	padding: 5px 20px;
	position: static;
}
#SiteMenu div.submenu {
	position: absolute;
}
#SiteMenu .submenu li .kbmi {
	background: none repeat scroll 0 0 #5f5f5f;
	margin-top: -1px;
	height: 100%;
	width: 100%;
	color: white;
	float: none;
	display: table;
	white-space: nowrap;
}
#SiteMenu .submenu li:not(.im) > .kbmi:hover,
#SiteMenu .submenu li:not(.im) > .kbmi:focus
{
	color: #f8ad15;
}

#SiteMenu .submenu li .kbmi span {
	display: table-cell;
	vertical-align: middle;
}

#SiteMenu .submenu li.im .kbmi {
  color: #f8ad15 !important;
  font-weight: bold;
  cursor: default;
}

#SiteMenu .submenu li.im .kbmi span {
  cursor: default;
}

#SiteMenu .submenu .has-submenu > .kbmi {
  background: #5f5f5f url("/skin/div1/bs3/menu-head-arrow.png") no-repeat scroll right center;
}

#SiteMenu .submenu.level1 > li.has-submenu > .kbmi:hover,
#SiteMenu .submenu.level1 > li.has-submenu > .kbmi:focus {
  color: #f8ad15;
}
#SiteMenu .submenu.level1 > li.has-submenu > .kbmi span,
#SiteMenu .submenu.level2 > li.has-submenu > .kbmi span {
  padding-right: 10px;
}

#SiteMenu .submenu.level2 > li.has-submenu > .kbmi {
  background-position: right center;
}
#SiteMenu .submenu.level2 > li.has-submenu > .kbmi:hover,
#SiteMenu .submenu.level2 > li.has-submenu > .kbmi:focus {
  background-position: right center;
  color: #f8ad15;
}



/* scrollarrow */
#SiteMenu .sc-up, #SiteMenu .sc-dn
{
  text-align: center;
  color: #f8ad15;
  font-weight: bold;
  /* nicht selektierbar! */
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
#SiteMenu .sc-up
{
  cursor: n-resize;
}
#SiteMenu .sc-dn
{
  cursor: s-resize;
}



/* collapsed: */

.navbar-collapse.collapsing {
    min-height: 541px;
    height: 541px;
}

.navbar-collapse.in {
    min-height: 541px;
    height: 541px;
}

.navbar-collapse.in #SiteMenu .submenu {
	width: 100%;
	min-height: 459px;
}
.navbar-collapse.in #SiteMenu .submenu.level1 {
	width: 100%;
}
.navbar-collapse.in #SiteMenu div.submenu:not(.level1) > ul {
	width: 100%;
}

@media (max-width:1199px)
{

#SiteMenu .submenu {
	width: 100%;
}
#SiteMenu .submenu.level1 {
	width: 100%;
}
#SiteMenu div.submenu:not(.level1) > ul {
	width: 100%;
}

}


/************************************************************************
 * MiniWK
 */

#cart .btn span#cart-total {
  background-color: #f8ad15;
}
#cart .btn span#cart-total::before {
  border-color: transparent #f8ad15;
}

#cart .dropdown-menu {
  background-color: #5f5f5f;
  color: #1a1a1a;
}

#cart .dropdown-menu table td a {
  color: #585858;
}
#cart .dropdown-menu table td a:hover {
  color: #585858;
}

#cart .btn-block1 a:hover, #cart .btn-block1 a + a {
  background: #f8ad15 none repeat scroll 0 0;
  color: #fff;
}

/************************************************************************
 * FastWK auf der Confirmseite
 */
#fastwk
{
	position: fixed;
	right: 0;
	top: 100px;
	width: 360px;
}
#fastwk .fasttoggle
{
	background: url("/skin/div1/bs3/assets/Icons/Designelemente/Slider_rechts-Icon.svg") no-repeat;
	height: 14px;
	width:  14px;
	margin: 10px 5px;
	color: white;
	position: absolute;
	z-index: 1001;
}
#fastwk .fasttoggle:hover
{
	cursor: pointer;
}
#fastwk ul
{
	display: block;
	padding: 30px;
	background: #5f5f5f none repeat scroll 0 0;
	color: white;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
#fastwk ul li a
{
	color: white;
}

#fastwk.offside
{
	right: -340px;
}
#fastwk.offside .fasttoggle
{
	background: url("/skin/div1/bs3/assets/Icons/Designelemente/Slider_links-Icon.svg") no-repeat;
}
#fastwk.offside ul
{
	padding-left: 50px;
}

@media (max-width: 767px)
{
	#fastwk
	{
		display: none;
	}
}
/************************************************************************
 * Footer
 */

.footer-links {
    background-color: #0f4171;
	color: white;
    border-top: none;
    padding: 25px 0 40px;
}

.footer-links li, .footer-links li a {
    color: white;
}
.footer-links li a:hover {
    color: white;
    text-decoration: none;
}

.footer-links h3 {
	color: #f8ad15;
}
.footer-links h5 {
	color: white;
}

.footer-links li + li {
  border-top: none;
}

.footer-links .last li a {
	color: white;
}

.footer-links .last h4.lead {
	color: white;
}

.footer-links .menu ul {
}
.footer-links .menu li {
}
@media (min-width: 768px)
{
	.footer-links .menu ul {
		min-height: 160px;
	}
}

.footer-tax { padding: 0 0 15px 15px; }
.footer-tax a { color: white; }

.footer-social img
{
	display: inline-block;
	width: 2em;
}

.copyright {
	background-color: #0f4171;
    color: white;
}
.copyright a, .copyright a:hover {
    color: white;
}


/************************************************************************
 * Buttons
 */

.nav-pills > li > a {
    border-radius: 0;
}

.btn {
  border: none;
  padding: 10px 15px;
  border-radius: 0;
  text-transform: uppercase;
}

.btn-default {
  background: #0f4171 none repeat scroll 0 0;
  color: white;
}
.btn-default:hover,
.btn-default:active,
.btn-default:focus,
.btn-default:active:focus
{
  background: #373737 none repeat scroll 0 0;
  color: white;
}


#search .input-group .btn {
  color: #f8ad15;
	border: solid #f8ad15;
}

.btn-black:hover, .btn-black:focus, .btn-black:active, .btn-black.active, .btn-main {
  background-color: #0f4171;
  border-color: white;
  color: white;
}
.btn-main:hover, .btn-main:focus, .btn-main:active, .btn-main.active {
  background-color: #373737;
  border-color: white;
  color: white;
}

.btn-primary {
  background-color: #0f4171;
  border-color: white;
  color: white;
}
.btn-primary:hover {
  background-color: #373737;
  border-color: white;
  color: white;
}

.btn-success,
.btn-success:focus
{
  background-color: #0f4171;
  border-color: white;
  color: white;
}
.btn-success:hover,
.btn-success:active,
.btn-success:active:focus,
.btn-success:active:hover
{
  background-color: #373737;
  border-color: white;
  color: white;
}

.btn-info,
.btn-info a,
.itemlist-layout-Pics .product-col .btn-info
{
	background-color: var(--ci-btn-bg);
	color: var(--ci-btn-fg);
	font-size: large;
}
.btn-info:hover,
.btn-info:active,
.btn-info:focus,
.btn-info:active:focus,
.btn-info:active:hover,
.btn-info a:hover,
.itemlist-layout-Pics .product-col .btn-info:hover
{
	background-color: var(--ci-btn-bgh);
	color: var(--ci-btn-fgh);
	text-decoration: none;
}
.btn-info a { display: block; }


/************************************************************************
 * Listen
 */

.side-heading {
}

.list-group-item {
}

.list-group-item .fa {
  color: #f8ad15;
}

.list-group.categories a.list-group-item:hover, .list-group.categories a.list-group-item:focus {
}

.product-filter
{
	background: transparent;
	border: none;
}

.product-filter .display a.active {
  color: #f8ad15;
}

.product-col {
    padding: 15px 15px 10px;
    margin-bottom: 20px;
    background: white;
    border: 0 solid #e8e8e8;
}
.artlist-nrlist .product-col, /* nrlist */
.ArtList_nrlist .product-col, /* nrlist2 */
.itemlist-layout-Pics .product-col
{
	hyphens: auto;
}

.product-col.list .image
{
  text-align: left;
  /* Bilder automatisch größer, Rand ist genug vorhanden */
  padding-right: 0;
  /* alte IEs mißverstehen das float:left */
  float: none;
}

@media (max-width: 991px)
{
	.product-col.list .image {
		float: none;
		padding: 0;
	}
	.product-col .img-responsive {
		margin: 0;
	}
}

.product-col .caption {
    text-align: left;
}

.product-col .action.list1 {
    margin-top: 0px;
    margin-right: 10px;
    text-align: left;
}

.product-col .price span.price-new {
  color: #f8ad15;
  font-weight: bold;
}


.product-col .cart-button .btn {
    border-radius: 0;
    border: none;
    display: block;
    float: none;
    max-width: 100%;
    width: 100%;
}

.product-col .btn-cart {
  background-color: #0f4171;
  border-color: white;
  color: white;
}
.product-col .btn-cart:hover {
  background-color: #373737;
  border-color: white;
  color: white;
}

.product-col .btn {
  margin: 4px 0px;
}

.product-col .btn-info,
.product-col .btn-wishlist,
.product-col .btn-compare {
  background: #0f4171 none repeat scroll 0 0;
  border: none;
  color: white;
}
.product-col .btn-info:hover,
.product-col .btn-wishlist:hover,
.product-col .btn-compare:hover {
  background: #373737 none repeat scroll 0 0;
  color: white;
}

.pdf-buttons {
  margin-top: 20px;
}

.pdf-buttons a {
  display: block;
  float: left;
/*  width: 130px;
  height: 110px;*/
  line-height: 100%;
  margin: 0 5px 5px 0;
  text-align: center;
  vertical-align: top;
}

.pdf-buttons img { }


.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus
{
    background:		var(--ci-btn-bg);
    border-color:	var(--ci-btn-fg);
}
.results {
    color: #f8ad15;
}


.line-horiz {
	width: 100%;
	height: 2px;
	margin: 0;
	background: -webkit-linear-gradient(to right, white 0%, #f8ad15 20%, #f8ad15 80%, white 100%);
	background:      -o-linear-gradient(to right, white 0%, #f8ad15 20%, #f8ad15 80%, white 100%);
	background:    -moz-linear-gradient(to right, white 0%, #f8ad15 20%, #f8ad15 80%, white 100%);
	background:         linear-gradient(to right, white 0%, #f8ad15 20%, #f8ad15 80%, white 100%);
}

.line-vert {
    /* display: inline-block; */
	display: none; /* #6645 */
	width: 1px;
	height: 100%;
	padding: 0;
    position: absolute;
    left: 66.667%;
    z-index: 10;
	background: -webkit-linear-gradient(to bottom, white 0%, #f8ad15 20%, #f8ad15 80%, white 100%);
	background:      -o-linear-gradient(to bottom, white 0%, #f8ad15 20%, #f8ad15 80%, white 100%);
	background:    -moz-linear-gradient(to bottom, white 0%, #f8ad15 20%, #f8ad15 80%, white 100%);
	background:         linear-gradient(to bottom, white 0%, #f8ad15 20%, #f8ad15 80%, white 100%);
}

@media (max-width: 991px)
{
.line-vert {
    display: none !important;
}
}


.artlist-nrlist .product-col,
.ArtList_nrlist .product-col,
.itemlist-layout-Pics .product-col
{
	text-align: center;
	color: var(--ci-col-prim1);
}

.artlist-nrlist .product-col a:not(.btn),
.ArtList_nrlist .product-col a:not(.btn),
.itemlist-layout-Pics .product-col a:not(.btn)
{
	color: var(--ci-col-prim1);
}
.artlist-nrlist .product-col a:not(.btn):hover,
.ArtList_nrlist .product-col a:not(.btn):hover,
.itemlist-layout-Pics .product-col a:not(.btn):hover
{
	color: var(--ci-col-prim3);
}

.artlist-nrlist .product-col > .image,
.ArtList_nrlist .product-col > .image,
.itemlist-layout-Pics .product-col > .image
{
	display: inline-block;
}

.artlist-nrlist .product-col > .caption,
.ArtList_nrlist .product-col > .caption,
.itemlist-layout-Pics .product-col > .caption
{
	text-align: inherit;
	padding: 0;
}
.artlist-nrlist .product-col > .caption > .h2,
.ArtList_nrlist .product-col > .caption > .h2,
.itemlist-layout-Pics .product-col > .caption > .h2
{
	margin-top: 0;
}
.artlist-nrlist .product-col > .caption > .h5,
.ArtList_nrlist .product-col > .caption > .h5,
.itemlist-layout-Pics .product-col > .caption > .h5
{
	margin-top: 0;
	color: inherit;
}
.artlist-nrlist .product-col > .description ul.bullet,
.ArtList_nrlist .product-col > .description ul.bullet,
.itemlist-layout-Pics .product-col > .description ul.bullet
{
	padding-left: 25px;
}
.artlist-nrlist .product-col .artlist-hinweis-artikel,
.ArtList_nrlist .product-col .artlist-hinweis-artikel,
.itemlist-layout-Pics .product-col .artlist-hinweis-artikel
{
	color: var(--ci-col-prim3);
	margin: -10px 0 20px;
}
.artlist-nrlist .pagination-block,
.ArtList_nrlist .pagination-block,
.itemlist-layout-Pics .pagination-block
{
	text-align: center;
	padding-bottom: 15px;
}


.alert_xslist .product-head.subline-left
{
	font-size: 24px;
	padding: 1em 0;
	margin: 0;
	border: none;
	background: transparent;
}

/************************************************************************
 * Produktkarte
 */
.product-info.fullstripe
{
	padding: 30px 0;
}

.product-info .images-block .list-inline .thumbnail {
    max-width: 75px;
    padding: 5px;
}

.product-info .product-details .main-heading
{
    color: var(--ci-col-prim1);
    text-align: left;
    font-size: 32px;
    margin-bottom: 20px;
}


.orderblock .form-group
{
	margin-left: 0;
	margin-right: 0;
}

.orderblock .prodcard_Preis label,
.orderblock .prodcard_PreisBrutto label,
.orderblock .prodcard_EAN label
{
	font-weight: normal;
	padding: 0;
}
.orderblock .prodcard_Preis .form-control-static,
.orderblock .prodcard_PreisBrutto .form-control-static
{
	padding-bottom: 0;
}
.orderblock .prodcard_EAN .form-control-static
{
	display: inline-block;
}

.product-info .product-details .price-new {
  color: #f8ad15;
  font-weight: bold;
}

.prodcard_BestellNr,
.prodcard_EAN
{
    display: none;
}
.sub_best_ean
{
	margin-bottom: 1em;
}
.sub_best_ean > div
{
	display: inline-block;
	padding-right: 1em;
}

/* #8287: PCE-BR Bruttopreise ausblenden */
.hc-PCE-BR .prodcard_PreisBrutto {
    display: none;
}

@media (min-width: 992px)
{
	.prodcard_order > :first-child,
	.prodcard_ButtonChange > :first-child
	{
		padding-left: 0;
		padding-right: 0;
	}
	.prodcard_order > :first-child .unit
	{
		display: none;
	}
	.prodcard_order > :not(:first-child),
	.prodcard_ButtonChange > :not(:first-child),
	.prodcard_order > .pkmenu > :last-child
	{
		padding-left: 5px;
		padding-right: 0;
	}
	/* pre-override mit Zusatzspezifizität .btn */
	#item_order .btn.btn-cart,
	#item_order #pkmenu_callback > .btn.btn
	{
		font-size: 14px;
	}
}
.product-details .popreisblock .col-sm-9.form-control-static > span {
    padding: 0 !important;
}
.product-details .popreisblock i {
    font-style: normal;
}

#itemdetail #item_order .param-type-info,
#itemdetail #item_order .param-type-text.param-readonly {
    display: none;
}

/* 8969: Parameter-Padding auf der PK an Preisfelder anpassen */
#itemdetail #item_order .paramblock-main
{
	margin-top: 15px;
}
#itemdetail #item_order .paramblock-main > .poparam > :first-child
{
	padding-left: 10px;
}
#itemdetail #item_order .paramblock-main > .poparam > :last-child
{
	padding-right: 10px;
}

/* #7372: Anzeige der ETIM-Parameter im Checkout unterdrücken */
.basket-panel .paramschema-code-etim,
.order-abschluss-auftrag .paramschema-code-etim,
.mod-account_orderhistory .paramschema-code-etim {
    display: none;
}

/* #8565: Anzeige der Rexel-Parameter im Checkout unterdrücken */
.basket-panel .paramgroup-name-rexel-bmecat2005-export,
.order-abschluss-auftrag .paramgroup-name-rexel-bmecat2005-export,
.mod-account_orderhistory .paramgroup-name-rexel-bmecat2005-export {
    display: none;
}

#item_order .multi_preis_col > div
{
	display: inline-block;
	padding-right: 3em;
	padding-left: 10px;
	padding-top: 10px;
	vertical-align: top;
}
#item_order .multi_preis_col .prodcard_PreisHinweis
{
	float: right;
	padding-right: 10px;
}
#item_order .multi_preis_col .pkflags
{
	clear: both;
	float: right;
	min-height: 34px; /* Höhe des orangenen Preises */
}
#item_order .multi_preis_col .pkhinweis
{
	clear: both;
	float: right;
}
#item_order .popreisblock
{
	background: white;
}
#item_order .prodcard_TextNach
{
    font-size: smaller;
    margin-bottom: 0;
}
#item_order .prodcard_TextNach::before
{
    border-top: 1px solid black;
    width: calc( 100% - 20px );
    margin-left: 10px;
}

#item_order .btn
{
    width: 100%;
}
#item_order .input-spinner .btn
{
    width: unset;
}
#item_order .input-spinner > .order-qty
{
    height: 40px;
}
#item_order .btn-cart
{
	background: var(--ci-btn-bg);
	color: var(--ci-btn-fg);
	border: none;
	font-size: 16px;
}
#item_order .btn-cart:hover
{
	background: var(--ci-btn-bgh);
	color: var(--ci-btn-fgh);
	border: none;
}
#itemdetail #item_order .btn-cart
{
	background: #f8ad15;
	color: #1a1a1a;
}
#itemdetail #item_order .btn-cart:hover
{
	background: #f8ad15c0;
	color: #1a1a1a;
}
#item_order .textbox.Wkorb
{
    width: 260px;
}
#item_order #pkmenu_callback
{
	width: 100%;
}
#item_order #pkmenu_callback > .btn
{
	background: white;
	color: #1a1a1a;
	font-size: 16px;
}
#item_order #pkmenu_callback > .btn:hover
{
	background: var(--ci-col-sec1);
}
@media (min-width: 768px)
{
	#item_order #pkform_callback {
		padding-top: 40px;
	}
}

.product-info .product-details .btn-wishlist:hover,
.product-info .product-details .btn-compare:hover,
.product-info .product-details .btn-cart,
.itemlist-layout-List1 .cart-button .btn-info
{
  background-color: #0f4171;
  border-color: white;
  color: white;
  padding: 10px 15px;
  border-radius: 0;
}
.product-info .product-details .btn-cart:hover,
.itemlist-layout-List1 .cart-button .btn-info:hover
{
  background-color: #373737;
  border-color: white;
  color: white;
}

.product-info-box .heading {
  background: #fff none repeat scroll 0 0;
  border-color: #e8e8e8 #e8e8e8 #f8ad15;
  color: #f8ad15;
}

.nav-tabs
{
    border-bottom: 1px solid #5f5f5f;
}
.nav-tabs > li > a {
    background: white;
    border: 1px solid #5f5f5f;
    border-bottom: 1px solid #5f5f5f;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background: #f8ad15;
    color: white;
    font-weight: bold;
    border: 1px solid #f8ad15;
}
.tab-content {
    padding: 16px;
}
.tab-content>.tab-pane {
    min-height: 400px;
}

.pklieferzeit
{
	font-size: 16px;
	margin: 0;
	background-color: var(--ci-btn-bg);
	clear: both;
}
.pklieferzeit > .pk_form
{
	float: none;
	display: inline-block;
	padding: 4px 10px;
	color: var(--ci-btn-fg);
	font-weight: normal;
}

.pkaccessory section > .h2
{
	background: none;
	border: none;
}
.pkaccessory .item > .product-col
{
	padding-top: 0;
	padding-bottom: 0;
}
.pkaccessory .item .caption > .h2
{
	font-size: 17px;
}
.pkaccessory .owl-controls
{
	top: -95px; /* % tut nicht wegen mh? was muss da hinterher getriggert werden? */
}
.pkaccessory .owl-controls .owl-prev
{
	left: 1em;
}
.pkaccessory .owl-controls .owl-next
{
	right: 1em;
}

.pkdownloads {
  margin-bottom: 20px;
}
.pkdownloads a {
  display: block;
  float: left;
  width: 200px;
  height: 140px;
  line-height: 100%;
  margin: 0 5px 5px 0;
  padding: 20px 50px;
  text-align: center;
  vertical-align: top;
}

/* pkimages*/
.item-images-select
{
	width: 80%;
	margin: 0 10%;
}

.prodcard_UVP > label
{
	display: none;
}

.prodcard_UVP > .price-reduced
{
	padding-left: 10px;
}
.prodcard_UVP > .price-reduced > .price-old,
.product-col .price span.price-old
{
	color: green;
	font-weight: bold;
	font-size: 24px;
	text-decoration-thickness: 4px;
}
.prodcard_UVP > .price-reduced > .price-post
{
	color: green;
	vertical-align: top
}


/************************************************************************
 * Popups
 */

.mfp-bg
{
  z-index: 3000;
}
.mfp-wrap
{
  z-index: 3001;
}

.mfp-iframe-holder {
    height: 100%;
    min-height: 100%;
}
.mfp-iframe-holder .mfp-content {
    height: 100%;
    /*min-height: 100%;*/
    line-height: 0;
    max-width: 1500px;
    width: 90%;
}
.mfp-iframe-scaler {
    height: 100%;
    min-height: 100%;
}
.mfp-iframe-holder .mfp-close {
    top: 0px;
    right: 10px;
}

.modal {
	z-index: 3050;
}
.modal-dialog {
    /* height: 90%;*/
}
.modal-content {
    height: 100%;
}
.modal-body {
    /*height: calc(100% - 120px);*/
    overflow-y: auto;
}

.angebot_dialog .modal-dialog {
    height: 90%;
}
.angebot_dialog .modal-header h4 {
    width: 95%;
}
.angebot_dialog .modal-body {
    height: calc(100% - 120px);
}

@media print {
	a[href]:after {
		content:"";
	}
}


/************************************************************************
 * Slotchanger als nachladendes Ajax-Dropdown (muss hinter die Button-/Dropdown-Regeln!)
 */
.navbar-bs3-slotchanger
{
	float: right;
	vertical-align: top;
}
@media (min-width:1200px)
{
	.navbar-bs3-slotchanger
	{
		padding: 8px 0;
	}
	.navbar-header .navbar-bs3-slotchanger {
		display: none;
	}
}
.navbar-header .navbar-bs3-slotchanger {
	margin: 4px 0px;
}
@media (max-width:1199px)
{
	.navbar-collapse .navbar-bs3-slotchanger {
		display: none;
	}
}

.slch_button
{
	padding: 0 0 4px 0;
	background: transparent;
	top: -2px;
}
.slch_icon
{
	background: transparent url("/skin/div1/bs3/assets/Icons/Themenicons/Weltkugel-Icon.svg") no-repeat scroll left bottom / contain;
	float: left;
	width:  20px;
	height: 27px;
}
.slch_lang
{
	color: white;
	font-size: 16px;
	font-weight: bold;
	top: 6px;
	margin-left: 2px;
}
#main-menu .slch_anzeige > ul
{
	background: #5f5f5f none repeat scroll 0 0;
	color: white;
	border: none;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	float: left;
	padding: 10px 10px 2px;
	margin: 0;
	padding: 1em;
	width: 300px;
	overflow: hidden;
	z-index: 1200;
	line-height: 4ex;
}
#main-menu .slch_anzeige ul.slotchanger
{
	list-style: none;
	padding-left: 0;
	column-count: 2;
	column-gap: 5px;
}
#main-menu ul.slotchanger li .kbmi.active
{
	opacity: 0.5;
}
#main-menu ul.slotchanger li:hover > a, #main-menu ul.slotchanger li:hover > i
{
	background: transparent;
	color: #f8ad15;
}

/************************************************************************
 * Telefonnotiz
 */
@media (min-width:1200px)
{
	.navbar-bs3-telnote
	{
		float: right;
		padding: 12px 15px;
	}
	.navbar-header .navbar-bs3-telnote
	{
		display: none;
	}
}
@media (max-width:1199px)
{
	.navbar-bs3-telnote
	{
		float: right;
		padding: 8px 15px;
	}
	.navbar-collapse .navbar-bs3-telnote
	{
		display: none;
	}
}
@media (max-width: 767px)
{
	.navbar-bs3-telnote
	{
		position: absolute;
		top: 0;
		right: 0;
	}
}
@media (max-width: 499px)
{
	.navbar-bs3-telnote .tn_anzeige .tellabel
	{
		display: none;
	}
}

.navbar-bs3-telnote .tn_anzeige
{
	color: white;
	text-transform: none;
	font-weight: bold;
	text-shadow: none;
}
.navbar-bs3-telnote .tn_anzeige a
{
	color: #e0e0e0;
}
.navbar-bs3-telnote .tn_anzeige a:hover
{
	color: #f8ad15;
}


/************************************************************************
 * Banner-Kanäle
 */

/* Navigationsbox-Standards */

div.box_nav {
  position:relative;
  margin:0;
  color:#1a1a1a;
  background:url(/g/custom/background_box_content.png) repeat-y scroll left top #eee;
  float:left;
  width:245px;
  border-bottom:1px solid #a8a8a8;
  z-index:200;
}

div.box_nav div.boxhead { position:relative; float:left; margin:0 0 7px 0; padding:1px; border:1px solid #a8a8a8; }

div.box_nav span.boxhead { float:left; color:#222; padding:8px; background:url(/g/custom/background_nav_head_neu.png) #ddd repeat-x center center; width:100%; }

/* einige Boxen besonders hervorheben, doch blauen Hintergrund */
div#bxcompare_list span.boxhead { background:url(/g/custom/background_nav_head_hover_neu.png) #2C36ED repeat-x center center; color:#fff; }

div.box_nav div.boxfoot { position:relative; background:none no-repeat scroll left bottom; }

div.box_nav div.ibox { position:relative; z-index:10; top:0; padding:0 8px; float:left; padding-bottom:10px; }
div.box_nav h5 { margin-top:10px; margin-bottom:5px; }
div.box_nav label { }

div.box_nav a { color:#585858; }
div.box_nav a:link { text-decoration:none; }
div.box_nav a:visited { text-decoration:none; }
div.box_nav a:focus { text-decoration:underline; }
div.box_nav a:hover { text-decoration:underline; }
div.box_nav a:active { text-decoration:underline; }

div.box_nav .hl1,.hl2 { }
div.box_nav ul,ol { margin-top:0; margin-bottom:0; }
div.box_nav li { margin-bottom:4px; }



/* Bannerboxen linker + rechter Rand: */
.pgnav
{
  /* Logoschweif soll nicht in den Text ragen */
  margin-top: 20px;
}

.pgnav div.box_nav div.ibox {
  float: left;
  font-size: 14px;
  padding: 8px;
  position: relative;
  top: 0;
}


#pgnavleft,
#pgnavright
{
	position: fixed;
	vertical-align: top;
	z-index: 1200;
	visibility: hidden;
}

#pgnavleft div.navctrl,
#pgnavright div.navctrl
{
	display: none;
	cursor: pointer;
}

#pgnavleft div.box_nav,
#pgnavright div.box_nav
{
	position: relative;
	border: none;
	box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.2);
	visibility: visible;
	padding: 1em 2em
}

#pgnavleft div.box_nav div.boxhead,
#pgnavright div.box_nav div.boxhead
{
	float: none;
	border: none;
	margin: 0 0 1em;
	padding: 0;
	text-align: center;
	cursor: pointer;
}
#pgnavleft div.box_nav span.boxhead,
#pgnavright div.box_nav span.boxhead
{
	background: transparent;
	float: none;
	font-size: x-large;
	font-weight: bold;
	display: inline-block;
}
#pgnavleft div.box_nav div.ibox,
#pgnavright div.box_nav div.ibox
{
	float: none;
	margin: 0;
	padding: 0;
}


#pgnavleft
{
	width: 245px;
	left: 16px;
}

#pgnavleft div.navctrl {
	display: none;
	width: 265px;
	transform: rotate(90deg);
	transform-origin: left top 0;
	/* IE < 10 */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	left: 25px; /* Höhe vor Drehung */
}

#pgnavleft div.navctrl span.boxhead {
	background: #0f4171 none repeat scroll 0 0;
	border: 3px solid #f8ad15;
	border-radius: 14px 14px 0 0;
	color: white;
	font-weight: bold;
	padding: 8px;
	/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);*/
	display: block;
	text-align: center;
	cursor: pointer;
	/*opacity: 0.5;*/
	visibility: visible;
}

#pgnavleft div.box_nav
{
	background: #0f4171 none repeat scroll 0 0;
	color: white;
	width: 245px;
}

#pgnavleft div.box_nav div.boxhead
{
	border-bottom: 3px solid #f8ad15;
}
#pgnavleft div.box_nav span.boxhead
{
	color: white;
}

#pgnavleft div.box_nav ul
{
	list-style: none;
	text-align: center;
	padding: 0;
}
#pgnavleft div.box_nav li::before
{
	content: "";
	background: url("/skin/div1/bs3/assets/Icons/Designelemente/Aufzählungszeichen-Icon.svg") no-repeat;
	height: 10px;
	width: 10px;
	margin: 0 5px 0 0;
	display: inline-block;
}
#pgnavleft div.box_nav li a
{
	color: white;
}
#pgnavleft div.box_nav li:not(.no-uplink):last-child::before
{
	content: none;
}
#pgnavleft div.box_nav li:not(.no-uplink):last-child
{
	font-size: x-small;
}


#pgnavright
{
	width: 245px;
	right: 16px;
}

#pgnavright div.navctrl {
	display: none;
	width: 140px;
}

#pgnavright div.navctrl span.boxhead {
	background: white none repeat scroll 0 0;
	border: 3px solid #f8ad15;
	border-radius: 14px 14px 0 0;
	color: #1a1a1a;
	font-weight: bold;
	padding: 8px;
	/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);*/
	display: block;
	text-align: center;
	cursor: pointer;
	/*opacity: 0.5;*/
	transform: rotate(-90deg);
	transform-origin: right top 0;
	right: -80px;
	/* IE < 10 */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	visibility: visible;
}

#pgnavright div.navbox1 + div.navbox1
{
	margin-top: 5px;
	float: left;
}

#pgnavright div.box_nav
{
	background: white none repeat scroll 0 0;
	color: #1a1a1a;
	width: 245px;
}

#pgnavright div.box_nav div.boxhead
{
	border-bottom: 3px solid #f8ad15;
}
#pgnavright div.box_nav span.boxhead
{
	color: #1a1a1a;
}

/* auf Kleingeräten keine l/r-Randnav → FixBanner */
/* Beginn SCREEN_XSM → .pgnavbottom */
  #pgnavleft.pgnavbottom div.navctrl,
  #pgnavright.pgnavbottom div.navctrl
  {
	display: none;
  }

  #pgnavleft.pgnavbottom
  {
    left: 0;
  }

  #pgnavleft.pgnavbottom div.box_nav,
  #pgnavright.pgnavbottom div.box_nav
  {
    border: 3px solid #f8ad15;
    border-bottom: none;
    border-radius: 14px 14px 0 0;
    width: inherit;
    padding: 0px 8px 2px;
  }

  #pgnavleft.pgnavbottom div.box_nav div.boxhead,
  #pgnavright.pgnavbottom div.box_nav div.boxhead
  {
    margin: 0;
  }

  #pgnavleft.pgnavbottom div.box_nav span.boxhead,
  #pgnavright.pgnavbottom div.box_nav span.boxhead
  {
    border: none;
    border-radius: 11px 11px 0 0;
    margin: 0 0 0 3px;
    width: 100%;
    font-size: 18px;
  }
  #pgnavleft.pgnavbottom div.box_nav span.boxhead
  {
    left: -3px;
  }

  #pgnavleft.pgnavbottom div.box_nav div.ibox,
  #pgnavright.pgnavbottom div.box_nav div.ibox
  {
    margin: 5px 0 0;
  }

  #pgnavleft.pgnavbottom .bannercont,
  #pgnavright.pgnavbottom .bannercont
  {
    position: fixed;
    bottom: 0;
    display: table;
  }
  #pgnavleft.pgnavbottom .bannercont
  {
    left: 0;
  }
  #pgnavright.pgnavbottom .bannercont
  {
    right: 0;
  }
  #pgnavleft.pgnavbottom .bannercont > .navbox1,
  #pgnavright.pgnavbottom .bannercont > .navbox1
  {
    display: table-cell;
  }

  #pgnavright.pgnavbottom div.navbox1 + div.navbox1
  {
    margin: 0 0 0 1px;
  }
/* Ende SCREEN_XSM → .pgnavbottom */

/************************************************************************
 * Checkout / Account
 */

.mod-account_login .account_login_old-panel,
.mod-account_login .account_login_new-panel,
.mod-account_login .account_datenschutz-panel,
.mod-account .account_infocenter-panel,
.mod-account .account_datenschutz-panel,
/* Confirm */
.mod-order_combi .order_combi_confirm_bs3-panel,
.mod-order_combi .order_combi_confirm_agb_bs3-panel,
.mod-order_combi .basket-noedit-panel
{
	border: none;
	box-shadow: none;
	padding: 0;
}

.mod-account_login .account_login_old-panel
{
	padding-right: var(--bscolpad);
}
.mod-account_login .account_login_new-panel
{
	padding-left: var(--bscolpad);
}
.mod-account_login .account_login_new-panel .btn-black
{
	float: right;
}

/* Warenkorb im Checkout */
.mod-order_combi .order_combi_confirm-panel,
.basket-panel.panel-smart
{
	background: transparent;
}
.order_combi .order_combi_confirm-panel .order_combi_confirm_bs3-panel
{
	margin-top: 0;
	padding: 0;
}
.order_combi .order_combi_confirm-panel .order_combi_confirm_bs3-panel .panel-body .panel-smart
{
	margin: 0;
}
.wk-display .basket-panel .crossselling-post
{
	height: 0;
	clear: both;
}
.wk-display .basket-panel .options-panel
{
	margin: 0;
	padding: 0 0 0.1px 0;
}
.wk-display .basket-panel .options-panel .wk-coupon-field > .form-group
{
	margin-bottom: 0;
}
.wk-display .basket-panel .sum-panel
{
	padding: 0;
}

/* mit fullstripe */
.basket-panel .fluid-tables > .fullstripe.table > tbody + tbody
{
	background: transparent;
	border-top: 3px solid var(--ci-col-prim2);
}
.basket-panel .fluid-tables > .table > tbody.partTableCnt1 + tbody
{
	border-top: none;
}
.basket-panel .breadcrumb.versanddetails,
.basket-panel div.fluid-tables .table-striped tr.poPartSum
{
	background: transparent;
}

.wk-display.wk-mode-edit .alert-b2what
{
	margin-bottom: 0;
}

/* main_title im Warenkorb verstecken, aber nicht im Confirm */
.basket-edit-panel > .panel-heading
{
	display: none;
}
.basket-edit-panel > .panel-body
{
	padding: 0;
}
.mod-order_combi .basket-noedit-panel > .panel-heading,
.mod-order_combi .basket-noedit-panel > .panel-body,
.mod-order_combi .order_combi_confirm_agb_bs3-panel > .panel-heading,
.mod-order_combi .order_combi_confirm_agb_bs3-panel > .panel-body
{
	padding: 0;
}

.basket-panel .ArtikelRow .artImage
{
	width: 100px;
	float:left;
	margin-right: 15px;
}
.basket-panel .ArtikelRow .artHeading > a
{
	color: var(--ci-col-prim1);
	font-weight: bold;
}
.basket-panel .ArtikelRow .artPrice,
.basket-panel .ArtikelRow .artGesamt
{
	line-height: 40px;
	color: var(--ci-col-prim2);
	font-weight: bold;
}
.basket-panel .ArtikelRow .artQuantityAction
{
	line-height: 40px;
}
.basket-panel .ArtikelRow .artQuantityAction .unit
{
	display: none;
}
.basket-panel .ArtikelRow .artQuantityAction .quantity
{
	font-size: 16px;
	height: 40px;
}

.basket-panel .fluid-tables tr.spacer,
.basket-panel .fluid-tables td > hr
{
	border-top: 3px solid var(--ci-col-prim2);
	clear: both;
	margin: 0;
}

.mod-order_combi .order_combi_ka-panel,
.mod-order_combi .order_combi_start-panel
{
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	padding: 0;
}
.mod-order_combi .order_combi_confirm-panel > .panel-heading
{
	display: none;
}
.mod-order_combi .order_combi_start-panel .SubmitInfo
{
	font-weight: normal;
	padding-top: 10px;
}
.mod-account_login .account_login_old-panel > .panel-heading,
.mod-account_login .account_login_new-panel > .panel-heading,
.mod-account_login .account_datenschutz-panel > .panel-heading,
.mod-account .account_infocenter-panel > .panel-heading,
.mod-account .account_datenschutz-panel > .panel-heading,
.mod-order_combi .order_combi_ka-panel > .panel-heading,	/* neukunde */
.mod-order_combi .order_combi_start-panel > .panel-heading,
.mod-order_combi .order_combi_editlogin-panel > .panel-heading,
.mod-order_combi .order_combi_payment-panel > .panel-heading,
.mod-order_combi .order_combi_confirm_bs3-panel > .panel-heading,
.basket-panel .crossselling-panel > .panel-heading,
.basket-panel .options-panel > .panel-heading,
.basket-panel .sum-panel > .panel-heading,
.basket-panel > .panel-heading
{
	border: none;
	padding: 20px 0 0;
}
.order_combi_tour_account .order_combi_editlogin-panel .order_combi_editlogin_data h3,
.mod-account_login .h2.textline-left,
.mod-account_login .h2.textline-right,
.mod-order_combi .h2.textline-left,
.basket-panel .h2.textline-left
{	/* Mottek */
	color: #1a1a1a !important;
	font-size: 30px;
	font-weight: 700;
	font-stretch: condensed;
}
.crossselling-panel > .panel-heading > .h3.textline-left
{
	margin-top: 0;
}
.basket-panel .crossselling-panel
{
	padding-top: 0;
	margin-bottom: 0;
}
.basket-panel .crossselling-panel > .panel-heading
{
	padding-top: 0;
}

.options-panel.panel > .panel-body,
.sum-panel.panel > .panel-body
{
	clear: both;
	padding: 20px 0 0;
}
.basket-panel .sum-panel,
.basket-panel .sum-panel .summe
{
	margin-bottom: 0;
}
.sum-panel dt
{
	text-align: left;
	font-weight: normal;
}
.sum-panel dl.dl-horizontal.summe dt
{
	width: unset;
}
.sum-panel .summary-brutto
{
	color: var(--ci-col-prim2);
	font-size: larger;
	font-weight: bold;
}
.basket-panel tr.poPartSum .sum
{
	color: var(--ci-col-prim2);
	font-size: 30px;
	font-weight: bold;
}
.basket-panel tr.poPartSum .textnach .info2
{
	font-size: 7px;
}

.btn-default.Wkorb-Offer
{
	background-color: var(--ci-col-sec1);
	color: var(--ci-col-text);
}

.order_combi_tour_account .order_combi_editlogin-panel > .panel-heading
{
	display: none;
}
.account-infocenter-intro .btn
{
	height: 40px;
}



.checkout_process .process_button
{
	display: inline-block;
	height: 42px;
	line-height: 42px;
	margin: 7px 11px 0 11px !important;
	position: relative;
	text-align: left;
	color: #0f4171;
	font-weight: bold;
	white-space: nowrap;
}
.checkout_process .process_button_on
{
	color: white;
}
.checkout_process .process_button span.nmb
{
	padding-left: 1rem;
}
.checkout_process .process_button span.lbl
{
	padding-right: 1rem;
}
.checkout_process .process_button::before
{
	content: "";
	position: absolute;
	border: 21px solid #e0e0e0;
	border-right: none;
	border-left: 11px solid transparent;
	top: 0;
	left: -11px;
}
.checkout_process .process_button::after
{
	content: "";
	position: absolute;
	border: 21px solid transparent;
	border-right: none;
	border-left: 11px solid #e0e0e0;
	top: 0;
	right: -11px;
}
.checkout_process .process_button_off
{
	background: #e0e0e0;
}
.checkout_process .process_button_on
{
	background: #0f4171;
	color: white;
}
.checkout_process .process_button_link > a
{
	display: inline-block;
}
.checkout_process .process_button_link > a:hover
{
	text-decoration: none;
}
.checkout_process .process_button_link:hover
{
	background: #373737;
	color: white;
}
.checkout_process .process_button_link:hover span.label
{
	color: white;
}

.checkout_process .process_button_on::before
{
	border-top-color: #0f4171;
	border-bottom-color: #0f4171;
}
.checkout_process .process_button_on::after
{
	border-left-color: #0f4171;
}

.checkout_process .process_button_link:hover::before
{
	border-top-color: #373737;
	border-bottom-color: #373737;
}
.checkout_process .process_button_link:hover::after
{
	border-left-color: #373737;
}

.checkout_process .history_back .process-button,
.checkout_process .history_next .process-button
{
	width: 100%;
	margin: 7px 0;
	padding: 11px 0;
	background: transparent;
	color: #0f4171;
	text-transform: none;
	font-weight: bold;
}
.checkout_process .history_back .process-button::before
{
	content: "";
	background: url("/skin/div1/bs3/assets/Icons/Designelemente/Slider_links-Icon.svg") no-repeat;
	height: 14px;
	width:  14px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: sub;
}
.checkout_process .history_next .process-button::after
{
	content: "";
	background: url("/skin/div1/bs3/assets/Icons/Designelemente/Slider_rechts-Icon.svg") no-repeat;
	height: 14px;
	width:  14px;
	margin-left: 5px;
	display: inline-block;
	vertical-align: sub;
}

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


.order_combi_address_ka .control-label,
.order_combi_address_la .control-label
{
	font-weight: normal;
	padding-top: 2px;
	white-space: pre;
}
.order_combi_address_ka .form-control,
.order_combi_address_la .form-control
{
	border: none;
	box-shadow: none;
	font-size: 16px;
	margin-bottom: 5px;
	height: 25px;
	padding: 0px 12px;
}
.order_combi_address_ka .form-control.input-group-list,
.order_combi_address_la .form-control.input-group-list
{
	background: transparent;
}
.order_combi_address_ka > .form_konto > .form-group > .input-feld > div,
.order_combi_address_la > .form_konto > .form-group > .input-feld > div
{
	margin-bottom: 0px;
}
.order_combi_versandart_cont .form-control.input-group-list,
.order_combi_payselect .form-control.input-group-list
{
	background: transparent;
	border: none;
	box-shadow: none;
}

.order_combi > .panel-smart
{
  padding: 20px 0;
}
.order_combi_submit
{
  margin-top:1em;
}
.order_combi_submit .btn-default
{
  height:100%;
}
.order_combi_submit .btn-success
{
  width:100%;
}

/* #6977: AGB-Bestätigung hervorheben */
.order-mandatory .checkbox {
  border: 3px solid red;
  padding: 8px 12px;
}
.order-mandatory .checkbox label {
  font-weight: bold;
}
.order-mandatory .checkbox label::after {
  content: "*";
  color: red;
}

#button_action_abschluss
{
	font-size: 30px;
	height: 50px;
	padding: 0;
}

/************************************************************************
 * PCE-Content-Klassen
 */

span.fl_right {
    display: block;
    text-align: left;
}
span.pk_form {
    color: #00336d;
    font-weight: bold;
}

ul.pce-navlinks {
  list-style: url("/skin/div1/bs3/menu-head-arrow.png");
  padding-left: 20px;
}

/* Beschreibungs-Tab: erstes Element als Überschrift zentrieren, Rest Blocksatz: */
div#tab-customdata1 > div.usertext > *:not(.usr-item-none):not(.usr-item-msr)
{
    text-align: justify;
}
div#tab-customdata1 > div.usertext > *:not(.usr-item-none):not(.usr-item-msr):first-child
{
    text-align: center;
    margin-bottom: 10px;
}



.text-column
,body:not(.no-legacy-column) .desc_detail		.text-justify:not(.no-legacy-column),			body:not(.no-legacy-column) .desc_detail		[align=justify]:not(.no-legacy-column)
,body:not(.no-legacy-column) .itemlist .footer	.text-justify:not(.no-legacy-column),			body:not(.no-legacy-column) .itemlist .footer	[align=justify]:not(.no-legacy-column)
,body:not(.no-legacy-column) .showtext			.text-justify:not(.no-legacy-column),			body:not(.no-legacy-column) .showtext			[align=justify]:not(.no-legacy-column)
,body:not(.no-legacy-column) .mod-infoframe		.text-justify:not(.no-legacy-column),			body:not(.no-legacy-column) .mod-infoframe		[align=justify]:not(.no-legacy-column)
,body:not(.no-legacy-column) .window-Intro		.text-justify:not(.no-legacy-column),			body:not(.no-legacy-column) .window-Intro		[align=justify]:not(.no-legacy-column)

{
	column-count: 2;
	column-gap: calc(2 * var(--bscolpad));
	text-align: justify;
}
.text-column > .colspan
,body:not(.no-legacy-column) .desc_detail		.text-justify > div.row:not(.no-legacy-column),	body:not(.no-legacy-column) .desc_detail		[align=justify] > div.row:not(.no-legacy-column)
,body:not(.no-legacy-column) .showtext			.text-justify > div.row:not(.no-legacy-column),	body:not(.no-legacy-column) .showtext			[align=justify] > div.row:not(.no-legacy-column)
,body:not(.no-legacy-column) .itemlist .footer	.text-justify > div.row:not(.no-legacy-column),	body:not(.no-legacy-column) .itemlist .footer	[align=justify] > div.row:not(.no-legacy-column)

{	/* leider nicht in SM  */
	column-span: all;
}



.headline,
.subline-left,
.textline-left
,body:not([class*="menuactive-artikel"]):not([class*="menuactive-warenkorb"]):not(.no-legacy-headline) #pgbody h1.main-heading:not(.no-legacy-headline)
,body:not([class*="menuactive-artikel"]):not([class*="menuactive-warenkorb"]):not(.no-legacy-headline) #pgbody h2:not(.no-legacy-headline):not([class*=subline-])
,body:not([class*="menuactive-artikel"]):not([class*="menuactive-warenkorb"]):not(.no-legacy-headline) #pgbody h3:not(.panel-title):not(.no-legacy-headline):not([class*=textline-])
{
	float: left;
	text-align: left;
}
.subline-right,
.textline-right
{
	float: right;
	text-align: right;
}
.headline + *,
.subline-left + *, .subline-right + *,
.textline-left + *, .textline-right + *
,body:not([class*="menuactive-artikel"]):not([class*="menuactive-warenkorb"]):not(.no-legacy-headline) #pgbody h1.main-heading:not(.no-legacy-headline) + *
,body:not([class*="menuactive-artikel"]):not([class*="menuactive-warenkorb"]):not(.no-legacy-headline) #pgbody h2:not(.no-legacy-headline):not([class*=subline-]) + *
,body:not([class*="menuactive-artikel"]):not([class*="menuactive-warenkorb"]):not(.no-legacy-headline) #pgbody h3:not(.panel-title):not(.no-legacy-headline):not([class*=textline-]) + *
{
	clear: both;
}
.textline-left, .textline-right
,body:not([class*="menuactive-artikel"]):not([class*="menuactive-warenkorb"]):not(.no-legacy-headline) #pgbody h3:not(.panel-title):not(.no-legacy-headline):not([class*=textline-])
{
	color: #f8ad15;
}
.subline-left, .subline-right
,body:not([class*="menuactive-artikel"]):not([class*="menuactive-warenkorb"]):not(.no-legacy-headline) #pgbody h2:not(.no-legacy-headline):not([class*=subline-])
{
	font-weight: bold;
}
.subline-left
{
	margin-right: 20px; /* .h2:margin-top */
}
.subline-right
{
	margin-left: 20px; /* .h2:margin-top */
}
.headline
,body:not([class*="menuactive-artikel"]):not([class*="menuactive-warenkorb"]):not(.no-legacy-headline) #pgbody h1.main-heading:not(.no-legacy-headline)
{
	margin-bottom: 40px;	/* mehr Platz für den Unterstrich */
	font-weight: bold;
}

.headline::after,
.subline-left::after, .subline-right::after,
.textline-left::after, .textline-right::after
,body:not([class*="menuactive-artikel"]):not([class*="menuactive-warenkorb"]):not(.no-legacy-headline) #pgbody h1.main-heading:not(.no-legacy-headline)::after
,body:not([class*="menuactive-artikel"]):not([class*="menuactive-warenkorb"]):not(.no-legacy-headline) #pgbody h2:not(.no-legacy-headline):not([class*=subline-])::after
,body:not([class*="menuactive-artikel"]):not([class*="menuactive-warenkorb"]):not(.no-legacy-headline) #pgbody h3:not(.panel-title):not(.no-legacy-headline):not([class*=textline-])::after
{	/* Liniengrunddaten ohne Position und Länge */
	content: " ";
	display: block;
	max-width: 100vw;
	position: absolute;
	border-top: 3px solid #f8ad15;
}

.textline-left::after, .textline-right::after
,body:not([class*="menuactive-artikel"]):not([class*="menuactive-warenkorb"]):not(.no-legacy-headline) #pgbody h3:not(.panel-title):not(.no-legacy-headline):not([class*=textline-])::after
{	/* plus Container-Padding - Linien-Margin */
	width: calc( ( 100vw - 20px - var(--bscontwidth) ) / 2 + var(--bscontpad) - var(--bscolpad) );
}
.headline::after,
.subline-left::after, .subline-right::after
,body:not([class*="menuactive-artikel"]):not([class*="menuactive-warenkorb"]):not(.no-legacy-headline) #pgbody h1.main-heading:not(.no-legacy-headline)::after
,body:not([class*="menuactive-artikel"]):not([class*="menuactive-warenkorb"]):not(.no-legacy-headline) #pgbody h2:not(.no-legacy-headline):not([class*=subline-])::after
{	/* plus Container-Padding + Textbox-Breite */
	width: calc( ( 100vw - 20px - var(--bscontwidth) ) / 2 + var(--bscontpad) + 100% );
}
.textline-left::after
,body:not([class*="menuactive-artikel"]):not([class*="menuactive-warenkorb"]):not(.no-legacy-headline) #pgbody h3:not(.panel-title):not(.no-legacy-headline):not([class*=textline-])::after
{
	right: 100%;
	top: 0;
	margin: 1ex var(--bscolpad) 0 0;
}
.textline-right::after
{
	left: 100%;
	top: 0;
	margin: 1ex 0 0 var(--bscolpad);
}
.headline::after,
.subline-left::after
,body:not([class*="menuactive-artikel"]):not([class*="menuactive-warenkorb"]):not(.no-legacy-headline) #pgbody h1.main-heading:not(.no-legacy-headline)::after
,body:not([class*="menuactive-artikel"]):not([class*="menuactive-warenkorb"]):not(.no-legacy-headline) #pgbody h2:not(.no-legacy-headline):not([class*=subline-])::after
{
	right: 0;
}
.subline-right::after
{
	left: 0;
}
.headline::after
,body:not([class*="menuactive-artikel"]):not([class*="menuactive-warenkorb"]):not(.no-legacy-headline) #pgbody h1.main-heading:not(.no-legacy-headline)::after
{
	margin-top: 15px;
}

body:not([class*="menuactive-artikel"]):not([class*="menuactive-warenkorb"]):not(.no-legacy-headline) #pgbody h3:not(.panel-title):not(.no-legacy-headline):not([class*=textline-]) + h2:not(.no-legacy-headline):not([class*=subline-]),
body:not([class*="menuactive-artikel"]):not([class*="menuactive-warenkorb"]):not(.no-legacy-headline) #pgbody h2:not(.no-legacy-headline):not([class*=subline-]) + h3:not(.panel-title):not(.no-legacy-headline):not([class*=textline-]),
.textline-left + .subline-left,
.subline-left + .textline-left,
.textline-right + .subline-right,
.subline-right + .textline-right
{
	margin-top: 0;
}

body:not([class*="menuactive-artikel"]):not([class*="menuactive-warenkorb"]):not(.no-legacy-headline) #pgbody h3:not(.panel-title):not(.no-legacy-headline):not([class*=textline-]) + h2:not(.no-legacy-headline):not([class*=subline-])::after,
.textline-left + .subline-left::after,
.textline-right + .subline-right::after,
.no-line::after
{	/* Linie rüde unterdrücken */
	display: none !important;
}


:root
{
	--hatch-elempad: 0px;
	--hatch-colpad:  0px;
}

.hatch-bsbox
{
	--hatch-colpad: var(--bscolpad);
}

.hatch-left-center::before, .hatch-right-center::after,
.hatch-left-start::before,  .hatch-right-start::after,
.hatch-left-end::before,    .hatch-right-end::after,
.hatch-left::before,        .hatch-right::after
{
	content: " ";
	position: absolute;
	background: url(/skin/div1/bs3/schraffur_pce_grau_s.webp);
	height: 100%;
	top: 0;
}
.hatch-left-center::before,
.hatch-left-start::before,
.hatch-left-end::before,
.hatch-left::before
{
	right: calc((100% + var(--hatch-elempad)) + var(--bscolpad) - var(--hatch-colpad));
}
.hatch-right-center::after,
.hatch-right-start::after,
.hatch-right-end::after,
.hatch-right::after
{
	left: calc((100% + var(--hatch-elempad)) + var(--bscolpad) - var(--hatch-colpad));
}
/* einspaltig */
.hatch-left::before, .hatch-right::after
{	/* center (Default) */
	width: calc(((100vw - 20px - var(--bscontwidth)) / 2 - var(--bscolpad)) + ((var(--bscontwidth) - (100% + var(--hatch-elempad))) / 2));
}
.hatch-left-start::before, .hatch-right-end::after
{	/* start */
	width: calc(((100vw - 20px - var(--bscontwidth)) / 2 - var(--bscolpad)) + (var(--bscontpad)));
}
.hatch-left-end::before, .hatch-right-start::after
{	/* end */
	width: calc(((100vw - 20px - var(--bscontwidth)) / 2 - var(--bscolpad)) + (var(--bscontwidth) - var(--bscontpad) - (100% + var(--hatch-elempad)) + 2 * var(--hatch-colpad)));
}
/* zweispaltig */
.text-column .hatch-left-center::before, .text-column .hatch-right-center::after,
.hatch-left-center.hatch-half::before,   .hatch-right-center.hatch-half::after
{	/* center */
	width: calc(((100vw - 20px - var(--bscontwidth)) / 2 - var(--bscolpad)) + ((var(--bscontwidth) / 2 - var(--bscontpad) - (100% + var(--hatch-elempad))) / 2 + var(--bscontpad)));
}
.text-column .hatch-left::before,
.hatch-left.hatch-half::before,
.text-column .hatch-left-start::before, .text-column .hatch-right-end::after,
.hatch-left-start.hatch-half::before,   .hatch-right-end.hatch-half::after
{	/* start (Default left) */
	width: calc(((100vw - 20px - var(--bscontwidth)) / 2 - var(--bscolpad)) + (var(--bscontpad)));
}
.text-column .hatch-right::after,
.hatch-right.hatch-half::after,
.text-column .hatch-left-end::before, .text-column .hatch-right-start::after,
.hatch-left-end.hatch-half::before,   .hatch-right-start.hatch-half::after
{	/* end (Default right) */
	width: calc(((100vw - 20px - var(--bscontwidth)) / 2 - var(--bscolpad)) + (var(--bscontwidth) / 2 - (100% + var(--hatch-elempad))));
}


:root
{
	--fullstripe-topimg: 100px;
}
.fullstripe
{
	z-index: inherit;
	margin: 1em 0;
}
.fullstripe.topimg
{
	margin-top: calc(1em + var(--fullstripe-topimg));
}
.fullstripe::before
{
	content: " ";
	position: absolute;
	background: #f3f3f3;
	width: calc(100vw - 20px);
	height: 100%;
	left: calc((100% + 20px - 100vw) / 2);
	z-index: -1;
	top: 0;
}
.fullstripe.topimg::before
{
	height: calc(100% + var(--fullstripe-topimg) / 2);
	top: calc(0px - var(--fullstripe-topimg) / 2);
}
.fullstripe.topimg img.topimg
{
	position: absolute;
	top: calc(0px - var(--fullstripe-topimg) / 2);
	height: var(--fullstripe-topimg);
	transform: translate(-50%,-50%);
	left: 50%;
}
.fullstripe.panel
{
	background-color: transparent;
	padding: 15px 0;
}


ul.bullet
{
	list-style: none;
}
:not(ul).bullet
{
	padding-left: 1em;
}
ul.bullet > li::before,
:not(ul).bullet::before
{
	content: "";
	background: url("/skin/div1/bs3/assets/Icons/Designelemente/Slider_rechts-Icon.svg") no-repeat;
	height: 0.9em;
	width: 1em;
	position: absolute;
	left: -25px;
	top: 0.2em;
}
:not(ul).bullet::before
{
	left: 0;
	top: 0.33em;
}

/* #6350: MiniWK im Header */
/* (a) allgemeines/großes Layout */

.navbar-bs3-miniwk
{
  float: right;
  vertical-align: top;
}
@media (min-width:1200px)
{
  .navbar-bs3-miniwk
  {
    padding: 8px 0;
  }
}

#main-menu .navbar-toggle.navbar-bs3-miniwk {
	margin: 11px 0 0;
	padding: 0 5px;
}

@media (max-width:1199px)
{
	.navbar-collapse .navbar-bs3-miniwk {
		display: none;
	}
}

.mwp_button
{
  padding: 0 0 4px 0;
  background: transparent;
  top: -2px;
}

.mwp_icon
{
  background: transparent url("/skin/div1/bs3/assets/Icons/Designelemente/Einkaufswagen-Icon.svg") no-repeat scroll left bottom / contain;
  float: left;
  width:  20px;
  height: 27px;
}

.mwp_anzahl
{
  color: #f8ad15;
  font-size: 16px;
  font-weight: bold;
  top: 4px;
}
/*.mwp_anzahl::before
{
  color: white;
  content: "(";
}
.mwp_anzahl::after
{
  color: white;
  content: ")";
}*/
.mwp_anzahl_dyn
{
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  top: 6px;
  margin-left: 2px;
  margin-right: 12px;
}

/* (b) kleines Layout */

.navbar-bs3-miniwk-btn
{
  margin: 13px 0 0;
  padding: 0;
}
.navbar-bs3-miniwk-btn .mwp_icon
{
  top: -5px;
  width:  22px;
  height: 24px;
}
.navbar-bs3-miniwk-btn .mwp_anzahl
{
  top: -4px;
}
.navbar-bs3-miniwk-btn .mwp_button
{
  top: 0;
}
@media (max-width:1199px)
{
  /* großen Warenkorb ausblenden */
  .navbar-collapse .mwp_button
  {
    display: none;
  }
}
.box-miniwk_head .btn-group.open .dropdown-toggle
{
	-webkit-box-shadow: none;
	box-shadow: none;
}
/*
.box-miniwk .btn-group.open .dropdown-toggle
{
	-webkit-box-shadow: none;
	box-shadow: none;
}

[aria-expanded="true"]
{
  display: none;
}
*/

/* (c) Popup: portiert von sd2 */

#main-menu .mwp_anzeige > ul
{
	border: none;
	background: #5f5f5f none repeat scroll 0 0;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	float: left;
	padding: 10px 10px 2px;
	margin: 0;
	width: 360px;
	overflow: hidden;
	z-index: 1200;
}
#main-menu .navbar-bs3-miniwk-btn .mwp_anzeige ul
{
  right: -60px;
}

#main-menu.navbar .mwp_anzeige li,
#main-menu.navbar .mwp_anzeige li a,
#main-menu.navbar .mwp_anzeige li:hover a,
#main-menu.navbar .mwp_anzeige li a:hover
{
  color: white;
  font-size: 16px;
  font-weight: normal;
  line-height: 130%;
  text-shadow: unset;
  background-color: transparent;
}
#main-menu.navbar .mwp_anzeige li:hover a:hover
{
  text-decoration: underline;
}
#main-menu.navbar .mwp_anzeige li .table-bordered,
#main-menu.navbar .mwp_anzeige li td
{
  padding: 0;
  border: none;
}
#main-menu.navbar .mwp_anzeige li table
{
  margin: 0;
  table-layout: fixed;
}
#main-menu.navbar .mwp_anzeige .hcart td
{
  padding: 3px 5px;
  border-bottom: 1px solid white;
  color: white;
  line-height:130%;
  overflow: hidden;
  text-overflow: ellipsis;
}
#main-menu.navbar .mwp_anzeige .hcart tr td:nth-child(1) {
    width: 15%;
}
#main-menu.navbar .mwp_anzeige .hcart tr td:nth-child(2) {
    width: 50%;
}
#main-menu.navbar .mwp_anzeige .hcart tr td:nth-child(3) {
    width: 35%;
}

.mwp_anzeige #miniwksumme { margin:5px 0; padding-right: 5px; }
.mwp_anzeige #miniwksumme span { display: block; text-align: right; }
.mwp_anzeige #miniwksumme .hl1 { font-size: 12px; font-weight: bold; color: white; }
.mwp_anzeige #miniwksumme .hl2 { font-size: 11px; color: white; }

#main-menu.navbar .mwp_anzeige p.btn-block1
{
  border: none;
}
#main-menu.navbar .mwp_anzeige p.btn-block1 a
{
  background: #d9d9d9 none repeat scroll 0 0;
  color: #303030;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 130%;
  border: 0 none;
  margin: 0 3px;
  padding: 9px 12px;
  width: 160px;
  min-height: 34px;
  text-align: center;
  text-transform: uppercase;
}
#main-menu.navbar .mwp_anzeige p.btn-block1 a:hover
{
	background: #e9e9e9 none repeat scroll 0 0;
	text-decoration: none;
}
#main-menu.navbar .mwp_anzeige p.btn-block1 a.mwpb_order,
.intro-toggle-button .btn-intro-toggle
{
  background-color: #0f4171;
  color: white;
}
#main-menu.navbar .mwp_anzeige p.btn-block1 a.mwpb_order:hover,
.intro-toggle-button .btn-intro-toggle:hover
{
  background-color: #373737;
}

/* Suchbox
	- "unten" ins Sliderbild
	- beim Scrollen am oberen Rand unter dem Menü fixieren ("Affix")
		- fixierte Box .search-affixbox hat Zusatzklasse .affix
	- AE#36774: Affix erstmal "off"
*/
#search .input-group
{	/* klein immer ganze Breite */
	width: 100%;
}
@media (min-width: 768px)
{	/* scrollend, nicht klein, nicht groß: hälftig links */
	/* AE#36774: für alle
	#pgheadslider.pghs_image + */ .main-header .search-affixbox:not(.affix) #search .input-group
	{
		width: 50%;
	}
}
@media (min-width:1200px)
{	/* scrollend auf dem Desktop in echten Sliderbildern: nur links */
	/* AE#36774: für alle
	#pgheadslider.pghs_image + */ .main-header .search-affixbox:not(.affix) #search .input-group
	{
		width: 30%;
	}
}
#search .input-group .form-control
{
	background-color: white;
}
#header-area .search-affixbox #search .input-group .form-control
{
	border: 1px solid #0f4171;
}
#search .input-group .input-group-btn
{
	display: none;
}
#header-area .search-affixbox
{
  float: left;
  width: 100%;
}
#header-area .search-affixbox:not(.affix)
{
	margin-top: -90px;
}
#header-area .search-affixbox.affix
{
  top: 0;
  z-index: 1100;
}
@media (max-width: 991px)
{
  /* kein Festtackern */
  #header-area .search-affixbox.affix
  {
    position: relative;
  }
}
#header-area .search-affixbox.affix form
{
  background: white;
}

/* Intro-Toggle */
.intro-toggle-button,
.list-toggle-button
{
  text-align: center;
}
/* Button-Farbe: siehe MiniWK-Popup */
.intro-toggle-button .btn-intro-toggle .fa
{
  padding-right: 10px;
}
.intro-toggle-button,
.intro-toggle-content
{
	clear: both;
}

@media (min-width:1200px)
{
  body:not(.hc-PCE-NL) .intro-toggle-button
  {
    display: none;
  }

  body.hc-PCE-NL .intro-toggle-content.intro-content-hidden
  {
    max-height: 5em;
    overflow: hidden;
  }

  body.hc-PCE-NL .intro-toggle-button.intro-content-hidden:not(.hidden)::before
  {
    content: "";
    background: linear-gradient(to bottom, #ffffff00, #ffffffff);
    height: 5em;
    display: block;
    z-index: 100;
    position: absolute;
    width: 100%;
    left: 0;
    top: -5em;
  }
}

.btn.btn-list-toggle
{
	background: url("/skin/div1/bs3/assets/Icons/Buttons/Aufklapper_AUS_Icon.svg") repeat;
	height: 13px;
	width: 26px;
	margin: 0;
}
.btn-list-toggle:active
{
}
.list-toggle-button.list-content-hidden
{
	position: absolute;
	width: 100%;
	top: 6rem;
	z-index: 2;
}
.list-toggle-content.list-content-hidden > div:first-child
{
	height: 5rem;
	overflow-y: hidden;
	margin-bottom: 3rem;
}


/* pk-images */
.product-info .images-block .imgselector .thumbnail.selected,
.product-info .images-block .imgselector .thumbnail:hover
{
  border: 1px solid #f8ad15;
}
.item-images-display
{
  min-width: 250px;
  min-height: 300px;
  padding-bottom: 20px;
  text-align: center;
}
.item-images-display h4
{
  display: none;
}
.item-images-display .image-main-img
{
  display: inline-block;
}

/* pk-Tabs */
#itemdetail .nav-tabs li
{
  margin-top: 3px;
}

/* Wunsch Spanien: selektierten Tab nicht fett wg. 1-Pixel-Breitensprung */
#itemdetail .nav-tabs>li.active>a,
#itemdetail .nav-tabs>li.active>a:focus,
#itemdetail .nav-tabs>li.active>a:hover {
    font-weight: normal;
}

/* oben antackern, außer in xs */
@media (max-width: 767px)
{
	.pk.affix {
		position: unset;
	}
}
@media (min-width: 768px)
{
	.pk.affix {
		top: 76px;
		z-index: 3;
		background: white;
		width: 720px;
	}
}
@media (min-width: 992px)
{
	.pk.affix {
		width: 900px;
	}
}
@media (min-width:1200px)
{
	.pk.affix {
		width: 1100px;
	}
}

/* wkorb_change_alert unter Kopfstreifen*/
#wkorb_change_alert
{
  top: 64px;
}
#alertbutton-showcart.btn-cart
{
  font-size: 14px;
  border: none;
}
#alertbutton-showcart.btn-cart .fa
{
  font-size: 18px;
}

.owl-product .owl-controls .owl-buttons > div
{
  display: inline-block;
}
.owl-product .owl-controls .owl-buttons .owl-prev .glyphicon-chevron-left::before
{
	content: "";
	background: url("/skin/div1/bs3/assets/Icons/Designelemente/Slider_links-Icon.svg") no-repeat;
	height: 2rem;
	width: 2rem;
	position: absolute;
	top: -18px;
	left: -2rem;
}
.owl-product .owl-controls .owl-buttons .owl-next .glyphicon-chevron-right::before
{
	content: "";
	background: url("/skin/div1/bs3/assets/Icons/Designelemente/Slider_rechts-Icon.svg") no-repeat;
	height: 2rem;
	width: 2rem;
	position: absolute;
	top: -18px;
}
#item_images .owl-controls .owl-buttons .owl-prev
{
	width: 0;	
	top:  -75px;
	left: -15px;
}
.basket_xslist .item > .product-col
{
	padding-top: 0;
	padding-bottom: 0;
}
.basket_xslist .item .caption > .h2
{
	font-size: 17px;
}
#wkorb_change_alert .owl-controls .owl-buttons .owl-prev
{
	top:-200px;
	left: 20px;
}
.basket_xslist .owl-controls .owl-buttons .owl-prev
{
	top: -200px;
	left: -12px;
}
#item_images .owl-controls .owl-buttons .owl-next
{
  float: right;
  top:   -75px;
  right: -15px;
}
#wkorb_change_alert .owl-controls .owl-buttons .owl-next
{
	top:-200px;
	right: 20px;
}
.basket_xslist .owl-controls .owl-buttons .owl-next
{
  float: right;
  top:  -200px;
  right: -12px;
}
@media (min-width: 992px)
{
	.basket_xslist
	{
		max-width: 853px;
	}
}
@media (min-width:1200px)
{
	.basket_xslist
	{
		max-width: 1053px;
	}
}
.basket_xslist .price span.price-new
{
	/* Furniture */
	font-size: 24px;
}


.slider-widget .owl-carousel
{
	overflow: visible;
}
.slider-widget .owl-carousel .owl-pagination
{
	text-align: center;
}
.slider-widget .owl-carousel .owl-page
{
	display: inline-block;
}
.slider-widget .owl-carousel .owl-buttons
{
	display: none;
}
.slider-widget .carousel-control
{
	background: none;
	width: auto;
	height: 200px; /* Pfeilnavibox, wird auf Höhe von .owl-wrapper-outer gesetzt */
}
.slider-widget .carousel-control.left
{
	left: -2em;
}
.slider-widget .carousel-control.right
{
	right: -2em;
}
.slider-widget .carousel-control .glyphicon
{
	margin: 0;
	transform: translateY(-50%);
}
.slider-widget .carousel-control .glyphicon::before
{
	content: "";
	width: 100%;
	height: 100%;
	display: inline-block;
}
.slider-widget .carousel-control.left .glyphicon::before
{
	background: url("/skin/div1/bs3/assets/Icons/Designelemente/Slider_links-Icon.svg") no-repeat;
}
.slider-widget .carousel-control.right .glyphicon::before
{
	background: url("/skin/div1/bs3/assets/Icons/Designelemente/Slider_rechts-Icon.svg") no-repeat;
}
.slider-widget .owl-item
{
	text-align: center;
}
.slider-widget .owl-item .item
{
	display: inline-block;
}
.slider-widget .item.swFullWidth
{
	width: 100%;
}

.slider-widget .item.swOverlay .item-text
{
	position: absolute;
	top: unset;
	left: 1em;
	bottom: 1em;
	margin: 0;
	text-align: start;
	z-index: 2;
}
.slider-widget .item.swOverlay .item-text > *
{
	color: white;
	text-shadow: 0px 0px 4px black;
}
.slider-widget .item.swOverlay .item-text h2 + h3
{
	margin: 0;
}

.slider-widget .item.swSingleSplit > *
{
	display: inline-block;
	max-width: 50%;
}
.slider-widget .item.swSingleSplit > *
{
	display: inline-block;
	max-width: 50%;
	width: 49%;
}
.slider-widget .item.swSingleSplit.foot,
.slider-widget .item.swSingleSplit.foot h1
{
	background-color: #0f4171;
	color: white;
}
.slider-widget .item.swSingleSplit.left .item-image
{
	float: left;
}
.slider-widget .item.swSingleSplit.right .item-image
{
	float: right;
}

.slider-widget .pgcl .owl-page::before
{
	content: "";
	display: inline-block;
	background: url("/skin/div1/bs3/assets/Icons/Designelemente/Slider_Rund_AUS-Icon.svg") repeat;
	--slider-widget-width: 12px;
	height: var(--slider-widget-width);
	width: calc( var(--slider-widget-cnt) * var(--slider-widget-width) );
	margin: 10px 0;
}
.slider-widget .pgcl .owl-page:last-child::before
{
	width: calc( var(--slider-widget-last) * var(--slider-widget-width) );
}
.slider-widget .pgcl .owl-page.active::before
{
	background: url("/skin/div1/bs3/assets/Icons/Designelemente/Slider_Rund_AN-Icon.svg") repeat;
}

@media (max-width: 767px)
{
	.slider-widget .item.swSingleSplit
	{
		display: flex;
		flex-direction: column;
	}
	.slider-widget .item.swSingleSplit > *
	{
		max-width: 100%;
		width: 100%;
	}
	.slider-widget .item.swSingleSplit .item-text
	{
		order: 1;
		padding: 15px;
	}
	.slider-widget .item.swSingleSplit .item-image
	{
		order: 2;
	}
	.slider-widget .item.swSingleSplit.left .item-text
	{
		order: 2;
	}
	.slider-widget .item.swSingleSplit.left .item-image
	{
		order: 1;
	}
}



.accopills .nav-pills > li,
.accopills .nav-pills > li > a
{
	background-color: var(--ci-col-sec1);
	color: var(--ci-col-prim3);
	font-weight: bold;
}
.accopills .nav-pills > li.active > a,
.accopills .nav-pills > li.active > a:hover,
.accopills .nav-pills > li.active:hover > a
{
	background-color: var(--ci-btn-bg);
	color: var(--ci-btn-fg);
}

.accopills .tab-content
{
	padding: 0;
}
.accopills .tab-content .tab-pane
{
	min-height: unset;
}
.accopills .tab-content .panel
{
	border: none;
	border-radius: 0;
	background-color: var(--ci-col-sec2);
}
.accopills .tab-content .panel-heading
{
	background-color: var(--ci-col-sec1);
	border-color: none;
	color: var(--ci-col-prim3);
	border-radius: 0;
}
.accopills .tab-content .panel-title,
.accopills .tab-content .panel-title > a
{
	font-weight: bold;
}
.accopills .tab-content .panel-title > a:hover,
.accopills .tab-content .panel-title > a:active,
.accopills .tab-content .panel-title > a:focus
{
	text-decoration: none;
}
.accopills .tab-content .panel-title > a:active,
.accopills .tab-content .panel-title > a:focus
{
	color: var(--ci-col-prim3);
}

.accopills .tab-content .panel-title > a::after
{
	content: "";
	float: right;
	background: url("/skin/div1/bs3/assets/Icons/Buttons/Aufklapper_AN_Icon.svg") no-repeat;
	height: 13px;
	width: 24px;
	margin-top: 4px;
}
.accopills .tab-content .panel-title > a.collapsed::after
{
	background: url("/skin/div1/bs3/assets/Icons/Buttons/Aufklapper_AUS_Icon.svg") no-repeat;
}


.accopills .tab-content .row > div
{
	padding: 0;
}
.accopills .contact-person
{
	display: flow-root;
	background: var(--ci-col-sec1);
	padding: 0;
	margin: 0 2px 4px;
}

@media (max-width: 991px)
{
	.accopills .nav-pills.nav-stacked
	{
		margin-bottom: 10px;
	}
}

/* Custom MIME Icon Text */
span.mimetitle
{
  display: block;
  padding-top: 5px;
}

/* Überschreiben von bs3-Basis-Styles :-( */
/* - unsere Fonts behalten */
.product-col .description
{
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}
/* - <h4>Artikelname</h4> simulieren */
.product-col .h4,
.product-col .h4 a
{
  color: #292d30;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.1;
}

/* h1-h6 zum Überladen bereitstellen*/
h1
{
}
h2
{
}
h3
{
  font-size: 23px;
}
h4
{
  font-size: 21px;
}
h5
{
  font-size: 19px;
}
h6
{
  font-size: 19px;
}

/* Socialmedia-Sprites:
 * Alle Icons sind 25x25 und in alphabetischer Reihenfolge!
 */
#footer-social .smi > .icon
{
  display: inline-block;
  position: relative;
  overflow: hidden;
  box-sizing: content-box;
  width:  25px;
  height: 25px;
}
#footer-social .smi > .icon > img
{
  position: absolute;
}
#footer-social .smi-facebook   > .icon > img { top:      0; }
#footer-social .smi-googleplus > .icon > img { top:  -25px; }
#footer-social .smi-linkedin   > .icon > img { top:  -50px; }
#footer-social .smi-twitter    > .icon > img { top:  -75px; }
#footer-social .smi-weibo      > .icon > img { top: -100px; }
#footer-social .smi-youtube    > .icon > img { top: -125px; }


/* #6350.70: Autoumbruch für Katalogtexte */
#itemlist-kat .teaser,
#itemlist-kat .footer
{
  hyphens: auto;
}


/* #6350.67 GotoTop */
.gototop
{
  color: #f8ad15;
  position: fixed;
  bottom: 50px;
  right: -3px;
  opacity: 0.5;
  background: #c0c0c0 none repeat scroll 0 0;
  border: 3px solid #f8ad15;
  border-radius: 14px 0 0 14px;
  padding: 7px 8px 9px 12px;
  text-align: center;
  cursor: pointer;
  visibility: visible;
  z-index: 1200;
}
.gototop:active,
.gototop:focus,
.gototop:hover
{
  text-decoration: unset;
}


/* normales Layout */
#headslider_cont
{
  width: 100%;
  min-height: 120px;
  overflow-x: hidden;
}
#headslider_img0
{
  display: block;
  width: 100%;
  margin: 0 auto;
}
/* kleines Layout */
#headslider_img0.slider_xs
{
  height: 120px;
  width: auto;
  margin-left: 50%;
  transform: translatex(-50%)
}


.KatIndex {
    margin: 20px 0;
    background-color: #efefef;
    padding: 8px;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
}
.KatIndex h4.Gruppe {
    color: #f8ad15;
    font-weight: bold;
    font-size: 17px;
}
.KatIndex .btn {
    text-align: left;
    white-space: normal;
    text-transform: none;
    font-size: 14px;
}


iframe.lazy {
	background: url("/g/sys/spinning-wait-icons/wait30trans.gif") no-repeat center;
}


klarna-placement > iframe
{
	max-width: 100% !important;
}


#CookieBar
{
	background-color: #9c9c9c;
	background: -webkit-linear-gradient(to bottom, #c5c5c5 0%, #9c9c9c 100%);
	background: -moz-linear-gradient(to bottom, #c5c5c5 0%, #9c9c9c 100%);
	background: -o-linear-gradient(to bottom, #c5c5c5 0%, #9c9c9c 100%);
	background: linear-gradient(to bottom, #c5c5c5 0%, #9c9c9c 100%);
	font-size: 16px;
	text-decoration: none;
	text-shadow: none;
  z-index: 1500;
}
#CookieBar .button
{
  text-transform: none;
}
#CookieBar .button.btn-close
{
  z-index: 1510;
}
#CookieBar.fixed.bottom
{
	border-top: 3px solid #f8ad15;
}
#CookieBar.fixed.overlay > .ibox
{
	background-color: #9c9c9c;
	background: -webkit-linear-gradient(to bottom, #c5c5c5 0%, #9c9c9c 100%);
	background: -moz-linear-gradient(to bottom, #c5c5c5 0%, #9c9c9c 100%);
	background: -o-linear-gradient(to bottom, #c5c5c5 0%, #9c9c9c 100%);
	background: linear-gradient(to bottom, #c5c5c5 0%, #9c9c9c 100%);
	border: 3px solid #f8ad15;
}
#CookieBar.fixed .message
{
	text-shadow: none;
}
#CookieBar.fixed .message a
{
	color: lightgray;
}

#CookieBar .button.set-enabled
{
	background: #f8ad15;
}
#CookieBar .button.set-enabled:hover
{
	background: #f8ad15c0;
}

#CookieBar.top
{
	padding-top: calc( 15px + 76px );
	margin-top: -76px;
	z-index: -1;
}


.marginhack6350
{
	margin-bottom: -15px;
	margin-right: 0;
}


#form_contact #fb_Bezug
{
	
	z-index: 2;
}
#form_contact #fb_Bezug .form-control
{
	padding: 0;
	border: none;
}
#form_contact #fb_Bezug .form-control .radio-bezug input[type="radio"]
{
	/* verstecken auch für alte Browser */
	opacity: 0;
	position: absolute;
}
#form_contact #fb_Bezug .form-control .radio-bezug label
{
	font-weight: bold;
	padding: 10px 15px;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	background: var(--ci-col-sec1);
	color: var(--ci-col-text);
}
#form_contact #fb_Bezug .form-control .radio-bezug label:hover,
#form_contact #fb_Bezug .form-control .radio-bezug input[type="radio"]:checked + label
{
	background: var(--ci-btn-bg);
	color: var(--ci-btn-fg);
}


#form_contact #fb-bezug-formcol .errorbox
{
	margin-bottom: 0;
	padding: 0;
}
#form_contact #fb-bezug-formcol > #fb_form .form-group
{
	margin: 0;
}
#form_contact #fb-bezug-formcol > .fb_subject .form-group,
#form_contact #fb-bezug-formcol > #fb_form .form-group > div,
#form_contact #fb-bezug-formcol > #fb_form > .input-feld
{
	margin: 0;
	display: inline-flex;
	flex-direction: column;
	width: 100%
}
#form_contact #fb-bezug-formcol > .fb_subject .form-group .control-label,
#form_contact #fb-bezug-formcol > #fb_form .form-group > div .control-label,
#form_contact #fb-bezug-formcol > #fb_form > .input-feld .control-label
{
	order: 2;
	text-align: left;
	width: 100%;
	padding: 0;
	font-weight: normal;
	font-size: 65%;
	margin-top: -4px;
	margin-bottom: 4px;
}
#form_contact #fb-bezug-formcol > .fb_subject .form-group .control-label + div,
#form_contact #fb-bezug-formcol > #fb_form .form-group > div .control-label + div,
#form_contact #fb-bezug-formcol > #fb_form > .input-feld .control-label + div
{
	order: 1;
	width: 100%;
	padding: 0;
	margin-bottom: 0;
}
#form_contact #fb-bezug-formcol > .fb_subject .form-group .control-label span.mandatory,
#form_contact #fb-bezug-formcol > #fb_form .form-group > div .control-label span.mandatory,
#form_contact #fb-bezug-formcol > #fb_form > .input-feld .control-label span.mandatory
{
	font-size: 4pr;
}
#form_contact #fb-bezug-formcol select,
#form_contact #fb-bezug-formcol textarea,
#form_contact #fb-bezug-formcol input:not([type=radio]):not([type=checkbox])
{
	border: none;
	background: var(--ci-col-sec1);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}
#form_contact #fb-bezug-formcol textarea,
#form_contact #fb-bezug-formcol input:not([type=radio]):not([type=checkbox])
{
	/* Browser-Widgetstyles töten */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#form_contact #fb-bezug-formcol .input-feld-Anrede .input-group-list,
#form_contact #fb-bezug-formcol .input-feld-Newsletter .input-group-list,
#form_contact #fb-bezug-formcol .input-feld-NewsletterRequest .input-group-list
{
	/* keine Box um Radios und Checkbox */
	background: transparent;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	padding: 0;
}
#form_contact #fb-bezug-formcol .input-feld-Anrede .control-label
{
	display: none;
}

#form_contact #fb-bezug-formcol .input-feld-HausNr,
#form_contact #fb-bezug-formcol .input-feld-Ort
{
	/* kein Bodenrand für geschachtelte Inputfelder */
	border-bottom: none;
}
#form_contact #fb-bezug-formcol .input-feld-Newsletter .control-label + div label
{
	/* Newsletter-Checkbox auf Texthöhe */
	vertical-align: text-bottom;
}

#form_contact #fb-bezug-formcol .button_Send
{
    float: right;
    margin-top: 10px;
}

@media (min-width: 768px)
{
	#form_contact #fb-bezug-formcol > #fb_form .form-group > div.input-feld-Firma.folded,
	#form_contact #fb-bezug-formcol > #fb_form .form-group > div.input-feld-Strasse1.folded
	{
		width: 80%
	}
	#form_contact #fb-bezug-formcol > #fb_form .form-group > div.input-feld-UStID.folded,
	#form_contact #fb-bezug-formcol > #fb_form .form-group > div.input-feld-HausNr.folded
	{
		width: 19.5%
	}
	#form_contact #fb-bezug-formcol > #fb_form .form-group > div.input-feld-Vorname
	{
		width: 50%
	}
	#form_contact #fb-bezug-formcol > #fb_form .form-group > div.input-feld-Nachname
	{
		width: 49.5%
	}
	#form_contact #fb-bezug-formcol > #fb_form .form-group > div.input-feld-PLZ
	{
		width: 19.5%
	}
	#form_contact #fb-bezug-formcol > #fb_form .form-group > div.input-feld-PLZ + div.input-feld-Ort
	{
		width: 80%
	}
}


.linkbanner
{
	margin: 10px;
	background: #0f4171 none repeat scroll 0 0;
	box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.2);
	overflow: hidden;
}
.linkbanner > section
{
	padding-left: 3em;
}
.linkbanner > section > .product-head
{
	color: white;
	text-align: center;
	background: transparent;
	border: none;
	position: absolute;
	transform-origin: 0 0;
	transform: rotate(-90deg) translate(calc(-1em - 100%),-1.8em);
	padding: 0;
}
#pgbody #itemlist-kat .linkbanner > section > .product-head::after
{
	width: 100%;
}
.linkbanner > section > .product-row
{
	margin: 0;
	background: white;
	padding: 0 2em;
}
.linkbanner > section .product-col
{
	margin: 0;
}
.linkbanner > section .product-col .caption
{
	padding: 5px 0 0 0;
}
.linkbanner > section > .product-row .owl-controls
{
	position: absolute;
	width: 100%;
}
#pgbody .linkbanner > section > .product-row .owl-prev
{
	top: -125px;
	left: -0.5em;
}
#pgbody .linkbanner > section > .product-row .owl-next
{
	top: -125px;
	right: -0.5em;
	float: right;
}


.vidcell .vidimg,
.vidcell .vidkat,
.vidcell .vidprod,
.vidcell .vidplay
{
	display: block;
}
.vidcell .vidkat
{
	font-size: var(--ci-fsz-text);
	font-weight: bold;
	text-transform: uppercase;
}
.vidcell .vidprod
{
	font-size: var(--ci-fsz-h2);
	font-weight: bold;
	color: var(--ci-col-prim1);
	text-transform: uppercase;
	padding: 5px 0;
}
.vidcell .vidplay
{
	font-size: var(--ci-fsz-text);
	font-weight: normal;
	text-transform: uppercase;
}
.vidcell .vidimg::before
{
	content: "";
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.vidcell .vidimg:hover::before
{
	background: rgba(0,0,0,0.3);
}
.vidcell .vidimg::after
{
	content: "";
	background: url("/skin/div1/bs3/assets/Icons/Designelemente/Icon_Play.svg") no-repeat;
	width: 100px;
	height: 100px;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	z-index: 2;
}


#headslider_cont .carousel-overlay,
.carousel-inner .carousel-overlay
{
	position: absolute;
	top: unset;
	bottom: 100px;

	left: calc((100vw - var(--bscontwidth))/2 + var(--bscontpad));
	margin: 0;
	text-align: start;
}
.carousel-overlay .col-prim,
.slider-widget .item.swOverlay .col-prim
{
	color: var(--ci-col-prim2);
	text-shadow: inherit;
}
.carousel-overlay .col-sec,
.slider-widget .item.swOverlay .col-sec
{
	color: white;
	text-shadow: inherit;
}


.hc-PCE-DE.menupath-window1 #headslider_img0 { max-width: var(--bscontwidth); }


/* START bs3_template_pce */

.no-padding-left
{
  padding-left: 0;
}

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

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

.slidertext-right
{
	float: right;
	text-align: right;
	color: white;
}

.highlight-text {
  font-size: 30px;
	line-height: 120%;
  font-stretch: semi-condensed;
}

.highlight-text-blue {
  font-size: 30px;
	font-weight: 700;
	line-height: 92%;
  font-stretch: semi-condensed;
	color: #0f4171;
}

.highlight-text-orange {
  font-size: 30px;
	font-weight: 700;
	line-height: 92%;
  font-stretch: semi-condensed;
	color: #f8ad15;
}

.highlight-text-bold {
  font-size: 40px;
	font-weight: 700;
	line-height: 92%;
  font-stretch: semi-condensed;
	color: #0f4171;
}

.payments {
	background-color: #0f4171;
    color: #FFFFFF;
}

/* #6645 */
.kontaktinfo a.mailto.cloaked
{
	color:#FFFFFF;
}
.kontaktinfo a.mailto.cloaked:hover
{
	color:#f8ad15;
}

.kontaktinfo
{
  background: var(--ci-col-sec2);
  margin: 0;
  padding: 15px;
}
.kontaktinfo label
{
  color: var(--ci-col-prim1);
}
.kontaktinfo a.mailto.cloaked
{
  color: var(--ci-col-text);
}
.kontaktinfo .map
{
	height: 350px;
}
.kontaktinfo iframe
{
  width: 100%;
  height: 100%;
}

.contact-img {
    background: url(/skin/div1/bs3/contact-bg-1.jpg) no-repeat;
    background-size: cover;
	color:#FFFFFF;
}
.contact-img-2 {
    background: url(/skin/div1/bs3/contact-bg-2.png) no-repeat;
    background-size: cover;
	color:#FFFFFF;
}
.contact-img-3 {
    background: url(/skin/div1/bs3/contact-bg-3.png) repeat-x;
    background-size: cover;
	color:#FFFFFF;
}
.contact-img-4 {
    background: url(/skin/div1/bs3/contact-bg-4.png) repeat-x;
    background-size: cover;
	color:#FFFFFF;
}
.contact-icon {
    float: left;
	margin-right: 10px;
}
.contact-text {
    font-size: 20px;
	color: #FFFFFF;
}
.contact-bg {
    background-color: #f2f2f2;
}
.contact-bg-2 {
    background-color: white;
}

.contact-spacer {
  height: 2px;
}

.contact-person {
  background-color: #ffffff;
  min-height: 140px;
  margin: 10px;
  padding: 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contact-person {
    min-height: 165px;
  }
}
/* 2023-11-21 duesterloh
.contact-form {
    background-color: #f2f2f2;
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px;
}
.contact-form h3 {
    margin-top: 0px;
}
*/
.hvrbox,
.hvrbox * {
	box-sizing: border-box;
}
.hvrbox {
	position: relative;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.hvrbox img {
	max-width: 100%;
}
.hvrbox .hvrbox-layer_bottom {
	display: block;
}
.hvrbox .hvrbox-layer_top {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 15px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}
.hvrbox .hvrbox-text {
	text-align: center;
	font-size: 14px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.hvrbox .hvrbox-text_mobile {
	font-size: 12px;
	border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
	border-top: 1px solid rgba(179, 179, 179, 0.7);
	margin-top: 5px;
	padding-top: 2px;
	display: none;
}
.hvrbox.active .hvrbox-text_mobile {
	display: block;
}
.hvrbox .hvrbox-layer_slideright {
	-moz-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}
.hvrbox:hover .hvrbox-layer_slideright,
.hvrbox.active .hvrbox-layer_slideright {
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.hvrbox .hvrbox-layer_scale-rotate {
	border-radius: 50%;
	-moz-transform: scale(0) rotateZ(0);
	-webkit-transform: scale(0) rotateZ(0);
	-ms-transform: scale(0) rotateZ(0);
	transform: scale(0) rotateZ(0);
}
.hvrbox:hover .hvrbox-layer_scale-rotate,
.hvrbox.active .hvrbox-layer_scale-rotate {
	border-radius: 0%;
	-moz-transform: scale(1) rotateZ(360deg);
	-webkit-transform: scale(1) rotateZ(360deg);
	-ms-transform: scale(1) rotateZ(360deg);
	transform: scale(1) rotateZ(360deg);
}
.hvrbox .hvrbox-layer_rotate {
	border-radius: 50%;
	-moz-transform: rotateZ(0);
	-webkit-transform: rotateZ(0);
	-ms-transform: rotateZ(0);
	transform: rotateZ(0);
}
.hvrbox:hover .hvrbox-layer_rotate,
.hvrbox.active .hvrbox-layer_rotate {
	border-radius: 0%;
	-moz-transform: rotateZ(360deg);
	-webkit-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg);
}
.hvrbox .hvrbox-layer_scale {
	border-radius: 50%;
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}
.hvrbox:hover .hvrbox-layer_scale,
.hvrbox.active .hvrbox-layer_scale {
	border-radius: 0%;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.hvrbox .hvrbox-layer_slideleft {
	-moz-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}
.hvrbox:hover .hvrbox-layer_slideleft,
.hvrbox.active .hvrbox-layer_slideleft {
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.hvrbox .hvrbox-layer_slidedown {
	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}
.hvrbox:hover .hvrbox-layer_slidedown,
.hvrbox.active .hvrbox-layer_slidedown {
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
.hvrbox .hvrbox-layer_slideup {
	-moz-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}
.hvrbox:hover .hvrbox-layer_slideup,
.hvrbox.active .hvrbox-layer_slideup {
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}



/* #6645: Übernahme der Regeln aus /f/pce-style.css */

.meter_left {
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
height:70px;
vertical-align:middle;
}
.meter_right {
border-left: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}
.inferior_cell{
border-top:1px solid #DDDDDD;
width:838px;
}
p.meter_text {
margin-left: 10px;
margin-top:0px;
margin-bottom:0px;
font-family:Arial;
font-size:13px;
}
p.indent_text{
margin-bottom: 10px;
margin-left:20px;
margin-top:10px;
text-indent:-10px;
font-family:Arial;
font-size:13px;
text-align:justify;
}
p.normal_text{
font-family:Arial;
font-size:13px;
margin:3px;
text-align:justify;
}
td.meters_cells {
color:#003399;
margin:0px 0px 1px 0px;
padding:0px 0px 4px 3px;
background:#f5f5f5;
border:1px solid #d5d5d5;
font-family:Arial;
font-size:10px;
}
 .featurette {
  padding-top: 50px;
  overflow: hidden; /* Clear floats */
}
 .featurette-image {
  margin-top: −50px; /* Vertically center image with the text */
}
 .featurette-heading {
  font-size: 30px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}
 .featurette-image.pull-left {
  margin-right: 40px;
}
 .featurette-image.pull-right {
  margin-left: 40px;
}

/* ENDE bs3_template_pce */