.techtable {
width: 100%;
float: left;
}

.techrow {
width: 100%;
float: left;
}

.aa1 {
width: 200px;
float: left;
padding: 8px;
font-weighT: bold;
}

.bb1 {
float: left;
padding: 8px;
max-width: calc(100% - 235px);
}


@media (max-width: 450px) {

.aa1 {
width: 100px;
float: left;
padding: 5px;
font-weight: bold;
font-size: 0.7em;
}

.bb1 {
float: left;
padding: 5px;
max-width: calc(100% - 125px);
font-size: 0.7em;
}

}



.techrow:nth-child(odd) {
background: #eee;
}

.techrow:nth-child(even) {
background: #ddd;
}

.bb12:nth-child(odd) {
background: #eee;
}

.bb12:nth-child(even) {
background: #ddd;
}

h1.cat {
margin-bottom:35px;
}

.cat.desc_detail {
width: 100%;
float: left;
}

.cat.desc_short {
width: 100%;
float: left;
margin-bottom: 25px;
}



.cat.productlink {
width: 60%;
min-width: 300px;
max-width: 600px;
float: left;
}

.cat.mainpicture {
margin-top: 30px;
display: block;
width: 37%;
max-width: 400px;
float: right;
position: relative;
z-index: 300;
}

.cat.smallpicture {
position: absolute;
top: -15px;
right: 10px;
display: block;
max-height: 90px;
max-width: 285px;
width: 285px;
float: right;
z-index: 300;
margin-right: 20px;
}

.cat.smallpicture > img {
#height: 90px;
#max-width: 80px;
}

.cat.smallpicture img.beampicture {
margin-left: 15px;
transform: skewY(-3deg)
}

.catoverview.smallpicture {
padding-top: +30px;
}

.catoverview.smallpicture > img {
#height: 90px;
#max-width: 80px;
}

.catoverview.smallpicture img.beampicture {
margin-left: 15px;
transform: skewY(-3deg)
}




.cat.productlink {
margin-top: 35px;
}

.cat.productlink.plus60 {
margin-top: 95px;
}

.cat.productlinkpic.plus60 {
margin-top: 65px;
}

.cat.productlinkpic {
width: 100%;
min-width: 300px;
float: left;
}

.cat.linkstrip a  {
line-height: 67px;
font-weight: bold;
height: 100%;
width: 100%;
vertical-align: middle;
margin: auto 0px;
}

.cat.linkstrip {
height: 67px;
position: relative;
vertical-align: middle;
border: 1px solid #999;
padding-left: 20px;
margin-bottom: 30px;
background: #eee;
}

.cat.linkstrip::before {
  border-top: 1px solid #999;
  background-color: #fff;
  transform: rotate(-45deg);
  width: 95px;
  height: 95px;
  position: absolute;
  top: 20px;
  right: -48px;
  content: "";
}

a .cat.linkstrippic {
line-height: 67px;
font-weight: bold;
height: 100%;
width: 100%;
vertical-align: middle;
margin: auto 0px;
}

.cat.linkstrippic h3 {
display: inline;
white-space: nowrap;
}

a .cat.linkstrippic {
min-height: 67px;
position: relative;
vertical-align: middle;
border: 1px solid #999;
padding-left: 20px;
margin-bottom: 40px;
background: #eee;
}

.cat.linkstrippic {
position: relative;
}


.product.mainimage {
float: right;
width:500px;
min-height: 500px;
padding-left: 40px;
padding-bottom: 50px;
background: url('/productcaller/hintergrundelement-produktbild.png');
}

.product.trenner {
height: 30px;
width: 100%;
float: left;
background: url('/productcaller/trenner.png');
}

.product.shortdesc {
margin-top: 20px;
margin-bottom: 20px;
}
.product.keyfeatures {
margin-top: 20px;
margin-bottom: 20px;
}

.product.keyfeatures ul {
padding-left: 12px !important;
margin-left: 12px !important;
position: relative;
left: 15px;
margin-block-start: 0px;
padding-inline-start: 10px;
}

.product.productgallery {
width: 100%;
float: left;
display: flex;
margin-top: 40px;
margin-bottom:40px;
}

.product.productgallery .productimagethumb {
float: left;
padding: 8px;
width: 250px;
display: block;
}

.product.beamgallery {
width: 100%;
float: left;
display: flex;
margin-top: 40px;
}




.product.beamgallery details {
width: 100%;
}


.product.techtable {
width: 100%;
float: left;
display: block;
margin-top: 40px;
margin-bottom: 40px;
}
.product.techtable details {
display: block;
width: calc(100% - 30px);
float: left;
}
.product.techtable .techtable {
width: 100%;
margin-top: 25px;
}


.product.beamgallery .beamimagethumb {
float: left;
padding: 8px;
width: 250px;
height: 180px;
overflow: hidden;
display: block;
}

.product.beamgallery .beamimagethumb img {
width: 100%;
min-width: 250px;
min-height: 180px;
overflow: hidden;
}

.beamgallerysmalldetails {
max-width: 600px;
margin-top: 25px;
}
.beamgallerysmalldetails .beamimagethumb {
float: left; 
width: 100%;
max-width: 100px;
max-height: 60px;
overflow: hidden;
padding: 5px;

}

.beamgallerysmalldetails .beamimagethumb img {
width: 100px;
max-width: 100px;
max-height: 60px;

}


.beamgallerysmalldetails .beamimagethumb .wf-icon-zoom-image svg {
width: 0px !important;
visibility: none !important;
}


.product.productdetails {
width: 100%;
margin-top: 25px;
float: left;
display: block;
}

.product.productdetails .contentdetails {

margin-top: 35px;

}

details {
background: #dcdcdc; 
padding: 15px; 
border-radius: 3px; 
border: 1px solid #777; 
transition: all 3.5s ease-in-out;
}

details img {
max-width: 100% !important;
}

details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
}

@keyframes sweep {
  0%    {opacity: 0; margin-bottom: -30px}
  100%  {opacity: 1; margin-bottom: 0px}
}

summary:hover {
 cursor: pointer;
}

summary:focus {
	outline: none;
}

.wf-mediabox {
z-index: 99999999999999999999999999999999999999999999 !important;
}




.product.icons {
float: left;
display: block;
padding-top: 20px;
position:relative;
}

.product.icons > img {

}

.product.video {
margin-top: 30px;
float: left;
width: 100%;
display: block;

}

.videoimplement {
float: left;
min-width: 320px;
display: block;
width: 47%;
margin: 1.5%;
}

.textmodul2 {
position: relative;
float: left; 
width: 100%;


}

.product.references {
position: relative;
float: left; 
width: 100%;
z-index: 99;
}


.referencesdistri {
float: left;
width: 33%;
min-width: 321px;
}

.referencesobject {
border-radius: 3px;
overflow: hidden;
background: #efefef;
width: 300px;
margin: 10px;
float: left; 
display: block;
}

.referencesobject .referencestext h3 {
height: 70px;
font-size: 1.1em;
line-height: 1.2em;
margin: 0px;
padding: 6px;
overflow: hidden;
}

.tooltippr {
margin: 5px;

  position: relative;
  display: inline-block;
  #border-bottom: 1px dotted black;
}

.tooltippr .tooltipprtext {
  visibility: hidden;
  width: 250px;
  background-color: #dcdcdc;
  color: #222;
  text-align: left;
  border-radius: 3px;
  padding: 8px;
  border: 1px solid #555;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;

  top: 55px;
  left: 0;

}

.tooltippr:hover .tooltipprtext {
  visibility: visible;
}



.tooltipprmod {
margin: 5px;
float: left;
  position: relative;
  display: inline-block;
  #border-bottom: 1px dotted black;
margin-bottom: 25px;
}

.tooltipprmod img {
width: 50px;
}


.tooltipprmod .tooltipprtext {
  visibility: hidden;
  width: 300px;
  display: block;
  background-color: #dcdcdc;
  color: #222;
  text-align: left;
  border-radius: 3px;
  padding: 8px;
  border: 1px solid #555;
  /* Position the tooltip */
  position: absolute;
  z-index: 99999999999999999999999999999999999999999 !important;

  top: 185px;
  left: 0;

}

.tooltipprmod:hover .tooltipprtext {
  visibility: visible;
#min-height: 200px;
	z-index: 999999999999999999999999999999999999999 !important;
}

.modif.wf-zoom-image .wf-icon-zoom-image {
visibility: hidden !important;
}

#wf-mediabox-modal-description {
padding-top: 25px;
padding-left: 25px;
padding-right: 25px;
}




#priceenquirybutton {
position: fixed;
z-index: 999999999999999999999999999999999999999999999999999 !important;
bottom: -5px;
right: 150px;
background: #283242;
border: 1px solid #aaa;
border-radius: 3px;
#width: 180px; 
height: 50px;
padding: 6px;
padding-bottom: 12px;
color: #fff;
display: inline;
}
#priceenquirybutton  a {
color: #fff;
margin-left: 5px;
}


#priceenquiryform {
width: 100%; max-width: 400px;
background: #283242;
border: 1px solid #aaa;
border-radius: 3px;
height: 30px;
padding: 15px;
padding-bottom: 12px;
color: #fff;
display: block;
}

#priceenquiryform a {
color: #fff;
margin-left: 5px;
}


#showenquirybutton {
background: #283242;
border: 1px solid #aaa;
border-radius: 3px;
height: 30px;
padding: 15px;
color: #fff;
display: inline;
}
#showenquirybutton  a {
color: #fff;
margin-left: 5px;
}



.liner {
font-size: 15px;
width: 100%;
float: left;
display: inline;
}
.linerlabel {
font-size: 15px;
font-weight: strong;
width: 100px;
float: left;
}
.linerinput {
font-size: 15px;
float: left;

}

.enquirybutton {
background: #283242;
color: #fff;
font-size: 19px;
font-weight: bold;
padding: 4px;
float: right;
margin-right: 12px;
}

.enquirybutton:hover {
background: #283242;
color: lightyellow;
border-radius: 3px;
}



##############################################################################################################

@media screen and (max-width: 566px) {


.product.productgallery {
display: grid;
}

.product.productgallery .productimagethumb:nth-child(even) {
grid-column: 2;
width: 98% !important;
padding: 1%;
}
.product.productgallery .productimagethumb:nth-child(odd) {
grid-column: 1;
width: 98% !important;
padding: 1%;
}

}

@media screen and (max-width: 600px) {

.product.beamgallery {
display: grid;
grid-template-rows: auto auto;
position: relative;
width: auto;
}

.product.beamgallery .beamimagethumb:nth-child(even) {
position: relative;
grid-column: 2;
width: 48% !important;
padding: 1%;
overflow: hidden;
position:relative;
float: left;
}
.product.beamgallery .beamimagethumb:nth-child(odd) {
position: relative;
grid-column: 1;
width: 48% !important;
padding: 1%;
overflow: hidden;
position:relative;
float: left;
}

.product.beamgallery .beamimagethumb img {
object-fit: cover;
height: 180px;
position: relative;
left: 0%;
#margin-left: 100px !important;
float: left;
}




}


@media screen and (max-width: 960px) {

.cat.linkstrippic h3 {
font-size: 18px;
}

.cat.productlink.plus60 {
margin-top: 35px;
}

.cat.productlink {
width: 95%;
max-width: 95%;
float: left;
margin: auto 2%;
display: block;
}

.cat.mainpicture {
width:95%;
max-width: unset;
float: left;
}

.cat.mainpicture img {
width: 100%;
max-width: 400px;
min-width: 300px;
margin: 0 auto;
display: block;
overflow: hidden !important;
}

.cat.linkstrip::before {
  border-top: 0px solid #999;
  background-color: transparent;
  transform: rotate(-45deg);
  width: 0px;
  height: 0px;
  position: absolute;
  top: 0px;
  right: 0px;
  content: "";
}

.cat.smallpicture img.beampicture {
display: none !important;
visibility: none;
width: 0px !important;
height: 0px !important;
margin-left: 0px;
transform: skewY(0deg)
}

.cat.smallpicture {
position: absolute;
top: -15px;
right: 10px;
display: block;
max-height: 90px;
max-width: 120px;
width: 120px;
float: right;
z-index: 300;
margin-right: 20px;
}


.product.mainimage {
margin-top: 30px;
margin-bottom: 30px;
float: left;
width:100%;
padding-bottom: 0px;
min-height: 100px;
margin-left: auto;
background: none;
}
.product.mainimage img {
width: 100%;
max-width: 500px;
display: block;
margin: 0 auto;
}
.product.trenner1 {
background: none;
height: 0px;
width: 0px;
display: none;
}

.product.keyfeatures ul {
text-indent:0px;
}



}



.wf-icon-zoom-image {
display: none !important;
}


.bspace {

margin-bottom: 35px;
}

.allgcat {
margin: 7px;
padding: 0px !important;
text-align: center;
#margin-bottom: 20px;
border: 1px solid #dcdcdc;
border-radius: 5px;
}
.allgcat img {
width: 100%;

}

.cap {
display: inline-block;
}
.cap:first-letter {
text-transform: capitalize;
}


.wf-mediabox-caption h4 {
display: none !important;
}

.techsheet {

padding-top: 30px;
padding-bottom: 30px;
display: block;
float: left;
}

.product.accaccessories {
float: left;
display: block;
width: 100%;
}

.product.downdown {
clear: both;
float: left;
display: block;
width: 100%;
margin-bottom: 30px;
}

.downlinktab {
float: left;
display: block;
width: calc(100% - 32px);
padding: 15px;
border: 1px solid #777;
background: #eee;
border-radius: 5px;
}

.infoadvoptcorr {
float: left; 
display: block;
width: 100%;

}