/*
Waldner-FM * 2016 * Code by Martin Klonek & Curtis Bowling
Author Martin Klonek & Curtis Bowling
*/

/*@import url(https://fonts.googleapis.com/css?family=Goudy+Bookletter+1911);*/

@import url(https://fonts.googleapis.com/css?family=Lato);



/* ---------------------------------------------------------------------------- */
/* ---------------------------------WALDNER-FM--------------------------------- */
/* ---------------------------------------------------------------------------- */

.logo {
      height: 150px;
      text-align: left;
      padding-left: 35px;
    }

.kontakt_img {
      width: auto;
      height: 300px;
      display: block;
      margin-left: auto;
      margin-right: auto
      }

.kontakt_txt {
      margin: 0 auto 0 auto;
      }

.wrap-start {
      padding: 0px 0;
      font-family: 'Lato', sans-serif;
	    font-size: 100%;
      }

.art-teaser {
      /*padding: 40px 60px 30px 60px;*/
      background-image: url("../images/article_background.png");
      }


.alarmtext {
      width: auto;
      }
  

.ListSpace {
      margin-left: 30px;
      }

.ListText {
      top: -5px;
      position: relative;
      vertical-align: baseline !important;
      }



.banner_pic_start {
	  background-image: url("../images/start/start_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 580px;
    }

.banner_pic_wohn {
	  background-image: url("../images/wohnkonzepte/wohnkonzepte_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 580px;
    }

.banner_pic_medien {
	  background-image: url("../images/mediensteuerung/medienst_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 580px;
    }
  .banner_pic_medien_privat {
	  background-image: url("../images/mediensteuerung/_privat/medienst_privat_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 580px;
    }
  .banner_pic_medien_business {
	  background-image: url("../images/mediensteuerung/_business/medienst_business_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 580px;
    }


.banner_pic_led {
	  background-image: url("../images/led/led_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 580px;
    }
.banner_pic_led_privat {
	  background-image: url("../images/led/privat/led_privat_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 580px;
    }
.banner_pic_led_business {
	  background-image: url("../images/led/business/led_business_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 580px;
    }


.banner_pic_schliess {
	  background-image: url("../images/schliessanlagen/schliess_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 580px;
    }

.banner_pic_alarm {
	  background-image: url("../images/alarmanlagen/alarm_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 580px;
    }

.banner_pic_gebman {
	  background-image: url("../images/gebmanagement/gebman_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 580px;
    }

.banner_pic_referenzen {
	  background-image: url("../images/referenzen/referenzen_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 580px;
    }

.banner_pic_kontakt {
	  background-image: url("../images/kontakt/kontakt_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 580px;
    }


/* ---------------------------------------------------------------------------- */
/* ------------------------------------Reset----------------------------------- */
/* ---------------------------------------------------------------------------- */

/*font-family: 'Lato', sans-serif;*/

a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,h9,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%; margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}

p {
  background:transparent;
  border:0 none;
  font-size:100%;
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:top;
  /*-webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;*/
  }

/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */

/**:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}*/

/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */

html { -webkit-text-size-adjust: none;}
.video embed,.video object,.video iframe { width: 100%;  height: auto;}
img{max-width:100%;	height: auto;width: auto; /* ie8 */}

a{color: #222;text-decoration: none;}
a:hover {opacity: 0.5; text-decoration: none;}

h1 {
  font-size: 25px;
  line-height: 25px;
  font-family: 'Lato', sans-serif;;
  /*margin: 25px 0;*/
  padding: 15px 0;
  }

  h2	{
  font-size: 21px;
  line-height: 21px;
  font-family: 'Lato', sans-serif;;
  /*margin: 25px 0;*/
  padding: 11px 0;
  }

  h3	{
  font-size: 18px;
  line-height: 18px;
  font-family: 'Lato', sans-serif;;
  /*margin: 25px 0;*/
  padding: 8px 0;
  }

h4, h5, h6	{
  font-size: 16px;
  line-height: 16px;
  }

h9 {
  color: #4fae32;
  font-family: 'Lato', sans-serif;;
}


p{margin: 10px 0;}

.t-center{text-align: center;}
.t-left{text-align: left;}
.t-right{text-align: right;}
.f-right{float: right;}
.f-left{float: left;}

.post{}
.post:after, .post:before, article:after, article:before, section:after, section:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:after, .clearfix:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}


/* ---------------------------------------------------------------------------- */
/* ------------------------------------Html-Body------------------------------- */
/* ---------------------------------------------------------------------------- */
html, body {width:100%; padding:0; margin:0;}
body {
  
  background: url(../images/main-bg.jpg) no-repeat fixed 100% 100%;
  background-position: center;
  background-size: cover;
  }
body .wrap-body{}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Header--------------------------------- */
/* ---------------------------------------------------------------------------- */
 header{margin-top: 10px;} /* VINCE, das war der Originalwert, oberer rand */
/* header {margin-top: 0px;} /* Vince: neuer Wert, OHNE oberen Rand */

/*header .wrap-header{
    background-image: url("../images/Skylogo_Banner_1200px.jpg");
    border-top: 5px solid #4fae32;
    }*/

@media (max-width: 767px) { 
   header{margin-top: 0;}
}

/* ---------------------------------------------------------------------------- */
/* --------------------------------Zoom-Effect--------------------------------- */
/* ---------------------------------------------------------------------------- */
.zoom-container {
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: 100% !important;
}
/* ---------------------------------------------------------------------------- */
/* -------------------------------------Container------------------------------ */
/* ---------------------------------------------------------------------------- */
container {}
#container .wrap-container{
}

/* ---content-box--- */
.content-box {}
.content-box h2.header {
  font-size: 40px;
  font-weight: 500;
  color: #222;
  margin: 30px 0;
  line-height: 1.2;
  }

.content-box.box-style-1{
    /*background: #F1F1E6;*/
  }

.content-box.box-style-2{
  margin-top: 60px;
  background-image: url('../images/kontakt_box.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: auto 100%;
  background-position: center;    
  }

.content-box.box-style-3{background: url('../images/box-style-3.jpg') no-repeat fixed center center;}

.content-box .item{padding: 10px 0;}
.content-box .item:hover .item-content{/*color: #fff;*/-webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease;}

/* .content-box .item h3.item-header{font-size: 25px;margin: 0 0 20px;color:#4C4C4C;} VINCE 06.03.2017*/
  .content-box .item h3.item-header{font-size: 23px;margin: 0 0 20px;color:#222;} 

.content-box .item img{display: block;width: 100% !important;height: auto;-webkit-transition: all .5s ease; /* Safari and Chrome */-moz-transition: all .5s ease; /* Firefox */-ms-transition: all .5s ease; /* IE 9 */-o-transition: all .5s ease; /* Opera */transition: all .5s ease;}
.content-box .item .item-content{background-color: #fff;padding: 25px;border: 1px solid #ddd;}
.content-box .item span{font-size: 16px;font-weight: 500;color: #000;}
.content-box .item .item-content p {margin: 0;}


.content-box.box-1{/* border-bottom: 1px solid #ccc;"macht eine LInie unter den Kästen, kp warum, haben wir rausgenommen   padding-bottom: 30px;*/}

.content-box.box-1.item:hover a.button {
      text-decoration: underline;
}

.button_m {
      width: 180px;
      height: 40px;
      background-image: url("../images/infos_button_m.png");
      color: white;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      line-height: 40px;
      }

.button_r {
      width: 180px;
      height: 40px;
      background-image: url("../images/infos_button_r.png");
      color: white;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      line-height: 40px;
      }

.button_l {
      width: 180px;
      height: 40px;
      background-image: url("../images/infos_button_l.png");
      color: white;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      line-height: 40px;
      }


.content-box.box-1 .zoom-container{margin: 0;}
.content-box.box-1 .item:hover .zoom-container img{-webkit-transform:scale(1.25); /* Safari and Chrome */-moz-transform:scale(1.25); /* Firefox */-ms-transform:scale(1.25); /* IE 9 */-o-transform:scale(1.25); /* Opera */transform:scale(1.25);}
.content-box.box-1 .item img{display: block;width: 100% !important;height: 180px;-webkit-transition: all .5s ease; /* Safari and Chrome */-moz-transition: all .5s ease; /* Firefox */-ms-transition: all .5s ease; /* IE 9 */-o-transition: all .5s ease; /* Opera */transition: all .5s ease;}

.content-box.box-1 .item {max-width: 400px;margin: auto;}

.content-box.box-2{padding:200px 0;}

.content-box.box-3{}

.content-box.box-4{padding: 30px 0;color: #fff;}
.content-box.box-4 h2.header,
.content-box.box-4 a.button-1
{color: #000 !important;}

.link{margin-bottom: 25px;}
.link li{margin-bottom: 5px;}
.link a{display:inline-block;text-decoration:none;font-weight:bold;letter-spacing:1px}
.link a:hover{color:#f26324}
.link  li:before{content:'';margin-right: 13px;display:inline-block;width:4px;height:4px;margin-bottom:2px;background-color:#f26324}
.link  li ul{display:none}

div.excerpt>ul {
    list-style-image:url("../images/haekchen.png");
}

/* ---MainContent-Article--- */
#main-content {}

#main-content .wrap-content {
  padding: 30px 0;
  font-family: 'Lato', sans-serif;
	font-size: 100%;
  }

article{/*background: rgba(255,255,255,0.6); color: #3F3F3F; margin-bottom: 40px; border: 1px solid #ddd;*/ margin-bottom:30px; color:#222222;}
article:after, article:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
article img{max-height: 400px;width: 100%; border: none;}
article .art-header{}

article .art-content {
  padding: 40px 60px 30px 60px;
  background-image: url("../images/article_background.png");
  }

article .art-content blockquote {border-left: 3px solid #1c7791;font-size: 18px;margin: 0 50px;font-style: italic;color: #666;padding-left: 20px;}
article .art-content ol {float: left;text-align: justify;margin: 10px 50px;font-size: 16px;list-style-type: circle;}

article .entry-title {
  margin: 0 0 20px;
  /*text-align: center; original Wert*/
  }

article  h1.entry-title{line-height: 1.2;font-size: 38px;}
article h2{line-height: 1.1;font-size: 20px;margin: 0;}
article .info a{ color: #BE0A0A;}
article .info a:hover{ text-decoration: underline;}



/* ---------------------------------------------------------------------------- */
/* --------------------------------------Footer-------------------------------- */
/* ---------------------------------------------------------------------------- */
footer{background: rgba(0,0,0,0.6);;padding: 10px 0;}
footer .copy-right {
  color: #fff;
  margin-top: 20px;
  font-family: 'Lato', sans-serif;
  }

ul.bottom-social li{margin-right: 7px;display: inline-block;text-align: center;}
ul.bottom-social li a{padding: 7px;display: block;width: 25px;height: 25px;border-radius: 50%;font-size: 19px;color: #ffffff;background: #4fae32;}
ul.bottom-social li a i{margin-top: 4px;}
ul.bottom-social li a:hover, ul.bottom-social li a:focus, ul.bottom-social li a:active{opacity: 0.7;}


/* ---------------------------------------------------------------------------- */
/* -------------------------------------Contact-------------------------------- */
/* ---------------------------------------------------------------------------- */

#contact_form *{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.contact h3{margin-left: 30px;}
#contact_form {padding:0px;}

#ff label {cursor:pointer;margin:5px 0;display:block;font-weight:bold;}

#ff input {display:block;width:100%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#000;	border:1px solid #4fae32;padding:13px;margin: 5px 0 25px 0;font-size: 16px;max-height: 45px;}

#ff textarea {display:block;width:100%;height:200px; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#fff; color:#000;	border:1px solid #4fae32;padding:10px;margin: 5px 0 25px 0;}

#ff .sendButton {cursor:pointer;background-color:#4fae32;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;;width:35%;color:#ffffff;}
#ff .sendButton:hover {opacity: 0.8;}


/* ---------------------------------------------------------------------------- */
/* -------------------------------------Button--------------------------------- */
/* ---------------------------------------------------------------------------- */
a.button-1{color: #000;font-family: 'Racing Sans One', cursive;font-size: 16px;margin: 20px 0;}
a.button-1:hover{text-decoration: underline;}

a.button-2 {
  font-family: 'Lato', sans-serif;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 20px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 40px;
  }

a.button-2:hover{background-color: rgba(0, 0, 0, 0.9);}



/* ---------------------------------------------------------------------------- */
/* ---------------------------------Slider------------------------------------- */
/* ---------------------------------------------------------------------------- */
.rslides{}

.callbacks_container {
  
  position: relative;
  float: left;
  width: 100%;
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
  
/* ---------------------------------------------------------------------------- */
/* --------------------------------------Zoom---------------------------------- */
/* ---------------------------------------------------------------------------- */
.zoom-container {
	position: relative;
	overflow: hidden;
	display: inline-block;
	font-size: 16px;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-bottom: 20px;
}
.zoom-container img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
	
}
.zoom-container .zoom-caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	font-size: 15px;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container .zoom-caption h3{font-family: 'Shadows Into Light', cursive;}
.zoom-container .zoom-caption a{font-size: 20px; color: #fff;}
.zoom-container .zoom-caption i{
	display: block;
	text-align: center;
	font-size: 40px;
	color: #333;
}

.zoom-container:hover img {
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.zoom-container:hover .zoom-caption {
	background: rgba(255, 223, 0, 0.7);
	z-index: 10;
	color: #333;
}
.caption-inner {
	display: table;
	width: 100%;
	height: 100%;
}
.caption-inner1 {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
/* ---------------------------------------------------------------------------- */
/* --------------------------------Google-Map---------------------------------- */
/* ---------------------------------------------------------------------------- */
.maps iframe{
    pointer-events: none;
}









/* ---------------------------------------------------------------------------- */
/* --------------------------------Media--------------------------------------- */
/* ---------------------------------------------------------------------------- */


@media only screen and (min-width: 960px) and (max-width: 1199px) {

.banner_pic_start {
    background-image: url("../images/start/start_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 464px;
	  }

.banner_pic_wohn {
	  background-image: url("../images/wohnkonzepte/wohnkonzepte_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 464px;
    }

.banner_pic_medien {
	  background-image: url("../images/mediensteuerung/medienst_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 464px;
    }
.banner_pic_medien_privat {
	  background-image: url("../images/mediensteuerung/_privat/medienst_privat_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 464px;
    }
.banner_pic_medien_business {
	  background-image: url("../images/mediensteuerung/_business/medienst_business_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 464px;
    }

.banner_pic_led {
    background-image: url("../images/led/led_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 464px;
	  }
.banner_pic_led_privat {
    background-image: url("../images/led/privat/led_privat_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 464px;
	  }
.banner_pic_led_business {
    background-image: url("../images/led/business/led_business_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 464px;
	  }

.banner_pic_schliess {
    background-image: url("../images/schliessanlagen/schliess_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 464px;
	  }

  .banner_pic_alarm {
    background-image: url("../images/alarmanlagen/alarm_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 464px;
	  }

.banner_pic_gebman {
    background-image: url("../images/gebmanagement/gebman_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 464px;
	}

  .banner_pic_referenzen {
    background-image: url("../images/referenzen/referenzen_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 464px;
  	}

.banner_pic_kontakt {
    background-image: url("../images/kontakt/kontakt_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 464px;
	  }


.content-box.box-style-2 {
  background-attachment: scroll;
  }

}


@media only screen and (min-width: 768px) and (max-width: 959px) {

.banner_pic_start {
    background-image: url("../images/start/start_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 370px;
  	}

  .banner_pic_wohn {
    background-image: url("../images/wohnkonzepte/wohnkonzepte_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 370px;
  	}

.banner_pic_medien {
    background-image: url("../images/mediensteuerung/medienst_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 370px;
  	}
.banner_pic_medien_privat {
    background-image: url("../images/mediensteuerung/_privat/medienst_privat_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 370px;
  	}
.banner_pic_medien_business {
    background-image: url("../images/mediensteuerung/_business/medienst_business_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 370px;
  	}


.banner_pic_led {
    background-image: url("../images/led/led_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 370px;
	  }
.banner_pic_led_privat {
    background-image: url("../images/led/privat/led_privat_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 370px;
	  }
.banner_pic_led_business {
    background-image: url("../images/led/business/led_business_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 370px;
	  }


.banner_pic_schliess {
    background-image: url("../images/schliessanlagen/schliess_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 370px;
	  }

  .banner_pic_alarm {
    background-image: url("../images/alarmanlagen/alarm_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 370px;
	  }

	.banner_pic_gebman {
    background-image: url("../images/gebmanagement/gebman_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 370px;
	  }

  .banner_pic_referenzen {
    background-image: url("../images/referenzen/referenzen_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 370px;
	  }

  .banner_pic_kontakt {
    background-image: url("../images/kontakt/kontakt_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 370px;
  	}


.content-box.box-style-2 {
  background-attachment: scroll;
  }

.content-box .item h3.item-header {
    font-size: 18px;
    margin: 0 0 20px;
    color:#222;
    }

}


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

.banner_pic_start {
    background-image: url("../images/start/start_banner_d.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 370px;
	  }

  .banner_pic_wohn {
    background-image: url("../images/wohnkonzepte/wohnkonzepte_banner_d.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 370px;
	  }


.banner_pic_medien {
    background-image: url("../images/mediensteuerung/medienst_banner_d.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 370px;
	  }
.banner_pic_medien_privat {
    background-image: url("../images/mediensteuerung/medienst_banner_d.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 370px;
	  }
.banner_pic_medien_business {
    background-image: url("../images/mediensteuerung/medienst_banner_d.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 370px;
	  }


.banner_pic_led {
    background-image: url("../images/led/led_banner_d.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 370px;
	  }
.banner_pic_led_privat {
    background-image: url("../images/led/led_banner_d.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 370px;
	  }
.banner_pic_led_business {
    background-image: url("../images/led/led_banner_d.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 370px;
	  }


.banner_pic_schliess {
    background-image: url("../images/schliessanlagen/schliess_banner_d.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 370px;
	  }

.banner_pic_alarm {
    background-image: url("../images/alarmanlagen/alarm_banner_d.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 370px;
	  }

  .banner_pic_gebman {
    background-image: url("../images/gebmanagement/gebman_banner_d.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 370px;
  	}

  .banner_pic_referenzen {
    background-image: url("../images/referenzen/referenzen_banner_a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 370px;
  	}

  .banner_pic_kontakt {
    background-image: url("../images/kontakt/kontakt_banner_a.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	  height: 370px;
	  }


.content-box.box-style-2 {
    background-attachment: scroll;
    }

.content-box .item h3.item-header {
    font-size: 18px;
    margin: 0 0 20px;
    color:#222;
    }

p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    
  }
}

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

      .kontakt_img {
        height:auto;
      }
    }