/*Pink E60383 bzw. E60383*/


body{
    color:#333333;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    background-color:#fff;
    background-image: url(https://www.elektro-himmel.com/layout/ebay2016/assets/images/bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    margin-top:70px;} 

b, strong {
    font-weight: 600;
}

::selection {
    background: #318edb;
    color: #fff;
}
::-moz-selection {
    background: #318edb;
    color: #fff;
}


.container {max-width: 1170px; padding:0; overflow: hidden;}
.wrap-container { min-height: 800px;  background-color:transparent;  }
.header-container {background-color:transparent;padding: 20px 0 10px 0;}
.main-container {background-color:transparent;};
.footer-container {background-color:#ac2127; color:#fff; margin-top: 30px;}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Source Sans Pro', sans-serif; }
h1 {font-size: 22px;    font-weight: bold; margin-bottom: 20px;}
h2 {font-size: 20px; color:#318edb;}

h1, p { 
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}

a {
    color: #318edb;
    text-decoration: none;
}

a:hover {
    color: #318edb;
    text-decoration: underline;
}

ul { margin-bottom: 30px; }
ul li {list-style: none; list-style-type: disc; padding:0;}

.vertical-align {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

.center {text-align: center;}


#external_header_kombi {background-color:#e7f4fc; border: 1px dotted #318edb; padding: 10px 30px 20px;  margin-top: 25px; margin-bottom: 5px; }
#external_header_kombi h1, #external_header_kombi h2, #external_header_kombi h3 {color: #318edb;}
#external_header_kombi p {color:#212121;}

.service {float:right;margin-top: -20px;}
.tel {font-size: 18px;font-weight: 600;}
.oeff {font-size: 14px;}
.service a {color:#000;}
.tel span {font-weight: normal;}
div.block .marker {background-color: #ffff00; color: #000; padding-left: 25px; padding-right: 25px;}


div.block { background-color: #fff; margin: 0 0 25px; border: 1px solid #318edb; padding-left: 20px; padding-right: 20px; padding-top: 0; }
div.block h1 {color: #318edb; font-weight: 600;margin-bottom: 10px;  margin-top: 20px; letter-spacing: 0px; line-height: 1em;}
div.block h2 {color: #318edb; font-size: 25px;  font-weight: 600; margin-left: -20px;  margin-right: -20px;  margin-bottom: 5px;   padding-left: 20px;  padding-right: 20px;   padding-top: 18px;    padding-bottom: 15px; margin-top: 0;}
div.block h3 {color:#212121; font-size: 20px;  margin-bottom: 5px;  }

div.gradiant,
div.block .gradiant {
    background: #E7F4FC; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #E7F4FC 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#E7F4FC)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#E7F4FC 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#E7F4FC 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#E7F4FC 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#E7F4FC 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E7F4FC',GradientType=0 ); /* IE6-9 */
}

div.block p {margin: 0 0 20px; color:#515151; letter-spacing: -0.5px; }
.uvp {font-size: 20px; font-weight: 400; text-decoration: line-through;}

.slogan  {
    color: #E60383;font-size: 18px;padding:0 10px;}
.slogan span {color:#333333;font-size: 14px;}

.header-mail {
    font-size: 16px;
    font-weight: 600;
    padding: 12px 0 0 0px;
    float: left;
    margin-top: 145px;}

.header-mail a {
    color: #E60383;
    font-size: 16px;}

.main-container > .row > .mtop {margin: 35px 0 25px !important; }
div.sidebar {
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 55px;
}
    
.sidebar:before {
    content: "";
    display: inline-block;
    width: 100px;
    height: 32px;
    background-image: url(https://www.elektro-himmel.com/layout/ebay2016/assets/images/leftcol_titel_head.png);
    background-repeat: no-repeat;
    position: relative;
    top: -34px;
    left: -26px;
}

.xs {font-size: 13px;}
.fotonachweis {font-size: 13px;color:#efefef;}

div.sidebar h2 {
    color: #318edb;
    font-size: 25px;
    font-weight: 600;
    margin: -25px -25px 30px;
    padding: 1px 25px 15px;
}
div.sidebar h3 {margin-top: 10px;}
div.sidebar div.line {border-bottom: 3px solid #318edb;  margin-left: -25px;  margin-right: -25px;}
div.sidebar div.line2 {border-bottom: 1px solid #d7d7d7;    margin-left: 0;    margin-right: 0;    margin-top: 30px;    margin-bottom: 15px;}
div.sidebar div.spacer { margin-top: 30px;    margin-bottom: 10px;}
div.sidebar .center p {text-align: center;}

div.sidebar .center img { display: inline; }

ul.vorteile  {
    margin-left: 0;
    padding-left: 0;
}
.vorteile li {
    padding-left: 30px;
    background-image: url(https://www.elektro-himmel.com/layout/ebay2016/assets/images/vorteil.png);
    background-repeat: no-repeat;
    background-position: 2px 0;
    list-style: none;
    line-height: 1.5em;
    margin-bottom: 3px;
    }

.produktdatenblatt, .produktdatenblatt img {
    margin-bottom: 1em;
    text-align: center;
}

.batterie p {padding-top: 20px; }
.batterie img {max-width: 155px; }

.arrow-right span {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 4px;
    display: inline-block;
    float: right;
    max-width: 200px;
    padding: 5px;
    position: relative;
    right: -33px;
    top: -130px;
    z-index: 100;
}
.arrow-right span::after {
    border-bottom: 40px solid transparent;
    border-left: 40px solid #fff;
    border-top: 40px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    position: absolute;
    right: -6px;
    top: 6px;
    width: 0;
}
.arrow-right span::before {
    border-bottom: 40px solid transparent;
    border-left: 40px solid #d7d7d7;
    border-top: 40px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    position: absolute;
    right: -9px;
    top: 6px;
    width: 0;
}


.product-teaser img {
    max-height: 260px;
}

.logo img {
    max-height: 80px;
    margin-bottom: 10px;
    padding-top: 20px;
    float: right;}

div.product-teaser { margin: 35px 0 25px !important;  padding-top: 20px; height: 392px;}
div.product-teaser2 { margin: 35px 0 25px !important;  height: 392px;}

div.product-teaser2 ul {margin: 0 0 10px 0; padding: 0;}
div.product-teaser2 ul li  {list-style: none;}
div.product-teaser2 li {
    margin-left: 0px;
    padding-left: 20px;
}

div.product-teaser2 li:before {
    /*font-family: 'Glyphicons Halflings';*/
    font-family: FontAwesome;
    content: "\f00c";
    font-size: 10px;
    position: relative;
    margin-left: -20px;
    padding-right: 10px;
    top: 0px;
    color: #f4364f;
}



.product .img-responsive {    margin: 0 auto;}

.product-refinement .img-responsive {
   border: 2px solid #d7d7d7;
   margin-right: 35px;
   margin-bottom: 35px;
}

.product-details ul {
    padding-left: 20px;
}

.product-downloads ul {
    padding: 10px 0 0 0px;
}

.product-downloads ul li{
    list-style: outside none none;
}

div.line {border-bottom: 3px solid #318edb;  margin-left: -20px;  margin-right: -20px;}



.col-img-12 {width: 100%;}

img.pull-left {margin-right: 20px; margin-top: 8px;}
img.pull-right {margin-left: 20px;  margin-top: 8px;}
img.lined {    border-bottom: 3px solid #318edb;}

.ribbonbox {
  position: relative;
  margin-top: -20px;
  margin-left: -20px;
}
.ribbon {
  position: absolute;
  left: -5px; top: -9px;
  z-index: 1;
  overflow: hidden;
  width: 95px; height: 95px;
  text-align: right;
}
.ribbon span {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.5px;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 25px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 120px;
  display: block;
  background: #00ca34;
  position: absolute;
  top: 25px; left: -25px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #00ca34;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00ca34;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #00ca34;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00ca34;
}



/* accordion */

.product-faq .accordion {margin-bottom: 30px; }
.product-faq .accordion a {   color:#212121; font-size: 22px; display: block; text-decoration: none; outline: none;}
.product-faq .accordion a:hover{   text-decoration: none; outline: none;}

.product-faq .accordion .plus::before {
    content: "+";
}
.product-faq .accordion .plus {   
	  border: 1px solid #212121;
    border-radius: 100px;
    color: #212121;
    font-size: 23px;
    margin-right: 8px;
    padding: 0 10px;
    text-align: center;
    line-height: 40px;
 }
.product-faq .accordion div {margin-top: 15px;}


.product-help .accordion {margin-bottom: 30px; }
.product-help .accordion a { color:#212121; font-size: 22px; display: block; text-decoration: none; outline: none; margin-bottom: 15px;}
.product-help .accordion a:hover{   text-decoration: none; outline: none;}

.product-help .accordion .number {   
   border: 1px solid #ad2128;
    border-radius: 100px;
    color: #ad2128;
    font-size: 50px;
    margin-right: 25px;
    padding: 0 23px 4px;
    text-align: center;
    display: inline-block;
 }
.product-help .accordion div {margin-top: 15px; }

.mehr {
    display: block;
    margin-left: 98px;
}



.hervorhebung {
    color: #E60383;
    font-weight: 600;
}

.product-rating .img-responsive {
   border: 2px solid #d7d7d7;
}

div.product-rating h3 {margin-top: 0; margin-bottom: 30px;}
div.product-rating  p {color:#000;}
.product-rating .col-md-9 p{color:#515151;}

ul.spezliste {
    padding-left: 42px;
}
ul.spezliste li {
    color: #000;
    list-style: none;
    list-style-type: none;
}

ul.spezliste span.glyphicon {
    border: 1px solid #1c7a1a;
    border-radius: 100px;
    color: #1c7a1a;
    font-size: 12px;
    line-height: 31px;
    margin-left: -42px;
    margin-right: 5px;
    padding: 0 9px;
    text-align: center;
}

div.header-container .glyphicon-search {line-height: 20px;}

/* FOOTER */
.footer-container {background-color: #30A0EB; color:#ffffff;}
.footer { padding-bottom: 30px; padding-top: 30px; padding-left: 30px; padding-right: 30px; }
.footer .col-md-4 {padding-left:0;}
.footer h3 { background-color: #ffffff; color: #30A0EB; font-size: 26px; padding-left: 20px;  padding-right: 20px;  padding-top: 12px; padding-bottom: 12px; margin-bottom: 35px; letter-spacing: 0.5px;}
.footer p {line-height: 26px; margin-bottom: 30px;} 
.footer a {color:#fff; text-decoration: none;}
.footer a:hover {color:#fff; text-decoration: none;}
.footer .glyphicon {  
    border: 2px solid #fff;
    border-radius: 50px;
    font-size: 15px;
    margin-right: 8px;
    padding: 8px;
    text-align: center;
    margin-bottom: 15px;
   }
   
.footer .nextphone { 
    font-size: 26px;
    position: relative;
    top: 5px;
    letter-spacing: -0.5px;
   }

.footer .nextmail { 
    font-size: 26px;
    position: relative;
    top: 5px;
    letter-spacing: -0.5px;
 }   



.nopadding {padding-left: 0px;padding-right: 0px; }
.nobottommargin {margin-bottom: 0 !important;}
.nomargin {margin: 0 !important;}


div.nopadding {padding-left: 0px;padding-right: 0px; }
div.nobottommargin {margin-bottom: 0 !important;}
div.nomargin {margin: 0 !important;}

/* Small devices (smartphones) */
@media (max-width: 450px) {
    .service  {
	text-align: left;}
	
    .header-mail {margin-top: 0px;}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .slogan  {
	padding-top: 14px;}
    
    #search {
	margin-top: 0px;}
}

/* Medium devices (desktops,  and up) */
@media (min-width: 992px) { 
    .slogan  {
	padding-top: 68px;}
    
    #search {
	margin-top: 0px;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}