/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 68, sass/_base.scss */
#FooterProductButtons a, #FooterNavButtons a {
  display: inline-block;
  background: black;
  color: white;
  width: 70px;
  height: 70px;
  text-align: center;
  padding-top: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 20px;
  overflow: hidden;
}
@media (min-width: 1279px) {
  /* line 68, sass/_base.scss */
  #FooterProductButtons a, #FooterNavButtons a {
    padding-top: 22px;
    width: 92px;
    height: 92px;
  }
}
/* line 86, sass/_base.scss */
#FooterProductButtons a i, #FooterNavButtons a i {
  font-size: 2em;
}
@media (min-width: 1279px) {
  /* line 86, sass/_base.scss */
  #FooterProductButtons a i, #FooterNavButtons a i {
    font-size: 3em;
  }
}

/* line 95, sass/_base.scss */
#FooterProductButtons a {
  border: 2px solid #828c96;
  background: #5f6973;
  padding-top: 6px;
}
@media (min-width: 1279px) {
  /* line 95, sass/_base.scss */
  #FooterProductButtons a {
    padding-top: 7px;
  }
}
@media (min-width: 1279px) {
  /* line 105, sass/_base.scss */
  #FooterProductButtons a i {
    font-size: 2.7em;
  }
}
/* line 117, sass/_base.scss */
#FooterProductButtons a p {
  margin-top: 2px;
  font-size: 12px;
}
@media (min-width: 1279px) {
  /* line 117, sass/_base.scss */
  #FooterProductButtons a p {
    font-size: 16px;
  }
}
/* line 127, sass/_base.scss */
#FooterProductButtons a .singleline {
  margin-top: 6px;
}
@media (min-width: 1279px) {
  /* line 127, sass/_base.scss */
  #FooterProductButtons a .singleline {
    margin-top: 10px;
  }
}

/* line 5, sass/style.scss */
body {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  	                             /* Non-prefixed version, currently
                                    not supported by any browser */
}

@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.3.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansregular';
  src: url("../fonts/OpenSans-Regular-webfont.eot");
  src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Regular-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sanssemibold';
  src: url("../fonts/OpenSans-Semibold-webfont.eot");
  src: url("../fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("../fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Semibold-webfont.svg#open_sansbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?vmd2rb");
  src: url("../fonts/icomoon.eot?#iefixvmd2rb") format("embedded-opentype"), url("../fonts/icomoon.woff?vmd2rb") format("woff"), url("../fonts/icomoon.ttf?vmd2rb") format("truetype"), url("../fonts/icomoon.svg?vmd2rb#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 61, sass/style.scss */
.fa-info-circle {
  font-family: 'icomoon' !important;
  font-size: 2em;
}
/* line 65, sass/style.scss */
.fa-info-circle:before {
  content: "\e600" !important;
}

/* line 73, sass/style.scss */
html, body {
  width: 1024px;
  height: 768px;
  overflow: hidden;
}
@media (min-width: 1279px) {
  /* line 73, sass/style.scss */
  html, body {
    width: 1280px;
    height: 800px;
  }
}

/* line 84, sass/style.scss */
html {
  background: #eee;
}

/* line 89, sass/style.scss */
body {
  font-family: "open_sansregular", sans-serif !important;
  color: #5f6973;
}

/* line 96, sass/style.scss */
a {
  text-decoration: none;
  color: #5f6973;
}
/* line 100, sass/style.scss */
a:hover {
  cursor: pointer;
}
/* line 104, sass/style.scss */
a:active, a:focus {
  outline: none;
}

/* line 109, sass/style.scss */
* {
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  	                             /* Non-prefixed version, currently
                                    not supported by any browser */
}

/* line 122, sass/style.scss */
h3 {
  font-family: "open_sanssemibold";
  font-size: 30px;
  margin-bottom: 1em;
}

/* line 128, sass/style.scss */
h4 {
  font-family: "open_sanssemibold";
  font-size: 24px;
  margin-bottom: 1em;
}

/* line 134, sass/style.scss */
ul {
  list-style: disc;
}
/* line 137, sass/style.scss */
ul li {
  margin-left: 1.25em;
}

/* line 142, sass/style.scss */
input,
button {
  font-size: 18px;
  color: #5f6973;
}

/* line 149, sass/style.scss */
button:hover {
  cursor: pointer;
}

/* line 154, sass/style.scss */
.error {
  margin: 16px;
  padding: 16px;
  color: darkred;
  font-size: 2em;
}

/* line 161, sass/style.scss */
.mobile-only {
  display: none;
}

/* line 165, sass/style.scss */
#Body {
  display: none;
  position: relative;
  background: url("../img/site_background.jpg") top center no-repeat;
  font-family: "open_sansregular", sans-serif !important;
  height: 100%;
}

/* line 173, sass/style.scss */
#Spinner {
  text-align: center;
  padding-top: 400px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 179, sass/style.scss */
#Spinner i {
  font-size: 3em;
}

/* line 184, sass/style.scss */
#ReloadButton {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  z-index: 1000;
  opacity: .5;
  border: 1px solid black;
  background: white;
}
/* line 195, sass/style.scss */
#ReloadButton i {
  font-size: 1em;
}

/* line 201, sass/style.scss */
#Header {
  position: relative;
  background: white;
  padding: 13px 26px 12px 30px;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
}
/* line 208, sass/style.scss */
#Header.active * {
  color: white;
}

/* line 213, sass/style.scss */
#HeaderTitle {
  width: 700px;
}
/* line 216, sass/style.scss */
#HeaderTitle h1 {
  font-size: 35px;
  font-weight: bold;
  color: #5f6973;
  margin-bottom: 12px;
  font-family: "open_sanssemibold";
}
/* line 225, sass/style.scss */
#HeaderTitle h1.singleLine {
  margin-top: 5px;
  margin-bottom: 7px;
}
/* line 231, sass/style.scss */
#HeaderTitle h2 {
  color: #abafb2;
  font-size: 20px;
  margin-bottom: 4px;
}
/* line 238, sass/style.scss */
#HeaderTitle h2.berater {
  color: #e10010;
}

/* line 244, sass/style.scss */
#HeaderLogos {
  position: absolute;
  top: 50%;
  right: 36px;
  margin-top: -26.5px;
}
/* line 250, sass/style.scss */
#HeaderLogos span,
#HeaderLogos a {
  height: 53px;
}
/* line 255, sass/style.scss */
#HeaderLogos img {
  height: 53px;
  margin-left: 10px;
}

/* line 261, sass/style.scss */
#Berater {
  background: #e10010;
  padding: 10px 20px;
  text-align: center;
  color: white;
  font-size: 20px;
  height: 70px;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 1279px) {
  /* line 261, sass/style.scss */
  #Berater {
    font-size: 22px;
  }
}
/* line 276, sass/style.scss */
#Berater input {
  margin: 0 10px;
  width: 320px;
  height: 50px;
  line-height: 50px;
  color: #989fa5;
  border: none;
  text-align: center;
  padding: 0;
  font-size: 20px;
}
@media (min-width: 1279px) {
  /* line 276, sass/style.scss */
  #Berater input {
    width: 350px;
    height: 50px;
    font-size: 22px;
  }
}
/* line 293, sass/style.scss */
#Berater input.disabled {
  background: #ced2d3;
}
/* line 297, sass/style.scss */
#Berater input.active {
  color: #e10010;
  background: white;
}

/* line 305, sass/style.scss */
#Content {
  padding: 25px 26px 20px 30px;
  height: 570px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 1279px) {
  /* line 305, sass/style.scss */
  #Content {
    height: 570px;
  }
}

@media (min-width: 1279px) {
  /* line 318, sass/style.scss */
  .ContentDetail {
    padding-bottom: 6px !important;
  }
}

/* line 327, sass/style.scss */
.ContentBerater {
  height: 500px !important;
}
@media (min-width: 1279px) {
  /* line 327, sass/style.scss */
  .ContentBerater {
    height: 490px !important;
  }
}
/* line 334, sass/style.scss */
.ContentBerater.ContentDetail {
  height: 537px !important;
}
@media (min-width: 1279px) {
  /* line 334, sass/style.scss */
  .ContentBerater.ContentDetail {
    height: 525px !important;
  }
}

/* line 343, sass/style.scss */
.overlay {
  display: none;
  z-index: 10000;
  background: white;
  position: relative;
  -moz-box-shadow: 0 0 20px black;
  -webkit-box-shadow: 0 0 20px black;
  box-shadow: 0 0 20px black;
  padding: 16px;
}
/* line 351, sass/style.scss */
.overlay .close {
  cursor: pointer;
  position: absolute;
  top: -30px;
  right: -30px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #828c96;
  width: 60px;
  height: 60px;
  background: #5f6973;
  padding-top: 2px;
  text-align: center;
}
/* line 365, sass/style.scss */
.overlay .close i {
  font-size: 3em;
  color: white;
}
/* line 371, sass/style.scss */
.overlay img {
  max-width: 512px;
  max-height: 640px;
}
/* line 376, sass/style.scss */
.overlay .flowplayer {
  width: 800px;
}

/* line 382, sass/style.scss */
#ScrollButtons {
  width: 70px;
  height: 525px;
  position: absolute;
  top: 0;
  right: 6px;
}
@media (min-width: 1279px) {
  /* line 382, sass/style.scss */
  #ScrollButtons {
    width: 80px;
    height: 525px;
  }
}
/* line 395, sass/style.scss */
#ScrollButtons a,
#ScrollButtons .scrollbtn {
  cursor: pointer;
  position: absolute;
  right: 0;
  display: block;
  width: 70px;
  height: 70px;
  background: #5f6973;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: white;
  border: 4px solid #828c96;
}
@media (min-width: 1279px) {
  /* line 395, sass/style.scss */
  #ScrollButtons a,
  #ScrollButtons .scrollbtn {
    width: 80px;
    height: 80px;
  }
}
/* line 415, sass/style.scss */
#ScrollButtons a.hover,
#ScrollButtons .scrollbtn.hover {
  background: #e10010;
  border-color: #fc1b29;
}
/* line 420, sass/style.scss */
#ScrollButtons a .arrow,
#ScrollButtons .scrollbtn .arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  left: 12px;
}
@media (min-width: 1279px) {
  /* line 420, sass/style.scss */
  #ScrollButtons a .arrow,
  #ScrollButtons .scrollbtn .arrow {
    left: 16px;
  }
}
/* line 433, sass/style.scss */
#ScrollButtons #Up {
  top: 30px;
}
/* line 436, sass/style.scss */
#ScrollButtons #Up .arrow {
  border-width: 0 18px 26px 18px;
  border-color: transparent transparent #ffffff transparent;
  top: 14px;
}
@media (min-width: 1279px) {
  /* line 436, sass/style.scss */
  #ScrollButtons #Up .arrow {
    border-width: 0 20px 26px 20px;
    top: 20px;
  }
}
/* line 448, sass/style.scss */
#ScrollButtons #Down {
  bottom: 30px;
}
/* line 451, sass/style.scss */
#ScrollButtons #Down .arrow {
  border-width: 26px 18px 0 18px;
  border-color: #ffffff transparent transparent transparent;
  bottom: 14px;
}
@media (min-width: 1279px) {
  /* line 451, sass/style.scss */
  #ScrollButtons #Down .arrow {
    border-width: 26px 20px 0 20px;
    bottom: 20px;
  }
}

/* line 465, sass/style.scss */
#Footer {
  height: 80px;
  position: absolute;
  bottom: 0px;
  width: 100%;
}
@media (min-width: 1279px) {
  /* line 465, sass/style.scss */
  #Footer {
    height: 100px;
    bottom: 0px;
    margin-top: 0px;
  }
}

/* line 480, sass/style.scss */
#FooterLogo, #FooterShopLogo {
  position: absolute;
}
@media (min-width: 1279px) {
  /* line 480, sass/style.scss */
  #FooterLogo, #FooterShopLogo {
    margin-top: 0;
  }
}
/* line 488, sass/style.scss */
#FooterLogo img, #FooterShopLogo img {
  height: 54px;
}

/* line 493, sass/style.scss */
#FooterLogo {
  left: 30px;
  top: 10px;
}
@media (min-width: 1279px) {
  /* line 493, sass/style.scss */
  #FooterLogo {
    top: 20px;
  }
}

/* line 502, sass/style.scss */
#FooterShopLogo {
  left: 180px;
  top: 10px;
  max-height: 54px;
  height: auto;
  width: auto;
}
@media (min-width: 1279px) {
  /* line 502, sass/style.scss */
  #FooterShopLogo {
    top: 20px;
  }
}
/* line 514, sass/style.scss */
#FooterShopLogo img {
  max-height: 54px;
  height: auto;
  width: auto;
}

/* line 521, sass/style.scss */
#DetailMaterialInfo {
  display: none;
  position: absolute;
  background: white;
  top: 0;
  left: 30px;
  height: 70px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 10px;
  font-size: 16px;
  line-height: 20px;
  min-width: 340px;
}
@media (min-width: 1279px) {
  /* line 521, sass/style.scss */
  #DetailMaterialInfo {
    height: 92px;
    font-size: 20px;
    line-height: 24px;
    padding: 10px;
  }
}
/* line 543, sass/style.scss */
#DetailMaterialInfo span {
  color: #e10010;
  font-family: "open_sanssemibold";
}

/* line 549, sass/style.scss */
#FooterButtons {
  position: absolute;
  right: 25px;
  text-align: right;
  top: auto;
}
/* line 558, sass/style.scss */
#FooterButtons .langSwitch {
  display: none;
  top: 20px;
  position: relative;
}
/* line 564, sass/style.scss */
#FooterButtons .langSwitch a {
  margin-left: 22px;
}

/* line 572, sass/style.scss */
#FooterProductButtons {
  display: inline-block;
}

/* line 582, sass/style.scss */
#FooterNavButtons {
  display: inline-block;
}

/* line 592, sass/style.scss */
#Baumarktauswahl {
  display: none;
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 16px;
  border: 1px solid #5f6973;
  -moz-box-shadow: 0 0 20px 0 black;
  -webkit-box-shadow: 0 0 20px 0 black;
  box-shadow: 0 0 20px 0 black;
}
/* line 605, sass/style.scss */
#Baumarktauswahl .close {
  display: none;
}
/* line 609, sass/style.scss */
#Baumarktauswahl h2 {
  font-size: 30px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #5f6973;
}
/* line 616, sass/style.scss */
#Baumarktauswahl p {
  margin-bottom: 1em;
}
/* line 620, sass/style.scss */
#Baumarktauswahl .content {
  overflow: hidden;
  height: 85%;
}
/* line 626, sass/style.scss */
#Baumarktauswahl a {
  display: block;
  float: left;
  font-size: 20px;
  border: 1px solid #5f6973;
  padding: 20px;
  margin: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #ddd;
  text-align: center;
  width: 220px;
}

/* line 640, sass/style.scss */
#BCSelector {
  background: transparent;
  background: url("../img/transparent.gif");
  background-repeat: repeat;
  width: 100px;
  height: 75px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 10000;
}

/* line 653, sass/style.scss */
#ScanDialog {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -65px;
  margin-left: -175px;
  width: 350px;
  height: 130px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 16px;
  border: 1px solid #5f6973;
  -moz-box-shadow: 0 0 20px 0 black;
  -webkit-box-shadow: 0 0 20px 0 black;
  box-shadow: 0 0 20px 0 black;
  background: white;
  text-align: center;
  display: none;
}
/* line 672, sass/style.scss */
#ScanDialog .message {
  font-size: 20px;
  margin-bottom: 1em;
}
/* line 677, sass/style.scss */
#ScanDialog button {
  font-size: 20px;
  border: 1px solid #5f6973;
  padding: 10px;
  margin: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #ddd;
  text-align: center;
  width: 100px;
}

/* line 693, sass/style.scss */
.lang-ita #BeraterVorschlaegeContainer .buttons a[data-name=buttonMoreInfos] p {
  font-size: 12px !important;
}
/* line 703, sass/style.scss */
.lang-ita #BeraterVorschlaegeContainer .buttons .moreInfos p {
  font-size: 12px !important;
}
/* line 713, sass/style.scss */
.lang-ita #ListContainer .buttons .moreInfos p {
  font-size: 14px !important;
}

/* fix position for startpage */
/* line 722, sass/style.scss */
#IndexContainer {
  padding-left: 0px;
  padding-top: 0px;
}

/* line 726, sass/style.scss */
.apply_ie_content_advice {
  padding-top: 11px !important;
}