@charset "UTF-8";
/*
 * This file (custom.css) is the css file that
 * handles any overrides you want to do with
 * joomla or the bootstrap css files.
 * ---------------------------------------- */
/* Colours: */
/* Dark violet: 666699 (was: 726F9E) */
/* Bright violet: 9999cc (was: A7A0E6) */
/* Green: 89e67a */
/* Red: ff8787 */
/* Last change RL221011 - 404 / Neues Logo ausgeblendet */
/*** TOC ***
SASS Variables/Mixins
Debug
Body / General
Header
...
Footer
 */
/* SASS */
/* Product categories*/
/* Bunt */
/* Violett */
/*50%*/
/*58%*/
/*66%*/
/*74%*/
/* Fonmt sizes */
@import 'k2.css';
.bg-acc-blue {
  background-color: #4f88ab !important;
}

.bg-acc-pink {
  background-color: #e26f90 !important;
}

.bg-acc-green {
  background-color: #7acc66 !important;
}

.bg-acc-orange {
  background-color: #F8B96A !important;
}

/*div.colortest {width:100%}
.colortest div {
	display: inline-block;
	width:  24.5%;
	height: 150px;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	&.tec { background-color: $tec !important;}
	&.ldd { background-color: $ldd !important;}
	&.ltc { background-color: $ltc !important;}
	&.acc { background-color: $acc !important;}
}*/
.moduletable.left-latestnews h3 {
  background-image: url("../images/bullet2.png") !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
  background-position: 0.5em 0.6em;
  font-size: 17pt;
  text-align: left;
  padding-left: 1.2em;
}

footer .sp-column, .itemRelated ul, .breadcrumb {
  display: flex;
  flex-wrap: wrap;
}

/*** Debug ***/
.userback-button.userback-button-se {
  left: 18px !important;
}

.debugswitch, .frameswitch {
  color: #ddd;
  cursor: pointer;
  font-size: 12px;
  position: fixed;
  top: 5px;
  left: 5px;
  z-index: 999;
}

.frameswitch {
  left: 50px;
}

.debug .debugswitch {
  color: #faa;
}

body.debug {
  background-color: #f2f2f2;
}

body.framed {
  background-color: #ddd;
}

.debugonly {
  display: none !important;
}

.debug .debugonly {
  display: inherit !important;
}

.debug .k2link {
  display: inline-block;
}

.debug .sp-column, .debug .sp-module {
  border: 1px solid #fff !important;
}

.k2link, .menu .item-149 {
  display: none !important;
}

.debug .menu .item-149, .debug .product-neighbours {
  display: block !important;
}

#multiprices-calculated .debugonly {
  color: #ccc;
}

/* End debug */
/*** Body / General ***/
body {
  min-width: 320px;
  height: 100%; /* XF 2021-12-04 */
}

/* Selection */
::-moz-selection { /* Code for Firefox */
  color: white;
  background: #669;
}

::selection {
  color: white;
  background: #669;
}

.container-inner {
  width: 100%;
}

.bg-light {
  background-color: #fff !important;
}

button:focus {
  outline: 1px dotted;
}

.center {
  text-align: center;
}

.m-right-0 {
  margin-right: 0 !important;
}

/* Shadows */
.bshadow.top {
  box-shadow: 0 -5px 5px -5px #ccc;
}
.bshadow.right {
  box-shadow: 5px 0 5px -5px #ccc;
}
.bshadow.bottom {
  box-shadow: 0 5px 5px -5px #ccc;
}
.bshadow.left {
  box-shadow: -5px 0 5px -5px #ccc;
}
.bshadow.all {
  box-shadow: 0 0 5px #ccc;
}

.bshadow.inset.bottom {
  box-shadow: 0 -15px 15px -15px inset #ccc;
}
.bshadow.inset.right {
  box-shadow: 15px 0 15px -15px inset #ccc;
}
.bshadow.inset.top {
  box-shadow: 0 15px 15px -15px inset #ccc;
}
.bshadow.inset.left {
  box-shadow: -15px 0 15px -15px inset #ccc;
}
.bshadow.inset.all {
  box-shadow: 0 0 15px inset #ccc;
}

/* Border idea */
.framed .body-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  border: 8px solid #669;
  border-radius: 5px;
  background-color: #fff;
}
.framed #sp-top-bar {
  background: #ddd;
  color: #666;
}
.framed #sp-top-bar .container {
  padding: 0 8px 0 0;
}
.framed #sp-top-bar a {
  color: #666;
}
.framed #sp-top-bar .text-lg-left .sp-module {
  margin: 0;
}
.framed nav.navbar {
  border-top: 8px solid #669;
  margin-top: -8px;
}
.framed #sp-main-body {
  padding: 50px 15px;
}
.framed #sp-bottom {
  padding: 20px 15px 0;
}
.framed #sp-footer {
  background: #669;
  color: #fff;
}
.framed #sp-footer a, .framed #sp-footer .sp-module, .framed #sp-footer .sp-module h2 {
  color: #fff !important;
}
.framed #copyright p, .framed #copyright a {
  margin-bottom: 2px;
  color: rgba(255, 255, 255, 0.7333333333) !important;
}
@media (min-width: 1200px) {
  .framed .container {
    max-width: 1200px;
  }
}

/* END Border idea*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p.productname {
  font-weight: 600;
}

a {
  transition: color 0.25s, background-color 0.25s;
}

td {
  vertical-align: top;
}

ul {
  padding-inline-start: 0;
  margin-left: 2em;
}

ul.nav {
  margin-left: 0;
}

.bottommargin {
  margin-bottom: 1em !important;
}

#main {
  min-height: 560px;
}

.anchor {
  display: block;
  position: relative;
  top: -250px;
  visibility: hidden;
}

.height3 {
  /*height: 8em; mit Beschreibung */
  height: 2em;
}

.height3 h2, .vm-product-media-container a.title {
  display: block;
  min-height: 4em;
  margin: 10px 0 0.66em;
}

/* Checkboxes */
/*https://www.inserthtml.com/2012/06/custom-form-radio-checkbox/*/
@supports not (-ms-ime-align: auto) {
  *[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    border: 2px solid #999;
    cursor: pointer;
    padding: 9px !important;
    border-radius: 3px;
    display: inline-block;
    position: relative !important;
    top: 5px;
    height: 18px;
    width: 18px !important;
  }
  *[type=checkbox].required {
    border-color: #ed1212;
  }
  *[type=checkbox]:checked {
    border-color: #999;
  }
  *[type=checkbox]:checked:after {
    content: "\f00c"; /* fa-check */
    font-family: FontAwesome;
    font-display: swap;
    font-size: 18px;
    position: absolute;
    top: -4px;
    left: 0;
    color: #669966;
  }
  /* Radio buttons */
  *[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    background-color: #fff;
    border: 1px solid #999;
    cursor: pointer;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px !important;
    padding: 7px !important;
    position: relative !important;
    top: 4px;
    height: 18px;
    width: 18px !important;
  }
  *[type=radio]:checked:after {
    color: #333;
    content: "\f111"; /* fa-circle */
    font-family: FontAwesome;
    font-display: swap;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    top: -0.6px;
    left: 2px;
    font-size: 14px;
  }
  .vm-payment-shipment-select *[type=radio]:checked:after {
    top: -14.8%;
  }
  #acyusersubscription *[type=radio]:checked:after {
    top: -3%;
    left: 12%;
  }
  *[type=radio]:checked {
    color: #000;
    border-color: #999;
  }
}
table.user-details .chzn-container,
table.user-details .chzn-drop {
  width: 100% !important;
}

.productblock *[type=radio], .productblock .vm-payment-plugin-single label {
  cursor: default;
}

.offeronly {
  display: none;
}

.productblock .offeronly {
  display: block;
  margin: 1em 0 0 0.6em;
  color: #669966;
}

@supports (-ms-ime-align: auto) {
  *[type=checkbox] {
    display: inline-block;
    position: relative;
    top: 2px;
  }
}
/* Pagination */
.page-item.active .page-link {
  background-color: #669;
  border-color: #666;
  cursor: default;
}

.pagination {
  border-radius: 5px;
  padding-top: 3em;
}

ul.pagination {
  margin-left: 0;
  display: inline-flex;
}

li.page-item {
  float: left;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
  color: #669;
  margin: 1em 0 0.66em;
}

h1, h2, h3 {
  clear: both;
  line-height: 1.3;
}

h1:first-child,
h3:first-child, h4:first-child, h4:first-child, h4:first-child,
h5:first-child, h6:first-child, #checkoutForm h3 {
  margin: 10px 0 0;
  padding-bottom: 1em;
}

/*.category-view .producttable h2:first-child,*/
/*.sp-module-content-bottom .widget.product-categories h2,*/
Selector {
  font-size: 1.5rem;
  font-weight: 600;
}

.category_description h2.small {
  margin-top: 42px;
}

h3.sp-module-title {
  padding-bottom: 0;
}

.product-field-display h3:first-child {
  margin: 0;
  padding-bottom: 0.2em;
}

h5, h5:first-child, h6:first-child {
  padding-bottom: 0.5em;
}

/*.homebanner { !* 200117 replaced by slider *!
	position: relative;
	img {
		width: 100%;
		max-width: none;
		@include border-radius;
	}
	.company {
		position: absolute;
		bottom: 0;
		padding: 6px 15px 12px 15px;
		background-color: #ffffffbb;
		@include border-radius(0 0 0 5px);
		width: 100%;
	}
	.company h1 {
		text-align: center;
		font-size: 250%;
		margin: 0;
		padding: 0;
		text-shadow: 0 0 1px #FFF;
	}
	.company p {
		font-weight: bold;
		font-size: 110%;
		margin: 0;
		padding: 0;
		text-align: center;
		text-shadow: 0 0 1px #FFF;
	}
}*/
.n2-ss-slider-3 {
  border-radius: 5px;
}

div#n2-ss-2 .nextend-arrow-animated-fade {
  width: 32px !important;
  height: 32px !important;
}

.home h3, .home h3:first-child,
.home h4, .home h4:first-child {
  margin: 0.5em 0 0;
  padding-bottom: 4px;
}

.home h3:first-child, .home h4:first-child {
  margin-top: 32px;
} /* adapt to column height */
h2.itemSubtitle {
  margin: 0 0 1.5em;
}

h3.itemSubSubTitle {
  margin-top: -40px;
  margin-bottom: 1em;
}

.alert-heading {
  margin-top: 0;
}

.alert.alert-success, .alert-success .alert-heading {
  color: #155724;
}

.category-view h2, .category-view h3 {
  padding-bottom: 0;
}

.category_description h2 { /*font-size: 1.75rem;*/ }

/*** Header ***/
body.view-cart {
  min-width: 560px;
}

.sticky-top {
  position: sticky !important;
  transition: top 0.3s;
  z-index: 20;
}

/* Top Bar */
li.sp-contact-phone, li.sp-contact-email {
  position: relative;
  bottom: 2px;
}

#sp-top-bar select#virtuemart_currency_id, #sp-top-bar .form-control {
  background-color: #fff;
}

#sp-top-bar select#virtuemart_currency_id:focus, #sp-top-bar .form-control:focus,
#sp-top-bar .form-control input:-internal-autofill-selected {
  background-color: #fff;
}

#sp-top-bar .search input::-moz-placeholder {
  color: #000;
}

#sp-top-bar .search input::placeholder {
  color: #000;
}

#sp-top-bar input.inputbox {
  padding: 3px 0.4rem !important;
}

/* Language switcher */
.sp-module.flag {
  position: relative;
  top: 0;
  right: 0;
  width: auto;
  height: 27px;
}

.flag_english, .flag_german {
  position: absolute;
  top: 0;
  right: 0;
}

div.mod-languages img {
  display: block;
  height: 100%;
  border-radius: 2px;
}

/* for flags */
.sp-module-content .mod-languages ul.lang-inline {
  margin: 0;
  padding: 0;
  height: 100%;
  border: 1px solid #aaa;
  border-radius: 3px;
}

.sp-module-content .mod-languages ul.lang-inline li {
  display: inline-block;
  margin: 0;
  border: 3px solid transparent;
  border-radius: 2px;
  height: 100%;
  background: #fff;
}

.sp-module-content .mod-languages ul.lang-inline li a {
  padding: 0 !important;
}

/* for text */
.sp-module.flag {
  border: 1px solid #fff;
  border-radius: 0.25rem;
  padding: 0 7px;
}

.sp-module-content .mod-languages ul.lang-inline {
  border: none;
}

.sp-module-content .mod-languages ul.lang-inline li {
  border: none;
  background: none;
}

#sp-top-bar .sp-module-content .mod-languages ul.lang-inline li a {
  color: #aaa;
  font-size: 18px;
  cursor: pointer;
  margin-top: -2px;
  display: block;
}

#sp-top-bar .sp-module-content .mod-languages ul.lang-inline li a:hover {
  color: #9999CC;
}

#sp-top-bar .sp-module-content .mod-languages ul.lang-inline li.lang-active { /*display: none;*/ }

#sp-top-bar .sp-module-content .mod-languages ul.lang-inline li.lang-active a {
  color: #fff;
  cursor: default;
}

ul.lang-inline li:first-child {
  padding-right: 3px;
}

.alert {
  padding: 20px 35px 22px 20px;
  margin-bottom: 0;
  text-shadow: none;
  color: #669;
  background-color: #fff;
  border: 5px solid #dddde4;
  border-radius: 6px;
  text-align: center;
}

.company td:first-child {
  padding-right: 1em;
  width: 10em;
}

.vm-fieldset-tos {
  margin: 1em 0;
}

.article-details .article-can-edit {
  margin-bottom: 0;
}

#map_canvas img {
  max-width: none;
}

#login-dropdown {
  width: 250px;
  padding: 10px;
}

#login-dropdown .input-prepend {
  margin-left: 10px;
}

div.login-remember {
  padding: 5px;
}

div.moduletable.grey-border div.custom {
  border: solid 1px #dddddd;
  border-radius: 5px;
  padding: 10px;
  background: none;
}

div#below-content div.moduletable.span2.popular div.custom {
  background: #5bb75b;
}

div#below-content div.moduletable.span2.popular2 div.custom {
  background: #04c;
}

div.moduletable.label.label-info div.custom,
div#top.row div.moduletable div.custom,
div.moduletable.no-bg div.custom {
  background: none;
}

div.moduletable.no-bg {
  background: none;
  margin-bottom: 5px;
}

div.moduletable.label.label-info h3 {
  color: #fff;
}

.brand > i {
  margin-top: 5px;
  margin-right: 5px;
}

#sp-top1 {
  padding-top: 1px;
}

span.fa.fa-envelope {
  margin-right: 6px;
}

/* Search */
.form-limit {
  text-align: right;
}

.search-query .form-control {
  border: 1px solid #aaa;
  font-size: 100%;
  height: 27px;
  padding: 2px 8px 4px;
}

input#search-searchword {
  margin: 0 1em;
}

/* Header */
nav.navbar {
  padding: 1rem 1rem;
}

#sp-logo {
  display: flex;
  align-items: center;
}

/* Logo text set in module - needs to be reset for this */
#sp-logo .sp-column {
  width: 100%;
}

.logo {
  max-height: 78px;
  height: 78px;
  width: 100%;
  display: block;
}

.logo a {
  display: block;
  background-image: url("/images/meerstetter-logo.svg");
  background-position-y: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 100%;
  color: transparent;
}

.logo-image {
  height: auto;
  max-height: 78px;
}

.navbar .not-in-main {
  display: none !important;
}

.breadcrumb-container {
  /* background-image: linear-gradient(#fff 10%, #fff 60%, #fff0 75%); */
  background-color: #fafafa;
  margin-bottom: -10px;
  border-top: 1px solid #efefef;
  box-shadow: 0 0 10px #666;
  top: -1px;
}

.sp-module.breadcrumbs {
  background-color: #ffffff;
  position: absolute;
  left: 15px;
  bottom: -54px;
  border-radius: 5px;
}

.sp-module.breadcrumbs:hover {
  background-color: #fff;
}

.breadcrumb {
  background: none;
  font-size: 85%;
  margin: 0;
  padding: 5px 0 6px;
}

.breadcrumb-item + .breadcrumb-item::before {
  font-family: FontAwesome;
  font-display: swap;
  padding-right: 0.5rem;
  color: #000;
  content: "\f105"; /*fa-angle-right*/
}

/* Latest News */
/* Latest News: Left */
.moduletable.left-latestnews {
  background-color: #cdcdd4;
  border-radius: 2px;
  border-bottom: 2px solid #8b8b8c;
}
.moduletable.left-latestnews h3 {
  background-color: #8b8b8c;
  border-radius: 2px;
  color: white;
  text-align: left;
  margin: 0;
  padding-left: 20px;
  font-weight: normal;
  list-style: none;
  border-top: 1px solid #b1b1b3;
}
.moduletable.left-latestnews h3:hover {
  background-image: url("../images/bullet2dark.png") !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
  color: #333333 !important;
  text-shadow: 0 1px 0 #ababab;
}
.moduletable.left-latestnews li {
  background: none !important;
  padding: 10px;
  color: #353332;
}
.moduletable.left-latestnews li a.moduleItemTitle {
  font-weight: bold;
  line-height: 1.2;
  display: block;
}

/* Latest News: Bottom */
.bottom-latestnews h3 {
  font-weight: bold;
  font-size: 110%;
  margin-bottom: 0.5em;
  display: block;
  line-height: 1.3;
  min-height: 3em;
}
.bottom-latestnews a {
  color: #636363;
}
.bottom-latestnews a:hover, .bottom-latestnews a:focus, .bottom-latestnews a:active {
  color: #669;
}
.bottom-latestnews .col-sm-12.col-lg-4 {
  border-left: 1px solid #ccc;
}
.bottom-latestnews .row.moduleItemIntrotext {
  min-height: 88px;
}
.bottom-latestnews a.col-lg-4.moduleItemImage { /*height: 72px;*/ }

.image {
  margin: 0;
}

.image > .brand {
  text-indent: -9999px;
  display: block;
  padding: 0;
}

#above {
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
}

#content {
  padding: 18px 0;
  margin-bottom: 2em;
  position: relative;
}

#sidebar {
  background-image: url("../images/background-sidebar.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
  background-size: cover;
}

/* Related items */
/* Collapsible form */
/* from BS2 ! */
#collapseOne {
  clear: both;
  display: block !important;
}

.collapse.in {
  height: auto;
}

.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

.collapse:not(.show) {
  display: none;
  height: auto;
}

#accordion .collapse.show {
  height: auto;
}

#accordion .collapse:not(.show) {
  display: none;
  height: 0;
}

#accordion button {
  display: block;
}

/*** Footer ***/
/* Dock Footer to bottom and don't overlap content */
/* Requires "height: 100%;" on all parent elements */
/* XF 2021-12-04 */
html, .body-wrapper {
  height: 100%;
}

.body-innerwrapper {
  min-height: 100%;
  /* display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: minmax(0, 1fr); /* XF220114 */ /* RL250717 Warum? -> Headerdarstellung nicht mehr korrekt -> rückgängig */
}

#sp-footer {
  grid-row-start: 4;
}

/* End Dock Footer */
#sp-bottom {
  padding: 20px 0 0;
  font-size: 14px;
  line-height: 1.6;
  background: #f7f7f7;
  border-top: 3px solid #ccc;
}

#sp-footer #sp-footer1 {
  flex: 0 0 100%;
}

#sp-footer .sp-module, #sp-footer .sp-module h2, #sp-footer .sp-module, #sp-footer .sp-module h3 {
  color: #a2a2a2;
}

#sp-bottom2 h2, footer h2, #sp-bottom2 h3, footer h3, #sp-bottom2 h4, footer h4 {
  font-size: 1.3em;
  margin-top: 0 !important;
}

#sp-footer.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
}

#sp-footer1 .title {
  display: block;
  font-size: 1.3em;
  line-height: 1.3;
  margin-bottom: 10px;
}

#bottom {
  background-color: #dddde4;
  border-bottom: 2px solid #8b8b8c;
  border-radius: 0 0 3px 3px;
  padding: 10px 0;
}
#bottom .moduletable ul.nav > li {
  padding: 0 20px 10px;
  max-width: 150px;
}
#bottom .moduletable, #bottom #bottom .moduletable li.parent {
  float: left;
}
#bottom .bottom-mainmenu, #bottom .bottom-mainmenu ul.nav > li {
  float: left;
}
#bottom .moduletable.bottom-address {
  float: right;
  margin-right: 10px;
}
#bottom ul {
  margin: 0;
}
#bottom ul li {
  list-style: none;
}
#bottom .bottom-address p, #bottom a {
  color: #666;
  margin: 0;
}
#bottom .bottom-leftmenu a {
  color: #666;
}
#bottom .bottom-leftmenu ul {
  margin: 0;
}
#bottom ul ul ul {
  padding-left: 1.5em;
}
#bottom ul ul ul li {
  list-style: square;
}
#bottom ul li {
  font-weight: bold;
  text-shadow: 0 1px #eee;
  line-height: 1;
  padding-top: 0.5em;
}
#bottom ul ul li {
  font-weight: normal;
  text-shadow: none;
  margin-left: 0;
}
#bottom ul li a {
  color: #666;
  margin-left: -1px;
}
#bottom ul ul li a {
  margin-left: 0;
}
#bottom ul li a.creditcards {
  display: block;
  padding-bottom: 24px !important;
  background-position: 0 1.5em !important;
}

.sp-module.copyright {
  text-align: center;
  margin: 25px auto 0;
  color: #666;
  font-size: 80%;
}

#copyright a {
  color: #a3a3a3;
}

#sp-footer .container-inner {
  padding: 30px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.custom.col-lg-3 {
  width: 100%;
  max-width: 100%;
}

.custom.bottom-address.col-lg-3 {
  /*flex: 0 0 30%;
  max-width: 30%;*/
}

.footer {
  color: #bbb;
  font-size: 80%;
  padding: 0;
  margin-top: 4px;
  z-index: 1;
}
.footer p {
  padding-left: 4px;
  padding-right: 4px;
}
.footer a {
  color: #bbb;
  display: inline;
}
.footer a:hover {
  color: #333;
}
.footer .right {
  float: right;
}

#inquiry-button {
  display: block;
  height: 206px;
  margin-top: -103px;
  position: fixed;
  right: 0;
  top: 50%;
  width: 42px;
  background-image: url("../images/product-inquiry-button.png") !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
  background-position: 0 0;
}

#inquiry-button:hover {
  background-position: 0 -214px !important;
}

#inquiry-button:active {
  background-position: 0 0 !important;
}

/* Module Spacing */
#sidebar .moduletable {
  margin: 30px 25px 25px 24px;
}

#sidebar .moduletable.left-latestnews {
  margin-top: 0;
  margin-bottom: 10px;
}

/* Enhanced typography */
dt {
  font-size: 105%;
  margin-bottom: 0.5em;
}

dd {
  margin-left: 2em;
  margin-bottom: 1em;
}

/* Template Demo */
body.item-524 .navbar .custom {
  display: inline-block;
  padding: 5px;
  margin: 5px 0 0 10px;
}
body.item-524 #header .custom {
  margin-bottom: 10px;
}
body.item-524 .navbar .custom p, body.item-524 #header .custom p {
  margin: 0;
}
body.item-524 #breadcrumbs .custom ul {
  margin-bottom: 0;
}
body.item-524 #below .custom {
  background: #eee;
  padding: 10px;
  border-radius: 5px;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%; /* 16/9 ratio */
  padding-top: 30px; /* IE6 workaround*/
  height: 0;
  overflow: hidden;
}
.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*** Widgets ***/
/* Dropdowns */
form.homewidget label, form.homewidget input[type=submit], form.homewidget button[type=submit] {
  display: none;
}

.dropdown.widgets {
  margin-top: 0; /* wenn Dropdowns oben: 36px;*/
}
.dropdown.widgets .card-block h2 {
  color: #fff;
  width: 100%;
  height: 48px;
  font-size: 24px;
  text-align: center;
  /*RL230105 noetig?*/
}
.dropdown.widgets .card-block h2 a, .dropdown.widgets .card-block h2 a:hover, .dropdown.widgets .card-block h2 a:focus, .dropdown.widgets .card-block h2 a:active {
  color: #fff;
  height: 100%;
  width: 100%;
  display: block;
  padding-top: 10px;
}
.dropdown.widgets .card-block h2 a:hover, .dropdown.widgets .card-block h2 a:focus, .dropdown.widgets .card-block h2 a:active {
  background-color: #9999CC !important;
}
.dropdown.widgets .row .widget:nth-child(1n) h2 a {
  background-color: hsl(240, 33%, 45%);
}
.dropdown.widgets .row .widget:nth-child(2n) h2 a {
  background-color: hsl(240, 33%, 48%);
}
.dropdown.widgets .row .widget:nth-child(3n) h2 a {
  background-color: hsl(240, 33%, 51%);
}
.dropdown.widgets .row .widget:nth-child(4n) h2 a {
  background-color: hsl(240, 33%, 54%);
}
.dropdown.widgets .formControls {
  margin: 0;
}
.dropdown.widgets div.formBody {
  float: none;
}
.dropdown.widgets fieldset {
  margin: 7px 7px 0 7px;
}
.dropdown.widgets .rsform-block {
  margin-bottom: 7px;
}
.dropdown.widgets button {
  width: 100%;
}

.dropdown.widgets.top .row .widget:nth-child(1n) h2 a {
  background-color: hsl(240, 33%, 48%);
}
.dropdown.widgets.top .row .widget:nth-child(2n) h2 a {
  background-color: hsl(240, 33%, 51%);
}
.dropdown.widgets.top .row .widget:nth-child(3n) h2 a {
  background-color: hsl(240, 33%, 54%);
}
.dropdown.widgets.top .card-block h2 {
  font-size: 1.35em;
}
.dropdown.widgets.top .card-block h2 a, .dropdown.widgets.top .card-block h2 a:hover, .dropdown.widgets.top .card-block h2 a:focus, .dropdown.widgets.top .card-block h2 a:active {
  padding-top: 11.5px;
}

/* Static */
.card {
  border-radius: 5px;
}

.widgets {
  /*
  background-color: #f6f6f6;
  padding: 5px 5px 0 5px;
  */
  margin-top: 20px;
  border-radius: 5px;
}
.widgets h2, .widgets h2:first-child {
  margin: 0;
  padding-bottom: 0;
  font-size: 140%;
}
.widgets .row > div { /*padding: 5px 2.5px 0 2.5px !important;*/ }
.widgets .cis_images_holder {
  margin: 0 auto;
}
.widgets .cispro_main_wrapper {
  margin-top: 0 !important;
}

.widget.engineering a, .widget.engineering a:hover, .widget.engineering a:focus, .widget.engineering a:active {
  color: #fff;
}
.widget.engineering .card-block {
  background-color: hsl(240, 33%, 45%);
  transition: color 0.25s, background-color 0.25s;
  text-align: center;
  padding: 1.2em 1.2em 0.75em;
}
.widget.engineering .card-block h2 {
  color: #fff;
  display: block;
  font-size: 1.35em;
  padding-bottom: 0.8em;
}
.widget.engineering .card-block p {
  display: block;
  margin-bottom: 0.5em;
}
.widget.engineering .card-block:hover {
  background-color: #9999CC;
}

.widget.opinions .card {
  background-color: hsl(240, 33%, 54%);
  border: none;
}
.widget.opinions .card-block {
  background-color: hsl(240, 33%, 54%);
  padding: 1.5rem 2rem 0.3rem;
}
.widget.opinions .card-block.stars {
  padding: 0 0 2rem;
  width: 70px;
  height: 11.4px;
}
.widget.opinions .card-block.opinion {
  padding: 0;
}
.widget.opinions .card-block h2 {
  text-align: center;
  color: #fff;
  display: block;
  font-size: 1.35em;
  padding-bottom: 0.8em;
}
.widget.opinions .card-block p {
  color: #fff;
  display: block;
  margin-bottom: 0.5em;
}

.widget.product-categories, .widget.product-types, .widget.downloads {
  padding-top: 0;
  padding-bottom: 0;
}
.widget.product-categories .p, .widget.product-categories ul, .widget.product-types .p, .widget.product-types ul, .widget.downloads .p, .widget.downloads ul {
  display: none;
}

.widget.product-categories .row .card-img-top img {
  display: none;
}
.widget.product-categories h3 {
  margin: 0;
  padding: 0;
}

.widget {
  border-radius: 5px;
  margin-bottom: 5px;
}
.widget .row {
  padding-bottom: 5px;
}
.widget .card {
  overflow: hidden;
}
.widget .card-block {
  padding: 0;
}
.widget .card-block .card-text {
  padding: 14px;
  display: block;
}
.widget .card-block h2 {
  display: inline-block;
  font-size: 100%;
  margin: 0;
  padding: 0;
  /*min-width: 72px;*/
}
.widget .card-block p {
  padding-bottom: 0;
  display: inline;
}
.widget .card-block .card-image {
  display: inline-block;
  height: 150px;
  overflow: hidden;
  position: absolute;
  bottom: 16px;
  text-align: center;
  width: 100%;
}
.widget .card-block .card-image img {
  height: 75% !important;
  width: auto !important;
  bottom: -14%;
  position: relative;
}
.widget .card-block img.browseCategoryImage {
  display: inline-block;
  margin: 0 auto;
  width: 100%;
  max-width: 200px;
}
.widget .card-block.img {
  padding-bottom: 150px;
}
.widget.product-types .card-block {
  text-align: center;
}
.widget.product-categories .row {
  margin-right: -0.25rem;
  margin-left: -0.25rem;
}
.widget.product-categories .card-block h2, .widget.product-categories .card-block h3, .widget.product-types .card-block h2, .widget.product-types .card-block p.productname,
.widget .phocadownloadcategory16 {
  display: table;
  height: 50px;
  margin: -4px 0 0;
  text-align: center;
  width: 100.1%;
}
.widget.product-categories .card-block h2 a, .widget.product-categories .card-block h3 a, .widget.product-types .card-block h2 a, .widget.product-types .card-block p.productname a,
.widget .phocadownloadcategory16 a {
  background-color: #9999CC;
  color: #fff;
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}
.widget.product-categories .card-block h2 a:hover, .widget.product-categories .card-block h2 a:focus, .widget.product-categories .card-block h2 a:active, .widget.product-categories .card-block h3 a:hover, .widget.product-categories .card-block h3 a:focus, .widget.product-categories .card-block h3 a:active, .widget.product-types .card-block h2 a:hover, .widget.product-types .card-block h2 a:focus, .widget.product-types .card-block h2 a:active, .widget.product-types .card-block p.productname a:hover, .widget.product-types .card-block p.productname a:focus, .widget.product-types .card-block p.productname a:active,
.widget .phocadownloadcategory16 a:hover,
.widget .phocadownloadcategory16 a:focus,
.widget .phocadownloadcategory16 a:active {
  box-shadow: 0 0 6px #333;
  /*background-color: $acc-orange !important;*/
  background-color: #9999CC !important;
}
.widget.product-categories.shop .card-block h2, .widget.product-categories.shop .card-block p.productname {
  height: 100px;
}
.widget.product-categories.shop .card-block h2 a, .widget.product-categories.shop .card-block p.productname a {
  font-size: 1.35em;
}
.widget.product-categories.shop .widget.opinions {
  padding: 0 !important;
}
.widget.product-categories.shop .opinions .card-block h2 {
  height: auto;
}
.widget.product-categories.shop .card-block .card-text h2, .widget.product-categories.shop .card-block .card-text h3 {
  height: 86px;
}
.widget.product-categories .card-block.tec .card-title a, .widget.product-types .card-block.tec .card-title a {
  background-color: hsl(240, 33%, 45%);
}
.widget.product-categories .card-block.ldd .card-title a, .widget.product-types .card-block.ldd .card-title a {
  background-color: hsl(240, 33%, 48%);
}
.widget.product-categories .card-block.ltc .card-title a, .widget.product-types .card-block.ltc .card-title a {
  background-color: hsl(240, 33%, 51%);
}
.widget.product-categories .card-block.acc .card-title a, .widget.product-types .card-block.acc .card-title a {
  background-color: hsl(240, 33%, 54%);
}
.widget.product-categories .card-block .card-title a, .widget.product-types .card-block .card-title a {
  padding: 0 0.5em;
  line-height: 1.3;
}
.widget.downloads .row div:nth-child(1n) .phocadownloadcategory16 a,
.widget.downloads .row div:nth-child(2n) .phocadownloadcategory16 a {
  background-color: hsl(240, 33%, 48%);
}
.widget.downloads .row div:nth-child(3n) .phocadownloadcategory16 a,
.widget.downloads .row div:nth-child(4n) .phocadownloadcategory16 a {
  background-color: hsl(240, 33%, 51%);
}
.widget.downloads .row div:nth-child(5n) .phocadownloadcategory16 a,
.widget.downloads .row div:nth-child(6n) .phocadownloadcategory16 a {
  background-color: hsl(240, 33%, 54%);
}
.widget.downloads.box .row div:nth-child(1n) .phocadownloadcategory16 a {
  background-color: hsl(240, 33%, 48%);
}
.widget.downloads.box .row div:nth-child(2n) .phocadownloadcategory16 a,
.widget.downloads.box .row div:nth-child(5n) .phocadownloadcategory16 a {
  background-color: hsl(240, 33%, 51%);
}
.widget.downloads.box .row div:nth-child(4n) .phocadownloadcategory16 a {
  background-color: hsl(240, 33%, 48%);
}
.widget.downloads.box .row div:nth-child(3n) .phocadownloadcategory16 a,
.widget.downloads.box .row div:nth-child(6n) .phocadownloadcategory16 a {
  background-color: hsl(240, 33%, 54%);
}
.widget.product-categories .row > div:last-child h2 a {
  padding-top: 4px; /*Systems, Software, Accessories - 2 rows*/
}
.widget .phocadownloadcategory16 {
  background-image: none;
  border: none;
  padding: 0 !important;
  height: 5em;
}
.widget .phocadownloadcategory16 a {
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
  height: 100%;
  margin: 0;
  padding: 10px;
}

.home .widget.product-categories .row {
  margin-right: -15px;
  margin-left: -15px;
}

#sp-bottom2 .custom.widget {
  margin-bottom: 16px;
} /* Engineering */
.home .product-categories {
  margin-top: 22px;
}

.card .author {
  font-style: italic;
  color: #9999CC !important;
  /*float: right;
  margin-top: -.3em;*/
}

/* AcyMailing */
input[type=text]#acymailingsearch {
  margin-bottom: 0;
}

#acyarchivelisting #orderingoption {
  margin-bottom: 1.5em;
}

fieldset.adminform.acy_subscription_list {
  margin-top: 2em;
}

#acymodifyform div.acystatus {
  max-width: 154px;
  width: 154px;
}

/* Modules */
label {
  margin-bottom: 3px;
  line-height: 1.3;
}

#unsubpage label {
  float: none;
}

#unsubpage input[type=checkbox] {
  margin: -2px 0 0;
}

#unsubpage textarea {
  margin-left: 10px;
  width: 60% !important;
}

#unsubpage .unsubsurvey label {
  padding-left: 10px;
}

.unsubsurveytext {
  padding-bottom: 10px;
}

.button2-left .sourcerer {
  background-image: none !important;
}

.moduleItemTitle, .moduleItemReadMore {
  color: #666699;
}

a.moduleItemReadMore {
  float: right;
}

.admin #k2ExtraFieldsValidationResults {
  width: auto;
  height: auto;
  text-indent: 0;
}

body .glossaryclear th {
  background-color: #9999cc !important;
  color: #fff !important;
  font-weight: normal !important;
}

#com_glossary #glossarylist td, #com_glossary #glossarylist th {
  padding: 12px 10px;
  text-align: left;
}

#glossarylist td {
  padding: 10px !important;
  line-height: 1;
}

th.glossary72 {
  min-width: 200px;
  max-width: 800px;
  width: 100%;
}

.glossaryclear p {
  margin: 0;
}

.glossaryclear .tags {
  display: none;
}

.seo-container select {
  margin-bottom: 0;
  margin-left: 1em;
  width: 5em;
}

.control-group, .form-horizontal .control-group {
  margin-bottom: 0;
  float: left;
}

.login .control-group {
  margin-bottom: 20px;
  float: none;
}

.form-horizontal .controls {
  margin-left: 128px;
}

.form-group { /*display: block; clear: both; removed because BS4 */ }

#searchForm .form-actions {
  padding: 0 2em;
  float: left;
  margin: 0;
}

.searchintro {
  margin-top: 1em;
}

#searchForm select {
  width: 5em;
}

.search-component hr {
  margin: 0;
}

.label-info, .badge-info {
  background-color: #9999cc;
}

.highlight {
  background: #fefeab;
}

/* Used for responsive page */
.resize {
  position: fixed;
  bottom: 0;
  right: 0;
  height: 80px;
  width: 80px;
  background-image: url("../images/resize.png") !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
}

/* Buttons */
.btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover,
.btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover,
.btn-info, .btn-info:hover {
  margin-bottom: 1px;
}

a.btn, .btn a, a.details, input.button,
.formResponsive input[type=submit],
a.ask-a-question, a.product-details, button, button.default,
button.close, .close:hover,
button#checkoutFormSubmit, button#checkoutFormSubmit:link,
button#checkoutFormSubmit:visited,
a.btn.vmproductlink, a.continue_link,
span.details-button input.details-button,
input.highlight-button {
  background-color: #669 !important;
  border: none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  padding: 5px 10px 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: color 0.35s, background-color 0.35s;
  text-shadow: none;
}

button.close, button.close:hover {
  font-size: 180%;
  padding: 0 8px 8px;
  margin-right: -15px;
}

a.btn:hover, .btn a:hover, a.details:hover, input.button:hover,
.formResponsive input[type=submit]:hover,
a.ask-a-question:hover, a.product-details:hover, button:hover, button.default:hover,
button#checkoutFormSubmit:hover, button#checkoutFormSubmit:link:hover,
button#checkoutFormSubmit:visited:hover,
a.btn.vmproductlink:hover, a.continue_link:hover {
  background-color: #9999CC !important;
}

button[type=reset] {
  background-color: #ed1212 !important;
}

button[type=reset]:hover {
  background-color: #f47171 !important;
}

a.btn.showcart { /*background-color: $green !important;*/ }

a.continue_link {
  padding-left: 18px;
}

a.continue_link:before {
  content: "\f138";
  font-family: FontAwesome;
  font-display: swap;
  font-size: 16px;
  position: relative;
  right: 8px;
  top: 1px;
  margin-top: -2px;
  display: inline-block;
}

a.showcart {
  padding-left: 18px;
}

a.showcart:before {
  content: "\f07a";
  font-family: FontAwesome;
  font-display: swap;
  font-size: 16px;
  position: relative;
  right: 8px;
  top: 1px;
  margin-top: -2px;
  display: inline-block;
} /* fa-shopping-cart */
.billto-shipto a {
  padding-left: 16px;
}

.billto-shipto a:before {
  content: "\f2bc";
  font-family: FontAwesome;
  font-display: swap;
  font-size: 16px;
  position: relative;
  right: 8px;
  top: 1px;
  margin-top: -2px;
  display: inline-block;
  /* fa-address-card-o  */
  right: 6px;
}

button#checkoutFormSubmit {
  /*padding-left: 22px;*/
  background-color: #669966 !important;
  font-size: 110%;
}

button#checkoutFormSubmit .pay {
  display: block;
}

button#checkoutFormSubmit .offer {
  display: none;
}

button#checkoutFormSubmit .pay.id_3 {
  display: none;
}

button#checkoutFormSubmit .offer.id_3 {
  display: block;
}

button#checkoutFormSubmit:hover {
  background-color: #99CC99 !important;
}

button#checkoutFormSubmit:before {
  /*  @include fa-button-before("\f0d6"); !* fa-money *!
  	font-size: 23px;
  	right: 10px;*/
}

.vmicon.vm2-billto-icon, .vmicon.vm2-shipto-icon,
.vmicon.vm2-add_quantity_cart, .vmicon.vm2-remove_from_cart,
.vmicon.vm2-termsofservice-icon {
  background: none !important;
  color: #000 !important;
  height: auto;
  vertical-align: middle;
  width: 24px;
  padding: 4px 7px 0 0;
}

.vmicon.vm2-add_quantity_cart {
  margin-left: 2px;
}

.vmicon.vm2-billto-icon:before, .vmicon.vm2-shipto-icon:before {
  /*@include fa-button-before("\f015"); /* fa-home */
  content: "\f003";
  font-family: FontAwesome;
  font-display: swap;
  font-size: 16px;
  position: relative;
  right: 8px;
  top: 1px;
  margin-top: -2px;
  display: inline-block;
  /* fa-envelope-o  */
  font-size: 24px;
  right: 0;
  top: -3px;
}

.vmicon.vm2-shipto-icon:before {
  content: "\f0d1"; /* fa-truck */
}

button.vm2-add_quantity_cart {
  padding-left: 0;
}

button.vm2-add_quantity_cart:before {
  content: "\f021";
  font-family: FontAwesome;
  font-display: swap;
  font-size: 16px;
  position: relative;
  right: 8px;
  top: 1px;
  margin-top: -2px;
  display: inline-block;
  /* fa-refresh */
  font-size: 20px;
  right: -4px;
  top: -4px;
}

button.vm2-remove_from_cart {
  padding-left: 0;
}

button.vm2-remove_from_cart:before {
  content: "\f014";
  font-family: FontAwesome;
  font-display: swap;
  font-size: 16px;
  position: relative;
  right: 8px;
  top: 1px;
  margin-top: -2px;
  display: inline-block;
  /* fa-trash-o */
  font-size: 20px;
  right: -3px;
  top: -4px;
}

body div.terms-of-service {
  display: inline-block;
}

.vmicon.vm2-termsofservice-icon {
  display: none;
  margin: 0 3px;
}

.vmicon.vm2-termsofservice-icon:before {
  /* font-size: 24px;
      right: 0;
      top: -3px;*/
}

.cat-features.for.tec.controllers .vmicon.vm2-normalstock,
.cat-features.für.tec.controller .vmicon.vm2-normalstock,
.cat-features.for.laser.diode.drivers .vmicon.vm2-normalstock,
.cat-features.für.laserdiodentreiber .vmicon.vm2-normalstock {
  display: none;
}

.discountnotice {
  padding: 0.8em;
  background-color: rgba(213, 213, 255, 0.3);
  color: #666;
  font-size: 90%;
  text-align: center;
}

.spacer-buy-area a.ask-a-question {
  font-size: 20px;
}

.product-container a.ask-a-question {
  display: none;
}

a.btn:hover, a.details:hover, input.button:hover,
.formResponsive input[type=submit]:hover, .formResponsive input[type=submit]:active, .formResponsive input.active[type=submit],
.formResponsive input.disabled[type=submit], .formResponsive input[type=submit][disabled],
.formResponsive input[type=reset]:hover, .formResponsive input[type=button]:hover,
a.ask-a-question:hover, a.product-details:hover, button.default:hover,
button#checkoutFormSubmit:hover {
  background-repeat: repeat;
  color: #fff !important;
}

tr.sectiontableentry2.total {
  height: 42px;
}

.accordion-heading {
  margin-bottom: 0;
  min-height: 50px;
}

.accordion-heading .accordion-toggle {
  padding: 10px 14px 15px;
  text-align: left;
}

.accordion-group, .accordion-inner {
  border: none;
}

a.accordion-toggle i,
a.vmproductlink.btn {
  font-style: normal;
  font-size: 19.5px;
  color: white;
}

a.accordion-toggle i.icon-plus, .accordion-toggle i.icon-minus {
  padding-left: 0;
  width: auto;
  background: none;
}

a.accordion-toggle i.icon-minus {
  display: none;
}

a.accordion-toggle.collapsed i.icon-minus {
  display: inline-block;
}

a.accordion-toggle.collapsed i.icon-plus {
  display: none;
}

a.accordion-toggle [class^=icon-], .accordion-toggle [class*=" icon-"] {
  overflow: visible;
  white-space: nowrap;
}

a.accordion-toggle.collapsed.btn, a.btn.vmproductlink {
  background-color: #e76301;
}

a.accordion-toggle.collapsed.btn:hover, a.btn.vmproductlink:hover {
  background-color: #fda10b;
}

a.accordion-toggle.btn, a.btn.vmproductlink {
  background-color: #fda10b !important;
  border: none;
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

a.accordion-toggle.btn:hover, a.btn.vmproductlink:hover {
  background: #e76301 !important;
  background-image: none;
}

/*.requestinfo a { color: #FDA10B; }
.requestinfo a:hover { color: #E76301; }*/
[class^=icon-]::before, [class*=" icon-"]::before { /*Eingefuegt nach Update auf 3.8.1*/
  font-family: simple-line-icons !important;
  line-height: 0;
  margin-right: 0.5em;
  top: 2.1px;
  position: relative;
}

.requestinfo {
  float: left;
  max-width: 15em;
  font-size: 115%;
  margin-bottom: 1em; /* mit Text neben Buttons: 2em */
}

.requestinfo > a {
  display: block;
  padding-left: 4px;
}

.requestinfo span {
  white-space: nowrap;
}

.quotationinfo {
  color: #ed1212;
  text-align: left;
  clear: left;
  margin: 0 0 2em;
}

.requestinfo .phocadownloadfilelist {
  background: url("../../../images/phocadownload/images/pdf.png") 5px center no-repeat;
  display: block;
  margin-top: 2px !important;
}

/* Form / Shoplink on K2 item page*/
.formResponsive input[type=text]#Product_, .formResponsive input[type=text]#Product {
  display: none;
}

#inquiryQuoteShop {
  position: relative;
}

.inquiryquote .accordion-heading {
  float: left;
}

a.btn.vmproductlink img {
  width: auto;
  max-height: 90%;
  position: absolute;
  left: 2px;
  top: 3px;
}

a.btn.vmproductlink {
  background-image: url("../images/shopicon_shop.png") !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
  background-size: contain;
  float: left;
  height: 31px;
  width: 240px;
  margin: 0 1em 1em 0;
  /* NEU */
  padding: 12px 3px 2px;
  position: relative;
}

.hidden, input.rsform-input-box.hidden {
  display: none !important;
}

.invisible {
  opacity: 0 !important;
}

.output-billto .vm2-phone_1, .output-billto .vm2-eori, .output-billto .vm2-customerno, .output-billto .vm2-Volume_estimate, .output-billto .vm2-howdidyoufindusradio, .output-billto .vm2-pleasespecify,
.output-billto .shipto_phone_1, .output-billto .shipto_eori, .output-billto .shipto_customerno, .output-shipto .vm2-phone_1, .output-shipto .vm2-eori, .output-shipto .vm2-customerno, .output-shipto .vm2-Volume_estimate, .output-shipto .vm2-howdidyoufindusradio, .output-shipto .vm2-pleasespecify,
.output-shipto .shipto_phone_1, .output-shipto .shipto_eori, .output-shipto .shipto_customerno {
  display: none !important;
}

.creditcards a {
  /*background: url(../images/mastervisa_15.png) 0 1.8em no-repeat !important;
  padding-bottom: 1.8em; --- below item */
  background: url(../images/MasterVisaAmex-15.png) right 4px no-repeat !important;
  padding-right: 82px;
}

#k2Container .requestinfo .creditcards {
  display: block;
  margin-top: 5px !important;
  padding-left: 60px;
}

.requestinfo .phocadownloadfilelist,
#k2Container .requestinfo .creditcards {
  display: inline; /* ... immer unter Buttons */
}

#k2Container .phocadownloadcategory16 {
  border: none;
  background-color: transparent;
  background-position-x: 8.5px;
  /*padding: 0 !important;*/
  margin: 0;
}

/*#item140 .itemNavigation { display: none; } /*K2 News: Berndorf Schweiz AG*/
/* Creative Slider */
.creative_btn.creative_btn-normal {
  padding: 1px 3px 3px 3px !important;
}

.creative_btn .creative_icon-chevron-up {
  background-image: url("../images/enlarge.png") !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
}

.creative_btn:hover .creative_icon-chevron-up,
.creative_btn:active .creative_icon-chevron-up {
  background-image: url("../images/enlarge_h.png") !important;
}

.creative_btn .creative_icon-white {
  width: 26px !important;
  height: 25px !important;
  margin-top: 0 !important;
  line-height: 14px !important;
}

.cispro_main_wrapper {
  margin-top: 2em !important;
}

.cispro_row_item_loader {
  background: transparent url("../../../components/com_creativeimagesliderpro/assets/images/loading1.gif") center center no-repeat !important;
}

.cispro_row_item_overlay {
  display: none !important;
}

.cispro_row_item_overlay {
  display: block !important;
}

.cispro_row_item_inner .cispro_height_auto {
  height: 32px !important;
}

.cispro_row_item_overlay {
  background-color: transparent !important;
  box-shadow: none !important;
}

.cispro_row_item_overlay_txt {
  display: none;
}

.cispro_button_right, .cispro_button_left {
  z-index: 999 !important;
}

.creative_btn {
  position: absolute;
  right: 10px;
  top: 0;
}

.cispro_images_holder div.cispro_row_item:last-child {
  margin-right: 0 !important;
}

.cispro_images_holder div.cispro_row_item {
  margin-right: 0 !important;
}

/* for full width */
.cispro_row_item { /*width: 33.33% !important;*/ }

.cispro_images_holder .cispro_row_item img {
  /*  margin: 0 auto !important;
  	display: block;
  	width: auto !important;
  	max-width: 100% !important;
  	height: auto !important;*/
}

.cispro_popup_bottom_line {
  display: none;
}

.cispro_popup_autoplay_pause, .cispro_popup_close, .cispro_popup_autoplay_play {
  width: 22px !important;
}

.cispro_popup_wrapper {
  border-radius: 6px;
  font-family: inherit !important;
}

/* Forms */
.formResponsive .formHorizontal .rsform-block {
  margin-bottom: 0 !important;
}

.formResponsive .formHorizontal p.formDescription {
  margin-top: 0 !important;
}

.required_text {
  color: #999;
  display: block;
}

.formResponsive .formHorizontal .rsform-block.rsform-block-required {
  margin: 0 0 1em 22% !important;
  font-size: 90%;
}

strong.formRequired {
  color: red;
}

.formResponsive textarea,
.formResponsive input[type=text], .formResponsive input[type=password],
.formResponsive input[type=checkbox], .formResponsive select {
  margin-bottom: 0 !important;
}

.formResponsive input[type=radio], .formResponsive input[type=checkbox] {
  margin-top: 6px !important;
  top: -2px;
  position: relative;
}

.formResponsive input.rsform-calendar-button {
  margin-left: 4px;
  margin-bottom: 0 !important;
  padding: 3px 7px !important;
}

.rsform-block-product-title, .rsform-block-product .formControlLabel,
.rsform-block-product .formDescription, .rsform-block-product .formValidation {
  display: none;
}

.formResponsive h3 {
  margin: 0;
  line-height: 1.2;
  width: 70%;
}

.formResponsive .formHorizontal .rsform-block.rsform-block-howdidyoufindus {
  margin-bottom: -1.5em !important;
}

.formResponsive .formHorizontal .rsform-block.rsform-block-please-specify {
  margin-bottom: 1em !important;
}

#g-recaptcha-175, #g-recaptcha-177 {
  display: inline-block;
}

#g-recaptcha-175 > div, #g-recaptcha-175 iframe {
  min-width: 332px;
  min-height: 84px;
}

input, textarea, .uneditable-input, .formResponsive input, .formResponsive textarea {
  /*width: auto !important; RL200131 problems with cart mobile */
}

.chzn-search input {
  /*display: none; Suche in Landauswahl! */
  width: 100% !important;
}

.product-field-display .chzn-search input {
  display: none;
}

/* Account details form */
.controls label {
  clear: both;
  margin: 0 10px 0 10px;
}

.acystatus .controls label:first-child {
  float: right;
  margin: 0 20px 0 0;
}

#rsform_8_page_0 textarea {
  width: 23em !important;
}

/* Backtotop */
.backtotop {
  bottom: 2px;
  right: 0;
  transition-property: bottom, right, opacity;
  transition-duration: 1s, 1s, 0.35s;
  opacity: 0.6;
  position: fixed;
  z-index: 1;
}

.backtotop a {
  background-image: url("../images/up.png") !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
  background-position: 2px;
  color: #fff;
  display: block;
  margin: 5px;
  padding: 8px 4px 7px;
  background-color: #669;
  text-decoration: none;
  border-radius: 5px;
  font-size: 1.5em;
  width: 28px;
}

.backtotop:hover {
  opacity: 1;
}

.backtotop.affix-top {
  opacity: 0;
  bottom: -50px;
}

table.staff td, div.staff div {
  padding: 0 1em 1em 0;
  float: left;
  height: 352px;
}

table.staff img, div.staff img {
  height: 192px;
  width: 192px;
  max-width: 192px;
}

.staff .titles {
  display: block;
  margin-top: 3px;
}

.product.col-lg-4 {
  padding: 0;
}

/* Product tables */
.producttable {
  margin: 3em 0 3em;
  width: 100%;
}

.producttable table {
  table-layout: fixed;
  font-size: 14px;
}

.producttable:not(.transponiert) th {
  font-size: 18px;
}

.producttable table.labels {
  border: 0 solid black;
  float: left;
  font-weight: bold;
  line-height: 1.3;
  width: 18%;
}

.producttable .image {
  height: 80px;
  display: block;
}

.producttable.ldd .image {
  padding-top: 5px;
}

.producttable.transponiert table.labels span.plabel {
  font-weight: bold;
  line-height: 1;
  width: auto;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 3px #fff;
  display: block;
  padding: 1px 0 3px;
  position: relative;
  bottom: 36px;
}

.producttable.transponiert.ldd table.labels span.plabel {
  bottom: 30px;
}

.producttable.transponiert table.labels {
  width: 126px;
}

.producttable.table2 table.labels {
  width: 176px;
}

.producttable table.labels td {
  color: #ffffff;
  background: #666699;
  padding: 1px 1px 1px 5px;
}

.producttable.transponiert table.labels td {
  color: #333;
  background: #fff;
  padding: 1px 1px 1px 0;
  text-align: center;
}

.producttable.transponiert table.labels td img {
  display: block;
  margin: 0 auto;
  height: 72px;
  width: 123px;
}

.producttable.transponiert.ldd table.labels td img {
  height: 66px;
}

.producttable div.datawrap, .producttable div.datawrap2 {
  position: relative;
  width: 82%;
  margin-right: -5%;
  display: block;
  float: left;
}
.producttable div.datawrap .product td, .producttable div.datawrap2 .product td {
  background: #666699 !important;
}
.producttable div.datawrap .product a, .producttable div.datawrap2 .product a {
  color: #ffffff;
  font-weight: bold;
  text-decoration: underline;
}
.producttable div.datawrap .more a, .producttable div.datawrap2 .more a {
  color: #000000;
  font-weight: bold;
  text-decoration: underline;
}
.producttable div.datawrap tr:nth-child(even) td, .producttable div.datawrap2 tr:nth-child(even) td {
  background: #ebeff8;
}
.producttable div.datawrap tr:nth-child(odd) td, .producttable div.datawrap2 tr:nth-child(odd) td {
  background: #d2ddef;
}

.producttable.transponiert div.datawrap, .producttable div.datawrap2 {
  width: calc(100% - 126px);
  margin-right: 0;
}
.producttable.transponiert div.datawrap .product th, .producttable div.datawrap2 .product th {
  background: #666699 !important;
  white-space: normal;
}

.producttable.transponiert.text-only div.datawrap, .producttable.text-only div.datawrap2 {
  position: relative;
  width: 100%;
}

.producttable.text-only tr th:first-child, .producttable.text-only tr td:first-child {
  font-weight: bold;
  text-align: left;
  width: 11em;
  /*white-space: normal;*/
  /*position: absolute;*/
  /*height: 100%;*/
}

.producttable div.datawrap2 {
  width: calc(100% - 176px) !important;
}

.producttable.tec-products {
  max-width: 480px;
  margin: 0 auto;
}
.producttable.tec-products h3 {
  background-color: #669;
  border: 1px solid white;
  color: #fff;
  font-size: 150%;
  padding: 3px 0 5px;
  text-align: center;
  width: 103.5%;
}
.producttable.tec-products a {
  font-weight: bold;
}

/* Simple table on VM pages */
.producttable.vm {
  margin: 0 0 2em;
}

.producttable.vm.transponiert div.datawrap, .producttable.vm.transponiert div.datawrap2 {
  width: 100% !important;
}

.producttable.vm.transponiert div.datawrap .product th, .producttable.vm.transponiert div.datawrap2 .product th {
  padding: 1em 8px;
}

.producttable.vm .data td {
  max-width: 240px;
  white-space: normal;
  padding: 8px;
}

.producttable.vm .data td, .producttable.vm .data th {
  text-align: left;
  vertical-align: top;
}

.producttable.vm .data td {
  width: 20%;
}

/* K2 */
.producttable ._1t th, .producttable ._1t td {
  height: 83px;
}

.producttable ._2t th, .producttable ._2t td {
  height: 3em;
}

.producttable th._2, .producttable td._2 {
  height: 3em;
}

.producttable th._3, .producttable td._3 {
  height: 4.5em;
}

.producttable th._4, .producttable td._4 {
  height: 6.2em;
}

/* Shop */
.producttable ._1 td {
  height: 24px;
}

.producttable ._2 td {
  height: 40px;
}

.producttable ._3 td {
  height: 60px;
}

.producttable ._4 td {
  height: 70px;
}

.producttable table.data {
  border: 0 solid black;
  display: block;
  /*overflow-x: scroll;*/
}

.producttable th, .producttable td {
  border: 1px solid white;
  vertical-align: middle;
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
}

.producttable th {
  height: 120px;
}

.producttable.transponiert th {
  color: #fff;
  height: 6em;
  line-height: 1.3;
  padding: 0 8px;
}

.producttable th img {
  margin: 0 auto;
  width: 100%;
  max-width: 146px;
}

.producttable td {
  height: 1.5em;
}

.producttable .data td, .producttable .data th {
  text-align: center;
}

.producttable .data td {
  width: 11%;
  line-height: 1.3;
  padding: 0 8px;
}

.producttable .arrowleft, .producttable .arrowright {
  background-color: transparent;
  background-position: 0;
  background-repeat: no-repeat;
  border-radius: 5px;
  color: #ccc;
  display: block;
  font-size: 1.5em;
  margin: 5px;
  opacity: 0;
  padding: 8px 4px 7px;
  position: absolute;
  text-decoration: none;
  top: 50%;
  transition-duration: 0.35s;
  transition-property: opacity;
  width: 40px;
  z-index: 1;
  height: 60px;
  cursor: pointer;
}

.producttable .arrowleft {
  background-image: url("../images/left.png") !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
  left: 5px;
}

.producttable .arrowright {
  background-image: url("../images/right.png") !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
  right: 2px;
}

.producttable .arrowleft:hover, .producttable .arrowright:hover {
  opacity: 1 !important;
}

.characters {
  font-size: 85%;
  color: #666;
  text-align: left;
  padding-left: 8px;
}

.characters .length {
  font-size: 85%;
  color: #00aa00;
}

#valuelist {
  float: none;
}

#valuelist p {
  clear: both;
}

#valuelist .label {
  width: 8em;
  margin-right: 1em;
  display: block;
  float: left;
}

#valuelist .value {
  width: 70%;
  display: block;
  float: left;
}

.red {
  color: #ff8787;
}

.clr {
  clear: both;
}

.success, .error {
  display: block;
  background-position: right 0;
  background-repeat: no-repeat;
  background-size: 50px;
  height: 50px;
  padding: 12px 0 0 65px;
  margin-right: 65px;
}

.success {
  background-image: url("../images/success.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
}

.error {
  color: #ed1212;
  background-image: url("../images/error.png") !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
}

/* 404 */
html.error-page body {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  align-items: center;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  display: block !important;
  margin-top: 4em !important;
}

.error-content {
  height: 468px;
  text-align: initial;
}

html.error-page .error-code {
  font-size: 3rem !important;
}

.error-content .home.row, .error-content .product-categories, .error-content .row {
  height: 100%;
}

.error-content .col-lg-4 {
  margin: 0 auto;
}

.error-content .widget .card-block .card-image {
  height: 300px;
}

.error-content .widget .card-block .card-image img {
  height: auto !important;
  width: 84% !important;
  max-width: 100% !important;
  bottom: -14%;
}

@media (max-width: 991.98px) {
  .error-content .widget .card-block .card-image {
    height: 236px;
  }
  .error-content {
    height: auto;
  }
}
/* fix for map image */
#mapcontainer img {
  width: inherit;
  max-width: inherit;
  vertical-align: inherit;
}

/* Karte auf Kontaktseite */
.contact-left {
  float: left;
  margin-bottom: 1em;
}

.myMap, .maplink {
  float: right;
  font-size: 90%;
}

#userForm {
  clear: both;
}

/* Simple Image Gallery Pro */
.sigProLink span {
  display: none !important;
}

/*.pagination ul { float: left;	margin-left: 3em; }*/
/* Jobs */
.pdf > div {
  padding-left: 30px;
}

/*** Shop / Virtuemart ***/
/*body.itemid-1394 .sp-module.currency { display: none; }*/
/* Category */
#item1394 #above-content {
  position: absolute;
  right: 0;
}

.category-view .horizontal-separator {
  background: none;
}

.sp-module.productinfo {
  background-color: rgba(213, 213, 255, 0.3);
  margin: 1.6em 0 0;
  padding: 1px 12px 12px 14px;
  border-radius: 5px;
}

.category-view .row .category .spacer, .featured-view .spacer, .discontinued-view .spacer, .latest-view .spacer,
.topten-view .spacer, .recent-view .spacer, .related-products-view .spacer, .browse-view .row .product .spacer,
.addtocart-area .product-fields .product-field {
  padding: 12px 12px; /* RL180129 for product categry list item boxes */
  text-align: center; /* center images */
}

.spacer.product-container, .product-related-products .product-field {
  border-radius: 5px;
}

.spacer.product-container, .product-related-products .product-field {
  border: 1px solid #ddd;
  margin: 2px;
}

/* Ribbons */
.product-container {
  overflow: hidden;
  /*&.tec-1091,*/
}
.product-container .ribbon {
  display: none;
  position: absolute;
  background-color: orange;
  top: -8px;
  right: -33px;
  height: 50px;
  width: 105px;
  color: white;
  /* border-radius: 0 0 0 5px; */
  font-weight: bold;
  line-height: 1;
  padding-top: 24px;
  transform: rotate(45deg);
}
.product-container.ldd-1121-sv, .product-container.ldd-1124-sv, .product-container.ldd-1125-hv, .product-container.ldd-1137, .product-container.ldd-1303, .product-container.tec-1089-sv, .product-container.tec-1090-hv, .product-container.tec-1161-10a, .product-container.tec-1161-4a, .product-container.tec-1163, .product-container.tec-1166, .product-container.tec-1167 {
  /*.ribbon { display: block; }*/
}

.product-related-products .product-field {
  padding-bottom: 8px; /* RL191107 no details button */
}

.product-related-products .vm-product-media-container {
  /*height: 17em; mit Beschreibung */
  height: 17em;
  text-align: center;
}

.browse-view .row .product .spacer img, .related-products-view .row .product .spacer img,
.product-field-display a img {
  width: auto;
  height: auto;
  margin: 0 auto;
  min-height: 109px;
  max-height: 182px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}

.product-related-products img, .product-related-categories img {
  margin: 0 auto 1em;
}

/* Inventory */
.cat-software span.vmicon.vm2-normalstock, .cat-sensors span.vmicon.vm2-normalstock, .cat-sensoren span.vmicon.vm2-normalstock {
  display: none;
}

span.vmicon.vm2-normalstock {
  /* RL240410 Anzeiger verschoben
  top: -33px;
  	position: relative;
  	left: 90px;*/
  margin-right: 0;
}

.fancybox-image, .fancybox-button div, .fancybox-content {
  border-radius: 5px;
}

.fancybox-navigation button.fancybox-button, .fancybox-navigation button.fancybox-button:hover {
  background: none !important;
}

.fancybox-navigation button.fancybox-button div, .fancybox-navigation button.fancybox-button:hover {
  background-color: #669;
}

.fancybox-navigation button.fancybox-button:hover div {
  background-color: #99c;
}

.fancybox-toolbar .fancybox-button--zoom, .fancybox-close-small {
  border-radius: 0 0 0 5px;
}

#fancybox-content .row {
  margin-right: 0;
  margin-left: 0;
}

/* Add to cart popup */
.fancybox-button svg {
  color: #fff;
}

/* K2 image popups */
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
  right: 0;
  text-align: center;
  padding-right: 0;
  width: 50px;
  position: absolute;
  top: 0;
  border-radius: 0 0 0 5px;
}

img.mfp-img {
  padding: 0;
  border-radius: 5px;
}

.mfp-close {
  opacity: 1;
}

.vm-product-rating-container {
  min-height: 70px;
}

.product-container .vm3pr-5 .product-price {
  min-height: 0;
}

.featured-view .spacer span, .discontinued-view .spacer span, .latest-view .spacer span, .topten-view .spacer span,
.recent-view .spacer span, .related-products-view .spacer span, .browse-view .row .product .spacer span {
  font-size: 16px !important;
}

.browse-view {
  margin-top: 3em;
  position: relative;
}

.browse-view .row .product .spacer.product-container span {
  font-size: 1.5em;
  font-weight: bold;
  color: #666;
}

.browse-view .product-container .product-price {
  padding: 0 0 1.5em;
  text-align: center;
  float: none;
}

.browse-view .PricesalesPrice, .browse-view .PricesalesPriceTt,
.browse-view .PricepriceWithoutTax,
.product-related-products .PricesalesPrice,
.product-related-products .PricesalesPriceTt {
  display: none;
}

.product-related-products {
  font-size: 95%;
}

.row-fluid [class*=span]:nth-child(4) {
  margin-left: 0;
}

/* Product details page */
/*.productdetails-view.productdetails .product-short-description { margin: 0 0 3em; }*/
.vm-product-container {
  margin-top: 0;
}

a[rel=vm-additional-images] {
  cursor: zoom-in;
}

p.customfields {
  font-size: 90%;
  line-height: 1.1;
  margin: 0;
}

.product-related-products .vm-product-media-container > a,
.category-view .vm-product-media-container > a {
  cursor: pointer;
  min-height: 13em;
  display: block;
  position: relative;
}

.productdetails-view .product-fields .product-field {
  text-align: right;
}
.productdetails-view .product-fields .product-field-display .chzn-single,
.productdetails-view .product-fields .product-field-display li {
  text-align: left;
}
.productdetails-view .additional-images .floatleft a {
  display: block;
  vertical-align: middle;
}
.productdetails-view .additional-images .floatleft {
  display: table-cell;
}
.productdetails-view .additional-images {
  display: table;
  height: 80px;
  text-align: center;
  margin: 2em auto;
}
.productdetails-view .product-price {
  float: right;
}
.productdetails-view .priceswrap {
  float: right;
  min-width: 252px;
  min-height: 1em;
}
.productdetails-view .product-price .vm-price-value {
  margin: 0 0 0.5em;
}
.productdetails-view .product-price span {
  display: inline-block;
  font-size: 1.1em;
  font-weight: bold;
  color: #666;
}
.productdetails-view .product-price .PricesalesPriceTt span {
  font-size: 1.5em;
}
.productdetails-view .product-related-products .product-price .PricesalesPriceTt span {
  font-size: 1em;
}
.productdetails-view .product-price .PricesalesPriceTt.vm-price-value {
  margin-top: 1em;
}
.productdetails-view .product-price .PricepriceWithoutTax,
.productdetails-view .addtocart-bar {
  text-align: right !important;
}
.productdetails-view .PricebasePriceVariant, .productdetails-view .PricepriceWithoutTaxTt {
  display: block;
  min-width: 5em;
}
.productdetails-view .PricebasePriceVariant span {
  color: #999;
}
.productdetails-view div.itemExtraFields {
  margin-bottom: 1em;
}

.price-table p {
  line-height: 1.3;
  margin-bottom: 0.5em;
}

.price-table {
  clear: both;
  float: right;
  font-size: 85%;
  margin-top: 1em;
  text-align: right;
  min-width: 260px;
}
.price-table h5:first-child {
  font-size: 1.25em;
}

.multipriceunit, .mpamount {
  display: inline-block;
  text-align: right;
  width: 1.5em;
}

.mpamount {
  width: 7.5em;
}

.vm_unitsinfo {
  margin-top: 0.5rem;
}

@-moz-document url-prefix() {
  .mpamount {
    margin-left: 0.5em;
  }
}
.product-related-products .product-price span {
  font-size: 1em;
  font-weight: bold;
  color: #666;
}

.product-related-products .product-price {
  float: none;
  text-align: center;
  padding-bottom: 1px;
}

.product-related-products p.product_s_desc {
  line-height: 1.3;
}

.product-related-products .product-price .PricepriceWithoutTax {
  display: none;
}

table.cart-summary {
  margin-top: 1em;
}

.quantity-box input.quantity-input {
  width: 46px !important;
}

.cart-summary input.quantity-input {
  width: 40px !important;
}

.PricetaxAmount.vm-display.vm-price-value,
.PricetaxAmountTt.vm-display.vm-price-value,
.product-related-products .PricepriceWithoutTaxTt.vm-display.vm-price-value {
  display: none;
}

#multiprices {
  margin: 1em 0 1em;
}

.btn.k2link {
  margin-top: 2em;
  padding: 0;
}

.btn.k2link a {
  display: block;
  padding: 4px 12px 8px;
}

/* Related products */
.product-fields-title-wrapper .hasTooltip,
.product-field-desc {
  display: none;
}

.product-related-products, .product-related-categories { /*margin-top: 1.5em;*/ }

.product-related-products a:hover .vm-img-desc {
  background: none;
}

.vm-shipment-header-select { /*display: none;*/ }

.shipment h3, a.shipment-text, span.vm-shipment-header-selected {
  color: #ed1212;
  font-weight: bold;
}

.vmCartShipmentLogo img {
  display: inline;
}

a.shipment-text {
  font-weight: bold;
  display: inline-block;
  margin-left: 1em;
}

.noshipment {
  color: #ed1212;
}

/* Image popup */
#fancybox-wrap {
  width: auto !important;
  min-width: 640px;
} /* sonst auf grossem Bildschirm zu breit */
#fancybox-left-ico, #fancybox-right-ico, #fancybox-close {
  width: 29px !important;
  height: 29px !important;
}

#fancybox-wrap, div#fancybox-title {
  box-sizing: content-box;
}

/* VM Popup */
#fancybox-wrap.RL {
  max-width: 775px;
}

#fancybox-outer { /*overflow: hidden;*/ }

#fancybox-content {
  background: #fff;
  min-width: 640px;
}

#fancybox-content h2 {
  line-height: 1.1;
  margin-bottom: 1.3em;
}

#fancybox-img {
  height: auto !important;
}

/* Cart */
span.success {
  color: #669966;
}

span.failure {
  color: #ed1212;
}

#ownshippingno_field {
  display: none;
}

.vm-continue-shopping {
  top: 22px;
  position: relative;
}

.sp-module.cart {
  float: right;
}

.moduletable.cart {
  position: absolute;
  bottom: 53px;
  right: 19px;
  width: 65px;
  height: 58px;
}

#vmCartModule, .show_cart {
  height: 100%;
  width: 100%;
  position: relative;
}

#vmCartModule a {
  color: transparent;
  height: 100%;
  width: 58px;
  background-image: url("../images/shopicon.png");
  background-repeat: no-repeat;
  background-size: unset;
  background-color: rgba(255, 255, 255, 0.73);
  background-position: 5px 6px;
  border-radius: 5px;
}

#vmCartModule a.empty {
  background-image: url("../images/shopicon-empty.png");
}

body .billto-shipto {
  border: none;
}

body .vm-cart-item-tax, body .vm-cart-item-total, .vm-cart-item-basicprice {
  text-align: right;
}

.billto-shipto .width50.floatleft {
  width: 47%;
  margin-right: 3%;
  min-height: 104px;
  position: relative;
  padding-bottom: 2.5em;
}

.billto-shipto a.details {
  position: absolute;
  bottom: 0;
}

.cart-images {
  margin: -2px 0.5em 0 0;
}

body .vm-cart-item-name a,
body .vm-cart-item-name span {
  float: left;
}

body .vm-cart-item-name a,
body .vm-cart-item-name .vm-customfield-cart {
  top: 2px;
  position: relative;
  display: inline-block;
}

.output-billto, .output-shipto {
  min-height: 2em;
}

.customer-comment {
  text-align: center;
  border-top: solid #ddd 1px;
  margin: 10px 0 0;
  padding: 10px 0 0;
}

textarea.customer-comment {
  background: #fff;
  border: solid #ccc 1px;
  border-radius: 4px;
  color: #777;
  margin-bottom: 2px;
  text-align: left;
  padding: 5px 5px 4px;
}

div.cart.reference-po-no {
  margin: 1em 0 0 0;
}

div.cart.reference-po-no span {
  width: 140px;
}

.reference-po-no input {
  margin: 10px 0 10px 1em;
}

div.cart.customer-note {
  margin: 5px 0 0 0;
}

div.cart.customer-note span, span.referencepono, span.ownshippingno {
  float: left;
  line-height: 1.2;
  padding-bottom: 0.5em;
  position: relative;
  top: 11px;
  vertical-align: top;
}

span.referencepono, span.ownshippingno {
  top: 3px;
}

textarea#customer_note_field {
  border-color: #999;
  border-radius: 5px;
  margin: 10px 0 10px;
  min-height: 4em;
  padding: 0.5rem 0.75rem;
}

#ownshippingno_field {
  max-width: 200px;
  margin-left: 1em;
  position: relative;
  top: 4px;
}

#referencepono_field, #ownshippingno_field {
  padding: 5px 0.5rem;
}

input.inputbox {
  margin-bottom: 0.5em;
  padding: 5px 0.5rem !important;
}

label[for=field_html_0] {
  margin-right: 1em;
}

.acystatus label {
  cursor: pointer;
}

input.terms-of-service {
  margin-left: 18px;
}

/* VM Address forms */
.task-editaddresscart input[type=text],
.task-editaddresscart input[type=email] { /* from BS4 .form-control */
  display: block;
  max-width: 100%;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* Payment */
.paymentresponse td {
  vertical-align: top;
  padding: 0 2em 1em 0;
}

.paymentresponse p {
  margin-bottom: 2em;
}

.vm-wrap.vm-order-done .vmCartPaymentLogo {
  display: none;
}

/* Account / Reset */
div.reset {
  margin-top: 1em;
}

.reset .form-horizontal .form-actions {
  padding-top: 0;
  padding-left: 128px;
}

/* Common K2 + VM */
/* --- Sub-category block --- */
div.subCategoryContainer {
  float: left;
}

/* this class is appended to the last container on each row of items (useful when you want to set 0 padding/margin to the last container) */
div.subCategory { /*background: #f7fafe; border: 1px solid #ddd; margin: 4px; padding: 8px;*/ }

div.subCategory a.subCategoryImage,
div.subCategory a.subCategoryImage:hover {
  text-align: center;
  display: block;
}

span.catItemImage img,
div.subCategory a.subCategoryImage img,
div.subCategory a.subCategoryImage:hover img {
  margin-top: 10px;
}

.catItemTextwrapper h2, .card h2 {
  font-size: 16px;
  line-height: 1;
}

.catItemTextwrapper h3, .card h3 {
  font-size: 16px;
}

div.catItemBody {
  padding: 4px 0 8px;
  margin: 0;
  border-bottom: 1px dotted #ccc;
  position: relative;
}

div.catItemImageBlock {
  float: left;
  margin: 0 0 4px 0;
}

span.catItemImage {
  display: block;
  text-align: center;
  margin: 0;
}

div.catItemIntroText {
  float: left;
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  padding: 0;
}

.news div.catItemIntroText {
  padding-bottom: 1em;
}

.products .catItemTextwrapper,
.partners .catItemTextwrapper,
.catItemList .catItemTextwrapper {
  float: left;
  width: 70%;
  margin-left: 2em;
}

.products.engineering .catItemTextwrapper {
  width: 64%;
}

.products.engineering div.catItemHeader h2.catItemTitle {
  font-size: 18px;
  padding-top: 2px;
}

.partners .catItemTextwrapper {
  margin-left: 2em;
}

.products .subCategory .catItemTextwrapper {
  width: auto;
  max-width: 64%;
}

.disabled, .vm-pagination, .browse-view .product-container .PricepriceWithoutTaxTt,
.POSTFINANCE_ORDER_NUMBER {
  display: none !important;
}

.sp-module.currency {
  display: none;
  float: right;
}

.shopcategory .sp-module.currency {
  display: block;
}

.tutorial {
  font-size: 1.3em;
  font-weight: bold;
}

.tutorial::before {
  content: "📹 ";
}

.tutorial::after {
  content: "  🎬";
}

/*
<p class="tutorial"><a href="/index.php?option=com_content&Itemid=137&catid=11&id=60&view=article">Tutorial videos for TEC controllers</a></p>
*/
/*** Product description tabs ***/
ul.nav-tabs {
  white-space: nowrap;
  display: block;
  padding: 3px 0 0;
  z-index: 2;
}

.tab-content {
  background-color: #fff;
  z-index: 1;
}

ul.nav-tabs li.nav-item {
  display: inline-block;
  margin-bottom: -1px;
}

.nav-tabs .nav-link {
  font-weight: bold;
  padding: 8px 10px 6px;
}

.productdetails-view .product-description {
  margin-top: 2em;
}

.nav-tabs {
  border-bottom: 1px solid #b6b6b6;
}

.tab-content > .tab-pane {
  overflow: auto;
  border: 1px solid;
  border-color: #fff #b6b6b6 #b6b6b6;
  border-radius: 0 0 5px 5px;
  padding: 0 1em 0.5em;
  padding-top: 1em; /* for no heading */
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: #e9ecef #e9ecef transparent;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  border-color: #b6b6b6 #b6b6b6 #fff;
  color: #669;
  /* RL191128 no heading within box */
  font-size: 28px;
  font-weight: 500;
  padding: 0 11px 4px;
  margin-top: 0;
}

#trial-device-tab {
  background-color: #F8B96A;
  border-color: #e9ecef #e9ecef transparent;
}

/* shrinking tab */
.nav-tabs .nav-link.active {
  color: transparent;
  width: 54px;
  font-size: 1em;
  padding: 4px 10px 4px;
}

.nav-tabs .nav-link.active:before {
  content: "\f078";
  font-family: FontAwesome;
  font-display: swap;
  font-size: 16px;
  position: relative;
  right: 8px;
  top: 1px;
  margin-top: -2px;
  display: inline-block;
  color: #669;
  font-size: 22px;
  top: 0;
  left: 5px;
}

div.itemExtraFields tr td.itemExtraFieldsLabel {
  font-weight: bold;
  padding-right: 0.5em;
  width: 45%;
}

div.itemExtraFields tr td.itemExtraFieldsValue {
  width: 55%;
  padding-left: 4px;
}

#vmCartModule .total, .total_products:empty {
  display: none;
}

#vmCartModule .total_products {
  position: absolute;
  top: -7px;
  left: 26px;
  width: 23px;
  color: #9999cc;
  background-color: #fff;
  border: 1px solid #9999cc;
  border-radius: 3px;
  line-height: 1;
  text-align: center;
  padding: 2px 0 4px;
  font-size: 12px;
  z-index: 9;
}

.cart-summary h3.vm-payment-header-selected, .cart-summary .vmCartPaymentLogo, .cart-summary .vmpayment_name,
.cart-summary h4, .cart-summary .PriceshipmentValue, .output-shipto input[checked=checked] { /*display: none;*/ }

.cart-summary h4 { /*display: inline;*/
  font-size: 1rem;
} /* RL200423 no inline - shipment */
.post_payment_payment_name .vmpayment_name,
.vm-orders-order .vmpayment_name {
  display: inline;
  font-weight: bold;
  padding: 0;
}

.vmpayment .vmCartPaymentLogo, .vmpayment .vmpayment_name {
  display: none;
}

.vm-payment-select {
  margin: -20px 0 8px;
}

.vmCartShipmentLogo img {
  height: 32px;
  margin: 2px 0 4px;
}

.vmshipment_name { /*display: none;*/ }

.product-field-display label {
  float: none;
}

.vm-payment-plugin-single input {
  margin: 18px 0 0 10px;
}

.vm-payment-plugin-single {
  display: block;
  float: none;
  margin-right: 1em;
}

label[for=payment_id_3] {
  /*  color: #fff;
  	background-color: #669;
  	padding: 3px 3px 6px 9px;
  	border-radius: 4px;*/
}

.vmpayment .vmpayment_name {
  display: inline;
}

label[for=payment_id_2] {
  margin-top: 8px;
}

.vm-payment-plugin-single img {
  display: inline;
  max-height: 50px;
}

.vm-payment-plugin-single label[for=payment_id_1] img {
  margin: 0 -18px 0 -26px;
}

/* Shipping selection */
.sk_17 { /*display: none;*/ } /* 17: Own shipping account */
div.cart.customer-note span.ownshipping {
  display: none;
  float: none;
  margin: -11px 0 6px;
}

/* List Orders */
#com-form-order-number label {
  float: none;
}

#com-form-order-number br {
  display: none;
}

#com-form-order-submit {
  margin: 1.7em 0 0 38px;
}

#com-form-login-remember .default {
  display: block;
  margin-bottom: 0.5em;
}

#com-form-login-remember #remember {
  margin: -3px 0 0 0.5em;
}

/* Confirmation */
.post_payment_payment_name_title {
  padding-bottom: 1em;
  display: inline-block;
}

body .vmpayment_description, body .vmshipment_description {
  font-size: inherit;
}

body .vmshipment_description {
  display: none;
  color: #999;
  float: right;
}

td.automaticSelectedShipment {
  padding: 6px 0 9px 6px !important;
}

td.noAutomaticSelectedShipment {
  padding-bottom: 7px !important;
}

.post_payment_order_total {
  font-weight: bold;
  margin-bottom: 2em;
}

.vm-wrap.vm-order-done {
  margin-bottom: 4em;
}

.vmpayment_name, .vmpayment_cost, .vmshipment_name, .vmshipment_cost { /*padding: 0;*/ }

.vmpayment_cardinfo {
  color: gray;
  font-size: 9px;
}

.virtuemart_search .inputbox {
  vertical-align: middle;
}

/*** PHOCADOWNLOAD.CSS ***/
/* Phoca Download https://www.phoca.cz/ https://www.phoca.cz/phocadownload */
/* Main */
.pd-hr-cb {
  border-bottom: 3px solid #e9e9e9;
  margin-bottom: 10px;
  clear: both;
}

.pd-hr {
  border-bottom: 3px solid #e9e9e9;
  margin-bottom: 10px;
}

.pd-fl {
  position: relative;
  float: left;
}

.pd-fl-m {
  position: relative;
  float: left;
  margin: 5px 0;
}

.pd-fr {
  position: relative;
  float: right;
}

.pd-cb {
  clear: both;
}

.pd-cl {
  clear: left;
}

.pd-cr-m {
  clear: right;
  margin-top: 20px;
}

.pd-not-found {
  text-align: center;
  font-weight: bold;
}

.pd-center {
  text-align: center;
  vertical-align: middle;
}

.pd-inline {
  margin: 0 10px 0 10px;
  display: inline;
}

/* Top */
#phoca-dl-category-box .pd-category h3,
#phoca-dl-file-box .pd-file h3,
#phoca-dl-download-box .pd-file h3 {
  margin: 0;
  padding: 5px;
  margin-bottom: 7px;
}

/* Category, File, Overlib */
#phoca-dl-category-box .pd-filesize-txt, #phoca-dl-file-box .pd-filesize-txt,
#phoca-dl-category-box .pd-version-txt, #phoca-dl-file-box .pd-version-txt,
#phoca-dl-category-box .pd-license-txt, #phoca-dl-file-box .pd-license-txt,
#phoca-dl-category-box .pd-author-txt, #phoca-dl-file-box .pd-author-txt,
#phoca-dl-category-box .pd-email-txt, #phoca-dl-file-box .pd-email-txt,
#phoca-dl-category-box .pd-date-txt, #phoca-dl-file-box .pd-date-txt,
#phoca-dl-category-box .pd-downloads-txt, #phoca-dl-file-box .pd-downloads-txt {
  font-weight: bold;
  clear: left;
  margin: 5px 0;
  float: left;
  width: 100px;
}

#phoca-dl-category-box .pd-notes-txt,
#phoca-dl-file-box .pd-notes-txt,
#phoca-dl-category-box .pd-features-txt,
#phoca-dl-file-box .pd-features-txt,
#phoca-dl-category-box .pd-changelog-txt,
#phoca-dl-file-box .pd-changelog-txt {
  margin: 7px 0;
  font-weight: bold;
  clear: left;
}

#overDiv .pd-filesize-txt,
#overDiv .pd-version-txt,
#overDiv .pd-license-txt,
#overDiv .pd-author-txt,
#overDiv .pd-email-txt,
#overDiv .pd-date-txt,
#overDiv .pd-downloads-txt {
  font-weight: bold;
  clear: left;
  margin: 5px 0;
  float: left;
  width: 80px;
}

#overDiv .pd-title, #phoca-dl-category-box .pd-title,
#phoca-dl-file-box .pd-title, #phoca-dl-download-box .pd-title {
  font-weight: bold;
}

#overDiv .pd-image, #phoca-dl-category-box .pd-image,
#phoca-dl-file-box .pd-image, #phoca-dl-download-box .pd-image {
  position: relative;
  float: right;
  margin: 10px;
}

#overDiv .pd-textonly, #overDiv .pd-cdesc,
#phoca-dl-category-box .pd-textonly,
#phoca-dl-category-box .pd-cdesc,
#phoca-dl-file-box .pd-cdesc,
#phoca-dl-download-box .pd-cdesc {
  margin: 10px 0;
  padding: 0 154px 0 0;
  clear: both;
}

#overDiv .pd-fdesc,
#phoca-dl-category-box .pd-fdesc,
#phoca-dl-file-box .pd-fdesc,
#phoca-dl-download-box .pd-fdesc {
  clear: both;
}

#phoca-dl-category-box .pd-buttons,
#phoca-dl-file-box .pd-buttons,
#phoca-dl-download-box .pd-buttons {
  position: relative;
  float: left;
  margin: 5px;
}

#phoca-dl-download-box .pd-filenamebox,
#phoca-dl-file-box .pd-filenamebox,
#phoca-dl-category-box .pd-filenamebox {
  position: relative;
  float: left;
  margin: 5px;
}

#phoca-dl-download-box .pd-downloadbox-direct {
  margin: 0 auto;
  margin-top: 20px;
  background: #f5f5f5;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  padding: 10px;
}

#phoca-dl-category-box .pd-filebox {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f0f0f0;
}

#phoca-dl-download-box .pd-filebox,
#phoca-dl-file-box .pd-filebox {
  padding: 5px;
}

#phoca-dl-category-box .pd-title,
#phoca-dl-file-box .pd-title,
#phoca-dl-download-box .pd-title {
  margin-bottom: 3px;
}

#phoca-dl-category-box .pd-mirrors,
#phoca-dl-file-box .pd-mirrors {
  position: relative;
  float: right;
  clear: right;
  margin-top: 0;
}

#phoca-dl-category-box .pd-rating,
#phoca-dl-file-box .pd-rating {
  position: relative;
  float: left;
  clear: both;
  margin-top: 15px;
}

#phoca-dl-category-box .pd-tags,
#phoca-dl-category-box .pd-report,
#phoca-dl-file-box .pd-tags,
#phoca-dl-file-box .pd-report {
  position: relative;
  float: right;
  clear: right;
  margin-top: 15px;
}

#phoca-dl-download-box, #phoca-dl-file-box {
  text-align: left;
}

#phoca-dl-download-box .pd-file, #phoca-dl-file-box .pd-file {
  margin: 5px 0;
}

/* Categories */
#phoca-dl-categories-box a img {
  border: 0;
  padding: 0;
  margin: 0;
}

#phoca-dl-categories-box div.pd-desc {
  margin: 10px 0 10px 0;
}

#phoca-dl-categories-box div.pd-title {
  display: table;
  font-weight: bold;
  font-size: 120%;
  height: 100%;
  width: 100%;
}

#phoca-dl-category-box .pagination,
#phoca-dl-category-box .pagination div ul {
  text-align: center;
  margin: 5px;
  border: none;
}

#phoca-dl-category-box .pd-subcategory,
#phoca-dl-file-box .pd-file {
  margin: 5px;
}

#phoca-dl-download-box .pd-file-details,
#phoca-dl-file-box .pd-file-details {
  border: 0;
}

#phoca-dl-categories-box .pd-subcategory,
#phoca-dl-category-box .pd-subcategory {
  padding-left: 20px;
  background: transparent url("../images/folder.png") 0 center no-repeat;
  padding: 0 4px 4px 25px;
}

#phoca-dl-categories-box a img,
#phoca-dl-category-box a img,
#phoca-dl-file-box a img,
#phoca-dl-download-box a img {
  border: none;
  height: 100%;
}

/* Icons - icon next to file*/
.phoca-dl-file-box-mod .pd-document16,
#phoca-dl-file-box .pd-document16,
#phoca-dl-category-box .pd-document16,
#phoca-dl-download-box .pd-document16 {
  padding-left: 20px;
  background: url("images/icon-document-16.png") 0 center no-repeat;
  height: 16px;
  line-height: 16px;
}

#phoca-dl-most-viewed-box .pd-document16 {
  padding-left: 20px;
  background: url("images/icon-document-16.png") 0 center no-repeat;
}

.phoca-dl-file-box-mod .pd-document32,
#phoca-dl-file-box .pd-document32,
#phoca-dl-category-box .pd-document32,
#phoca-dl-most-viewed-box .pd-document32,
#phoca-dl-download-box .pd-document32 {
  background: url("images/icon-document-32.png") 0 center no-repeat;
  height: 32px;
  line-height: 32px;
  padding-left: 36px;
}

.phoca-dl-file-box-mod .pd-document48,
#phoca-dl-file-box .pd-document48,
#phoca-dl-category-box .pd-document48,
#phoca-dl-most-viewed-box .pd-document48,
#phoca-dl-download-box .pd-document48 {
  background: url("images/icon-document-48.png") 0 center no-repeat;
  height: 48px;
  line-height: 48px;
  padding-left: 52px;
}

.phoca-dl-file-box-mod .pd-document64,
#phoca-dl-file-box .pd-document64,
#phoca-dl-category-box .pd-document64,
#phoca-dl-most-viewed-box .pd-document64,
#phoca-dl-download-box .pd-document64 {
  background: url("images/icon-document-64.png") 0 center no-repeat;
  height: 64px;
  line-height: 64px;
  padding-left: 70px;
}

/* Plugin */
#phoca-dl-category-box-plugin .pd-document {
  padding-left: 20px;
  background: url("images/document.png") 0 center no-repeat;
  text-align: left;
  padding-top: 4px;
  padding-bottom: 4px;
}

/* Module */
.phoca-dl-categories-box-module .pd-categories {
  color: #bf6070;
}

.phocadownload-navigation {
  padding: 2px;
  border: 1px dotted #d6d6d6;
  width: 6em;
  position: relative;
  float: right;
  text-align: center;
  margin-left: 5px;
}

.phocadownload-navigation .navigation-text {
  color: #bf6070;
  background-color: #d6d6d6;
  padding: 2px;
  margin-bottom: 3px;
  font-size: 10px;
  text-align: center;
}

#phoca-dl-license {
  border: 1px solid #ccc;
  background: #f5f5f5;
  overflow: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

.pd-pagination {
  margin-top: 20px;
}

.pd-float {
  position: relative;
  float: left;
  margin: 0 3px;
}

#phocadownload-upload .comment-input {
  width: 98%;
}

#phocadownload-upload .comment-input2 {
  width: 40px;
  border: 0;
  font-weight: bold;
}

/* tabs */
form {
  margin: 0;
  padding: 0;
}

dl.tabs {
  float: left;
  margin: 10px 0 -1px 2px;
  z-index: 50;
}

dl.tabs dt {
  float: left;
  padding: 4px 10px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin-left: 3px;
  background: #f0f0f0;
  color: #666;
}

dl.tabs dt.open {
  background: #ffffff;
  border-bottom: 1px solid #ffffff;
  z-index: 100;
  color: #000;
}

dl.tabs a {
  text-decoration: none;
  font-weight: normal;
}

dl.tabs a:hover {
  background: transparent !important;
}

div.current {
  clear: both;
  border: 1px solid #ccc;
  padding: 10px 10px;
  background: #ffffff;
}

div.current dd {
  padding: 0;
  margin: 0;
}

#loading-label-file {
  text-align: center;
  display: none;
}

/** Table styles **/
#phocadownload-upload table.adminlist {
  width: 100%;
  border-spacing: 1px;
  background-color: #e7e7e7;
  color: #666;
}

#phocadownload-upload .pagination {
  margin: 0;
  padding: 0;
  display: inline;
}

#phocadownload-upload table.adminlist td,
#phocadownload-upload table.adminlist th {
  padding: 4px;
}

#phocadownload-upload table.adminlist thead th {
  text-align: center;
  background: #f0f0f0;
  color: #666;
  border-bottom: 1px solid #999;
  border-left: 1px solid #fff;
}

#phocadownload-upload table.adminlist thead a:hover {
  text-decoration: none;
}

#phocadownload-upload table.adminlist thead th img {
  vertical-align: middle;
}

#phocadownload-upload table.adminlist tbody th {
  font-weight: bold;
}

#phocadownload-upload table.adminlist tbody tr {
  background-color: #fff;
  text-align: left;
}

#phocadownload-upload table.adminlist tbody tr.row1 {
  background: #f9f9f9;
  border-top: 1px solid #fff;
}

#phocadownload-upload table.adminlist tbody tr.row0:hover td,
#phocadownload-upload table.adminlist tbody tr.row1:hover td {
  background-color: #ffd;
}

#phocadownload-upload table.adminlist tbody tr td {
  height: 25px;
  background: #fff;
  border: 1px solid #fff;
}

#phocadownload-upload table.adminlist tbody tr.row1 td {
  background: #f9f9f9;
  border-top: 1px solid #fff;
}

#phocadownload-upload table.adminlist tfoot tr {
  text-align: center;
  color: #333;
}

#phocadownload-upload table.adminlist tfoot td,
#phocadownload-upload table.adminlist tfoot th {
  background-color: #f3f3f3;
  border-top: 1px solid #999;
  text-align: center;
}

#phocadownload-upload table.adminlist td.order {
  text-align: center;
  white-space: nowrap;
}

#phocadownload-upload table.adminlist td.order span {
  float: left;
  display: block;
  width: 20px;
  text-align: center;
}

#phocadownload-upload .error,
#phoca-dl-file-box .error,
#phoca-dl-category-box .pd-error,
#phoca-dl-category-box .error {
  background: #ffc2c2;
  border: 1px solid #bf3030;
  color: #a60000;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

#phoca-dl-categories-box .pd-no-subcat {
  margin-left: 5px;
}

#phoca-dl-category-box .pagination.pd-pagination {
  border: none;
}

#phoca-dl-category-box .pdtop a:hover,
#phoca-dl-category-box .pdtop a:active,
#phoca-dl-category-box .pdtop a:focus,
#phoca-dl-category-box .pdfile a:hover,
#phoca-dl-category-box .pdfile a:active,
#phoca-dl-category-box .pdfile a:focus,
#phoca-dl-file-box .pdtop a:hover,
#phoca-dl-file-box .pdtop a:active,
#phoca-dl-file-box .pdtop a:focus,
#phoca-dl-download-box .pdtop a:hover,
#phoca-dl-download-box .pdtop a:active,
#phoca-dl-download-box .pdtop a:focus {
  background: transparent;
}

/* overlib */
#overDiv table, #overDiv table tr, #overDiv table tr td {
  border: 0;
}

#overDiv .fontPhocaPDClass {
  color: #999;
  margin: 0;
  padding: 0;
}

#overDiv .fgPhocaPDClass {
  background-color: #f0f0f0;
  margin: 0;
  padding: 0;
}

#overDiv .bgPhocaPDClass {
  background-color: #f0f0f0;
  margin: 0;
  padding: 0;
  border: 1px solid #999;
}

#overDiv .capfontPhocaPDClass {
  color: #999;
  margin: 0;
  padding: 0;
}

#overDiv .capfontclosePhocaPDClass,
#overDiv .capfontclosePhocaPDClass a {
  color: #999;
  text-decoration: underline;
  text-align: right;
  margin: 0;
  padding: 0;
}

#phoca-dl-category-box .pagination #pg-pagination ul {
  margin: 10px auto;
  text-align: center;
}

.pd-mirror,
.pd-report {
  margin: 0 5px 5px 0;
  float: right;
}

.pd-mirror-file,
.pd-report-file {
  margin: 0 5px 5px 0;
  float: right;
}

.pd-fbcomments {
  margin-top: 10px;
  margin-bottom: 10px;
}

div#phoca-dl-categories-box {
  margin-bottom: 3em;
}

/* Phoca module*/
.phocadownloadfile, .phocadownloadfilelist {
  border: none !important;
}

.phocadownloadfilelist:last-of-type {
  margin-bottom: 1em;
}

.phocadownloadfile {
  padding-left: 30px;
}

#phoca-dl-category-box .pd-category h3, #phoca-dl-file-box .pd-file h3,
#phoca-dl-download-box .pd-file h3 {
  padding: 0 !important;
}

.dTreeNode {
  height: 1.64em;
}

.tab-pane table.treetable {
  margin-top: 0;
}

.item-page .phocadownloadcategory32, #downloadstable .phocadownloadcategory32,
#downloadstable .phocadownloadfilelist32, #downloadstable .phocadownloadfile32,
.item-page .phocadownloadcategory16, #downloadstable.phocadownloadcategory16,
#downloadstable .phocadownloadfilelist16, #downloadstable.phocadownloadfile16,
#downloadstable .phocadownloadfilelist {
  background-color: transparent;
  border: none;
  padding-left: 50px;
  margin: 0;
}

#downloadstable .phocadownloadfilelist {
  padding-left: 28px;
  display: inline;
}

.pd-subcategory small {
  display: none;
}

#phoca-dl-category-box .pd-tags, #phoca-dl-category-box .pd-report, #phoca-dl-file-box .pd-tags, #phoca-dl-file-box .pd-report {
  margin-right: 5px;
}

#phoca-dl-category-box .pd-button-mirror1 a, #phoca-dl-category-box .pd-button-mirror2 a, #phoca-dl-file-box .pd-button-mirror1 a,
#phoca-dl-file-box .pd-button-mirror2 a, #phoca-dl-category-box .pd-button-play a, #phoca-dl-category-box .pd-button-preview a,
#phoca-dl-category-box .pd-button-download a, #phoca-dl-category-box .pd-button-details a {
  padding: 6px 12px 6px 26px !important;
}

.phocadownloadfile16, .phocadownloadcategory16, .phocadownloadfilelist16 {
  margin: 0 !important;
  padding: 0 5px 0 36px !important;
}

.filedate {
  padding-left: 1em;
}

.filedate::before {
  content: "(";
}

.filedate::after {
  content: ")";
}

#phoca-dl-category-box .pd-buttons, #phoca-dl-file-box .pd-buttons,
#phoca-dl-category-box .pd-filebox {
  margin: 0 !important;
}

#phoca-dl-category-box .pd-buttons.details, #phoca-dl-file-box .pd-buttons.details {
  margin-right: 1em !important;
}

#phoca-dl-category-box .pd-filenamebox {
  width: 50%;
  margin: 0 2em 0 0 !important;
}

#phoca-dl-category-box .pd-buttons.download {
  width: 19%;
  text-align: right;
}

#phoca-dl-category-box .pd-buttons.details {
  width: 25%;
}

#phoca-dl-category-box .pd-filebox {
  padding: 1em 0 !important;
  border-bottom: 1px dotted #cccccc;
}

#phoca-dl-category-box .pd-button-mirror1 a,
#phoca-dl-category-box .pd-button-mirror2 a,
#phoca-dl-file-box .pd-button-mirror1 a,
#phoca-dl-file-box .pd-button-mirror2 a,
#phoca-dl-category-box .pd-button-play a,
#phoca-dl-category-box .pd-button-preview a,
#phoca-dl-category-box .pd-button-download a,
#phoca-dl-category-box .pd-button-details a {
  background: url(../../../components/com_phocadownload/assets/images/btn.png) repeat-x;
  display: inline-block;
  padding: 7px 12px 8px;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border-radius: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  position: relative;
  cursor: pointer;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  font-weight: bold;
  font-size: 110%;
  padding-left: 28px;
  color: #fff;
}

#phoca-dl-category-box .pd-button-download a {
  background: url(../../../components/com_phocadownload/assets/images/icon-download.png) 6px center no-repeat;
  background-color: #269926;
}

#phoca-dl-category-box .pd-button-download a:hover {
  background: url(../../../components/com_phocadownload/assets/images/icon-download.png) 6px center no-repeat;
  background-color: #498a49;
}

.pd-fl-m, #phoca-dl-category-box .pd-filesize-txt, #phoca-dl-file-box .pd-filesize-txt, #phoca-dl-category-box .pd-version-txt,
#phoca-dl-file-box .pd-version-txt, #phoca-dl-category-box .pd-license-txt, #phoca-dl-file-box .pd-license-txt, #phoca-dl-category-box .pd-author-txt,
#phoca-dl-file-box .pd-author-txt, #phoca-dl-category-box .pd-email-txt, #phoca-dl-file-box .pd-email-txt, #phoca-dl-category-box .pd-date-txt,
#phoca-dl-file-box .pd-date-txt, #phoca-dl-category-box .pd-downloads-txt, #phoca-dl-file-box .pd-downloads-txt {
  margin: 0 !important;
  width: 84px !important;
  font-size: 90%;
}

.pd-hr-cb {
  border-bottom: 2px solid #e9e9e9 !important;
  margin: 15px 0 0 0 !important;
}

.sp-module-content-bottom.clearfix {
  margin-top: 3em;
}

/* DTREE.CSS */
.dtree {
  white-space: nowrap;
}

.dtree img {
  border: 0;
  vertical-align: middle;
  display: inline;
  height: 100%;
}

.dtree a {
  text-decoration: none;
}

.dtree .root a.node, .dtree .root a.nodeSel {
  font-weight: bold;
}

.dtree a.node, .dtree a.nodeSel, .pd-subcategory a {
  font-size: 110%;
  padding: 1px 2px 1px 4px;
  white-space: nowrap;
  margin: 0 0 0 2px;
}

.dtree a.node:hover, .dtree a.nodeSel, .pd-subcategory a:hover {
  background-color: rgba(213, 213, 255, 0.3);
  border-radius: 3px;
}

.pd-subcategory a:hover {
  padding-top: 0;
}

.dtree .clip {
  overflow: hidden;
}

img.folder {
  padding: 0 4px 4px 0;
}

/* Phocadownload RL */
.col-lg-4.m-1 {
  flex: 0 0 calc(33.333333% - 0.5rem);
  max-width: calc(33.333333% - 0.5rem);
}

.pd-pb, .pd-pb a {
  color: #ccc;
  font-size: 90%;
}

.pdtop, .pdall {
  position: static;
  margin-bottom: 6px;
}

#phoca-dl-category-box .pd-category div.pdtop,
#phoca-dl-file-box .pd-file div.pdtop,
#phoca-dl-download-box .pd-file div.pdtop {
  display: inline-block;
  position: static;
  height: 32px;
  border-radius: 5px;
  background-color: #669;
  padding: 4px 2px 1px 4px;
  margin: 0;
}

.pdtop a {
  height: 100%;
}

#phoca-dl-category-box .pd-category div.pdtop:hover,
#phoca-dl-file-box .pd-file div.pdtop:hover,
#phoca-dl-download-box .pd-file div.pdtop:hover {
  background-color: #9999CC;
}

#phoca-dl-category-box .pdtop a img {
  height: 28px;
  padding: 2px 2px 3px;
}

.list .pdtop {
  left: auto;
  right: 0;
}

.list {
  position: relative;
}

.pdclose {
  display: none;
}

/* Virtuemart Coupon Code */
.couponflex {
  display: flex;
  flex-direction: row;
}

.couponflex span {
  flex-grow: 1;
}

.cart-summary tr.coupon td:first-child {
  padding-top: 0;
}

input[type=text].coupon:not(.form-control) {
  width: 210px;
  max-width: calc(100% - 56px); /* 56px: save button */
  padding: 5px 0.5rem;
  margin-top: -2px;
}

span.details-button {
  position: relative;
  top: -2px;
  left: 2px;
}

embed {
  max-width: 100%;
}

/*** Cookie notice ***/
/* Cookiebot Widget */
#CookiebotWidget {
  bottom: 24px !important;
  left: -30px !important;
  transition: left 0.6s, opacityt 0.6s !important;
  opacity: 0.3 !important;
}

#CookiebotWidget:hover, #CookiebotWidget.CookiebotWidget-open {
  left: 0 !important;
  opacity: 1 !important;
}

#CookiebotWidget.CookiebotWidget-open {
  left: 10px !important;
}

#CookiebotWidget * {
  color: #333 !important;
}

#CookiebotWidget .CookiebotWidget-logo svg circle {
  fill: #333 !important;
}

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

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
  background-color: #333333 !important;
  border-color: #333333 !important;
  color: #fff !important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
  background-color: #126200 !important;
  border-color: #126200 !important;
  color: #fff !important;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
  fill: #666699 !important;
}

/* Cookiebot Settings Button */
/* XF 2021-12-04 */
/*.CookiebotWidget-logo {
	background-color: transparent !important;
}*/
/*.CookiebotWidget-consent-details button {
	padding: 10px !important;
	color: white !important;
}*/
/* End Cookiebot Settings Button */
section#sp-copyright {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9999;
}
section#sp-copyright .plg_system_eprivacy_message, section#sp-copyright .container-fluid.reconsider {
  background-color: #fafafa;
  box-shadow: 0 0 10px #666, 0 0 10px #fff;
  padding: 25px 10px;
}
section#sp-copyright .container-fluid.reconsider {
  border-radius: 32px;
  padding: 0.5em 1em 0.5em;
  margin-right: -35px;
  left: -100%;
  position: relative;
  opacity: 0.2;
  transition: left 0.6s, margin 0.6s, border-radius 0.6s, opacity 0.6s, height 0.6s;
}
section#sp-copyright .container-fluid.reconsider button {
  margin-left: 0.5em;
}
section#sp-copyright .container-fluid.reconsider div {
  margin-right: -0.5em;
}
section#sp-copyright .container-fluid.reconsider:hover {
  height: auto;
  left: 0;
  margin-right: 0;
  border-radius: 0;
  opacity: 1;
}
section#sp-copyright h3 {
  font-size: 1.5em;
  margin: 0;
  padding: 0 0 0;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
}
section#sp-copyright p {
  margin: 0;
  padding: 1px 0 0;
  align-items: center;
  justify-content: center;
  display: flex;
}
section#sp-copyright .buttons {
  padding: 6px 0 0;
  text-align: center;
}
section#sp-copyright button.plg_system_eprivacy_agreed, section#sp-copyright button.plg_system_eprivacy_declined {
  width: 108px;
}
section#sp-copyright button.plg_system_eprivacy_agreed {
  margin-bottom: 6px;
  background-color: #669966 !important;
}
section#sp-copyright button.plg_system_eprivacy_declined {
  background-color: #ed1212 !important;
}

#eprivacyModal .cookietable {
  display: none !important;
}

/* Cookiebot notice */
.helix-ultimate #CybotCookiebotDialog {
  border: 6px solid #669;
  box-shadow: rgba(18, 18, 18, 0.1490196078) 0 0 1024px 256px;
  border-radius: 6px;
  overflow: visible;
  margin: 0 !important;
  /* RL250403 removed
  width: 580px !important;
  height: 200px !important;
  left: calc(50% - 290px);
  top: calc(30% - 100px);*/
}

.helix-ultimate #CybotCookiebotDialog[lang=de] {
  /*RL250403 removed
  height: 240px !important;*/
}

.helix-ultimate #CybotCookiebotDialogDetail {
  border: 6px solid #669;
  border-top: none;
  border-radius: 6px;
  width: calc(100% + 11px);
  margin-left: -5.5px;
}

a#CybotCookiebotDialogBodyButtonAccept {
  font-size: 150%;
  border-radius: 3px;
  padding-top: 3px;
  padding-bottom: 4px;
}

a#CybotCookiebotDialogBodyButtonDecline {
  background-color: #666;
  font-size: 150%;
  border-radius: 3px;
  padding-top: 3px;
  padding-bottom: 4px;
}

/*** Media Query Overrides Here ***/
@media (max-height: 320px) {
  #inquiry-button {
    display: none;
  }
}
@media (max-height: 520px) {
  #inquiry-button {
    top: 221px;
  }
}
@media (max-width: 1199px) {
  .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
    max-width: 100%;
  }
  #sp-logo.col-lg-4 {
    flex: 0 0 30%;
    max-width: 30%;
  }
  #sp-menu.col-lg-8 {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .view-productdetails .fancybox-content {
    width: 90%;
  }
} /*max 1199*/
@media (max-width: 1080px) { /*BS$ lg*/
  .container {
    max-width: 1080px;
  }
  #sp-logo.col-lg-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  #sp-menu.col-lg-8 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .sp-module.cart {
    margin-right: 7px;
  }
  nav.sp-megamenu-wrapper {
    top: 38px;
  }
  #offcanvas-toggler {
    height: 40px;
    line-height: 40px;
    width: 58px;
    text-align: center;
  }
} /*max 1080*/
@media (max-width: 860px) {
  #logo img {
    max-width: 100%;
    max-height: 134px;
    width: auto;
  }
  .moduletable.logo {
    max-width: 44%;
  }
  .bottom-mainmenu ul.nav > li {
    float: none;
  }
  .navbar .nav > li > a {
    padding: 10px 16px 10px;
  }
  .navbar-inner {
    float: right;
    padding-left: 0;
    padding-right: 3px;
  }
  .navbar-inner ul.dropdown-menu {
    display: none !important;
  }
  #header .custom {
    height: 80px;
  }
  .search-query {
    right: 3px;
    bottom: 24px;
    width: auto;
  }
  .search-module input.search-query {
    width: 155px !important;
  }
  .moduletable.cart {
    top: 12px !important;
    bottom: auto !important;
    right: 110px !important;
  }
  #sidebar .moduletable {
    margin: 30px 15px 25px 14px;
  }
  #phoca-dl-category-box .pd-filenamebox {
    width: 46%;
  }
  #phoca-dl-category-box .pd-buttons.details {
    width: 28%;
  }
  #phoca-dl-category-box .pd-buttons.download {
    width: auto;
  }
}
@media (max-width: 767px) {
  body {
    padding-left: 0;
    padding-right: 0;
  }
  .row-fluid #sidebar.fixed250, .row-fluid .span9 {
    width: 100%;
  }
  #sidebar {
    background-image: none;
  }
  #sidebar .submenu {
    height: 36px;
    margin: 0 25px;
    padding: 0;
  }
  #sidebar .submenu li {
    padding-top: 12px;
  }
  .left-latestnews {
    display: none;
  }
  #sidebar .submenu li {
    float: left;
    margin-right: 1.5em;
  }
  #sidebar .submenu > ul.nav {
    height: 1em;
    margin-bottom: 0;
    margin-top: 12px;
  }
  #sidebar .login {
    display: none;
    position: absolute;
    right: 0;
    top: -5px;
  }
  #content {
    padding: 10px 25px;
  }
  .modal {
    position: static;
  }
  #sidebar .moduletable {
    margin: 0 25px 1em 24px;
  }
  #sidebar .moduletable.left-menu {
    margin: 2em 25px 1em 24px;
    width: 100%;
  }
  .left-menu ul.nav {
    position: relative;
    margin-right: 48px;
  }
  .moduletable.background-sidebar {
    display: none;
  }
  .row-fluid #sidebar.fixed250, #main {
    min-height: 0;
  }
  .bottom-latestnews .col-sm-12.col-lg-4 {
    border-left: none;
    border-top: 1px solid #ccc;
  }
  #item1394 #above-content {
    right: 24px;
  } /* Currency switch */
  #inquiry-button {
    display: none;
  }
  div.itemExtraFields tr td.itemExtraFieldsLabel {
    width: 30%;
  }
  div.itemExtraFields tr td.itemExtraFieldsValue {
    width: 70%;
  }
  /* shrinking tab mobile */
  ul.nav-tabs li.nav-item {
    display: block;
    overflow: hidden;
  }
  .nav-tabs .nav-link,
  .nav-tabs .nav-link.active {
    background-color: #fff;
    border-color: #b6b6b6;
    color: #669;
    font-size: 1em;
    font-weight: bold;
    padding: 4px 10px 4px;
    width: 100%;
  }
  .nav-tabs .nav-link.active {
    position: relative;
    margin-bottom: -26px;
    padding-top: 26px !important;
    /*transition: margin-bottom 0.3s, padding-top 0.3s;*/
    z-index: -1;
  }
  .nav-tabs .nav-link:before {
    content: " ";
    top: -48px;
  }
  .nav-tabs .nav-link.active:before {
    font-size: 1em;
    top: -24px;
    margin-right: -16px;
    transition: top 0.3s;
  }
  a.moduleItemReadMore {
    margin-bottom: 1em;
  }
  .tab-content > .tab-pane {
    height: auto !important;
  }
  .widget .phocadownloadcategory16 {
    height: 6.5em;
  }
  #fancybox-wrap, #fancybox-content {
    min-width: 0;
  }
  #sp-top2 .sp-module.currency {
    display: none;
  }
  .row.decision {
    padding: 0 1em;
  }
  .container-fluid.reconsider {
    height: 64px;
  }
  .producttable div.datawrap, .producttable div.datawrap2 {
    overflow-x: scroll !important;
  }
} /* max 767 */
@media (min-width: 1080px) { /*BS$ lg*/
  .product-field.col-lg-4 {
    flex: 0 0 32.8%;
    max-width: 32.8%;
  }
  div.itemExtraFields tr td.itemExtraFieldsLabel {
    width: 22%;
  }
  div.itemExtraFields tr td.itemExtraFieldsValue {
    width: 78%;
  }
} /* min 1080 */
@media (min-width: 1200px) { /*BS$*/
  .requestinfo {
    width: 34%;
    line-height: 1.25;
  }
  .vm-payment-plugin-single {
    float: right;
  }
  .vm-payment-plugin-single:first-child {
    float: left;
  }
}
@media (max-width: 1080px) {
  .d-none {
    display: none !important;
  }
  .d-block {
    display: block !important;
  }
  #sp-footer .sp-module {
    margin: 2em 0 0;
  }
  #sp-footer .sp-module h2 {
    padding-bottom: 0.4em;
  }
}
@media (max-width: 680px) {
  .helix-ultimate #CybotCookiebotDialog {
    /* RL250403 removed
    width: 450px !important;
    height: 260px !important;
    left: calc(50% - 225px);
    top: calc(30% - 130px);
     */
  }
  .helix-ultimate #CybotCookiebotDialog[lang=de] {
    /*RL250403 removed
    height: 286px !important;*/
  }
  .sp-module.currency {
    padding-top: 7px;
  }
  .sp-contact-info {
    padding-bottom: 7px;
  }
  .producttable div.datawrap, .producttable div.datawrap2 {
    width: 79%;
  }
  table.treetable span.indenter {
    display: none !important;
  }
  #k2Container #downloadstable div.phocadownloadfilelist {
    display: inline-block !important;
  }
  .vm-cart-item-name, .vm-cart-item-sku { /*display: none;*/ }
  .billto-shipto .width50.floatleft {
    width: 100%;
    float: none;
    margin-bottom: 2em;
  }
  #sp-top1.col-sm-5 {
    flex: 0 0 30%;
    max-width: 30%;
    padding-top: 0;
  }
  #sp-top2.col-sm-7 {
    flex: 0 0 70%;
    max-width: 70%;
    padding-top: 6px;
  }
  table.cart-summary {
    /* 108/108/80/80/150 = 20/20/15/15/30% */
    table-layout: fixed;
    /*tr th.vm-cart-item-name, tr td.vm-cart-item-name { width: 26px; }
    tr th.vm-cart-item-basicprice, tr td.vm-cart-item-basicprice { width: 20px; min-width: 0; }
    tr th.vm-cart-item-quantity, tr td.vm-cart-item-quantity { width: 20px; min-width: 0; }
    tr th.vm-cart-item-tax, tr td.vm-cart-item-tax { width: 14px; min-width: 0; }
    tr th.vm-cart-item-total, tr td.vm-cart-item-total { width: 22px; min-width: 0; }*/
  }
  table.cart-summary tr th.vm-cart-item-name, table.cart-summary tr td.vm-cart-item-name {
    width: 20%;
  }
  table.cart-summary tr th.vm-cart-item-basicprice, table.cart-summary tr td.vm-cart-item-basicprice {
    width: 15%;
    min-width: 0;
  }
  table.cart-summary tr th.vm-cart-item-quantity, table.cart-summary tr td.vm-cart-item-quantity {
    width: 20%;
    min-width: 0;
  }
  table.cart-summary tr th.vm-cart-item-tax, table.cart-summary tr td.vm-cart-item-tax {
    width: 15%;
    min-width: 0;
  }
  table.cart-summary tr th.vm-cart-item-total, table.cart-summary tr td.vm-cart-item-total {
    width: 30%;
    min-width: 0;
  }
  table.cart-summary .vm-cart-item-name a, table.cart-summary .vm-cart-item-name .vm-customfield-cart,
  table.cart-summary .PricediscountedPriceWithoutTax {
    font-size: 14px;
  }
  #phoca-dl-category-box .pd-filenamebox {
    width: 55%;
  }
  #phoca-dl-category-box .pd-buttons.details {
    width: 35%;
  }
  #phoca-dl-category-box .pd-buttons.download {
    margin: 0.5em 0 0 calc(55% + 2em) !important;
    text-align: left;
  }
  .couponflex {
    flex-direction: column-reverse;
  }
  .couponform {
    margin: 6px 0 4px;
  }
} /* max 680 */
@media (max-width: 580px) {
  .sp-module.currency {
    padding-top: 0;
  }
  #sp-top1.col-sm-5, #sp-top2.col-sm-7 {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
  #sp-top1.col-sm-5 {
    padding-top: 0;
  }
  #sp-top2.col-sm-7 {
    padding-top: 6px;
  }
  li.item-227 {
    clear: none;
  }
  div.producttable:not(.tec-products) div.datawrap, div.producttable:not(.tec-products) div.datawrap2 {
    width: 72%;
    margin-right: -5%;
  }
  div.producttable.transponiert:not(.tec-products) div.datawrap, div.producttable.transponiert:not(.tec-products) div.datawrap2 {
    width: calc(100% - 126px);
    margin-right: 0;
  }
  div.producttable.transponiert:not(.tec-products) div.datawrap2 {
    width: calc(100% - 168px);
  }
  #content #phoca-dl-categories-box div.pd-categoriesbox {
    width: 90%;
    float: none;
    margin: 10px auto;
  }
} /* max 580 */
@media (max-width: 480px) {
  .helix-ultimate #CybotCookiebotDialog {
    /*RL250403 removed
    width: 290px !important;
    height: 360px !important;
    left: calc(50% - 145px);
    top: calc(30% - 180px);*/
  }
  .helix-ultimate #CybotCookiebotDialog[lang=de] {
    /*RL250403 removed
    height: 450px !important;*/
  }
  .productdetails-view .vm-product-container .vm-product-media-container {
    width: 100%;
    float: none;
  }
  #item1394 #above-content {
    position: relative;
    right: 16px;
  } /* Currency switch */
  .productdetails-view {
    margin-top: 0;
  }
  .moduletable.cart {
    top: 12px !important;
    bottom: auto !important;
    right: 76px !important;
  }
  #sidebar .moduletable.left-menu {
    margin-top: 2em;
  }
  .producttable div.datawrap, .producttable div.datawrap2 {
    width: 60%;
    margin-right: -5%;
  }
  .row div[class*=width] {
    width: 100%;
    float: none;
    margin-bottom: 15px;
  }
  #header ul {
    right: 0;
    left: 0;
  }
  .vm-cart-header-container h1:first-child {
    padding-bottom: 0;
  }
  .vm-continue-shopping {
    top: 0;
  }
  .vm-cart-header-container .currencyswitch {
    bottom: 0;
    right: auto;
    left: 0;
  }
  @-moz-document url-prefix() {
    .sp-module.currency {
      padding-top: 7px;
    }
  }
} /*480*/
@media (max-width: 364px) {
  #sp-menu.col-lg-8 {
    padding-left: 0;
  }
  /* Category module wall layout */
  .vm-categories-wall-catwrapper {
    width: 100%;
  }
  .back-to-category a {
    width: 88px;
  }
  @-moz-document url-prefix() {
    #sp-top-bar .sp-module.flag {
      margin-top: 7px;
    }
  }
} /*360*/
.anchor-nav {
  background-color: #4d4d99;
  padding: 15px 20px;
  border-radius: 10px;
  text-align: center;
  font-size: 14px;
  color: white;
  margin-bottom: 30px;
}

.anchor-nav a {
  color: white;
  text-decoration: none;
  margin: 0 8px;
}

.anchor-nav a:hover {
  color: lightgray;
}

.anchor-nav a.active {
  font-weight: bold;
  color: lightgray;
}

.timeline-toggle-btn {
  background-color: #4d4d99;
  color: white;
  border: none;
  padding: 10px 50px;
  cursor: pointer;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: bold;
  margin-bottom: 10px;
}

.timeline-wrapper {
  display: none;
  position: relative;
  max-width: 800px;
  margin: 30px auto 40px auto;
}

.timeline-line {
  content: "";
  position: absolute;
  width: 4px;
  background-color: #4d4d99;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -2px;
}

.timeline-box {
  position: relative;
  background-color: white;
  width: 40%;
  padding: 15px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}

.timeline-box.left {
  left: 5%;
  text-align: right;
}

.timeline-box.right {
  left: 55%;
  text-align: left;
}

.timeline-title {
  font-size: 18px;
  font-weight: bold;
  color: #4d4d99;
}

.timeline-year {
  margin-top: 5px;
}

.timeline-institution {
  font-size: 14px;
  font-style: italic;
  color: #555;
}

@media (max-width: 768px) {
  .timeline-box {
    width: 100%;
    left: 0 !important;
    text-align: left;
  }
}
/* Basis-Style für alle Buttons */
.btn {
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  border: none;
}

/* Primär-Button (Lila) */
.btn-primary {
  background-color: #4D4D99;
  color: #ffffff;
  border: none;
}

.btn-primary:hover {
  background-color: #3e3e80;
}

/* Sekundär-Button (.btn-orange reused as outline-lila) */
.btn-orange {
  background-color: #ffffff !important; /* weißer Hintergrund */
  color: #4D4D99 !important; /* lila Text */
  border: 2px solid #4D4D99 !important; /* klar definierte Outline */
  box-shadow: none;
}

.btn-orange:hover {
  background-color: #4D4D99 !important; /* Lila bei Hover */
  color: #ffffff !important; /* Weißer Text bei Hover */
  border-color: #4D4D99 !important;
}

/* Button-Gruppe */
.btn-group {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

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

.centered-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

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

/* Bild auf 80 % begrenzt */
.img-80 {
  max-width: 80%;
  height: auto;
}

.table-feedforward {
  width: 70%;
  border-collapse: separate;
  border-spacing: 30px;
}

.table-feedforward td:first-child {
  width: auto;
}

.table-feedforward td:last-child {
  width: 50%;
}

.table-grey-white-cells {
  width: 100%;
  border-collapse: collapse;
  /* Erste Spalte fett – egal ob th oder td */
  /* Zebra: 1., 3., 5., … Zeile grau – für th UND td */
}
.table-grey-white-cells th,
.table-grey-white-cells td {
  border: 1px solid black;
  padding: 8px;
  text-align: left;
}
.table-grey-white-cells tr > :first-child {
  font-weight: bold;
}
.table-grey-white-cells tr:nth-child(odd) th,
.table-grey-white-cells tr:nth-child(odd) td {
  background-color: #ddd;
}
.table-grey-white-cells a {
  color: inherit;
  text-decoration: underline;
}
.table-grey-white-cells a:hover {
  text-decoration: none;
}

.flex-split {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}

.flex-split > * {
  flex: 1 1 300px;
  min-width: 250px;
}

/* Neu: ersetzt 'flex: 1' im Inline-Style */
.flex-split .flex-1 {
  flex: 1;
}

/* Neu: ersetzt 'margin-right: 0px' */
.flex-split .mr-0 {
  margin-right: 0;
}

/* Neu: ersetzt 'text-align: center' */
.flex-split .text-center {
  text-align: center;
}

/* Neu: ersetzt 'align-items: center' bei einzelnen Spalten */
.flex-split .items-center {
  align-items: center;
}

@media (max-width: 768px) {
  .flex-split {
    flex-direction: column;
    align-items: center;
    text-align: left;
  }
  .flex-split > * {
    flex: 1 1 auto; /* <-- ersetzt 1 1 300px */
    min-width: auto; /* <-- verhindert Platz-Reservierung */
  }
}
.highlight-box, .meerstetter-stats {
  border: 1px solid #ccc;
  padding: 10px 50px 50px 50px;
  border-radius: 6px;
  margin-bottom: 20px;
}

.feature-boxes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 100%;
  justify-content: center;
  padding: 20px;
}

.feature-box {
  flex: 1;
  min-width: 200px;
  max-width: 300px;
  background: white;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  text-align: center;
}

.feature-box p {
  margin-top: 10px;
  font-size: 16px;
}

.feature-img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.accordion {
  background-color: #665fa3; /* Buttonfarbe */
  color: #fff; /* weißer Text */
  cursor: pointer;
  padding: 10px;
  margin: 5px 0;
  font-size: 15px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: background-color 0.2s ease;
  display: block;
  position: relative; /* für Pfeil-Icon */
  padding-right: 26px; /* Platz für Pfeil */
}

.accordion:hover {
  background-color: #5a5393; /* leicht dunkler beim Hover */
}

.accordion.active {
  background-color: #4e4782; /* dunkler im aktiven Zustand */
}

/* optional: bessere Tastatur-Navigation */
.accordion:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}

/* Pfeil-Icon als CSS-Dreieck (geschlossen: weiß) */
.accordion::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  width: 0;
  height: 0;
  border-left: 8px solid #fff; /* Pfeilfarbe geschlossen */
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  transition: transform 0.2s ease, border-left-color 0.2s ease;
}

/* Offen: Pfeil nach unten, orange */
.accordion.active::after {
  transform: translateY(-50%) rotate(90deg);
  border-left-color: #FF7416; /* Pfeilfarbe offen */
}

/* Panel ist standardmäßig zu */
.panel {
  padding: 10px;
  display: none;
  background-color: #ffffff;
  overflow: hidden;
}

/* Offen via Klasse */
.panel.open {
  display: block;
}

/* Tabellen NUR innerhalb Panels stylen */
.panel table {
  width: 100%;
  border-collapse: collapse;
  margin: 15px 0;
  font-size: 15px;
  text-align: left;
}

.panel th,
.panel td {
  padding: 15px;
  border: 0 solid #ddd;
}

.panel td {
  min-width: 50px;
}

.panel th {
  background-color: #f4f4f4;
}

/* Kleine Icon-Helferklasse (ersetzt inline: width:30px; height:auto) */
.icon-30 {
  width: 30px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}

.distributor-container {
  max-width: 900px;
  margin: 0;
  font-family: Arial, sans-serif;
}

.distributor-card {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.distributor-header {
  margin-bottom: 10px;
}

.country {
  font-size: 20px;
  font-weight: bold;
}

.distributor-info a {
  color: #0051a2;
  text-decoration: none;
}

.distributor-info a:hover {
  text-decoration: underline;
}

@media (max-width: 600px) {
  .distributor-card {
    padding: 16px;
  }
}
/* ==============================================
   Tabellenstil: Typical Cooling Capacity
   Autor: SS
   Erstellt: 2025-08-11
   ============================================== */
.table-typical-cooling-capacity {
  width: 100%;
  border-collapse: collapse;
  margin: 15px 0;
  font-size: 15px;
  text-align: left;
}

.table-typical-cooling-capacity th,
.table-typical-cooling-capacity td {
  padding: 5px 25px 5px 5px;
  border: 1px solid #ddd;
}

.table-typical-cooling-capacity th {
  background-color: #f4f4f4;
  font-weight: bold;
}

.table-typical-cooling-capacity a {
  color: #0051a2;
  text-decoration: none;
}

.table-typical-cooling-capacity a:hover {
  text-decoration: underline;
}

/* Responsive Tabelle mit horizontalem Scrollen */
.table-typical-cooling-capacity-wrapper {
  width: 100%;
  overflow-x: auto;
}

@media (max-width: 600px) {
  .table-typical-cooling-capacity th,
  .table-typical-cooling-capacity td {
    padding: 8px;
    font-size: 14px;
    white-space: nowrap; /* Verhindert Zeilenumbruch in Zellen */
  }
}
:root {
  --brand: #4d4d99;
  --grid-gap: 24px;
  --card-radius: 12px;
  --card-shadow: 0 2px 10px rgba(0,0,0,.08);
  --card-shadow-hover: 0 6px 18px rgba(0,0,0,.12);
  --card-bg: #fff;
}

body {
  margin: 0;
}

/* Tabs */
.tabs-case {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  border-bottom: 2px solid var(--brand);
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.tab-case {
  cursor: pointer;
  font-weight: 700;
  color: var(--brand);
}

.tab-case.active {
  text-decoration: underline;
}

/* Grid: auto-fit Spalten */
.grid-case {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--grid-gap);
}

/* Card */
.card-case {
  background: var(--card-bg);
  border: 1px solid #e6e6e6;
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
  padding: 16px;
  text-align: center;
  display: flex; /* flexibles Layout */
  flex-direction: column; /* Inhalt von oben nach unten */
  gap: 12px;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  height: 100%;
}

.card-case:hover {
  box-shadow: var(--card-shadow-hover);
  transform: translateY(-2px);
}

/* Bildbereich mit fixer Höhe */
.card-case img {
  width: 100%;
  height: 140px; /* feste Höhe */
  display: block;
  border-radius: 8px;
  -o-object-fit: contain;
     object-fit: contain; /* Bild wird nicht verzerrt */
  background: #f8f8ff; /* dezenter Hintergrund */
}

/* Titel & Text */
.card-case-title {
  font-weight: 700;
  color: var(--brand);
  margin: 4px 0 6px 0;
  line-height: 1.25;
}

/* Responsive */
@media (max-width: 768px) {
  :root {
    --grid-gap: 16px;
  }
  .description {
    margin-bottom: 16px;
  }
}
/* Tags unten in der Karte zentriert */
.subjects-case {
  margin-top: auto; /* schiebt die Tags an das untere Ende */
  padding-top: 12px; /* Abstand zum Text */
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center; /* zentriert die Tags horizontal */
}

.tag-case {
  font-size: 12px;
  color: #777;
  background-color: #f2f2f2;
  padding: 2px 8px;
  border-radius: 6px;
  white-space: nowrap;
}

.meerstetter-stats {
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
  text-align: center;
}
.meerstetter-stats .stats-title {
  text-align: left;
  color: #4D4D99;
  font-size: 1.5rem;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 30px;
}
.meerstetter-stats .stats-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 0;
}
.meerstetter-stats .stats-container .stat-item {
  flex: 1 1 200px;
  max-width: 220px;
  text-align: center;
  transition: transform 0.25s ease;
}
.meerstetter-stats .stats-container .stat-item:hover {
  transform: scale(1.03);
}
.meerstetter-stats .stats-container .stat-item .stat-icon {
  width: 100px;
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 12px;
}
.meerstetter-stats .stats-container .stat-item .stat-number {
  font-size: 2.5rem;
  line-height: 1.1;
  font-weight: 800;
  color: #000;
  margin: 0;
}
.meerstetter-stats .stats-container .stat-item .stat-label {
  font-size: 1rem;
  color: #333;
  margin-top: 6px;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .meerstetter-stats .stats-container {
    gap: 30px;
    justify-content: center;
  }
  .meerstetter-stats .stat-item {
    flex: 1 1 42%;
    max-width: 42%;
  }
  .meerstetter-stats .stat-number {
    font-size: 2.2rem;
  }
}
@media (max-width: 480px) {
  .meerstetter-stats .stat-item {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .meerstetter-stats .stat-number {
    font-size: 2rem;
  }
}/*# sourceMappingURL=custom.css.map */