[id^="qty"] {
    border: 1px solid #ccc;
}

img, video {
    /*height: fit-content !important;*/
}

.glider-track- {
  scrollbar-width: none !important;
}


@-moz-document url-prefix() {
  .glider-track- {
    margin-bottom: 17px !important;;
  }
  .glider-wra-p {
    overflow: hidden !important;
  }
}


.heading-line {
	position:relative;
	display:inline-block;
}

.heading-line:before, .heading-line:after {
   /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAG0lEQVR4AWP4//8/URhMTJgwoYEQTR0TR00EAIdkFt/yg+B+AAAAAElFTkSuQmCC) !important;*/
	border-top: 3px double #e5e5e5;
  /*  height: 15px;*/
    background-position: 50% 50%;
    background-repeat: repeat-x;
    background-color: transparent !important;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.heading-line:before, .heading-line:after {
    content: '';
    position: absolute;
    width: 9999px !important;
    left: 100% !important;
    right: auto;
    margin-left: 30px;
    top: 50%;
    margin-top: -.5px;
}
 .heading-line:after {
    right: 100%;
    left: auto !important;
    margin-right: 30px;
}



.playbutton.heading a.pagebuilder-button-primary {
    background: #1B4F80 !important;
	padding: 6px 20px 7px !important;
	font-size:22px;
	margin:0 0 16px;
	height:42px;
}
.playbutton.heading {
    border-top: 2px solid #134D7E;
    display: block !important;
    text-align: left;
}


.playbutton.heading a:before {
    top: 0px !important;
	right: -21px !important;
}

.playbutton.heading a:after {
    top: 11px !important;
	right: -9px !important;
}
.playbutton.heading [data-element=link_text] {
    margin-right: 20px !important;
}




#maincontent___  [data-role=glider-content] {
	overflow:hidden !important;
}


#maincontent-- .glider-content {
	overflow-x:auto !important;
}

#maincontent .glider-next,
#maincontent .glider-prev {
	color:transparent !important;
}

#maincontent .glider-next {
    right: -20px !important;
}
#maincontent .glider-prev {
    left: -20px !important;
}
#maincontent .glider-dot:hover,
#maincontent .glider-dot:focus,
#maincontent .glider-dot.active {
    background: #1b4f80 !important;
}

#maincontent button.disabled {
	display:none !important;
}	

.glider-contain .glider-next:before {
    border-color: transparent transparent transparent #000;
    width: 20px;
    height: 50px;
    border-style: solid;
    box-sizing: border-box;
    border-width: 25px 0px 25px 13px;
    position: absolute;
    top: -7px;
    right: 0px;
    display: inline-block;
    transition: all 0.3s ease;
    content: '';
    opacity: 0.4;
}

.glider-contain .glider-prev:before {
    border-color: transparent #000 transparent transparent;
    width: 20px;
    height: 50px;
    border-style: solid;
    box-sizing: border-box;
    border-width: 25px 13px 25px 0px;
    position: absolute;
    top: -7px;
    left: 0px;
    display: inline-block;
    transition: all 0.3s ease;
    content: '';
    opacity: 0.4;
}



.glider button{
    background: #fff !important;
}


.glider-next {
    right: -23px;
}

.glider-prev {
    left: -23px;  
}

.glider-prev, .glider-next {
    user-select: none;
    position: absolute;
    outline: none;
    background: 0 0;
    padding: 0;
    z-index: 2;
    font-size: 40px;
    text-decoration: none;
    border: 0;
    top: 40%;
    cursor: pointer;
    color: #666;
    opacity: 1;
    line-height: 1;
    transition: opacity .5s cubic-bezier(.17,.67,.83,.67), color .5s cubic-bezier(.17,.67,.83,.67);
}

.glider-next svg,
.glider-prev svg {
	display:none !important;
}

.glider-next.disabled,
.glider-prev.disabled {
	opacity: 0;
}




#maincontent .glider-prev, #maincontent .glider-next {
    top: 43% !important;
}

#maincontent .glider-prev {
	right:auto !important;
}


#maincontent .glider-next {
   left: auto !important;
}





/* ################b2b *################### */

.account-nav ul li a {
    width: auto !important;
    min-height: 42px !important;
    font-size: 14px !important;
    padding: 8px;
	text-decoration:none; !important;
}
.account-nav ul li a:hover, .account-nav ul li.current strong {
	color:#fff !important;
	background: #1b4f80;
	text-decoration:none !important;
	padding: 8px;
}

.block.account-nav.card.filter-option.py-4.px-8.mb-6, .box.box-address-billing.card {
    border: none;
}

.flex.flex-col.h-full.p-8.sm\:flex-row.card, .account .box.card {
    background: #F5F5F5;
    border: none;
}
.block-title.block-title.text-2xl.mb-6 {
    font-size: initial;
    color: #ADB1BA;
}

.liste-haken li:before {
    width: 28px;
    height: 30px;
    margin-left: -28px;
    display: inline-block;
    content: '';
    -webkit-mask: url(//pik.de/wp-content/icons/haken.svg) no-repeat 50% 50%;
    mask: url(//pik.de/wp-content/icons/haken.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.account .full-service-block,
.account .trust-block,
.account .ansprechpartner-block {
	display:none !important;
}

.account-block-title {
	color:#B9BEC1 !important;
}


body.account .page-bottom {
    display: none !important;
}






#resources-list > li {
    display: flex;
	flex-direction: column;
	margin-bottom:32px;
}

ul[name=child-list] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 50px;
}

ul[name=child-list] ul[name=child-list] {
    display: block;
}

ul[name=child-list] > li {
    font-size: 20px;
}

ul[name=child-list] > li li {
    font-size: 15px;
}


ul[name=child-list] > li label {
    padding-left: 8px;
}






body.wishlist-index-index .wishlist-widget.mt-8 {
    display: none !important;
}

.mt-8 {
.text-2xl {
    font-size: 30px !important;
}

#gallery .absolute.top-0.right-0.pt-4.pr-4 {
    z-index: 60 !important;
}
.add-icons.action-icons.flex.flex-row.justify-end {
    gap: 16px !important;
}

.category-image {
    display: none !important;
}

.cat-text-img-link a {
color: #1B4F80 !important;
font-weight:bold !important;
}

body:not(.catalog-product-view):not(.account) h1.text-gray-900.page-title.title-font 
    display: none !important;
}


.category-description {
  max-width: 100% !important;
}

.page-wrapper ul.liste-punkte-klein {
    margin-left: 3em !important;
}


/*  .columns {
    display: flex !important;
}
.columns .sidebar {
    order: 0 !important;
}

*/



.filter-option.card.my-4 {
    margin-bottom: 16px !important;
}

.cat-name {
    color: #1B4F80 !important;
    text-align: center !important;
}



.product-slider .next-btn:before {
    right: -16px !important;
}

.product-slider .prev-btn:before {
    left: -20px !important;
}







.prose {
    max-width: 100% !important;
}

#description .card,
#product.attributes .card {
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}



.editor-html ul {
	list-style: none;	
}
.row ul li {
    position: relative;
   /* margin-bottom: 24px;*/
  padding-bottom: 24px;
  padding-right:30px;
}

ul.list-haken li:before {
 /*position: absolute;*/
    width: 28px;
    height: 30px;
    margin-left: -32px;
    /*margin-top: -14px;*/
   display: inline-block;
   content: '';
   -webkit-mask: url(https://pik.de/wp-content/icons/haken.svg) no-repeat 50% 50%;
   mask: url(https://pik.de/wp-content/icons/haken.svg) no-repeat 50% 50%;
   -webkit-mask-size: cover;
   mask-size: cover;
}

.editor-html.punkt li:before {
  position: absolute;
  width: 20px;
  height: 20px;
  margin-left: -32px;
  margin-top: -5px;
  display: inline-block;
  content: '';
  border-radius: 15px;
}


.editor-html.haken-klein ul li:before {
    position: absolute;
    width: 14px;
    height: 15px;
    margin-left: -25px;
    margin-top: 0;
	display: inline-block;
   content: '';
   -webkit-mask: url(/wp-content/icons/haken.svg) no-repeat 50% 50%;
   mask: url(/wp-content/icons/haken.svg) no-repeat 50% 50%;
   -webkit-mask-size: cover;
   mask-size: cover;
 
}
.editor-html.punkt-klein li:before {
  position: absolute;
  width: 10px;
  height: 10px;
  margin-left: -20px;
  margin-top: 5px;
  display: inline-block;
  content: '';
  border-radius: 15px;
}

.editor-html.punkt-klein li{
  padding-bottom:5px;
}

@media (min-width:750px) {
.zweispaltig ul,
.zweispaltig {
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    column-count: 2;
    column-gap: 10px;
	text-align:left !important;
}
}



input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

input[type=number] {
    -moz-appearance: textfield;
}



.farbig-text {
	color: #1B4F80;
}
.pagebuilder-column-line {
    gap: 30px;
}

.filter-option input[type="checkbox"] {
   border:none !important;
   background-color: #f4f4f4 !important;
   width:42px !important;
   height:42px !important;
}

.filter-option input[type="checkbox"]:checked {
    background-color: none !important;
}

.filter-option input[type="checkbox"]:checked:after {
    animation: click-wave .65s;
    background: transparent !important;

}

.manufacturerFilter {
    position: relative;
    z-index: 1;
}

.filter-option.card.my-4 {
    border: none;
    box-shadow: 0 0 15px 0px #eee !important;
}




span.price-label {
    display: none !important;
}




.js_thumbs_slides.thumbs-wrapper {
    justify-content: center !important;
}


.w-full.h-full.fixed.block.top-0.left-0.bg-white.z-50.flex {
    background: #555555c7 !important;
}
img.absolute.inset-0.object-contain.object-center.w-full.m-auto.max-h-screen-75 {
    max-height: 64vh !important;
	object-fit: contain !important;
}





button.block.absolute.z-10.left-0:before {
left:10px !important;
}

#trustbadge-container-98e3dadd90eb493088abdc5597a70810 {
	z-index: 10 !important;
}








@media (max-width:1023px) {
	.liste-horizontal li {
    flex-direction: column !important;
	align-items: flex-start !important;
}
}

@media (max-width:600px) {
   .liste-horizontal li {
    flex-direction: row !important;
	align-items: center !important;
}
.liste-horizontal {
    flex-direction: column !important;
	gap:15px !important;
}
}


button#add-to-wishlist,
button#add-to-compare {
    background: #fff !important;
}

#gallery button {
    background-color: transparent !important;
}

input#search {
    font-size: 18px !important;
}


.breadcrumbs ol{
    justify-content: flex-end !important;
}


#gallery button div {
	display:none;
}



button.block.absolute.z-10.left-0:before {
    border-color: transparent #000 transparent transparent;
    width: 20px;
    height: 50px;
    border-style: solid;
    box-sizing: border-box;
    border-width: 25px 13px 25px 0px;
    position: absolute;
    top: 50%;
    left: -16px;
    display: inline-block;
    transition: all 0.3s ease;
    content: '';
    opacity: 0.4;
}


.card span[id*=price-excluding-tax-from-], .card .price-excluding-tax {
    display: none !important;
}








.mt-auto.pt-3.flex.flex-wrap.justify-center.items-center button {
    background: transparent !important;
}

.flex.mt-4.ml-auto.sm\:mt-0 div div div {
    display: flex !important;
}

.flex.mt-4.ml-auto.sm\:mt-0 div div div input[type=number] {
    background:#fff !important;
}
/* Chrome, Safari, Edge, Opera */
#html-body input[type=number]::-webkit-outer-spin-button,
#html-body input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

div#header {
    /*order: 2 !important;*/
}

button#product-addtocart-button {
    height: 44px !important;
	border-radius:5px;
	line-height: 17px;
}

button#product-addtocart-button:hover {
color:#1B4F80:
}

header.page-header {
    flex-direction: column-reverse  !important;
    display: flex  !important;
}


button.border-gray {
    background: #fff !important;
    border: 1px solid #ccc !important;
    color: black !important; 
}


ul.flex.flex-wrap.gap-4 {
    background: #1b4f80 !important;
}

a.btn.btn-primary.button-active {
    background: #fff;
    color: #000;
	    box-shadow: 0 0 40px 0 rgb(0 0 0 / 14%) !important;
}

ul a.btn.btn-primary:focus {
	box-shadow:none;
	
}




/* Firefox */
input[type=number] {
  -moz-appearance: textfield !important;

}
/*
.card .btn-primary--,
.price-label {
	display:none !important;
}
*/

.price-box.price-final_price {
    display: flex;
    justify-content: center;
	/* order:1 !important; */
}

.old-price_ {
    order: 1;
}
.special-price_ {
	order:2;
}
.old-price .price {
    text-decoration: line-through;
	color:#000;
}

.product-item .old-price .price-container .price {
    font-size: 18px !important;
    line-height: 35px;
    font-weight: 400;
    color: #000 !important;
    padding-right: 10px;
}



.product-item .old-price .price-including-tax .price:after {
    display: block;
    display:none !important;
}

.price-box.price-final_price {
    margin-top: 16px ;
}


.product-info-main .price-box.price-final_price {
  text-align: left !important;
}


.pik-zahlungen {
    margin-right: 15px !important;
}




.byproduct .shipping-info, .byproduct .delivery-time {
 color: #1B4F80  !important;
}

.byproduct .shipping-info span:before {
    content: "\2022 \A0\A0\A0";
    font-size: 30px;
    margin-left: -12px;
    position: absolute;
    top: 0px;
    left: 0;
    color: #1b4f80;
}

.byproduct .shipping-info {
margin-left:12px;
margin-bottom:5px;	
}
.byproduct .shipping-info span {
	position:relative;
}


.downloads-titel  {
background:#ECECEC;
padding:15px;
display
}
.produkt-downloads {
	padding:15px 0;
	margin-bottom:15px;
	clear:both;
}
.produkt-download {
display:inline-block;
}
.produkt-download a {
padding:15px;
display:flex;
}
.produkt-download svg {
    fill: #C20A0A;
	  height:18px;
}

.price-container {
    display: flex;
    flex-direction: column;
}

.price-wrapper.title-font {
	order:1;
}

.final-price-excl-tax {
	order:2;
}

.shipping-info {
    order: 3;
}



.price-box.price-final_price {
    flex-direction: column;
}



table {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    clear: both;
    margin: 0 auto 1rem;
    table-layout: auto;
    width: 100%;
	padding: 0.5rem;
}

table>*+tbody>*>*, table>tbody>*~*>*, table>tfoot>*>* {
    border-top: 1px solid #ddd;
}





/* Font-Size */

.medium, .text-medium {
    font-size:18px;
}

.gross, .text-gross {
    font-size:24px;
}

.sehr-gross {
    font-size:46px;
}

.super-gross {
    font-size:60px;
}



/* Farben */

.pik {
	color: #1b4f80;
}

.bg-pik {
	background-color: #1b4f80;
}
.medientechnik {
	color: #657fa4;
}

.bg-medientechnik {
	background-color: #657fa4;
}

.videokonferenz {
	color: #294955;
}

.bg-videokonferenz {
	background-color: #294955;
}

.digitalsignage {
	color: #E2732A;
}

.bg-digitalsignage {
	background-color: #E2732A;
}

.audiotechnik {
	color: #2E6D79;
}

.bg-audiotechnik {
	background-color: #2E6D79;
}

.sprachalarm {
	color: #3f6f4e;
}

.bg-sprachalarm {
	background-color: #3f6f4e;
}

.lichttechnik {
	color: #BB452A;
}

.bg-lichttechnik {
	background-color: #BB452A;
}

.service {
	color: #AF181D;
}

.bg-service {
	background-color: #AF181D;
}

.venue {
	color: #401B40;
}

.bg-venue {
	background-color: #401B40;
}

.samsung {
	color: #0084c7;
}

.bg-samsung {
	background-color: #0084c7;
}

.clickshare {
	color: #f00000;
}

.bg-clickshare {
	background-color: #f00000;
}

.zoom {
	color: #368df8;
}

.bg-zoom {
	background-color: #368df8;
}

.sennheiser {
	color: #0492d4;
}

.bg-sennheiser {
	background-color: #0492d4;
}

.lifesize {
	color: #4b45da;
}

.bg-lifesize {
	background-color: #4b45da;
}

.poly {
	color: #eb3c00;
}

.bg-poly {
	background-color: #eb3c00;
}

.logitech {
	color: #00ace8;
}

.bg-logitech {
	background-color: #00ace8;
}

.microsoft {
	color: #4B53bc;
}

.bg-microsoft {
	background-color: #4B53bc;
}

.crestron {
	color: #004a80;
}

.bg-crestron {
	background-color: #004a80;
}

.yealink {
	color: #3fa683;
}

.bg-yealink {
	background-color: #3fa683;
}

.starleaf {
	color: #007fc8;
}

.bg-starleaf {
	background-color: #007fc8;
}

.cisco {
	color: #33c9ef;
}

.bg-cisco {
	background-color: #33c9ef;
}

.etc {
	color: #00aeef;
}

.bg-etc {
	background-color: #00aeef;
}

.lichttechnik  {
	color: #cfac0a;
} 

.bg-lichttechnik  {
	background-color: #cfac0a;
} 


.sw-grey  {
	color: #f4f4f4;
}

.bg-sw-grey  {
	background-color: #f4f4f4;
}

.sw-black {
	color: #000000;
}

.bg-sw-black {
	background-color: #000000;
}


/* Abstände */
.abstand 
	padding:15px 0;
}
.padding-15 {
padding-top: 15px;
padding-bottom: 15px;
}

.top-0 {
padding-top: 0;
}

.top-doppel {
padding-top: 30px;
}

.top-big {
padding-top: 60px;
}

.bottom-0 {
padding-bottom: 0;
margin-bottom: 0;
}
.bottom-doppel {
padding-bottom: 30px;
}

.bottom-big {
    padding-bottom: 60px;
}

.sehr-gross {
	line-height:1.2;
}



.tablepress {
    --text-color: #111;
    --head-text-color: var(--text-color);
    --head-bg-color: #d9edf7;
    --odd-text-color: var(--text-color);
    --odd-bg-color: #f9f9f9;
    --even-text-color: var(--text-color);
    --even-bg-color: #fff;
    --hover-text-color: var(--text-color);
    --hover-bg-color: #f3f3f3;
    --border-color: #ddd;
    --padding: 0.5rem;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    clear: both;
    margin: 0 auto 1rem;
    table-layout: auto;
    width: 100%
}

.tablepress>:not(caption)>*>* {
    background: none;
    border: none;
    box-sizing: content-box;
    float: none!important;
    padding: var(--padding);
    text-align: left;
    vertical-align: top
}

.tablepress>*+tbody>*>*,.tablepress>tbody>*~*>*,.tablepress>tfoot>*>* {
    border-top: 1px solid var(--border-color)
}

.tablepress>:where(thead,tfoot)>*>th {
    background-color: var(--head-bg-color);
    color: var(--head-text-color);
    font-weight: 700;
    vertical-align: middle;
    word-break: normal
}

.tablepress>:where(tbody)>.odd>* {
    background-color: var(--odd-bg-color);
    color: var(--odd-text-color)
}

.tablepress>:where(tbody)>.even>* {
    background-color: var(--even-bg-color);
    color: var(--even-text-color)
}

.tablepress>.row-hover>tr:hover>* {
    background-color: var(--hover-bg-color);
    color: var(--hover-text-color)
}

.tablepress img {
    border: none;
    margin: 0;
    max-width: none;
    padding: 0
}

.tablepress-table-description {
    clear: both;
    display: block
}



.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th>div.dataTables_sizing {
    height: 0;
    margin: 0!important;
    overflow: hidden;
    padding: 0!important
}

.tablepress {
    --head-active-bg-color: #049cdb;
    --head-active-text-color: var(--head-text-color)
}

.tablepress .sorting,.tablepress .sorting_asc,.tablepress .sorting_desc {
    cursor: pointer;
    outline: none;
    padding-right: 20px;
    position: relative
}

.tablepress .sorting:after,.tablepress .sorting_asc:after,.tablepress .sorting_desc:after {
    -webkit-font-smoothing: antialiased;
    bottom: 0;
    font-family: TablePress;
    font-size: 14px;
    font-weight: 400;
    height: 14px;
    left: auto;
    line-height: 1;
    margin: auto;
    position: absolute;
    right: 6px;
    top: 0
}

.tablepress .sorting:after {
    content: "\f0dc"
}

.tablepress .sorting_asc:after {
    content: "\f0d8";
    padding: 0 0 2px
}

.tablepress .sorting_desc:after {
    content: "\f0d7"
}

.tablepress .sorting:hover,.tablepress .sorting_asc,.tablepress .sorting_desc {
    background-color: var(--head-active-bg-color);
    color: var(--head-active-text-color)
}

.tablepress tfoot th,.tablepress thead th {
    background-color: #ddd
}