@import url(fonts.css);
/* line 1, normalize.scss */
html {
  font-family: "HelveticaNeueW01-45Ligh", "Open sans", "Arial", sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  color: #222;
  font-size: 1.125em;
  letter-spacing: 0.5px;
  line-height: 1.4;
}

/* line 21, normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/* line 24, normalize.scss */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 29, normalize.scss */
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 37, normalize.scss */
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

/* line 45, normalize.scss */
audio,
canvas,
img,
svg,
video {
  vertical-align: middle;
}

/* line 48, normalize.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/* line 54, normalize.scss */
textarea {
  resize: vertical;
}

/* line 57, normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* line 62, normalize.scss */
[hidden],
template {
  display: none;
}

/* line 65, normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/* line 69, normalize.scss */
b,
strong {
  font-weight: bold;
}

/* line 72, normalize.scss */
dfn {
  font-style: italic;
}

/* line 75, normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/* line 79, normalize.scss */
small {
  font-size: 80%;
}

/* line 83, normalize.scss */
sub,
sup {
  font-size: 75%;
  font-weight: normal;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 90, normalize.scss */
sup {
  top: -0.5em;
}

/* line 94, normalize.scss */
sub {
  bottom: -0.25em;
}

/* line 97, normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* line 100, normalize.scss */
figure {
  margin: 0;
}

/* line 103, normalize.scss */
pre {
  overflow: auto;
}

/* line 110, normalize.scss */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

/* line 115, normalize.scss */
button {
  overflow: visible;
}

/* line 119, normalize.scss */
button,
select {
  text-transform: none;
}

/* line 125, normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

/* line 130, normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/* line 134, normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* line 138, normalize.scss */
input {
  line-height: normal;
}

/* line 142, normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/* line 147, normalize.scss */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/* line 150, normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/* line 157, normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* line 160, normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/* line 165, normalize.scss */
legend {
  border: 0;
  padding: 0;
}

/* line 169, normalize.scss */
textarea {
  overflow: auto;
}

/* line 172, normalize.scss */
optgroup {
  font-weight: bold;
}

/* line 175, normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 180, normalize.scss */
td,
th {
  padding: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 59, main.scss */
body {
  height: 100%;
  overflow-y: scroll;
  margin: 0;
  background-color: transparent;
  background-repeat: repeat;
}

/* line 67, main.scss */
body.hadler {
  background-image: url("../img/bg_body_hadler.jpg");
}

/* line 70, main.scss */
body.luxtronic, body.daliup {
  background-image: url("../img/bg_body_hadler.jpg");
}

/* line 73, main.scss */
body.luxsystem {
  background-image: url("../img/bg_body_luxsystem.jpg");
}

/* line 77, main.scss */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display: block;
  height: 0;
  border: 0;
  border-top: 2px solid #ececec;
  border-bottom: 1px solid #cbcaca;
  margin: 1em 0;
  padding: 0;
}

/* line 90, main.scss */
.luxtronic hr,
.hadler hr,
.daliup hr {
  border-top: 2px solid #ececec;
  border-bottom: 1px solid #cbcaca;
}

/* line 95, main.scss */
.luxsystem hr {
  border-top: 2px solid #383838;
  border-bottom: 1px solid #666666;
}

@media screen and (min-width: 1163px) {
/* line 100, main.scss */
.left {
  float: left;
  margin: 0 20px 10px 0;
}

.teaser .csc-textpic-imagewrap .left {float: none;}
/* line 105, main.scss */
.right {
  float: right;
  margin: 0 0 10px 20px;
}
}

/* line 110, main.scss */
img {
  border: 0;
  height: auto !important;
  max-width: 100%;
}

/* line 115, main.scss */
a {
  background: transparent;
  color: #484949;
  text-decoration: none;
}

/* line 122, main.scss */
a:active,
a:hover {
  outline: 0;
}

/* line 126, main.scss */
.external-link {
  background: url(../img/pfeil_blau.png) no-repeat 0 6px;
  padding-left: 15px;
  font-size: .875em;
  font-weight: bold;
}
.hadler .external-link {
  background: url(../img/pfeil_dunkel.png) no-repeat 0 6px;
}
.luxsystem .external-link {
  background: url(../img/pfeil_weiss.png) no-repeat 0 6px;
  color: #dedede;
}

.luxsystem .internal-link {
  background: url(../img/pfeil_orange.png) no-repeat 0 7px;
  padding-left: 15px;
  color: #fff;
  font-size: .875em;
  font-weight: bold;
}

.luxsystem .mail {
  color: #dedede;
}

/* line 133, main.scss */
.i-pfeil {
  background: url(../img/pfeil_blau.png) no-repeat 0 5px;
  padding-left: 15px;
  display: block;
}
/* line 138, main.scss */
.i-pfeil p {
  margin-bottom: 0px !important;
}

.hadler .i-pfeil {
  background: url(../img/pfeil_dunkel.png) no-repeat 0 5px;
}

/* line 143, main.scss */
.luxsystem .i-pfeil {
  background: url(../img/pfeil_orange.png) no-repeat 0 5px;
  padding-left: 15px;
  display: block;
}
/* line 148, main.scss */
.luxsystem .i-pfeil p {
  margin-bottom: 0px;
}

/* line 153, main.scss */
.news-link {
  background: url(../img/pfeil_dunkel.png) no-repeat 0 6px;
  padding-left: 15px;
  color: #484949;
  font-size: .875em;
  font-weight: bold;
  position: absolute;
  bottom: 0;
}

.luxsystem .news-link {
  background: url(../img/pfeil_orange.png) no-repeat 0 6px;
  color: #fff;
}

.luxsystem .teaser-news-link {
  font-size: .875em;
  background: url(../img/pfeil_orange.png) no-repeat 0 6px;
  padding-left: 15px;
  color: #fff;
  font-weight: bold;
}

.hadler .teaser-news-link {
  font-size: .875em;
  background: url(../img/pfeil_dunkel.png) no-repeat 0 6px !important; 
}

.luxtronic .teaser-news-link,
.daliup .teaser-news-link {
  font-size: .875em;
}

.luxtronic .news-link,
.daliup .news-link {background: url(../img/pfeil_blau.png) no-repeat 0 6px;}

/* line 180, main.scss */
p {
  color: #727374;
  margin: 0 0 1em 0;
}

.downloads p {
  margin: 0 0 6px 0;
}

.luxtronic .downloads a,
.daliup .downloads a {
  color: #727374;
}

.hadler .content-inner a {
  color: #727374;
}

.hadler .internal-link {
  font-weight: bold;
}

.hadler .content-inner .internal-link:before {
  position: relative;
  top: -1px;
  padding-right: 4px;
  content: url('../img/pfeil_dunkel.png');
}

.daliup .internal-link {
  background: url(../img/pfeil_blau.png) no-repeat 0 6px;
  padding-left: 15px;
  font-weight: bold;
  color: #727374;
}

.teaser p {font-size: .875em; margin: 0 0 5px 0;}

/* line 185, main.scss */
.contenttable {
  width: 100%;
  color: #727374;
  margin: 50px 0;
}
/* line 189, main.scss */
.contenttable thead tr {
  border-bottom: 2px solid #9d9d9d;
}
/* line 190, main.scss */
.contenttable tbody tr {
  border-bottom: 1px solid #9d9d9d;
}
/* line 191, main.scss */
.contenttable td {
  padding: 10px 0;
}
/* line 192, main.scss */
.contenttable th {
  text-align: left;
  padding: 10px 0;
}

/* line 198, main.scss */
ul, ol {
  color: #727374;
}

/* line 203, main.scss */
h1 {
  font-size: 1.7em;
  font-weight: normal;
  margin: 0 0 1em 0;
  color: #727374;
}

h1.systemkomponenten  {margin: 220px 0 1em 0;}

/* line 209, main.scss */
h2 {
  font-size: 1.35em;
  margin: 0 0 1em 0;
  font-weight: normal;
  color: #727374;
}

.slider-content h2 {
  font-weight: normal;
}

.main-slider h1 {
  margin: 0;
  font-weight: bold;
  font-size: 1.35em;
}

.luxsystem .main-slider h1 {color: #ec6608;}
.luxtronic .main-slider h1 {color: #009fe4;}

.main-slider h2 {
  font-size: 1em;
  font-weight: bold;
}

.main-slider p {font-size: .913em;}

/* line 214, main.scss */
h3 {
  font-size: 1.125em;
  margin: 0 0 10px 0;
  color: #727374;
}

/* line 219, main.scss */
h4, h5 {
  font-size: 1.125em;
  margin: 0 0 10px 0;
  color: #484949;
  font-weight: bold;
}

/* line 226, main.scss */
h6 {
  font-size: 1.125em;
  margin: 0 0 5px 0;
  color: #484949;
  font-weight: bold;
}

/* line 233, main.scss */
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 242, main.scss */
.luxsystem h1, .luxsystem h2,
.luxsystem h3, .luxsystem h4,
.luxsystem ul, .luxsystem ol,
.luxsystem p, .luxsystem .contenttable {
  color: #fff;
}

.daliup h1, .daliup h2,
.daliup h3, .daliup h4 {
  color: #009FE3;
}

/* ==========================================================================
   v.100 - ts
   ========================================================================== */
/* Main Styles */
/* line 256, main.scss */
.container {
  width: 100%;
  margin: 0 auto;
  max-width: 1280px;
  padding: 0px 5px;
}

@media screen and (min-width: 401px) {
  
  /* Ursprünglich 1140px */
  .container {
    padding: 0 10px;
  }
}

@media screen and (min-width: 641px) {
  
  /* Ursprünglich 1140px */
  .container {
    padding: 0 15px;
  }
}

@media screen and (min-width: 1024px) {
  /* Ursprünglich 1140px */
  .container {
    padding: 0 30px;
  }
}

@media screen and (min-width: 1163px) {
  /* Ursprünglich 1140px */
  .container {
    max-width: 1140px;
    padding: 0 0px 30px 0px;
    /*padding: 0 0px 30px 0px !important;*/
  }
}

@media screen and (min-width: 1280px) {
  /* Ursprünglich 1140px */
  .container {
    max-width: 1280px;
    padding: 0 70px 30px 70px;
    /*padding: 0 0px 30px 0px !important;*/
  }
}



/* Header */
/* line 271, main.scss */
.header-section {
  z-index: 2;
  background: url("../img/bg_body_hadler.jpg") repeat;
  position: relative;
  width: 100%;
  max-width: 1155px;
  padding: 10px 0 0 0;
  height: 184px;
}

.header-lng-nav {
  position: absolute;
  top: 10px;
  left: 0;
}

.header-lng-nav a {
  font-size: .713em;
}
.luxsystem .header-lng-nav,
.luxsystem .header-lng-nav a {color: #fff;}
.luxsystem .header-lng-nav .vertical-bar {background: #fff;}


.header-lng-nav .vertical-bar {
  background: #484949;
  display: inline-block;
  width: 1px;
  height: 14px;
  margin-bottom: -1px;
  margin-left: 1px;
}


@media screen and (min-width: 1163px) {
  /* Ursprünglich 1140px */
  .header-section {
    overflow: visible;
    z-index: 2;
    background: url("../img/bg_body_hadler.jpg") repeat;
    position: fixed;
    width: 100%;
    left: 0px;
    max-width: none;
    padding: 0;
  }
  .navigation-container {
    position: relative;
    padding: 30px 0px 0 0px;
    margin: 0 auto;
    width: 100%;
    max-width: 1140px;
    height: 254px;
  }
  .header-lng-nav {
    left: auto;
    top: 118px;
    right: -6px;
  }
}

@media screen and (min-width: 1280px) {
  /* Ursprünglich 1140px */
  .header-section {
    overflow: visible;
    z-index: 2;
    background: url("../img/bg_body_hadler.jpg") repeat;
    position: fixed;
    width: 100%;
    left: 0px;
    max-width: none;
    padding: 0;
  }
  .navigation-container {
    padding: 30px 70px 0 70px;
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
    height: 254px;
  }
  .header-lng-nav {
    right: 63px;
    top: 115px;
  }
}

.header-section hr {
  margin: 0px !important;
}

.luxsystem .header-section {
  background: url("../img/bg_body_luxsystem.jpg") repeat;
}


.logo {
  float: right;
  max-width: 203px;
}

.produkt-logo {
  padding-top: 40px;
  height: 78px;
  max-width: 250px;
  width: 75%;
}

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

  .luxtronic .produkt-logo a {
    background: url(../img/mobile/logo_luxtronic.png) top left no-repeat;
    font-size: 30px;
  }

  .luxtronic .produkt-logo img {
    visibility: hidden;
  }
  
  .daliup .produkt-logo a {
    background: url(../img/mobile/hadler_logo_daliup_mobile.png) 0px -1px no-repeat;
    font-size: 30px;
  }

  .daliup .produkt-logo img {
    visibility: hidden;
  }

  .luxsystem .produkt-logo a {
    background: url(../img/mobile/logo_luxsystem.png) bottom left no-repeat;
    font-size: 28px;
  }

  .luxsystem .produkt-logo img { visibility: hidden; }

  .logo-mobile { float: right; }

  .logo img { visibility: hidden; }
  .hadler .logo a { background: url(../img/mobile/logo_hadler.png) bottom right no-repeat; font-size: 23px;}
  .luxtronic .logo a,
  .daliup .logo a  {
    background: url(../img/mobile/logo_hadler_luxtronic.png) bottom right no-repeat;
  }
  .luxsystem .logo a {
    background: url(../img/mobile/logo_hadler_luxsystem.png) bottom right no-repeat;
  }
}

.main-nav-block {display: block !important; }

@media screen and (max-width: 1162px) {
  .main-nav-container .home-luxtronic,
  .main-nav-container .home-luxsystem,
  .main-nav-container .home-daliup {
    display: none;
  }
  .top-nav{ 
    display: none;
    background: url(../img/bg_teaser_luxtronic.jpg) top left no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 100%;
    top: 153px;
    padding: 15px 20px;
  
    z-index: 2;
  }
}
/* line 294, main.scss */
.top-nav {
  overflow: hidden;
}
/* line 299, main.scss */
.top-nav a {
  font-size: .75em;
  font-weight: bold;
  letter-spacing: 0.9px;
}
@media only screen and (min-width: 1163px) {
  .produkt-logo { display: none; }
  .top-nav { display: block !important; position: relative; }
  /* line 305, main.scss */
  .top-nav li {
    margin: 0 15px 0 0;
    float: left;
  }
}

/* line 313, main.scss */
.luxtronic .top-nav a,
.daliup .top-nav a,
.hadler .top-nav a {
  color: #9d9d9d;
}
/* line 318, main.scss */
.luxtronic .top-nav a:hover, .luxtronic .top-nav a.active, .luxtronic .top-nav a.selected,
.daliup .top-nav a:hover, .daliup .top-nav a.active, .daliup .top-nav a.selected,
.hadler .top-nav a:hover,
.hadler .top-nav a.active,
.hadler .top-nav a.selected {
  color: #484949;
}

/* line 323, main.scss */
.luxsystem .top-nav a {
  color: #9d9d9d;
}
/* line 326, main.scss */
.luxsystem .top-nav a:hover,
.luxsystem .top-nav a .active {
  color: #fff;
}

.produkt-nav {
  margin: 30px 0 0 0;
  height: auto;
  overflow: hidden;
}

@media screen and (max-width: 1162px) { .container { min-width: 318px; } }

@media screen and (min-width: 1163px) {
  /*
  Ursprünglich 680px
  .produkt-nav {
    margin: 20px 0 0 0;
    height: auto;
    overflow: hidden;
  }*/
  /*Ursprünglich 949px*/
  .produkt-nav {
    margin: 45px 0 0 0;
    height: auto;
    overflow: hidden;
  }
}

.produkt-nav li {
  float: left;
}

.produkt-nav a {
  font-size: .875em;
  font-weight: bold;
  color: #fff;
  display: block;
  padding: 11px 11px;
  letter-spacing: 0.9px;
}

.luxsystem .produkt-nav li,
.daliup .produkt-nav li,
.luxtronic .produkt-nav li,
.hadler .produkt-nav li {
    width: 110px;
    height: 38px;
    text-indent: -9999px;
}

/* Luxsystem */
.luxtronic .produkt-nav .luxsystem {
  background: url(../img/produktmenue/Produktmarken_Buttons_Luxsystem_passiv_hell.jpg) no-repeat 0 0 !important;
}
.luxtronic .produkt-nav .luxsystem:hover {
  background: url(../img/produktmenue/Produktmarken_Buttons_Luxsystem_aktiv_hell.jpg) no-repeat 0 0 !important;
}
.daliup .produkt-nav .luxsystem {
  background: url(../img/produktmenue/Produktmarken_Buttons_Luxsystem_passiv_hell.jpg) no-repeat 0 0 !important;
}
.daliup .produkt-nav .luxsystem:hover {
  background: url(../img/produktmenue/Produktmarken_Buttons_Luxsystem_aktiv_hell.jpg) no-repeat 0 0 !important;
}
.luxsystem .produkt-nav .luxsystem {
  background: url(../img/produktmenue/Produktmarken_Buttons_Luxsystem_aktiv_dunkel.jpg) no-repeat 0 0 !important;
}
.hadler .produkt-nav .luxsystem {
  background: url(../img/produktmenue/Produktmarken_Buttons_Luxsystem_passiv_hell.jpg) no-repeat 0 0 !important;
}
.hadler .produkt-nav .luxsystem:hover {
  background: url(../img/produktmenue/Produktmarken_Buttons_Luxsystem_aktiv_hell.jpg) no-repeat 0 0 !important;
}

/* Luxtronic */
.luxtronic .produkt-nav .luxtronic {
  background: url(../img/produktmenue/Produktmarken_Buttons_Luxtronic_aktiv_hell.jpg) no-repeat 0 0 !important;
}
.daliup .produkt-nav .luxtronic {
  background: url(../img/produktmenue/Produktmarken_Buttons_Luxtronic_passiv_hell.jpg) no-repeat 0 0 !important;
}
.daliup .produkt-nav .luxtronic:hover {
  background: url(../img/produktmenue/Produktmarken_Buttons_Luxtronic_aktiv_hell.jpg) no-repeat 0 0 !important;
}
.luxsystem .produkt-nav .luxtronic {
  background: url(../img/produktmenue/Produktmarken_Buttons_Luxtronic_passiv_dunkel.jpg) no-repeat 0 0 !important;
}
.luxsystem .produkt-nav .luxtronic:hover {
  background: url(../img/produktmenue/Produktmarken_Buttons_Luxtronic_aktiv_dunkel.jpg) no-repeat 0 0 !important;
}
.hadler .produkt-nav .luxtronic {
  background: url(../img/produktmenue/Produktmarken_Buttons_Luxtronic_passiv_hell.jpg) no-repeat 0 0 !important;
}
.hadler .produkt-nav .luxtronic:hover {
  background: url(../img/produktmenue/Produktmarken_Buttons_Luxtronic_aktiv_hell.jpg) no-repeat 0 0 !important;
}

/* DaliUp */
.daliup .produkt-nav .daliup {
  background: url(../img/produktmenue/Produktmarken_Buttons_DaliUp_aktiv_hell.jpg) no-repeat 0 0 !important;
}
.luxtronic .produkt-nav .daliup {
    background: url(../img/produktmenue/Produktmarken_Buttons_DaliUp_passiv_hell.jpg) no-repeat 0 0 !important;
}
.luxtronic .produkt-nav .daliup:hover {
    background: url(../img/produktmenue/Produktmarken_Buttons_DaliUp_aktiv_hell.jpg) no-repeat 0 0 !important;
}
.luxsystem .produkt-nav .daliup {
  background: url(../img/produktmenue/Produktmarken_Buttons_DaliUp_passiv_dunkel.jpg) no-repeat 0 0 !important;
}
.luxsystem .produkt-nav .daliup:hover {
    background: url(../img/produktmenue/Produktmarken_Buttons_DaliUp_aktiv_dunkel.jpg) no-repeat 0 0 !important;
}
.hadler .produkt-nav .daliup {
    background: url(../img/produktmenue/Produktmarken_Buttons_DaliUp_passiv_hell.jpg) no-repeat 0 0 !important;
}
.hadler .produkt-nav .daliup:hover {
    background: url(../img/produktmenue/Produktmarken_Buttons_DaliUp_aktiv_hell.jpg) no-repeat 0 0 !important;
}

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

  .luxsystem .produkt-nav li,
  .luxtronic .produkt-nav li,
  .daliup .produkt-nav li,
  .hadler .produkt-nav li {
    width: 95px;
    height: 33px;
    text-indent: -9999px;
  }
  /* Luxsystem */
  .luxtronic .produkt-nav .luxsystem {
    background: url(../img/produktmenue/Produktmarken_Buttons_Luxsystem_passiv_hell_m.jpg) no-repeat 0 0 !important;
  }
  .luxtronic .produkt-nav .luxsystem:hover {
    background: url(../img/produktmenue/Produktmarken_Buttons_Luxsystem_aktiv_hell_m.jpg) no-repeat 0 0 !important;
  }
  .daliup .produkt-nav .luxsystem {
    background: url(../img/produktmenue/Produktmarken_Buttons_Luxsystem_passiv_hell_m.jpg) no-repeat 0 0 !important;
  }
  .daliup .produkt-nav .luxsystem:hover {
    background: url(../img/produktmenue/Produktmarken_Buttons_Luxsystem_aktiv_hell_m.jpg) no-repeat 0 0 !important;
  }
  .daliup .produkt-nav .daliup {
    background: url(../img/produktmenue/Produktmarken_Buttons_Luxsystem_passiv_hell_m.jpg) no-repeat 0 0 !important;
  }
  .daliup .produkt-nav .daliup:hover {
    background: url(../img/produktmenue/Produktmarken_Buttons_Luxsystem_aktiv_hell_m.jpg) no-repeat 0 0 !important;
  }
  .luxsystem .produkt-nav .luxsystem {
    background: url(../img/produktmenue/Produktmarken_Buttons_Luxsystem_aktiv_dunkel_m.jpg) no-repeat 0 0 !important;
  }
  .hadler .produkt-nav .luxsystem {
    background: url(../img/produktmenue/Produktmarken_Buttons_Luxsystem_passiv_hell_m.jpg) no-repeat 0 0 !important;
  }
  .hadler .produkt-nav .luxsystem:hover {
    background: url(../img/produktmenue/Produktmarken_Buttons_Luxsystem_aktiv_hell_m.jpg) no-repeat 0 0 !important;
  }

  /* Luxtronic */
  .luxtronic .produkt-nav .luxtronic {
    background: url(../img/produktmenue/Produktmarken_Buttons_Luxtronic_aktiv_hell_m.jpg) no-repeat 0 0 !important;
  }
  .daliup .produkt-nav .luxtronic {
    background: url(../img/produktmenue/Produktmarken_Buttons_Luxtronic_passiv_hell_m.jpg) no-repeat 0 0 !important;
  }
  .daliup .produkt-nav .luxtronic:hover {
    background: url(../img/produktmenue/Produktmarken_Buttons_Luxtronic_aktiv_hell_m.jpg) no-repeat 0 0 !important;
  }
  .daliup .produkt-nav .daliup {
    background: url(../img/produktmenue/Produktmarken_Buttons_DaliUp_passiv_hell_m.jpg) no-repeat 0 0 !important;
  }
  .daliup .produkt-nav .daliup:hover {
    background: url(../img/produktmenue/Produktmarken_Buttons_DaliUp_aktiv_hell_m.jpg) no-repeat 0 0 !important;
  }
  .luxsystem .produkt-nav .luxtronic {
    background: url(../img/produktmenue/Produktmarken_Buttons_Luxtronic_passiv_dunkel_m.jpg) no-repeat 0 0 !important;
  }
  .luxsystem .produkt-nav .luxtronic:hover {
    background: url(../img/produktmenue/Produktmarken_Buttons_Luxtronic_aktiv_dunkel_m.jpg) no-repeat 0 0 !important;
  }
  .hadler .produkt-nav .luxtronic {
    background: url(../img/produktmenue/Produktmarken_Buttons_Luxtronic_passiv_hell_m.jpg) no-repeat 0 0 !important;
  }
  .hadler .produkt-nav .luxtronic:hover {
    background: url(../img/produktmenue/Produktmarken_Buttons_Luxtronic_aktiv_hell_m.jpg) no-repeat 0 0 !important;
  }

  /* DaliUp */
  .daliup .produkt-nav .daliup {
    background: url(../img/produktmenue/Produktmarken_Buttons_DaliUp_aktiv_hell_m.jpg) no-repeat 0 0 !important;
  }
  .luxtronic .produkt-nav .daliup {
    background: url(../img/produktmenue/Produktmarken_Buttons_DaliUp_passiv_hell_m.jpg) no-repeat 0 0 !important;
  }
  .luxtronic .produkt-nav .daliup:hover {
    background: url(../img/produktmenue/Produktmarken_Buttons_DaliUp_aktiv_hell_m.jpg) no-repeat 0 0 !important;
  }
  .luxsystem .produkt-nav .daliup {
    background: url(../img/produktmenue/Produktmarken_Buttons_DaliUp_passiv_dunkel_m.jpg) no-repeat 0 0 !important;
  }
  .luxsystem .produkt-nav .daliup:hover {
    background: url(../img/produktmenue/Produktmarken_Buttons_DaliUp_aktiv_dunkel_m.jpg) no-repeat 0 0 !important;
  }
  .hadler .produkt-nav .daliup {
      background: url(../img/produktmenue/Produktmarken_Buttons_DaliUp_passiv_hell_m.jpg) no-repeat 0 0 !important;
  }
  .hadler .produkt-nav .daliup:hover {
    background: url(../img/produktmenue/Produktmarken_Buttons_DaliUp_aktiv_hell_m.jpg) no-repeat 0 0 !important;
  }
}

.btn-menu {
  position: absolute;
  bottom: 30px;
  right: 0px;
  width: 18px;
  overflow: hidden;
}

.btn-menu-active:before {
  margin-left: -19px;
}

.hadler .btn-menu:before {
  content: url('../img/mobile/btn_menu_hadler.png');
}

.luxtronic .btn-menu:before {
  content: url('../img/mobile/btn_menu_luxtronic.png');
  margin-left: -19px;
}

.luxtronic .btn-menu-active:before {
  content: url('../img/mobile/btn_menu_luxtronic.png');
  margin-left: 0px;
}

.daliup .btn-menu:before {
  content: url('../img/mobile/btn_menu_luxtronic.png');
  margin-left: -19px;
}

.daliup .btn-menu-active:before {
  content: url('../img/mobile/btn_menu_luxtronic.png');
  margin-left: 0px;
}

.luxsystem .btn-menu:before {
  content: url('../img/mobile/btn_menu_luxsystem.png');
}

@media screen and (min-width: 1163px) {
  .btn-menu {
    display: none;
  }
}

/* Menü auf Unterseiten von Produkten */
.main-nav-container {
  padding: 30px 0px 0 0px;
  z-index: 2;
  width: 100%;
  max-width: 1155px;
  background: url("../img/bg_body_hadler.jpg") repeat;
}

.dropdown-menu-zoom { top: 148px !important; }

@media only screen and (max-width: 1162px) {
  .main-nav {
    display: none;
  }
  .hadler .main-nav-container { z-index: 1; }
  .main-nav-container { position: relative; }
  .main-nav-container hr, .main-nav-container .produkt-sub-nav { display: none !important; }

  .main-nav {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 15px 20px;
  }

  .main-nav li {
    float: none !important;
  }

  .main-nav a { padding: 0 0 0 0 !important; }

  /*.luxtronic .main-nav,
  .luxsystem .main-nav {
    background: #484949;
  }*/
  .luxtronic .main-nav { 
    background: url(../img/bg_teaser_luxtronic.jpg) top left no-repeat;
    background-size: 100% 100%;
  }
  .luxsystem .main-nav{ 
    background: url(../img/bg_menu_luxsystem.png) top left no-repeat;
    background-size: 100% 100%;
  }
  .daliup .main-nav { 
    background: url(../img/bg_teaser_luxtronic.jpg) top left no-repeat;
    background-size: 100% 100%;
  }
  .luxtronic .main-nav a { /*color: #9d9d9d !important;*/ padding: 0 0 0 0 !important; }
  .luxtronic .main-nav .main-nav-item { display: inline-block; padding: 0; vertical-align: top;}
  .luxtronic .main-nav .main-nav-item:nth-child(1) { width: 50%; }
  .luxtronic .main-nav .main-nav-item:nth-child(2) { width: 50%; }
  .luxtronic .main-nav .main-nav-item:nth-child(3) { width: 50%; }
  .luxtronic .main-nav .main-nav-item:nth-child(4) { width: 50%; }
  .luxtronic .main-nav .main-nav-item:nth-child(5) { width: 100%; margin-top: 15px;}
  .luxtronic .main-nav .main-nav-item:nth-child(6) { width: 100%; }
  .luxtronic .main-nav .main-nav-item:nth-child(7) { width: 100%; }

  .luxtronic .main-nav .main-nav-item:nth-child(1) a { font-size: 1em; }
  .luxtronic .main-nav .main-nav-item:nth-child(2) a { font-size: 1em; }
  .luxtronic .main-nav .main-nav-item:nth-child(3) a { font-size: 1em; }
  .luxtronic .main-nav .main-nav-item:nth-child(4) a { font-size: 1em; }

  .luxtronic .main-nav .main-nav-item .dropdown-menu img { display: none; }

  .luxsystem .main-nav .main-nav-item { display: inline-block; padding: 0; vertical-align: top;}
  .luxsystem .main-nav .main-nav-item:nth-child(1) { width: 50%; }
  .luxsystem .main-nav .main-nav-item:nth-child(2) { width: 50%; }
  .luxsystem .main-nav .main-nav-item:nth-child(3) { width: 50%; }
  .luxsystem .main-nav .main-nav-item:nth-child(4) { width: 50%; }
  /*.luxsystem .main-nav .main-nav-item:nth-child(4) { width: 100%; margin-top: 15px;}*/
  .luxsystem .main-nav .main-nav-item:nth-child(5) { width: 100%; margin-top: 15px;}
  .luxsystem .main-nav .main-nav-item:nth-child(6) { width: 100%; }

  .luxsystem .main-nav .main-nav-item:nth-child(1) a { font-size: 1em; }
  .luxsystem .main-nav .main-nav-item:nth-child(2) a { font-size: 1em; }
  .luxsystem .main-nav .main-nav-item:nth-child(3) a { font-size: 1em; }
  .luxsystem .main-nav .main-nav-item:nth-child(4) a { font-size: 1em; }

  .luxsystem .main-nav .main-nav-item .dropdown-menu img { display: none; }
  
  .daliup .main-nav a { /*color: #9d9d9d !important;*/ padding: 0 0 0 0 !important; }
  .daliup .main-nav .main-nav-item { display: inline-block; padding: 0; vertical-align: top;}
  .daliup .main-nav .main-nav-item:nth-child(1) { width: 50%; }
  .daliup .main-nav .main-nav-item:nth-child(2) { width: 50%; }
  .daliup .main-nav .main-nav-item:nth-child(3) { width: 50%; }
  .daliup .main-nav .main-nav-item:nth-child(4) { width: 50%; }

  .daliup .main-nav .main-nav-item:nth-child(1) a { font-size: 1em; }
  .daliup .main-nav .main-nav-item:nth-child(2) a { font-size: 1em; }

  /*.daliup .main-nav .main-nav-item .dropdown-menu img { display: none; }*/
  .daliup .main-nav .main-nav-item .dropdown-menu a { display: none; }
  .daliup .main-nav .main-nav-item .dropdown-menu h3 a { display: block; }

}

@media only screen and (max-width: 450px) {
  .luxsystem .main-nav .main-nav-item,
  .luxtronic .main-nav .main-nav-item,
  .daliup .main-nav .main-nav-item { width: 100% !important; }
}

@media only screen and (min-width: 1163px) {
  .btn-menu { display: none; }
  .main-nav { float: right;}
  
  /*Ursprünglich 680 px
    .main-nav-container {
    padding: 30px 53px 0 10px;
    position: fixed;
    top: 141px;
    z-index: 2;
    width: 100%;
    max-width: 1011px;
    margin-left: -7px;
    background: url("../img/bg_body_hadler.jpg") repeat;
  }*/
  /*Ursprünglich 680 px*/
  .main-nav-container {
    padding: 30px 15px 0 0px;
    position: absolute;
    top: 141px;
    z-index: 2;
    width: 100%;
    /*max-width: 1155px;
    margin-left: -7px;*/
    background: url("../img/bg_body_hadler.jpg") repeat;
  }
}

.main-nav-container hr {
  margin: 1em 0 0 0;
}
@media screen and (min-width: 1163px) {
  .luxtronic .main-nav-container {
    top: 141px;
  }
  .luxtronic .main-nav {
    padding: 22px 0 0 0;
  }
  .daliup .main-nav-container {
    top: 141px;
  }
  .daliup .main-nav {
    padding: 22px 0 0 0;
  }
}

.luxsystem .main-nav-container {
  background: url("../img/bg_body_luxsystem.jpg") repeat;
}

.luxsystem .main-nav-container hr {
  visibility: hidden;
}

@media only screen and (min-width: 1163px) {
  .luxsystem .main-nav {
    padding: 20px 0 0 0;
  }
}

.main-nav li {
  float: left;
  margin: 0;
}

.main-nav li.first-child {
  margin: 0;
}
@media only screen and (min-width: 1163px) {
  .main-nav li {
    margin: 0 0 0 20px;
  }
}

.main-nav a {
  font-size: .85em;
  font-weight: bold;
  padding: 5px 0 24px 0;
  letter-spacing: 0.9px;
}

.main-nav a.large {
  font-size: 1.2em;
  margin-top: -10px;
  font-weight: bold;
  display: inline-block;
}

.luxtronic .main-nav a.large.active,
.luxtronic .main-nav a.large.selected,
.luxtronic .main-nav a.active,
.luxtronic .main-nav a.selected,
.daliup .main-nav a.large.active,
.daliup .main-nav a.large.selected,
.daliup .main-nav a.active,
.daliup .main-nav a.selected,
.hadler .main-nav a.large.active,
.hadler .main-nav a.large.selected,
.hadler .main-nav a.active,
.hadler .main-nav a.selected {
  color: #009fe4;
}

.luxtronic .main-nav a,
.daliup .main-nav a,
.hadler .main-nav a {
  color: #727374;
}

@media screen and (max-width: 1162px) {
  .luxsystem .produkt-link a:first-child,
  .daliup .produkt-link a:first-child,
  .luxtronic .produkt-link a:first-child {
    font-size: .85em !important;
    margin-left: 15px;
  }
}
@media screen and (min-width: 1163px) {
  .luxtronic .main-nav .main-nav-item-link:hover,
  .hadler .main-nav .main-nav-item-link:hover,
  .luxtronic .main-nav .main-nav-item-link.hover,
  .hadler .main-nav .main-nav-item-link.hover{
    background: url(../img/luxtronic/Pfeil_Popup_weiss_.png) no-repeat 50% bottom;
    
    padding-bottom: 20px !important;
  }
  
  .daliup .main-nav .main-nav-item-link:hover,
  .daliup .main-nav .main-nav-item-link.hover {
    background: none !important;
    color: #009fe4;
  }

  .luxtronic .produkt-link:hover a,
  .daliup .produkt-link:hover a,
  .hadler .produkt-link:hover a {
    color: #009fe4;
  }

  .luxtronic .produkt-link a,
  .daliup .produkt-link a,
  .hadler .produkt-link a {
    font-size: .875em !important;
    font-weight: normal !important;
    background: none !important;
    padding: 5px 0 0 0 !important;
  }

  .luxsystem .produkt-link:hover a {
    color: #ec6608;
  }
}

.luxsystem .main-nav a.large.active,
.luxsystem .main-nav a.active,
.luxsystem .main-nav a.selected {
  color: #ec6608;
}

.luxsystem .main-nav a {
  color: #fff;
}

/*

@media screen and (min-width: 1163px) {
  .luxsystem .main-nav .main-nav-item-link:hover,
  .luxsystem .main-nav .main-nav-item-link.hover{
    background: url(../img/luxsystem/Pfeil_Popup.png) no-repeat 50% bottom;
    color: #ec6608;
    padding-bottom: 19px !important;
  }
  .luxsystem .main-nav .main-nav-item:nth-child(4) .main-nav-item-link:hover,
  .luxsystem .main-nav .main-nav-item:nth-child(4) .main-nav-item-link.hover{
    background: url(../img/luxsystem/Pfeil_Popup.png) no-repeat 50% bottom;
    color: #ec6608;
    padding-bottom: 24px !important;
  }
}



.dropdown-menu {
  display: none;
}

@media screen and (min-width: 1163px) {
  .luxsystem .main-nav .main-nav-item:nth-child(5) a:hover,
  .luxsystem .main-nav .main-nav-item:nth-child(6) a:hover {
    background: none;
  }

  .luxsystem .main-nav .main-nav-item:nth-child(3) { height: 45px; }

  .luxsystem .main-nav .main-nav-item:nth-child(1) a,
  .luxsystem .main-nav .main-nav-item:nth-child(2) a,
  .luxsystem .main-nav .main-nav-item:nth-child(3) a {
    font-size: 1.325em;
    margin-top: -12px;
    font-weight: bold;
    display: inline-block;
    padding: 5px 0 0 0;
  }

  .luxsystem .main-nav .main-nav-item:nth-child(4) .produkt-link { padding: 0 45px !important; margin: 0 0 45px 0 !important; }

*/

@media screen and (min-width: 1163px) {
  .luxsystem .main-nav .main-nav-item-link:hover,
  .luxsystem .main-nav .main-nav-item-link.hover{
    background: url(../img/luxsystem/Pfeil_Popup.png) no-repeat 50% bottom;
    color: #ec6608;
    padding-bottom: 19px !important;
  }
  .luxsystem .main-nav .main-nav-item:nth-child(5) .main-nav-item-link:hover,
  .luxsystem .main-nav .main-nav-item:nth-child(5) .main-nav-item-link.hover{
    background: url(../img/luxsystem/Pfeil_Popup.png) no-repeat 50% bottom;
    color: #ec6608;
    padding-bottom: 21px !important;
  }
}



.dropdown-menu {
  display: none;
}

@media screen and (min-width: 1163px) {
  .luxsystem .main-nav .main-nav-item:nth-child(6) a:hover,
  .luxsystem .main-nav .main-nav-item:nth-child(7) a:hover {
    background: none;
  }

  .luxsystem .main-nav .main-nav-item:nth-child(3) { height: 45px; }

  .luxsystem .main-nav .main-nav-item:nth-child(1) a,
  .luxsystem .main-nav .main-nav-item:nth-child(2) a,
  .luxsystem .main-nav .main-nav-item:nth-child(3) a,
  .luxsystem .main-nav .main-nav-item:nth-child(4) a {
    font-size: 1.025em;
    margin-top: -12px;
    font-weight: bold;
    display: inline-block;
    padding: 5px 0 0 0;
  }

  .luxsystem .produkt-link a {
    font-size: .875em !important;
    font-weight: normal !important;
    background: none !important;
    padding: 5px 0 0 0 !important;
  }

  .luxtronic .main-nav .main-nav-item:nth-child(1) a,
  .luxtronic .main-nav .main-nav-item:nth-child(2) a,
  .luxtronic .main-nav .main-nav-item:nth-child(3) a,
  .luxtronic .main-nav .main-nav-item:nth-child(4) a {
    font-size: 1.325em;
    margin-top: -12px;
    font-weight: bold;
    display: inline-block;
    padding: 5px 0 0 0;
  }

  .luxtronic .main-nav .main-nav-item:nth-child(5) a:hover,
  .luxtronic .main-nav .main-nav-item:nth-child(6) a:hover,
  .luxtronic .main-nav .main-nav-item:nth-child(7) a:hover {
    background: none;
  }
  
  .daliup .main-nav .main-nav-item:nth-child(1) a,
  .daliup .main-nav .main-nav-item:nth-child(2) a{
    font-size: 1.325em;
    margin-top: -12px;
    font-weight: bold;
    display: inline-block;
    padding: 5px 0 0 0;
  }

  .daliup .main-nav .main-nav-item:nth-child(3) a:hover,
  .daliup .main-nav .main-nav-item:nth-child(4) a:hover {
    background: none;
  }

  .main-nav-item {
    position: static;
  }

  .main-nav-item:hover > .dropdown-menu {
    display: block;
  }
  
  .daliup .main-nav-item:hover > .dropdown-menu {
    display: none !important;
  }

  .main-nav-item:hover::after {
    position: absolute;
    content: '';
    width: 20px;
    bottom: -18px;
    right: 0;
    height: 20px;
  }

  .dropdown-menu {
    display: none;
    position: absolute;
    padding: 45px;
    left: -1px;
    right: 0;
    top: 99px;
    min-height: 300px;
    z-index: 1;
    max-width: 1143px;
  }

  .luxsystem .dropdown-menu {
    top: 95px;
  }
  
  .dropdown-menu div {
    
    /*max-width: 50%;*/
    max-width: 350px;
    margin: 0 45px 45px 45px;
    float: left;
    min-height: 85px;
  }
  /* line 519, main.scss */
  .dropdown-menu h3 {
    color: #009fe4;
    margin: 0 0 22px 0;
  }
  /* line 523, main.scss */
  .dropdown-menu a {
    color: #009fe4;
  }

  /* line 530, main.scss */
  .luxtronic .dropdown-menu,
  .daliup .dropdown-menu,
  .hadler .dropdown-menu {
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #eaeaea;
    /*box-shadow: 1px 1px 20px #eaeaea;*/
  }

  /* line 539, main.scss */
  .luxsystem .dropdown-menu {
    background: #000;
    background: rgba(50, 50, 50, 0.9);
  }

  /* Menü Produktseite */
  /* line 546, main.scss */
  .produkt-sub-nav {
    width: 100%;
    margin: 14px 0 0 0;
    overflow: hidden;
  }
}

/* line 550, main.scss */
.produkt-sub-nav li {
  float: left;
  margin-right: 15px;
}
/* line 554, main.scss */
.produkt-sub-nav a {
  font-size: .85em;
}
/* line 556, main.scss */
.produkt-sub-nav a:hover {
  color: #009fe4;
}
/* line 557, main.scss */
.produkt-sub-nav a.selected {
  color: #009fe4;
}

/* line 561, main.scss */
.luxsystem .produkt-sub-nav {
  width: 100%;
  margin: 14px 0 0 0;
  overflow: hidden;
}
/* line 565, main.scss */
.luxsystem .produkt-sub-nav li {
  float: left;
  margin-right: 15px;
}
/* line 569, main.scss */
.luxsystem .produkt-sub-nav a {
  color: #fff;
  font-size: .85em;
}
/* line 572, main.scss */
.luxsystem .produkt-sub-nav a:hover {
  color: #ec6608;
}
/* line 573, main.scss */
.luxsystem .produkt-sub-nav a.selected, .luxsystem .produkt-sub-nav a.active {
  color: #ec6608;
}

/* Content */
.main-section {
  margin: 0 0 75px 0;
  padding-top: 0;
}

@media only screen and (min-width: 1163px) {
  .main-section {
    /*margin: 0 0 150px 0;*/
    padding-top: 250px;
    display: block;
  }
  .luxtronic .main-section ,
  .daliup .main-section
  { padding-top: 235px; }
  .luxsystem .main-section {
    /*margin: 0 0 150px 0;*/
    padding-top: 235px;
  }


  .ie .main-section {
    top: 300px;
    position: relative;
  }
  .ie .luxtronic .main-section,
  .ie .daliup .main-section  {   top: 283px;
    position: relative; }
  .ie .luxsystem .main-section {
    top: 283px;
    position: relative;
  }
}

@media only screen and (min-width: 1163px) {
  .luxtronic .main-section,
  .daliup .main-section,
  .hadler .main-section {
    border-top: 1px solid #cbcaca;
  }
  
  .luxsystem .main-section {
    border-top: 1px solid #666666;
  }
}

.main-image {
  position: relative;
  margin: 0 0 100px 0;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);
}

@media only screen and (max-width: 1162px) {
  .main-image img {
    width: 100%;
    height: 100%;
  }
}

.luxsystem .main-image {
  margin: 0 0 100px 0;
}

/* Systemkomponenten */
.produkt-systemleuchte-desc {
  position: absolute;
  border-top: 1px solid #727374;
  width: 100%;
  margin-top: 20px;
  /*overflow: hidden;*/
 
}

.produkt-systemleuchte-desc span {
  color: #fff;
  /*cursor: pointer;*/
  display: inline-block;
  position: relative;
  background: url(../img/icon_pfeil_systemkomponenten.png) no-repeat 0 1px;
  padding-top: 25px;
  font-size: .75em;
  max-width: 100px;
  word-wrap:break-word;
  float: left;

}

/*.produkt-systemleuchte-desc span:hover {color: #ec6608;}*/
/* SL 20.1 */
.sl-20-1 .item-1 {margin-left: 30px;}
.sl-20-1 .item-2 {margin-left: 70px;}
.sl-20-1 .item-3 {margin-left: 40px;}
.sl-20-1 .item-4 {margin-left: 40px;}
.sl-20-1 .item-5 {margin-left: 95px;max-width: 74px;}
.sl-20-1 .item-6 {margin-left: 30px;max-width: 74px;}
.sl-20-1 .item-7 {margin-left: 30px;max-width: 78px;}
.sl-20-1 .item-8 {margin-left: 30px;max-width: 78px;}
.sl-20-1 .item-9 {margin-left: 30px;max-width: 76px;}
/* SL 20.2 */
.sl-20-2 .item-1 {margin-left: 5px;}
.sl-20-2 .item-2 {margin-left: 10px;}
.sl-20-2 .item-3 {margin-left: 10px;}
.sl-20-2 .item-4 {margin-left: 10px;max-width: 130px;display: none;}
.sl-20-2 .item-5 {margin-left: 20px;max-width: 110px;}
.sl-20-2 .item-6 {margin-left: 30px;max-width: 70px;}
.sl-20-2 .item-7 {margin-left: 70px;max-width: 85px;}
.sl-20-2 .item-8 {margin-left: 50px;max-width: 115px;}
.sl-20-2 .item-9 {margin-left: 30px;max-width: 115px;}
.sl-20-2 .item-10 {margin-left: 20px;max-width: 140px;}
/* SL 20.2 LED */
.sl-20-2-led .item-1 {margin-left: 30px;}
.sl-20-2-led .item-2 {margin-left: 20px;}
.sl-20-2-led .item-3 {margin-left: 30px;max-width: 120px;}
.sl-20-2-led .item-4 {margin-left: 50px;max-width: 150px}
.sl-20-2-led .item-5 {margin-left: 100px;max-width: 120px;}
.sl-20-2-led .item-6 {margin-left: 50px;max-width: 130px;}
.sl-20-2-led .item-7 {margin-left: 35px;max-width: 140px;}
/* SL 20.3 LED */
.sl-20-3-led .item-1 {margin-left: 5px;}
.sl-20-3-led .item-2 {margin-left: 10px;}
.sl-20-3-led .item-3 {margin-left: 10px;}
.sl-20-3-led .item-4 {margin-left: 10px;max-width: 130px;display: none;}
.sl-20-3-led .item-5 {margin-left: 20px;max-width: 110px;}
.sl-20-3-led .item-6 {margin-left: 30px;max-width: 70px;}
.sl-20-3-led .item-7 {margin-left: 70px;max-width: 85px;}
.sl-20-3-led .item-8 {margin-left: 50px;max-width: 115px;}
.sl-20-3-led .item-9 {margin-left: 30px;max-width: 115px;}
.sl-20-3-led .item-10 {margin-left: 20px;max-width: 140px;}
/* SL 67.2 */
.sl-67-2 .item-1 {margin-left: 280px;max-width: 80px;}
.sl-67-2 .item-2 {margin-left: 30px;max-width: 80px;}
.sl-67-2 .item-3 {margin-left: 40px;max-width: 75px;}
.sl-67-2 .item-4 {margin-left: 30px;max-width: 74px;}
.sl-67-2 .item-5 {margin-left: 20px;max-width: 70px;}
.sl-67-2 .item-6 {margin-left: 30px;}
/* SL 67.2 LED */
.sl-67-2-led .item-1 {margin-left: 280px;max-width: 80px;}
.sl-67-2-led .item-2 {margin-left: 30px;max-width: 80px;}
.sl-67-2-led .item-3 {margin-left: 40px;max-width: 75px;}
.sl-67-2-led .item-4 {margin-left: 30px;max-width: 74px;}
.sl-67-2-led .item-5 {margin-left: 20px;max-width: 70px;}
.sl-67-2-led .item-6 {margin-left: 20px;max-width: 70px;}
.sl-67-2-led .item-7 {margin-left: 30px;}

@media only screen and (max-width: 1162px) {
  .sl-20-1, .sl-20-2, .sl-20-2-led, .sl-67-2, .sl-20-3-led, .sl-67-2-led {display: none;}
  h1.systemkomponenten {margin-top: inherit;}
}

@media screen and (min-width: 1163px) {
  .hadler .main-image {
      margin: -80px 0 100px 0;
  }

  .hadler #main-slider {
    margin: -80px 0 0 0;
  }
}

.internal-link-new-window {
  font-size: .85em;
  font-weight: bold;
}

/* line 600, main.scss */
.align-right {
  text-align: right;
}

/* line 604, main.scss */
.content-inner {
  max-width: 1065px;
  margin: 0 0 75px 0;
  position: relative;
}
@media screen and (min-width: 1163px) {
  .content-inner {
    margin: 0 0 0 0;
  }
}

.content-inner hr {
  width: 1140px;
}
/* line 608, main.scss */
.content-inner .csc-default:nth-child(2n) {
  margin: 0 0 75px 0;
}
/* line 612, main.scss */

@media only screen and (max-width: 1162px) {
  .content-inner .csc-textpic-imagecolumn {
    margin-right: 30px !important;
  }
  .content-inner .csc-textpic-imagecolumn:nth-child(2n-1) {
    margin: 0 30px 15px 0;
  }
  .content-inner .csc-textpic-imagecolumn { margin-bottom: 15px; }
}

@media only screen and (min-width: 1163px) {
  .content-inner .csc-textpic-imagecolumn:not(:last-child) {
    margin: 0 30px 0 0;
  }
}

/* line 616, main.scss */
.content-inner .csc-textpic-imagecolumn img {
  margin: 0 0 15px 0;
}
/* line 620, main.scss */
.content-inner .csc-textpic-caption {
  font-size: .75em;
}

.luxsystem .content-inner .csc-default {
  position: relative;
}

.content-alle-leuchten {
  max-width: 100%;
}


.content-alle-leuchten .csc-default:nth-child(2n-1) {
  margin-top: 165px;
}

.luxsystem .content-alle-leuchten .csc-textpic-imagewrap {
  cursor: pointer;
}

.luxsystem .content-alle-leuchten .csc-textpic-imagewrap {
  max-width: 924px;
  width: 100%;
}

.luxsystem .content-alle-leuchten .csc-textpic-text {
  max-width: 206px;
}

.luxsystem .content-alle-leuchten .csc-textpic-text,
.luxsystem .content-alle-leuchten .csc-textpic-caption,
.luxsystem figcaption {
  color: #fff;
}
.luxsystem .content-alle-leuchten .csc-textpic-text h1 {
  cursor: pointer;
  display: inline-block;
  width: 200px;
}

.luxsystem .content-alle-leuchten .alle-leuchten-active h1{
  color: #ec6608;
}

.luxsystem .content-alle-leuchten .csc-textpic-text section {
  display: none;
  position: absolute;
  bottom: -20px;
  right: 0px;
}

.luxsystem .content-alle-leuchten .csc-textpic-text section p {
  background: #9d9d9d;
  margin: 0 0 2px 0;
  padding: 2px 10px 2px 10px;
}

.luxsystem .content-alle-leuchten .csc-textpic-text section p a {
  background: url(../img/pfeil_weiss.png) no-repeat 0 5px;
  padding-left: 15px;
  color: #fff;
}

.luxsystem .content-alle-leuchten .csc-textpic-text section p a:hover {
  color: #ec6608;
}

@media screen and (max-width: 1162px) {
  .content-left {
    margin-bottom: 0px;
  }
  .content-left .csc-default:last-child {
    margin-bottom: 0px;
  }
}

@media screen and (min-width: 1163px) {
  .content-left {
    max-width: 45%;
    float: left;
  }

  .content-left .csc-textpic-imagewrap,
  .content-left .csc-textpic-text h1 {
    cursor: inherit !important;
  }

  .content-left figcaption {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding-left: 90px;
  }

  .content-right {
    max-width: 45%;
    float: right;
  }

  .content-right .csc-textpic-imagewrap,
  .content-right .csc-textpic-text h1 {
    cursor: inherit !important;
  }

  .content-right figcaption {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding-left: 90px;
  }
}

@media screen and (max-width: 1162px) {
  .content-right h1 { margin-top: 50px !important; }
}

.content-galerie {
  width: 100% !important;
  max-width: 100%;
}

.content-galerie .csc-textpic-imagewrap,
.content-galerie .csc-textpic-text h1 {
  cursor: inherit !important;
}

.content-galerie .csc-textpic-imagewrap .csc-textpic-imagerow:not(:first-child) { display: none; }
.content-galerie .csc-textpic-imagecolumn img {margin-bottom: 0px !important; }
.content-galerie .csc-textpic-imagecolumn { margin: 0 !important; }

.content-galerie figcaption {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding-left: 90px;
}

@media screen and (min-width: 650px) {
  .content-galerie .csc-default:not(:first-child) {
    width: 45%;
    max-width: 342px !important;
    /*float: left;*/
    display: inline-block;
    margin: 0 0 50px 5% !important;
  }
  .content-galerie .csc-default:nth-child(2n) {
    margin-left: 0px !important;
  }
}

@media screen and (min-width: 1000px) {
  .content-galerie .csc-default:not(:first-child) {
    width: 30%;
    /*float: left;*/
    display: inline-block;
    margin: 0 0 50px 5% !important;
  }
  .content-galerie .csc-default:nth-child(3n+2) {
    margin-left: 0px !important;
  }
}

/*.content-galerie .csc-default:nth-child(3n+2) {
  margin-left: 0px !important;
}*/

.content-galerie .csc-textpic {
  position: relative;
}

.content-galerie .csc-textpic-text {
  /*position: absolute;*/
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.content-galerie .csc-textpic-text p {
  background: #505050;
  margin: 0 0 0 0;
  padding: 2px 10px 2px 10px;
  font-size: 15px;
}

.content-galerie .csc-textpic-text section {
  display: none;
  position: relative !important;
}

.content-galerie .csc-textpic-text section p {
  background: #505050 !important;
  margin: 0 0 0 0 !important;
  padding: 2px 10px 2px 10px;
}

.content-galerie .csc-textpic-text section p a {
  background: url(../img/pfeil_weiss.png) no-repeat 0 5px;
  padding-left: 15px;
  color: #fff;
}

.content-galerie-left {
  float: left;
  width: 70%;
}

.content-galerie-right {
  font-size: .75em;
  float: right;
  margin-top: 77px;
  width: 25%;
}

.content-galerie-right a {
  color: #fff;
  font-weight: bold;
  background: url(../img/pfeil_orange.png) no-repeat 0 5px;
  padding-left: 15px;
}

#c297 .csc-textpic-imagecolumn, #c298 .csc-textpic-imagecolumn {
  margin-bottom: 50px;
}

#c617 .csc-textpic .csc-textpic-imagewrap figure, #c617 .csc-textpic figure.csc-textpic-imagewrap { display: block;  }

@media screen and (max-width: 649px) {
  .content-galerie .csc-default {
    float: none !important;
    width: 100% !important;
    max-width: 342px !important;
    margin: 0 0 30px 0 !important;
  }
}

.content-downloads {
  max-width: 100%;
}

.content-downloads .csc-default:not(:first-child) {
  border-bottom: 1px solid #666666;
  height: 225px;
  width: 350px;
  float: left;
  margin: 0 30px 50px 0 !important;
}
/*
.content-downloads .csc-default:nth-child(2) .csc-textpic-imagewrap,
.content-downloads .csc-default:nth-child(4) .csc-textpic-imagewrap {
  margin-top: 52px;
}
*/

#c276 .csc-textpic-imagewrap {
  margin-top: 52px;
}

.content-downloads .csc-default:nth-child(4) { display: none; }

#c272 { display: inherit !important; }

#c269 .csc-textpic-imagewrap,
#c272 .csc-textpic-imagewrap {
  margin-top: 0px;
}

.content-downloads .csc-textpic-text {
 /* margin-top: 97px; */
  padding-left: 5px;
}

.luxsystem .content-downloads h3 {
  font-size: 1em;
}

.luxsystem .content-downloads p {
  font-size: .75em;
}

.luxsystem .content-downloads .download {
  color: #dedede;
}

.luxsystem .content-downloads .download:before {
  position: relative;
  top: 2px;
  padding-right: 4px;
  content: url('../img/luxsystem/icon_download_luxsystem.png');
}

.hadler .download:before {
  position: relative;
  top: -1px;
  padding-right: 4px;
  content: url('../img/pfeil_dunkel.png');
}

.img-container {
  margin: 50px 0 0 0;
  max-width: 550px;
  overflow: hidden;
}

.img-container img {
  margin: 0 30px 30px 0;
}

.content-produkt {
  margin: 50px 0;
  padding: 0 50px 0 0;
  overflow: hidden;
}

.content-produkt .content-produkt-img {
  width: 250px;
  float: left;
  height: 230px;
}

/* Produktübersicht */

@media screen and (max-width: 1162px) {
  .luxtronic .produkt-details { margin-bottom: 75px; }
}

.luxtronic .main-section hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display: block;
  height: 1px;
  border: 0;
  border-top: 2px solid #ececec;
  border-bottom: 1px solid #cbcaca;
  margin: 1em 0 0 0;
  padding: 0;
}

.luxtronic .produkt-details hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cbcaca;
  margin: 1em 0 0 0;
  padding: 0;
}

.luxtronic .produkt-kategorie:not(:first-child) {
  margin-top: 60px;
}

#c188 .produkt-kategorie:nth-child(4) {
  margin-top: 0px;
}

.produkt-kategorie-produkt h4 {
  position: relative;
  font-size: 1em;
}

.produkt-neu:after {
  content: url('../img/btn_neu.jpg');
  margin-left: 8px;
  position: absolute;
  top: -18px;
}

.produkt-new:after {
  content: url('../img/Hadler_Luxtronic_Button_NEW.png');
  margin-left: 8px;
  position: absolute;
  top: -18px;
}

.produkt-ex:after {
  content: url('../img/btn_ex.png');
  margin-left: 52px;
  margin-top: 5px;
  position: absolute;
  top: -18px;
}

.luxtronic .produkt-kategorie-hl h3 {
  color: #009fe4;
  margin: 0 0 0 30px;
}
.luxtronic .produkt-kategorie-produkt {
  margin: 0 0 50px 30px;
}

@media screen and (min-width: 550px) {

  .luxtronic .produkt-kategorie-hl h3 {
    color: #009fe4;
    margin: 10px 0 0 0;
  }
  .luxtronic .produkt-kategorie-produkt {
    width: 42%;
    float: left;
    margin: 0 0 50px 0;
  }
}

@media screen and (min-width: 957px) {
  .luxtronic .produkt-kategorie-hl {
    width: 12%;
    min-height: 100px;
    float: left;
  }

  .luxtronic .produkt-kategorie-hl h3 {
    color: #009fe4;
    margin: 10px 0 0 0;
  }
  .luxtronic .produkt-kategorie-produkt {
    width: 22%;
    float: left;
    margin: 0 0 50px 0;
  }
}

@media screen and (min-width: 957px) and (max-width: 1163px) {
  .luxtronic .produkt-kategorie:first-child .produkt-kategorie-produkt:nth-child(4) { margin-left: 5%; }
}

.luxtronic .produkt-kategorie-produkt img {
  margin-left: -20px;
  margin-bottom: 18px;
}

.luxtronic .produkt-kategorie-produkt p {
  font-size: .875em;
  padding-right: 50px;
}

.luxtronic .produkt-kategorie-produkt a {
  background: url(../img/pfeil_blau.png) no-repeat 0 5px;
  padding-left: 15px;
  font-weight: bold;
  font-size: .875em;
}

/* Produktseiten */

.luxtronic .produkt-details-top .vorteile {
  margin-top: 30px;
}
.luxtronic .produkt-details-top .vorteile ul {
  list-style: none;
  margin: 0 0 0 25px;
  padding: 0;
  position: relative;
}
@media screen and (min-width: 1163px) {
  .luxtronic .produkt-details-top .vorteile ul {
    left: 24px;
  }
  .luxtronic .produkt-details-img img {margin-bottom:60px;}
}


.luxtronic .produkt-details-top .vorteile li {
  padding-bottom: 5px;
}

.luxtronic .produkt-details-top .vorteile li:before {
  padding-right: 10px;
  content: url(../img/luxtronic/plus_blau.png);
  position: relative;
  margin-left: -25px;
}

.luxtronic .produkt-details-top .downloads {
  margin-top: 30px;
}

.luxtronic .produkt-details-top .downloads a:before {
  position: relative;
  top: 4px;
  padding-right: 4px;
  content: url(../img/luxtronic/download_blau.png);
}

.luxtronic .produkt-details-top h3 {
  color: #727374;
  font-weight: bold;
}

.luxtronic .produkt-details-content {
  max-width: 752px;
}

@media only screen and (max-width: 1162px) {
  .luxtronic .produkt-details-content {
    margin: 30px 0 0 0;
  }
}

/* Aktuelles */
.content-news {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.content-news:first-child {
  margin: 10px 0 0 0;
}
.content-news .content-news-inner {
  min-height: 187px;
  margin-top: 1em;
  padding-bottom: 25px;
  position: relative;
}
@media screen and (min-width: 1163px) {
  .content-news .content-news-img {
    margin: 0 42px 80px 0;
    width: 200px;
    float: left;
    height: 200px;
  }

  .content-news .content-news-inner {
    /*margin-left: 200px;*/
    margin-top: 0;
    min-height: 187px;
    padding-bottom: 25px;
    position: relative;
  }
}

.content-news .content-news-bodytext {
  display: none;
}

.content-news h2 {
  font-size: 1.5em;
  font-weight: normal;
}

.luxsystem .content-news h2,
.luxsystem .content-news p {
  color: #fff;
}

/* Teaser */
.teaser-section {
  overflow: hidden;
  margin: 0 0 0 0;
}

.teaser {
  width: 100%;
  max-width: 360px;
}

.luxtronic .content-news-inner  ul {
  list-style: none;
  padding-left: 25px;
}

.luxtronic .content-news-inner ul li:before {
  padding-right: 10px;
  content: url(../img/luxtronic/plus_blau.png);
  position: relative;
  margin-left: -25px; 
}

.luxtronic .teaser ul {
  list-style: none;
  padding-left: 25px;
}

.luxtronic .teaser ul li:before {
  padding-right: 10px;
  content: url(../img/luxtronic/plus_blau.png);
  position: relative;
  margin-left: -25px; 
}

.daliup .content-news-inner  ul {
  list-style: none;
  padding-left: 25px;
}

.daliup .content-news-inner ul li:before {
  padding-right: 10px;
  content: url(../img/luxtronic/plus_blau.png);
  position: relative;
  margin-left: -25px; 
}

.daliup .teaser ul {
  list-style: none;
  padding-left: 25px;
}

.daliup .teaser ul li:before {
  padding-right: 10px;
  content: url(../img/luxtronic/plus_blau.png);
  position: relative;
  margin-left: -25px; 
}

@media screen and (max-width: 1163px) {
  .main-section .teaser-section .teaser:not(:first-child) {
    margin: 50px 0 0 0;
  }

  .luxsystem .teaser:last-child {
    /*max-width: 205px;*/
    }
}

@media screen and (min-width: 1163px) {
  .main-section .teaser-section {
    overflow: hidden;
    margin: 120px 0 0 0;
  }
}


@media screen and (min-width: 1163px) {
  .main-section .teaser-section .teaser:not(:first-child) {
    margin-top: 0;
    margin-bottom: 0;
  }
  /* line 876, main.scss */
  .teaser {
    width: 31.57895%;
    float: left;
    margin-right: 2.63158%;
  }
  /* line 882, main.scss */
  .teaser:last-child {
    margin-right: 0;
  }
}
/* line 886, main.scss */
.teaser .csc-default {
  font-size: .85em;
}
/* line 889, main.scss */
.teaser h4 {
  font-size: 1.35em;
  font-weight: normal;
  margin: 0 0 5px 0;
}
/* line 893, main.scss */
.teaser .csc-default:nth-child(2) {
  height: 182px;
  font-size: .875em;
  margin: 13px 0 0 0;
  overflow: hidden;
  padding: 15px;
  /*border: 1px solid #e4e3e3;*/
/*  background-color: #fdfdfd;
  background-image: -moz-linear-gradient(#fdfdfd, #e4e4e5);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdfdfd), to(#e4e4e5));
  background-image: -webkit-linear-gradient(#fdfdfd, #e4e4e5);
  background-image: -o-linear-gradient(#fdfdfd, #e4e4e5);*/
  background: url(../img/bg_teaser_luxtronic.jpg) no-repeat top left;
}
/* line 901, main.scss */
.teaser .csc-default:nth-child(2) a {
  background: url(../img/pfeil_blau.png) no-repeat 0 6px;
  padding-left: 15px;
  font-weight: bold;
  color: #727374;
}

.teaser .csc-default:nth-child(2) .content-news {
  margin: 0;
}

.teaser .csc-default:nth-child(2) .content-news h2 {
  font-size: 1.35em;
  font-weight: normal;
  margin: 0 0 5px 0;
}

.teaser .csc-default:nth-child(2) .content-news-img {
  display: none;
}

.hadler .teaser .csc-default:nth-child(2) a {
  background: url(../img/pfeil_dunkel.png) no-repeat 0 6px;
}

/* line 910, main.scss */
.luxsystem .teaser {
  width: 100%;
}
@media screen and (min-width: 1163px) {
  /* line 910, main.scss */
  .luxsystem .teaser {
    width: 31.57895%;
    float: left;
    /*margin-right: 2.63158%;*/
  }
}
/* line 920, main.scss */
.luxsystem .teaser .csc-default:nth-child(2) {
  margin: 13px 0 0 0;
  overflow: hidden;
  padding: 15px;
  /*border: #505050;
  background-color: #505050;
  background-image: -moz-linear-gradient(#505050, #313131);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#505050), to(#313131));
  background-image: -webkit-linear-gradient(#505050, #313131);
  background-image: -o-linear-gradient(#505050, #313131);*/
  background: url(../img/bg_teaser_luxsystem.png) no-repeat top left;
}

/*.luxsystem .teaser:nth-child(3) .csc-default:nth-child(2) {
  background: url(../img/bg_teaser_luxsystem_katalog.png) no-repeat top left;
}*/
/* line 926, main.scss */
.luxsystem .teaser .csc-default:nth-child(2) a {
  background: url(../img/pfeil_orange.png) no-repeat 0 6px;
  padding-left: 15px;
  font-weight: bold;
  color: #fff;
}

.teaser .left { margin: 0 0 20px 0; }

.luxsystem .content-downloads .internal-link {
  background: url(../img/pfeil_weiss.png) no-repeat 0 6px;
  padding-left: 15px;
  font-weight: normal;
  color: #fff
}
/* Footer */
/* line 937, main.scss */
.luxtronic .sitemap,
.daliup .sitemap,
.hadler .sitemap {
  border-bottom: 2px solid #ececec;
}

/* line 941, main.scss */
.luxsystem .sitemap {
    border-bottom: 2px solid #383838;
}

/* line 945, main.scss */
.link-sitemap {
  background: url(../img/sitemap_ecke.png) 100% 5px no-repeat;
  font-size: .813em;
  padding-right: 20px;
}

/* line 951, main.scss */
.luxsystem .link-sitemap {
  background: url(../img/sitemap_ecke_luxs.png) 100% 5px no-repeat;
}

/* line 956, main.scss */
.luxsystem .link-sitemap,
.luxsystem .footer-nav a {
  color: #fff;
}

/* line 959, main.scss */
.footer-nav {
  display: none;
  margin: 20px 0;
}

.footer-nav > ul > li {
  float: left;
  width: 25%;
}
@media only screen and (max-width: 1162px) {
  .footer-nav > ul > li {
    float: none;
    width: 100%;
  }
}

.footer-nav > ul > li > a:first-child,
.footer-nav > ul > li > ul > li > a:first-child {
  font-weight: bold;
}

.footer-nav > ul > li > ul > li {
  margin: 20px 0;
}

/* line 964, main.scss */
.footer-nav a {
  font-size: .875em;
}

/* line 973, main.scss */
.luxtronic .footer-section,
.daliup .footer-section,
.hadler .footer-section {
  border-top: 1px solid #cbcaca;
}

.hadler .footer-section .active,
.hadler .footer-section .selected {
  font-weight: bold;
}

.luxtronic .footer-section .active,
.luxtronic .footer-section .selected {
  color: #009fe4;
}

.daliup .footer-section .active,
.daliup .footer-section .selected {
  color: #009fe4;
}

.luxsystem .footer-section .active,
.luxsystem .footer-section .selected {
  color: #ec6608;
}

/* line 977, main.scss */
.luxsystem .footer-section {
  border-top: 1px solid #666666;
}

/* line 983, main.scss */
.copy {
  font-size: .713em;
  display: block;
  margin: 14px 0 0 0;
}
@media screen and (min-width: 1163px) {
  /* line 983, main.scss */
  .copy {
    float: left;
    margin: 14px 32px 0 0;
  }
}

/* line 993, main.scss */
.luxsystem .copy {
  color: #fff;
}

/* line 997, main.scss */
.meta-nav {
  margin: 10px 32px 0 0;
  float: left;
}

@media screen and (max-width: 650px) {
  .meta-nav {
  margin: 10px 10px 0 0;
  float: left;
}
}
/* line 999, main.scss */
.meta-nav a {
  font-size: .713em;
}
/* line 1002, main.scss */
.meta-nav span {
  font-size: .713em;
}
@media screen and (min-width: 1163px) {
  /* line 997, main.scss */
  .meta-nav {
    float: left;
  }
}

.meta-nav .vertical-bar {
  background: #484949;
  display: inline-block;
  width: 1px;
  height: 10px;
  margin-bottom: -1px;
  margin-left: 1px;
}

.luxsystem .meta-nav .vertical-bar {
  background: #fff;
}

/* line 1008, main.scss */
.luxsystem .meta-nav, .luxsystem .meta-nav a {
  color: #fff;
}

/* line 1010, main.scss */
.suche-container {
  width: 136px;
  height: 30px;
  overflow: hidden;
  float: right;
}

/* line 1022, main.scss */
.hadler .suche-container,
.luxtronic .suche-container,
.daliup .suche-container {
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

/* line 1028, main.scss */
.luxsystem .suche-container {
  border-left: 1px solid #656565;
  border-right: 1px solid #656565;
  border-bottom: 1px solid #656565;
}

@media screen and (max-width: 1162px) {
  .suche-container {
    width: 99px;
    height: 30px;
    overflow: hidden;
    float: right;
    position: relative;
    top: -32px;
  }
}

/* line 1034, main.scss */
.lupe {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  margin: 6px 0 0 5px;
}

/* line 1043, main.scss */
.hadler .lupe,
.luxtronic .lupe,
.daliup .lupe {
  background: url(../img/lupe_luxtronic.png) no-repeat 0 0 transparent;
}

/* line 1044, main.scss */
.luxsystem .lupe {
  background: url(../img/lupe.png) no-repeat 0 0 transparent;
}

/* line 1046, main.scss */
.suche-input {
  background: none;
  border: 0;
  width: 100px;
  float: left;
  margin: 3px 0 0 1px;
  font-size: .813em;
}

@media screen and (max-width: 1162px) { .suche-input { width: 65px; } }

/* line 1055, main.scss */
.hadler .suche-input,
.luxtronic .suche-input,
.daliup .suche-input {
  color: #727374;
}

/* line 1056, main.scss */
.luxsystem .suche-input {
  color: #fff;
}

/* Kontaktformulare */
/* line 1062, main.scss */
.csc-mailform {
  overflow: hidden;
  font-size: .857em;
}

.csc-mailform label strong {
  padding-left: 10px;
}

/* line 1067, main.scss */
.luxsystem .csc-mailform {
  color: #fff;
}

/* line 1071, main.scss */
.csc-mailform fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

.csc-form-element-textline.selected label,.csc-form-element-textline.selected label{display:none}

@media screen and (max-width: 1162px) {
  .csc-form-element-fieldset:nth-child(2) {
    margin-top: 10px;
  }
  .csc-form-element-textarea {
    margin-top: 0px;
  }
}

@media screen and (min-width: 1163px) {
  /* line 1077, main.scss */
  .csc-form-element-fieldset {
    width: 45%;
    float: left;
  }

  /* line 1082, main.scss */
  .csc-form-element-fieldset:nth-child(1) {
    margin-right: 5%;
  }
}

/* line 1086, main.scss */
.csc-mailform legend {
  border: 0;
  color: #727374;
  font-size: 1em;
  font-weight: bold;
  margin: 20px 0;
}

/* line 1094, main.scss */
.luxsystem legend {
  color: #fff;
}

/* line 1098, main.scss */
.csc-mailform ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 1104, main.scss */
.csc-form-element-textline input {
  width: 100%;
  padding: 5px;
}

/* Annrede */
/* line 1110, main.scss */
.csc-form-element-select select {
  width: 100%;
  padding: 5px;
  margin-bottom: 10px;
}

/* line 1121, main.scss */
.hadler .csc-form-element-textline input,
.luxtronic .csc-form-element-textline input,
.daliup .csc-form-element-textline input,
.hadler .csc-form-element-textarea textarea,
.luxtronic .csc-form-element-textarea textarea,
.daliup .csc-form-element-textarea textarea,
.hadler .csc-form-element-select select,
.luxtronic .csc-form-element-select select,
.daliup .csc-form-element-select select {
  border: 1px solid #d4d4d4;
  box-shadow: inset 1px 1px 10px #d4d4d4;
  /* fallback/image non-cover color */
  background-color: #fefefe;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#fefefe, whitesmoke);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(whitesmoke));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#fefefe, whitesmoke);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#fefefe, whitesmoke);
}

/* line 1129, main.scss */
.luxsystem .csc-form-element-textline input,
.luxsystem .csc-form-element-select select,
.luxsystem .csc-form-element-textarea textarea {
  border: 1px solid #383838;
  box-shadow: inset 1px 1px 10px #424242;
  /* fallback/image non-cover color */
  background-color: #5c5c5c;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#5c5c5c, #464646);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5c5c5c), to(#464646));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#5c5c5c, #464646);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#5c5c5c, #464646);
}

/* line 1135, main.scss */
.csc-form-3 label {
  display: none;
}

/* line 1137, main.scss */
.csc-form-element-checkbox {
  width: 50%;
  float: left;
  margin-top: 5px;
  margin-bottom: 10px;
}

/* line 1144, main.scss */
.csc-form-element-checkbox input {
  float: left;
  margin-top: 5px;
  margin-right: 5px;
}

/* line 1150, main.scss */
.csc-form-element-textline {
  position: relative;
  margin-bottom: 10px;
}

/* line 1155, main.scss */
.csc-form-element-textline label {
  position: absolute;
  top: 5px;
  left: 10px;
}

/* line 1164, main.scss */
.luxsystem label,
.luxsystem .csc-form-element-textblock,
.luxsystem .csc-form-element-submit input,
.luxsystem select {
  color: #fff;
}

/* line 1166, main.scss */
.csc-form-element-textarea {
  margin-top: 50px;
}

/* line 1170, main.scss */
.csc-form-element-textarea textarea {
  height: 180px;
  width: 100%;
}

/* line 1175, main.scss */
.csc-form-element-submit input {
  float: right;
  background: none;
  border: 0;
  font-weight: bold;
  padding-left: 12px;
}

/* line 1184, main.scss */
.hadler .csc-form-element-submit input,
.luxtronic .csc-form-element-submit input,
.daliup .csc-form-element-submit input {
  background: url(../img/pfeil_dunkel.png) no-repeat 0 6px;
}

/* line 1188, main.scss */
.luxsystem .csc-form-element-submit input {
  background: url(../img/pfeil_orange.png) no-repeat 0 6px;
}

/* strasse nr */
/* line 1193, main.scss */
.csc-form-10 {
  float: left;
  width: 78%;
  margin-right: 2%;
}

/* line 1198, main.scss */
.csc-form-11 {
  float: left;
  width: 20%;
}

/* plz ort */
/* line 1203, main.scss */
.csc-form-12 {
  clear: left;
  float: left;
  width: 20%;
  margin-right: 2%;
}

/* line 1209, main.scss */
.csc-form-13 {
  float: left;
  width: 78%;
}

/* line 1213, main.scss */
.csc-form-14 {
  clear: left;
}

.hadler .csc-form-23,
.luxtronic .csc-form-24,
.luxsystem .csc-form-25 { margin-top: 5px; }

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets
*********************************/
/* line 1234, main.scss */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

/* line 1237, main.scss */
.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
/* line 1242, main.scss */
.luxtronic .flexslider,
.daliup .flexslider,
.hadler .flexslider {
  margin: 0;
  padding: 0;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);
}

/* line 1243, main.scss */
.luxsystem .flexslider {
  margin: 0;
  padding: 0;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);
}

/* line 1244, main.scss */
.flexslider .slides > li {
  display: none;
  /*-webkit-backface-visibility: hidden;*/
  position: relative;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
/* line 1245, main.scss */
.flexslider .slides img {
  width: 100%;
  display: block;
}

/* line 1246, main.scss */
.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
/* line 1249, main.scss */
.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* line 1250, main.scss */
html[xmlns] .slides {
  display: block;
}

/* line 1251, main.scss */
* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
/* line 1256, main.scss */
.no-js .slides > li:first-child {
  display: block;
}

/* FlexSlider Default Theme
*********************************/
/* line 1260, main.scss */
.flexslider {
  position: relative;
  zoom: 1;
}

@media screen and (min-width: 1163px) {
  .luxtronic .flexslider,
  .daliup .flexslider  {
    margin: 0;
  }

  .hadler .flexslider {
    margin: 63px 0 0px 0;
  }

  .luxsystem .flexslider {
    margin: 0 0 0px 0;
  }
}

/* line 1265, main.scss */
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

/* line 1266, main.scss */
.loading .flex-viewport {
  max-height: 300px;
}

/* line 1267, main.scss */
.flexslider .slides {
  zoom: 1;
}

/* line 1268, main.scss */
.carousel li {
  margin-right: 5px;
}

/* Direction Nav */
/* line 1271, main.scss */
.flex-direction-nav {
  *height: 0;
}

/* line 1272, main.scss */
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}

/* line 1273, main.scss */
.flex-direction-nav .flex-prev {
  left: -50px;
}

/* line 1274, main.scss */
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}

/* line 1275, main.scss */
.flexslider:hover .flex-prev {
  left: 10px;
}

/* line 1276, main.scss */
.flexslider:hover .flex-next {
  right: 10px;
}

/* line 1277, main.scss */
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
}

/* line 1278, main.scss */
.flex-direction-nav a:before {
  font-size: 40px;
  display: inline-block;
  content: '\f001';
}

/* line 1279, main.scss */
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}

/* Pause/Play */
/* line 1282, main.scss */
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

/* line 1283, main.scss */
.flex-pauseplay a:before {
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}

/* line 1284, main.scss */
.flex-pauseplay a:hover {
  opacity: 1;
}

/* line 1285, main.scss */
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}

/* Control Nav */
/* line 1288, main.scss */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

/* line 1289, main.scss */
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

/* line 1290, main.scss */
.flex-control-paging li a {
  display: block;
  cursor: pointer;
  text-indent: -9999px;
}

/* line 1292, main.scss */
.flex-control-paging li a.flex-active {
  cursor: default;
}

/* line 1293, main.scss */
.hadler .flex-control-paging li a {
  width: 17px;
  height: 16px;
  background: url(../img/tmp_slide_normal.jpg);
}

/* line 1294, main.scss */
.luxtronic .flex-control-paging li a,
.daliup .flex-control-paging li a {
  width: 17px;
  height: 16px;
  background: url(../img/tmp_slide_normal.jpg);
}

/* line 1295, main.scss */
.luxsystem .flex-control-paging li a {
  width: 16px;
  height: 16px;
  background: url(../img/tmp_slide_luxs.jpg);
}

/* line 1300, main.scss */
.hadler .flex-control-paging li a:hover,
.hadler .flex-control-paging li a.flex-active {
  background: url(../img/tmp_slide_aktiv.jpg);
}

/* line 1303, main.scss */
.luxtronic .flex-control-paging li a:hover,
.luxtronic .flex-control-paging li a.flex-active {
  background: url(../img/tmp_slide_luxt_aktiv.jpg);
}

.daliup .flex-control-paging li a:hover,
.daliup .flex-control-paging li a.flex-active {
  background: url(../img/tmp_slide_luxt_aktiv.jpg);
}

/* line 1306, main.scss */
.luxsystem .flex-control-paging li a:hover,
.luxsystem .flex-control-paging li a.flex-active {
  background: url(../img/tmp_slide_luxs_aktiv.jpg);
}

/* line 1308, main.scss */
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

/* line 1309, main.scss */
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

/* line 1310, main.scss */
.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}

/* line 1311, main.scss */
.flex-control-thumbs img:hover {
  opacity: 1;
}

/* line 1312, main.scss */
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

.slider-content {
  display: none;
}

@media screen and (min-width: 1163px) {
  /* line 1314, main.scss */
  .slider-content {
    display: inherit;
    position: absolute;
    padding: 26px 18px;
    bottom: 50px;
    left: 250px;
    width: 417px;
    height: 222px;
  }

  /* line 1323, main.scss */
  .slider-content::before {
    width: 222px;
    position: absolute;
    top: 0;
    left: -239px;
    display: block;
    height: 222px;
    content: '';
    background: #9d9d9c;
  }
}

/* Hadler */
/* line 1334, main.scss */
.hadler .slider-content {
  background: #eeeeee;
  border-left: 21px solid #b3b2b2;
}

/* line 1339, main.scss */
.hadler .slider-content::before {
  background: #9d9d9c;
}

.hadler .slider-content a {
  background: url(../img/pfeil_schwarz.png) no-repeat 0 6px;
  padding-left: 15px;
  font-weight: bold;
}

/* Luxtronic */
/* line 1343, main.scss */
.luxtronic .slider-content,
.daliup .slider-content {
  background: #ececec;
  border-left: 17px solid #00b1eb;
}

/* line 1348, main.scss */
.luxtronic .slider-content::before,
.daliup .slider-content::before {
  background: #009fe3;
}

.luxtronic .slider-content a,
.daliup .slider-content a  {
  background: url(../img/pfeil_blau.png) no-repeat 0 6px;
  padding-left: 15px;
  font-weight: bold;
}

/* Luxsystem */
/* line 1352, main.scss */
.luxsystem .slider-content {
  background: #484848;
  border-left: 17px solid #f1873d;
}
/* line 1355, main.scss */
.luxsystem .slider-content h2 {
  color: #fff;
}
/* line 1356, main.scss */
.luxsystem .slider-content p {
  color: #fff;
}
/* line 1357, main.scss */
.luxsystem .slider-content a {
  background: url(../img/pfeil_weiss.png) no-repeat 0 6px;
  padding-left: 15px;
  color: #fff;
  font-weight: bold;
}

/* line 1364, main.scss */
.luxsystem .slider-content::before {
  background: #ec6708;
}

@media screen and (min-width: 1163px) {
  #c199, #c203, #c206 {
    position: absolute;
    top: 24px;
    left: 427px;
  }
}

#c285 .csc-textpic-imagecolumn img {
  margin: 0 0 30px 0;
}

@media screen and (min-width: 1163px) {
  #c162 {
    margin-top: 117px;
  }
  #c221 {
    margin-top:73px;
  }
}


#c79 .internal-link:before {
  position: relative;
  top: -1px;
  padding-right: 4px;
  content: url('../img/pfeil_dunkel.png');
}

#c79 ul {
  padding-left: 20px;
}

#c79 h3 {
  cursor: pointer;
}

#c79 div {
  display: none;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
/* line 1377, main.scss */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
/* line 1386, main.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
/* line 1403, main.scss */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
/* line 1416, main.scss */
.invisible {
  visibility: hidden;
}

/* line 1421, main.scss */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

/* line 1426, main.scss */
.clearfix:after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  /* line 1453, main.scss */
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  /* line 1461, main.scss */
  a,
  a:visited {
    text-decoration: underline;
  }

  /* line 1465, main.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }

  /* line 1469, main.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */
  /* line 1478, main.scss */
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  /* line 1483, main.scss */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /* line 1488, main.scss */
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  /* line 1493, main.scss */
  tr,
  img {
    page-break-inside: avoid;
  }

  /* line 1497, main.scss */
  img {
    max-width: 100% !important;
  }

  /* line 1503, main.scss */
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 1509, main.scss */
  h2,
  h3 {
    page-break-after: avoid;
  }
}

.tx-indexedsearch { color: #727374; }

.tx-indexedsearch-searchbox-button {
  background: url(../img/pfeil_dunkel.png) no-repeat 0 7px;
  border: none;
  font-weight: bold;
  padding-left: 12px;
  width: inherit !important;
}

@media screen and (min-width: 1163px) {
  #c251 { width: 900px; }
} 

@media screen and (max-width: 1162px) {
  .csc-mailform { margin-top: 75px; }
  div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: none; }
  .content-downloads div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; }
  .csc-textpic-intext-left-nowrap-240 .csc-textpic-text { margin-left: 0px; }
  .content-galerie .csc-default { width: 100%; float: none; margin: 0 0 30px 0 !important; }
  .content-galerie-left, .content-galerie-right { width: 100%; float: none; }
  .content-alle-leuchten .csc-default:nth-child(2n-1) { margin-top: 0px; }
  .luxsystem .content-alle-leuchten .csc-textpic-text { position: absolute; top: -50px; }
  .luxsystem .content-alle-leuchten .csc-textpic-imagewrap img { width: 100%; height: auto !important; }
  .content-inner hr { width: 100%; }
}

/* Service */

@media screen and (max-width: 1162px) {
  .csc-textpic-intext-left-nowrap .csc-textpic-text,
  .csc-textpic-intext-left-nowrap-164 .csc-textpic-text {
    margin-left: 0;
    margin-top: 10px;
  }
}



/** DALI uP **/

.daliup .content-inner {
  max-width: inherit;
}

.content-left .csc-default:nth-child(2n) {
  margin: 0;
}

.daliup .content-inner .csc-default p {
  width: 92%;
}

.daliup .content-right .csc-default p {
  width: 100%;
}

.daliup .content-inner .csc-default ul  {
  list-style-type: none;
}

.daliup .content-inner .csc-default ul li {
  background-image: url("../img/hadle_daliup_vorteile_haken.png");
  background-repeat: no-repeat;
  background-position-y: 4px;
  margin-bottom: 15px;
  padding-left: 2em;
}



.daliup .content-right h1 {margin: 0 0 1em 0 !important;}
/*
.csc-textpic-intext-right-nowrap .csc-textpic-text { margin-right: 1410px; }
  .csc-textpic-intext-left-nowrap .csc-textpic-text { margin-left: 1410px; }
*/
.daliup .csc-textpic-intext-right-nowrap-306 .csc-textpic-text { margin-right: 0; }
.daliup div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: none; }

.daliup .csc-textpic-intext-right-nowrap-376 .csc-textpic-text {margin-right: 0;}
.daliup .csc-textpic-intext-right-nowrap-303 .csc-textpic-text {margin-right: 0;}

.daliup .csc-textpic-intext-right-nowrap-430 .csc-textpic-text {margin-right: 0;margin-top: 30px;}

@media screen and (min-width: 680px) {
  .daliup .content-inner .csc-textpic-intext-right-nowrap img { margin-top: 80px;}
  .daliup .csc-textpic-intext-right-nowrap-306 .csc-textpic-text { margin-right: 306px; }

  .daliup div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; }
  .daliup .csc-textpic-intext-right-nowrap-430 .csc-textpic-text {margin-right: 430px;}
  
  .daliup .csc-textpic-intext-right-nowrap-376 .csc-textpic-text {margin-right: 376px;}

  .daliup .csc-textpic-intext-right-nowrap-303 .csc-textpic-text {margin-right: 303px;}
}  

@media screen and (min-width: 920px) {
  .daliup .content-left {
    max-width: 33%;
    float: left; 
  }
  .daliup .content-right {
    max-width: 60%;
    float: right;
  }

}

@media screen and (min-width: 1100px) {

  #c619 {
    margin-top: -266px;
  }

  #c619 .csc-textpic-imagecolumn:nth-child(3) figcaption {
    width: 326px;
    position: absolute;
  }

}


/*Form*/
.daliup .content-left .alert, .daliup .content-left .alert-error {
  display:none;
}
.daliup .content-left .tx-femanager{
    width: 100%;
}
.daliup .content-left .femanager_firstname {
    float: left;
    width: 48%;
}
.daliup .content-left .femanager_lastname {
    float: right;
    width: 48%;
}
.daliup .content-left #email, 
.daliup .content-left #password, 
.daliup .content-left #username, 
.daliup .content-left #password_repeat, 
.daliup .content-left #company{
 width: 100%;
}
.daliup .content-left .femanager_username,
.daliup .content-left .femanager_usergroup {
visibility: hidden;
height:0px;
}

.daliup .content-left label[for=user], 
.daliup .content-left label[for=pass] {
display: none;
}


/*Bootstrap für Formular*/
.daliup .content-left form {
  margin: 0 0 20px;
}
.daliup .content-left fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
.daliup .content-left legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 10px;
  font-size: 21px;
  line-height: 40px;
  color: #333333;
  border: 0;
  border-bottom: 0px solid #e5e5e5;
}
.daliup .content-left legend small {
  font-size: 15px;
  color: #999999;
}
.daliup .content-left label,
.daliup .content-left input,
.daliup .content-left button,
.daliup ..daliup .content-left select,
.daliup .content-left textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
.daliup .content-left input,
.daliup .content-left button,
.daliup .content-left select,
.daliup .content-left textarea {
  font-family: 'Lato', sans-serif;
}
.daliup .content-left label {
  display: block;
  margin-bottom: 5px;
}
.daliup .content-left select,
.daliup .content-left textarea,
.daliup .content-left input[type="text"],
.daliup .content-left input[type="password"],
.daliup .content-left input[type="datetime"],
.daliup .content-left input[type="datetime-local"],
.daliup .content-left input[type="date"],
.daliup .content-left input[type="month"],
.daliup .content-left input[type="time"],
.daliup .content-left input[type="week"],
.daliup .content-left input[type="number"],
.daliup .content-left input[type="email"],
.daliup .content-left input[type="url"],
.daliup .content-left input[type="search"],
.daliup .content-left input[type="tel"],
.daliup .content-left input[type="color"],
.daliup .content-left .uneditable-input {
  display: inline-block;
  height: 30px;
  padding: 4px 6px;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  vertical-align: middle;
  width: 100%;
}
.daliup .content-left input,
.daliup .content-left textarea,
.daliup .content-left .uneditable-input {
  
}
.daliup .content-left textarea {
  height: auto;
}
.daliup .content-left textarea,
.daliup .content-left input[type="text"],
.daliup .content-left input[type="password"],
.daliup .content-left input[type="datetime"],
.daliup .content-left input[type="datetime-local"],
.daliup .content-left input[type="date"],
.daliup .content-left input[type="month"],
.daliup .content-left input[type="time"],
.daliup .content-left input[type="week"],
.daliup .content-left input[type="number"],
.daliup .content-left input[type="email"],
.daliup .content-left input[type="url"],
.daliup .content-left input[type="search"],
.daliup .content-left input[type="tel"],
.daliup .content-left input[type="color"],
.daliup .content-left .uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 0.075);
  -webkit-appearance: none;
  -moz-box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 0.075);
  box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
}
.daliup .content-left textarea:focus,
.daliup .content-left input[type="text"]:focus,
.daliup .content-left input[type="password"]:focus,
.daliup .content-left input[type="datetime"]:focus,
.daliup .content-left input[type="datetime-local"]:focus,
.daliup .content-left input[type="date"]:focus,
.daliup .content-left input[type="month"]:focus,
.daliup .content-left input[type="time"]:focus,
.daliup .content-left input[type="week"]:focus,
.daliup .content-left input[type="number"]:focus,
.daliup .content-left input[type="email"]:focus,
.daliup .content-left input[type="url"]:focus,
.daliup .content-left input[type="search"]:focus,
.daliup .content-left input[type="tel"]:focus,
.daliup .content-left input[type="color"]:focus,
.daliup .content-left .uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
.daliup .content-left input[type="radio"],
.daliup .content-left input[type="checkbox"] {
  margin: 4px   margin: 4px 0 0;
  *margin-top: 0;
  /* IE7 */

  margin-top: 1px \9;
  /* IE8-9 */

  line-height: normal;
}
.daliup .content-left input[type="file"],
.daliup .content-left input[type="image"],
.daliup .content-left input[type="submit"],
.daliup .content-left input[type="reset"],
.daliup .content-left input[type="button"],
.daliup .content-left input[type="radio"],
.daliup .content-left input[type="checkbox"] {
  width: auto;
}
.daliup .content-left select,
.daliup .content-left input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  line-height: 30px;
}
.daliup .content-left select {
  width: 46%px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  color: #999;
  height:30px;
   -webkit-box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 0.075);
  box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 0.075);
}
.daliup .content-left select[multiple],
.daliup .content-left select[size] {
  height: auto;
}
.daliup .content-left select:focus,
.daliup .content-left input[type="file"]:focus,
.daliup .content-left input[type="radio"]:focus,
.daliup .content-left input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.daliup .content-left select option{
  color: #999;
}

.daliup .content-left select option:first-child {
  color: #999;
}


.daliup .content-left .uneditable-input,
.daliup .content-left .uneditable-textarea {
  color: #999999;
  background-color: #fcfcfc;
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed;
}
.daliup .content-left .uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}
.daliup .content-left .uneditable-textarea {
  width: auto;
  height: auto;
}
.daliup .content-left input:-moz-placeholder,
.daliup .content-left textarea:-moz-placeholder {
  color: #999999;
}
.daliup .content-left input:-ms-input-placeholder,
.daliup .content-left textarea:-ms-input-placeholder {
  color: #999999;
}
.daliup .content-left input::-webkit-input-placeholder,
.daliup .content-left textarea::-webkit-input-placeholder {
  color: #999999;
}
.daliup .content-left .radio,
.daliup .content-left .checkbox {
    min-height: 20px;
  padding-left: 20px;
}
.daliup .content-left .radio input[type="radio"],
.daliup .content-left .checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}

.daliup .content-left .radio.inline,
.daliup .content-left .checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}
.daliup .content-left .radio.inline + .radio.inline,
.daliup .content-left .checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}

.daliup .content-left div.tx-felogin-pi1 form fieldset legend {
  display:none;
}

.daliup .content-left .error{


  border-color: #b94a48!important;
  -webkit-box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 0.075);
  box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 0.075);
}
.daliup .content-left .error:focus,
.daliup .content-left .control-group.error select:focus,
.daliup .content-left .control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392!important;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392!important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392!important;
}

.daliup .content-left select#usergroup {
  visibility:hidden;
  height:0px;
}

.daliup .content-left .button,
.daliup .content-left .btn,
.daliup .content-left .csc-uploads-element,
.daliup .content-left input[type='submit'] {
  margin-top:20px;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  color: #ffffff;
  text-decoration:none;
  padding: 7px 15px !important;
  cursor: pointer;
  background: #4cbbeb !important; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0JSIgc3RvcC1jb2xvcj0iIzRjYmJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDhhYzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
background: -moz-linear-gradient(top, #4cbbeb 4%, #008ac0 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,#4cbbeb), color-stop(100%,#008ac0)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4cbbeb 4%,#008ac0 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4cbbeb 4%,#008ac0 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4cbbeb 4%,#008ac0 100%) !important; /* IE10+ */
background: linear-gradient(to bottom, #4cbbeb 4%,#008ac0 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cbbeb', endColorstr='#008ac0',GradientType=0 ) !important; /* IE6-8 */
  
  
  
  background: -moz-linear-gradient(
    top,
    #4cbbeb 0%,
    #008ac0) !important;
  background: -webkit-gradient(
    linear, left top, left bottom,
    from(#4cbbeb),
    to(#008ac0)) !important;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border: 0px solid #000000;
  -moz-box-shadow:
    0px 1px 3px rgba(000,000,000,0.5),
    inset 0px 0px 1px rgba(255,255,255,0.6);
  -webkit-box-shadow:
    0px 1px 3px rgba(000,000,000,0.5),
    inset 0px 0px 1px rgba(255,255,255,0.6);
  box-shadow:
    0px 1px 3px rgba(000,000,000,0.5),
    inset 0px 0px 1px rgba(255,255,255,0.6);
  text-shadow:
    0px -1px 0px rgba(000,000,000,0.6),
    0px 1px 0px rgba(255,255,255,0.2);
}
.daliup .content-left .download-icon{
  left: -7px;
    position: relative;
    top: 4px;  
}

.daliup .content-left .csc-uploads-element {
   max-width:330px; 
   padding: 7px 10px;
}

.daliup .content-left .csc-uploads-element a{
  background:transparent url('../img/btn_pfeil.png') no-repeat left top;
  text-decoration: none; 
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  color: #ffffff;
  padding-left:25px;
  padding-right:60px;
  margin-left:0px;
  
}

.daliup .content-left .csc-uploads-fileSize{
 padding-left:0px; 
  float:right;
}

.content-galerie img {
    height: 229px !important;
}

[name="form_rueckruf[uid85564]"],
[name="form_anliegen[uid85564]"],
[name="tx_form[uid85564]"] {
    position:absolute;
    margin:0 0 0 -999em;
}


.social-m {
    display: none;
    width: 100%;
    overflow: hidden;
    margin: 20px 0 0 10px;
    
}

.social-m .btn {
    width: 31px;
    height: 30px;
    text-indent: -9999px;
    float: left;
    margin-right: 5px; 
}

.btn-facebook {background: url(../img/sbtn_facebook.png) no-repeat 0 -2px #3d3834;}
.btn-facebook:hover {background: url(../img/sbtn_facebook.png) no-repeat 0 -2px #727374;}
.btn-youtube {background: url(../img/sbtn_youtube.png) no-repeat -1px -2px #3d3834;}
.btn-youtube:hover {background: url(../img/sbtn_youtube.png) no-repeat -1px -2px #727374;}

.luxsystem .btn-facebook:hover {background: url(../img/sbtn_facebook.png) no-repeat 0 -2px #ec6608;}
.luxsystem .btn-youtube:hover {background: url(../img/sbtn_youtube.png) no-repeat -1px -2px #ec6608;}

.luxtronic .btn-facebook:hover {background: url(../img/sbtn_facebook.png) no-repeat 0 -2px #009fe4;}
.luxtronic .btn-youtube:hover {background: url(../img/sbtn_youtube.png) no-repeat -1px -2px #009fe4;}

.daliup .btn-facebook:hover {background: url(../img/sbtn_facebook.png) no-repeat 0 -2px #009fe4;}
.daliup .btn-youtube:hover {background: url(../img/sbtn_youtube.png) no-repeat -1px -2px #009fe4;}


@media only screen and (min-width: 900px) {
    

.social-m {
  display: block;
  float: right;
  width: auto;
  margin: 0 5px 0 0;
}

.social-m .btn {
  margin-right: 0;
  margin-left: 5px;
}

}


@media only screen and (max-width: 1162px) {
  .social-m {
  display: block;
  float: right;
  width: auto;
  margin: 0 5px 0 0;
  position: relative;
  top: -32px;
}
}



.s-buttons {
  display: block;
  position: fixed;
  right: 0;
  width: 70px;
  height: 70px;
  text-align: center;
  background-color: #666666;
}

.s-buttons span {
  display: block;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  padding: 5px 0 0 0;
}

.btn-anfrage {
  top: 200px;
  padding: 5px 8px;
}

.btn-mail {
  top: 275px;
  padding: 10px 0 5px 0;
}

.btn-social {
  top: 350px;
  padding: 10px 0;
}

.side-nav {
  display: block;
  position: fixed;
  right: 75px;
  width: 300px;
  height: 505px;
  font-size: 14px;
}

.container-anfrage {
  top: 200px;
  color: #fff;
}


.container-anliegen {
  top: 275px;
  color: #fff;
}

.container-social {
  top: 350px;
  color: #fff;
  width: 140px;
  height: 70px;
}

.side-nav_hl {
  display: block;
  font-size: 20px;
  height: 70px;
  padding: 13px 20px;
  margin-bottom: 5px;
  line-height: 1;
  
}

.container-anfrage .side-nav_hl {
  line-height: 70px;
  padding: 0 20px;
}

.side-nav_content {
  height: auto;
  width: 100%;
  padding: 20px;
}

.side-nav_content .csc-mailform {
margin-top: 0;
}

.side-nav_content strong {
  font-size: 18px;
}

.container-social .side-nav_content {
  padding: 8px 0 0 12px;
  height: 70px;
}
.img-btn:first-child {
  margin-right: 5px;
}

.container-anliegen label,
.container-anfrage label {
  display: block!important;
  position: static;
  font-size: 14px;
}
.daliup .container-anliegen label,
.daliup .container-anfrage label,
.luxtronic .container-anliegen label,
.luxtronic .container-anfrage label {
  color: #fff;
}

.hadler .container-anliegen label,
.hadler .container-anfrage label {
  color: #f7f7f0;
}

.container-anliegen .csc-form-element,
.container-anfrage .csc-form-element {
  margin: 0 0 8px 0;
  float: none;
  width: 100%;
}
.container-anliegen select {
  margin: 0;
}
.container-anliegen input[type=text],
.container-anfrage input[type=text],
.container-anliegen .csc-form-element-textarea textarea,
.container-anfrage .csc-form-element-textarea textarea{
  background: #fff;
  border: 0;
  box-shadow: none;
  color: #484848;
  font-size: 14px;
  width: 100%;
  padding: 5px 3px;

}

.container-anliegen .csc-form-element-textarea textarea,
.container-anfrage .csc-form-element-textarea textarea{
    height: 70px;
}

.container-anliegen .csc-form-element-submit input,
.container-anfrage .csc-form-element-submit input {
  float: none;
  background: #484848;
  padding: 4px 10px;
  font-size: 14px;
  
}

.container-anliegen .csc-form-element-submit input,
.container-anfrage .csc-form-element-submit input {
  color: #fff;
}


.luxsystem .s-buttons_active,
.luxsystem .s-buttons:hover,
.luxsystem .side-nav_hl,
.luxsystem .side-nav_content{
  background-color: #ec6608;
}


/*luxtronix dali*/
.daliup .s-buttons_active,
.daliup .s-buttons:hover,
.luxtronic .s-buttons_active,
.luxtronic .s-buttons:hover,
.daliup .side-nav_hl,
.luxtronic .side-nav_hl,
.daliup .side-nav_content,
.luxtronic .side-nav_content{
  background-color: #349bf2;
}


/*hadler*/
.hadler .s-buttons_active,
.hadler .s-buttons:hover,
.hadler .side-nav_hl,
.hadler .side-nav_content {
  background-color: #b9b6b4;
}
.hadler .side-nav_hl,
.hadler .side-nav_content p,
.hadler .side-nav_content p a {
  color: #f7f7f0;
}

.luxsystem .data-link {
color: #fff!important;
}

.daliup .side-nav_content p,
.luxtronic .side-nav_content p,
.daliup .side-nav_content p a,
.luxtronic .side-nav_content p a {
  color: #fff;
}

.luxsystem  .side-nav_content hr {
  border-top: 1px solid #cc6903;
  border-bottom: 1px solid #fa9834;
}

.daliup .side-nav_content hr,
.luxtronic .side-nav_content hr {
  border-top: 1px solid #3490de;
  border-bottom: 1px solid #5db1f7;
}

.hadler .side-nav_content hr {
  border-top: 1px solid #828282;
  border-bottom: 1px solid #bebebe;
}

@media all and (min-width: 580px) {
  .btn-anfrage {
    top: 320px;
    padding: 10px 8px;
  }

  .btn-mail {
    top: 395px;
    padding: 20px 0 10px 0;
  }

  .btn-social {
    top: 470px;
    padding: 10px 0;
  }
  .side-nav {
    width: 330px;
  }
  
  .container-anfrage {
    top: 320px;
  }
  .container-anliegen {
    top: 395px;
  }
  .container-social {
    top: 470px;
  }  
}

@media all and (max-width: 374px) {
  .btn-anfrage,.btn-mail,.btn-social {
    display: none!important;
  }
}