/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/raleway-v12-latin-300.eot');
  /* IE9 Compat Modes */
  src: local('Raleway Light'), local('Raleway-Light'), url('fonts/raleway-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/raleway-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/raleway-v12-latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts/raleway-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/raleway-v12-latin-300.svg#Raleway') format('svg');
  /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/raleway-v12-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'), url('fonts/raleway-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/raleway-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/raleway-v12-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/raleway-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/raleway-v12-latin-regular.svg#Raleway') format('svg');
  /* Legacy iOS */
}
/* raleway-900 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/raleway-v12-latin-900.eot');
  /* IE9 Compat Modes */
  src: local('Raleway Black'), local('Raleway-Black'), url('fonts/raleway-v12-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/raleway-v12-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/raleway-v12-latin-900.woff') format('woff'), /* Modern Browsers */ url('fonts/raleway-v12-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/raleway-v12-latin-900.svg#Raleway') format('svg');
  /* Legacy iOS */
}
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v15-latin-300.eot');
  /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'), url('fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg');
  /* Legacy iOS */
}
.ajaxloading * {
  cursor: wait !important;
}
@media (min-width: 992px) {
}
@media screen and (max-width: 768px) {
  .mobiledetect {
    width: 320px !important;
  }
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}
/*Style*/
.frame.default {
  margin-top: 0;
}
.frame.nomargins {
  margin-top: 0;
  margin-bottom: 0;
}
.frame.fullmargins {
  margin-top: 48px;
  margin-bottom: 48px;
}
.frame.jumbotron {
  margin-top: 0;
  margin-bottom: 0;
}
.brand-primary {
  color: #2773bc;
}
.btn-highlight {
  background-color: #fcee21;
}
.btn-highlight:hover {
  background-color: #2773bc;
  color: #fcee21;
}
.border-radius-lg {
  border-radius: 11px;
}
.border-radius-sm {
  border-radius: 5px;
}
.border-radius {
  border-radius: 2px;
}
@media (max-width: 991px) {
  .col-sm-6:nth-child(3n) {
    clear: left;
  }
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
.col-xs-5ths {
  width: 20%;
  float: left;
}
@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}
.navbar-inverse {
  background-color: #2773bc;
  border-color: #2773bc;
}
.navbar-inverse .navbar-nav > li > a {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 14px;
  color: #fff;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fcee21;
}
.form-row {
  margin-bottom: 5px;
}
.topheader h1 {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 32px;
  color: #2773bc;
  line-height: 1.4;
}
.topheader h1 .highlight-middle-headline {
  padding: 7px 0;
  line-height: 2.6;
  border-top: 14px solid #fcee21;
  border-bottom: 14px solid #fcee21;
}
h2 {
  color: #2773bc;
  font-weight: 900;
}
h2.light {
  color: #2773bc;
  font-weight: 300;
}
#p1 .topheader,
.mtop90 {
  padding: 50px 0 40px;
}
@media (min-width: 768px) {
  .topheader h1 {
    font-size: 40px;
  }
  #p1 .topheader,
  .mtop90 {
    padding: 40px 0 40px;
  }
}
@media (min-width: 992px) {
  .topheader h1 {
    font-size: 40px;
  }
  #p1 .topheader,
  .mtop90 {
    padding: 90px 0 40px;
  }
}
.iconheader {
  background-position: center center;
  background-size: 64px 64px;
  background-repeat: no-repeat;
  height: 64px;
}
.iconheader.house {
  background-image: url(img/icon_house.png);
}
.iconheader.hammer {
  background-image: url(img/icon_hammer.png);
}
.iconheader.people {
  background-image: url(img/icon_people.png);
}
.iconheaderheadline {
  margin-bottom: 40px;
}
.iconheaderheadline em {
  font-style: normal;
  font-weight: 900;
  font-size: 24px;
  text-transform: uppercase;
  color: #2773bc;
  border-bottom: 4px solid #fcee21;
}
@media screen and (min-width: 992px) {
  .head-min-height h2 {
    min-height: 75px;
  }
}
span.badge {
  position: absolute;
  top: 25px;
  left: 50%;
  transform: translate(-50%, 0%);
  background-color: #fcee21;
  color: #2773bc;
  display: none;
}
.no-padding {
  padding: 0 !important;
}
.productwrapper {
  position: relative;
  overflow: hidden;
  min-height: 230px;
}
.productwrapper img.cube {
  position: absolute;
  left: 50%;
  margin-left: -150px;
}
.productwrapper.big {
  min-height: 600px;
}
.productwrapper.big img {
  top: -50px;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0%);
}
.productcolitem .tooltip {
  margin-top: -35px !important;
}
.tooltip {
  pointer-events: none !important;
}
.tooltip-inner {
  pointer-events: none !important;
}
.productname {
  position: absolute;
  bottom: 0;
  z-index: 99;
  width: 100%;
  text-align: center;
  display: none;
  color: #2773bc;
  font-size: 20px;
  font-weight: 400;
  font-family: 'Raleway';
}
.productcolitem {
  padding-bottom: 25px !important;
}
.spin11 .productname {
  display: block;
}
.spin11 img,
.elementbatch {
  cursor: pointer;
}
.allproducts.deliveryoptions {
  display: none;
  position: fixed;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  width: 90%;
  z-index: 300;
  padding: 15px;
  border-radius: 7px;
  z-index: 1031;
}
.allproducts.deliveryoptions .close {
  color: #2773bc;
  position: absolute;
  right: 25px;
  top: 25px;
  cursor: pointer;
}
.animate {
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  -ms-transition: all 250ms ease-out;
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}
.productcolitem:hover .elementbatch.even {
  background-color: transparent !important;
  font-weight: 700;
  pointer-events: none !important;
}
.pse {
  display: none;
  pointer-events: none;
  cursor: pouinter;
  position: absolute;
  top: 70px;
  left: 50%;
  margin-left: -52px;
  width: 103px;
  height: 115px;
  z-index: 100;
  color: #000;
  -webkit-transform: perspective(500px) rotateX(-30deg) rotateY(0deg) rotateZ(0deg);
  -moz-transform: perspective(500px) rotateX(-30deg) rotateY(0deg) rotateZ(0deg);
  -o-transform: perspective(500px) rotateX(-30deg) rotateY(0deg) rotateZ(0deg);
  -ms-transform: perspective(500px) rotateX(-30deg) rotateY(0deg) rotateZ(0deg);
  transform: perspective(500px) rotateX(-30deg) rotateY(0deg) rotateZ(0deg);
}
.pse span {
  position: absolute;
  display: block;
}
.pse .element {
  display: none;
}
.pse .elementname {
  font-size: 15px;
  width: 100px;
  top: 53px;
  text-align: center;
}
.pse .Atomic.weight {
  font-size: 15px;
  width: 95px;
  top: 4px;
  text-align: right;
}
.pse .Atomic.Number {
  font-size: 15px;
  width: 95px;
  top: 4px;
  left: 5px;
  text-align: left;
}
.pse .Melting.temperature {
  font-size: 15px;
  width: 95px;
  top: 72px;
  left: 5px;
  text-align: left;
}
.pse .Density {
  font-size: 15px;
  width: 95px;
  top: 72px;
  left: 0px;
  text-align: right;
}
.pse .Boiling.temperature {
  font-size: 15px;
  width: 95px;
  top: 90px;
  left: 5px;
  text-align: left;
}
.pse .Material.Purity {
  display: none;
}
.elementbatch {
  z-index: 99;
  top: 35px;
  left: 50%;
  margin-left: -100px;
  position: absolute;
  min-width: 46px;
  min-height: 46px;
  border-radius: 23px;
  background-color: #2773bc;
  color: #fcee21;
  text-align: center;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.9;
}
.elementbatch.even {
  background-color: #fcee21;
  color: #2773bc;
}
.big .elementbatch {
  left: 50%;
  top: 70px;
  margin-left: -200px;
  min-width: 80px;
  min-height: 80px;
  border-radius: 40px;
  font-size: 42px;
}
.productheadline {
  color: #2773bc;
  font-weight: 900;
}
.productheadline em {
  font-weight: 900;
  font-style: normal;
}
.productheadline small {
  font-weight: 300;
  display: block;
  margin-top: 15px;
}
.leadtext h2 {
  font-weight: 300;
  font-size: 26px;
  margin-top: 48px;
}
.leadtext h2:first-child {
  margin-top: 0;
}
.leadtext h2 + p {
  margin-top: 25px;
}
.materialproperties {
  margin-top: 40px;
}
.materialproperties .iconheader {
  background: none;
  height: 100px;
  text-align: center;
}
.materialproperties .iconheaderheadline {
  margin-bottom: 40px;
}
.materialproperties .iconheaderheadline em {
  font-style: normal;
  font-weight: 900;
  font-size: 18px;
  text-transform: none;
  color: #2773bc;
  border-bottom: 4px solid #fcee21;
}
.propertyvalue {
  color: #2773bc;
  font-size: 20px;
}
.propertyvalue .value {
  font-family: 'Raleway';
  font-weight: 300;
}
.propertyvalue .unit {
  vertical-align: top;
}
.stockbuttonwrapper {
  position: relative;
  text-align: center;
  margin-top: -50px;
  margin-bottom: 50px;
}
#stockmodalbox .modal-dialog {
  width: 100%;
  max-width: 1140px;
}
#stockmodalbox .modal-dialog .modal-header {
  padding: 90px 15px;
  border-bottom: 1px solid #e5e5e5;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  background: url(img/inventar.jpg) center center;
}
#stockmodalbox .modal-dialog h4 {
  color: #fff;
  text-align: center;
  font-size: 40px;
  font-weight: 300;
}
#stockmodalbox .modal-dialog th {
  color: #2773bc;
  font-size: 24px;
  font-weight: 300;
  width: 33%;
  text-align: center;
}
#stockmodalbox .modal-dialog td {
  text-align: center;
}
.awesome {
  font-size: 48px;
}
blockquote {
  border: none;
  font-size: 30px;
  color: #2773bc;
  padding: 12px 70px;
  text-align: center;
}
blockquote em {
  font-style: normal;
  font-weight: 900;
  font-size: 24px;
  text-transform: uppercase;
  color: #2773bc;
  border-bottom: 4px solid #fcee21;
}
.tooltip > .tooltip-inner {
  background-color: #2773bc;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #2773bc;
}
.pseudoh1 {
  color: #2773bc;
  font-size: 24px;
}
.customicon em {
  font-style: normal;
  font-weight: 900;
  font-size: 18px;
  text-transform: uppercase;
  color: #2773bc;
  border-bottom: 4px solid #fcee21;
}
.customicon span {
  display: block;
  background-size: 100px 100px;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100px;
  margin-bottom: 10px;
}
.icon-medical {
  background-image: url(/fileadmin/company/fields/medical.png);
}
.icon-filament {
  background-image: url(/fileadmin/company/fields/filament.png);
}
.icon-telecommunication {
  background-image: url(/fileadmin/company/fields/telecommunication.png);
}
.icon-watch {
  background-image: url(/fileadmin/company/fields/watch.png);
}
.icon-apparel {
  background-image: url(/fileadmin/company/fields/apparel.png);
}
.icon-uhv {
  background-image: url(/fileadmin/company/fields/uhv.png);
}
.icon-glass {
  background-image: url(/fileadmin/company/fields/glass.png);
}
.icon-transportation {
  background-image: url(/fileadmin/company/fields/transportation.png);
}
.icon-university {
  background-image: url(/fileadmin/company/fields/university.png);
}
.sm .langlinkwrap {
  float: left;
  padding-left: 25px;
}
.sm .langlinkwrap .langlink {
  height: 70px;
  line-height: 70px;
}
.langlink {
  line-height: 140px;
  opacity: 0.3;
  background-size: 20px 15px !important;
  width: 30px;
  height: 140px;
  display: inline-block;
  margin: 0 !important;
}
.langlink:hover {
  opacity: 1;
}
.langlink.en {
  background: url(img/languages/gb.svg) center center no-repeat;
}
.langlink.de {
  background: url(img/languages/de.svg) center center no-repeat;
}
.langlink.es {
  background: url(img/languages/es.svg) center center no-repeat;
}
.active .langlink {
  opacity: 1;
}
.footer-section {
  background: #2F5575;
  padding-top: 30px;
}
.meta-section {
  border-top: none;
  background: #2773bc;
  border-bottom: 4px solid #fcee21;
  color: #fff;
}
#livechat-compact-container {
  bottom: 60px !important;
  right: 60px !important;
}
.extbase-debugger-floating {
  z-index: 99999 !important;
}
/*# sourceMappingURL=style.min.css.map */