@font-face {
    font-family: 'lidolbold';
    src: url('font/Roboto-Regular-webfont.eot');
    src: url('font/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Roboto-Regular-webfont.woff') format('woff'),
         url('font/Roboto-Regular-webfont.ttf') format('truetype'),
         url('font/Roboto-Regular-webfont.svg#lidolbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lidoitalic';
    src: url('font/Roboto-Italic-webfont.eot');
    src: url('font/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Roboto-Italic-webfont.woff') format('woff'),
         url('font/Roboto-Italic-webfont.ttf') format('truetype'),
         url('font/Roboto-Italic-webfont.svg#lidoitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lido';
    src: url('font/Roboto-Light-webfont.eot');
    src: url('font/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Roboto-Light-webfont.woff') format('woff'),
         url('font/Roboto-Light-webfont.ttf') format('truetype'),
         url('font/Roboto-Light-webfont.svg#lido') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lidobold';
    src: url('font/Roboto-Bold-webfont.eot');
    src: url('font/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Roboto-Bold-webfont.woff') format('woff'),
         url('font/Roboto-Bold-webfont.ttf') format('truetype'),
         url('font/Roboto-Bold-webfont.svg#lidobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lidoserif';
    src: url('font/RobotoSlab-Light-webfont.eot');
    src: url('font/RobotoSlab-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/RobotoSlab-Light-webfont.woff') format('woff'),
         url('font/RobotoSlab-Light-webfont.ttf') format('truetype'),
         url('font/RobotoSlab-Light-webfont.svg#lidoserif') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lidoboldserif';
    src: url('font/RobotoSlab-Bold-webfont.eot');
    src: url('font/RobotoSlab-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/RobotoSlab-Bold-webfont.woff') format('woff'),
         url('font/RobotoSlab-Bold-webfont.ttf') format('truetype'),
         url('font/RobotoSlab-Bold-webfont.svg#lidoboldserif') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lidopfeil';
    src: url('font/Web_Serveroff-webfont.eot');
    src: url('font/Web_Serveroff-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Web_Serveroff-webfont.woff') format('woff'),
         url('font/Web_Serveroff-webfont.ttf') format('truetype'),
         url('font/Web_Serveroff-webfont.svg#lidoboldserif') format('svg');
    font-weight: normal;
    font-style: normal;
}
body.white h2.schmalerfel {text-align:right; background-color:#fff; position:absolute; top:5px; right:40px;}
.fa-pencil.jplist-icon {
width:30px;
height:30px;
background-image:url('img/magnifier.png') !important;
background-repeat:no-repeat !important;
background-position:center !important;
background-size:20px 20px !important;
}
.fa-times-circle.jplist-clear {
width:30px;
height:30px;
background-image:url('img/close.png');
background-repeat:no-repeat;
background-position:center;
background-size:20px 20px;
}

body.blue {width:99%;
  font-family: 'lidoserif', serif;
  font-weight:normal;
background-color:#1e2650;
  color:#fff;
}
body.white {width:99%;
  font-family: 'lidoserif', serif;
  font-weight:normal;
background-color:#fff;
}
h2 {font-size:1.9rem;}
h2 strong {font-family: 'lidoboldserif'; letter-spacing:1px; font-weight:normal;}
p, li, table {
  font-family: 'lidoserif', serif;
  font-weight:normal;
  font-size:85%;
  line-height:1.5rem;
  }
body.white .single-product-table, 
body.white .single-product-table p, 
.jplist-no-results p,
body.white .jplist-drop-down li {font-family:Arial, sans-serif !important;}

.zoomImg {z-index:2000;}
#zbild {margin-top:20px;}
body .tx-pxa-product-manager .single-product-gallery .tos-wrapper img.singbild {
width: auto !important;
max-height: calc(100vh - 70px) !important;
margin: 0px auto;
max-width: 100%;
}
#c16, #c17, #c18 {
  max-width: 1000px;
  margin:0 auto;
}
#c16 {padding-top:69px;}
#c16 h2, #c16 p, #c18 p {width:75%; max-width:600px; margin-left:10px;}
#c16 a, #c18 a {color:#ccc;}

.frame-type-image.frame-layout-3 .ce-row {
  width:calc(25% - 20px);
  display:inline-block;
  margin:10px;
}
.frame-type-image.frame-layout-3 img {
  width:100%;
  height:auto;
}

.frame-type-image.frame-layout-3 figcaption {
  padding-top:15px;
}

.tx-pxa-product-manager {width:100%; max-width:1800px;}
.jplist-panel {width:calc(100% - 20px); display:block !important; padding:15px 10px; float:left;}
.tx-pxa-product-manager .list {display:table; width:100%; float:left;}
.tx-pxa-product-manager .list .list-item {
  display:inline-block; 
  width:calc(25% - 20px); 
  min-width:300px; height:400px; 
  margin:5px;
  border: 1px solid #999;
}
.tx-felogin-pi1 {
  width:350px; 
  position:absolute; 
  padding:30px 10px;
  top:0; right:10px;
  background-color:transparent;
  z-index:1000;
}
.tx-felogin-pi1 h3 {display:none;}
.tx-felogin-pi1 label {width:120px; display:inline-block; margin-bottom:5px;}
.tx-pxa-product-manager .list .list-item div {border:0px;}
.jplist-panel.panel-bottom {padding-bottom:10px;}
.products-header h1 {display:none;}
.jplist-panel button.jplist-current {border-color:#000;}
.tx-pxa-product-manager .item .single-product-table th, .tx-pxa-product-manager .item .single-product-table td {
    background: #fff;
    padding:10px 40px 10px 0;
}

.tx-pxa-product-manager .item {display:table; width:100%;}
.tx-pxa-product-manager .item .item-img {
  width:100%; height:auto;
}
.tx-pxa-product-manager .item .item-img img {
  height:100%;
  max-height:300px;
  transform: translateY(0%);
  top:0;
}
.tx-pxa-product-manager .item .item-body {
  width:60%; display:table-cell; vertical-align:top;
  background-color:#fff;
  border-width: 1px 1px 1px 0;
}
.tx-pxa-product-manager .item .item-body h4 {color:#000;}
.tx-pxa-product-manager .tos-slide {

    line-height: 1px;
    text-align: right;
  padding-left:350px;

}
.tx-pxa-product-manager .tos-slide {text-align:center;}
@media only screen and (max-width: 1340px) {
  .tx-pxa-product-manager .list .list-item {
  width:calc(33% - 20px); 
}
}
@media only screen and (max-width: 1100px) {
.tx-pxa-product-manager .tos-slide {
  text-align:right;
  padding-left:10px;
}
}
@media only screen and (max-width: 1025px) {
  .tx-pxa-product-manager .list .list-item {
  width:calc(50% - 20px); 
}
  body.white #wrapper {padding-top: 0px !important;}
    body.white h2.schmalerfel {
    text-align: left;
    background-color: #fff;
    position: relative;
    top: 5px;
    left: 10px;
}
  .single-product-table {
  top:140px !important;
}

}
@media only screen and (max-width: 710px) {
.frame-type-image.frame-layout-3 .ce-row {
  width:calc(50% - 20px);
}
  .tx-pxa-product-manager .list .list-item {
  width:calc(100% - 20px); 
}
  body.white h2.schmalerfel {font-size:115%;}
    .single-product-table {
  top:118px !important;
}
body.white .frame-type-menu_pages ul li a {
    padding: 2px 0px !important;
  font-size:70%;
  line-height:1rem;
  width:50px !important;
}
#zbild {
    margin-top: 50px;
}
.single-product-table {
    top: 90px !important;
}
  .clsbt {
Background-position: 35px 0 !important;
background-size: 20% !important;
width: 100px !important;
height: 20px !important;
}
.clsbt.clsd {
    background-position: 45px -19px !important;
}
  .tos-desktop .tx-pxa-product-manager .back-button {
    padding: 1px 10px !important;
    font-size: 0.9rem !important;
    width: 100px !important;
    height: 20px !important;
}
}