body {
  font-family: 'Roboto', sans-serif;
  font-weight:300;
}


.heading-block h1,
.heading-block h2,
.heading-block h3,
.heading-block h4,
.emphasis-title h1,
.emphasis-title h2 {
	margin-bottom: 0;
	font-weight: 300;
	text-transform: none;
	letter-spacing: 1px;
	color: #333;
}

@media (min-width: 768px) {
  .heading-block h1 { font-size: 64px; }

  .heading-block h2 { font-size: 30px; }

  .heading-block h3 { font-size: 26px; }
}

.heading-block h2 {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}


@media (max-width: 768px) {
  .topmargin {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
}


.lead {
  /* font-weight:normal; */
  font-weight:300;
}


@media (min-width: 768px) {
  .lead {
    font-size: 20px;
  }
}

/* Go To Top XS */
@media (max-width: 768px) {

  #gotoTop-xs {
  	width: 40px;
  	height: 40px;
  	background-color: #ea5c00;
  	font-size: 20px;
  	line-height: 36px;
  	text-align: center;
  	color: #FFF;
  	cursor: pointer;
  	border-radius: 2px;
  }


  #gotoTop-xs:hover { opacity:.5; }
}

/* Modal */
.ajax-modal-title, .modal-padding {
  padding: 20px;
}

.ajax-modal-title h2 {
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 0;
    text-transform: none;
}


/* Magnific Popup CSS */
@media (min-width: 768px) {
  .mfp-counter {
  	position: absolute;
  	top: 0;
  	right: 0;
  	color: #CCC;
  	font-size: 18px;
  	line-height: 24px;
    font-weight:bold;
  	white-space: nowrap;
  }
}

#icon-linked-in {
    background-color:#fff;
}

/* ----------------------------------------------------------------
	Sticky Header
-----------------------------------------------------------------*/

#primary-menu ul ul a {
	font-family: 'Raleway', sans-serif;
}

@media (min-width: 1200px) {

  #header,
  #header-wrap,
  #logo img,
  #primary-menu:not(.style-2),
  #primary-menu:not(.style-2) > ul {
  	height: 200px;
  }

  #header-wrap {
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.65) !important;
  }

  #primary-menu ul li.mega-menu .mega-menu-content, .floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content {
      top: 200px;
  }

  #primary-menu ul li a {
      height: 200px;
  }

  #primary-menu ul ul li:hover > a {
  	padding-left: 15px;
  }

}

@media (min-width: 992px) and (max-width: 1200px) {

    #header.full-header #logo {

        padding-right:0px;
        margin-right:0px;
    }
}



/* ----------------------------------------------------------------
	Custom styles
-----------------------------------------------------------------*/

/* News */
ul.newslist {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
}

ul.newslist li i {
    font-size: 16px;
    height: 16px;
    margin-right: 0px;
    position: relative;
    text-align: center;
    top: -2px;
    width: 16px;
}


ul.newslist li {
    font-size: 16px;
    border-bottom: 2px solid #8A8383;
    margin:10px 0;
    padding:10px 0;
}

@media (min-width: 768px) {

  ul.newslist li i {
      font-size: 20px;
      height: 20px;
      margin-right: 0px;
      position: relative;
      text-align: center;
      top: -2px;
      width: 20px;
  }

  ul.newslist li {
      font-size: 20px;
      border-bottom: 4px solid #8A8383;
      margin:10px 0;
      padding:10px 0;
  }
}


.image-zoom {
  position:absolute;
	z-index: 299;
	font-size: 20px;
	width: 40px;
	height: 40px;
	background-color: #333;
	background-color: rgba(0,0,0,0.3);
	line-height: 40px;
	text-align: center;
	color: #FFF;
	top: auto;
	left: auto;
	right: 25px;
	bottom: 10px;
	cursor: pointer;
	border-radius: 2px;
}

body:not(.device-touch) .image-zoom {
	transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
}

.image-zoom:hover { background-color: #ea5c00; }



/* Section emphasis */

.visuell-emphasis {
  color:#ea5c00 !important;
}

.about-emphasis {
  color:#938b1d !important;
}

.raumdekor-emphasis {
  color:#bdd1c8 !important;
}

.tapeten-emphasis {
  color:#c27f55 !important;
}

.glasdekor-emphasis {
  color:#d0b152 !important;
}

.folienplott-emphasis {
  color:#9ab6e1 !important;
}

/* Webkit only! */
.transparenz-emphasis {
  color:#878787 !important;
	background: -webkit-linear-gradient(left, #fff, #333);
	background: linear-gradient(left, #fff, #333);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.spanntextil-emphasis {
  color:#e6eb84 !important;
  text-shadow: 0px 0px 25px #fff;
}

.kueche-emphasis {
  color:#e1de81 !important;
}

.beschriftung-emphasis {
  color:#3d5a9c !important;
}

.bad-emphasis {
  color:#bfeaff !important;
}

.bildveredelung-emphasis {
  color:#bf553d !important;
}

.fineart-emphasis {
  color:#757778 !important;
}

.museum-emphasis {
  color:#9f885b !important;
}

.fotografie-emphasis {
  color:#bb221e !important;
}

.xxxl-emphasis {
  color:#009f00 !important;
}

.montage-emphasis {
  color:#b14a99 !important;
}


/* Parallax backgrounds */

.parallax {
  box-shadow: 0 15px 30px 0px rgba(0, 0, 0, 0.65) inset !important;
  position: relative;
}

.visuell-stempel {
  position: absolute;
  right: 30px;
  bottom: 30px;
  width: 180px;
  height: auto;
  z-index: 10;
  pointer-events: none;
}

@media (min-width: 768px) {
  .visuell-stempel {
    right: 60px;
    bottom: 60px;
    width: 260px;
  }
}

@media (min-width: 1200px) {
  .visuell-stempel {
    right: 80px;
    bottom: 80px;
    width: 320px;
  }
}

/* Default: 1440 x 900 */
@media screen and (min-width: 768px) {

  .parallax {
    height:900px;
    background-size:cover;
  }

  #visuell-1 {
    background-image: url('../media/images/visuell/2_frontbild.jpg');
  }

  #visuell-2 {
    background-image: url('../media/images/visuell/2_frontbild-2.jpg');
  }

  #visuell-3 {
    background-image: url('../media/images/visuell/2_frontbild-3.jpg');
  }

  #visuell-4 {
    background-image: url('../media/images/visuell/2_frontbild-5.jpg');
  }

  #visuell-5 {
    background-image: url('../media/images/visuell/2_frontbild-6.jpg');
  }

  #visuell-6 {
    background-image: url('../media/images/visuell/2_frontbild-7.jpg');
  }

  #visuell-7 {
    background-image: url('../media/images/visuell/2_frontbild-8.jpg');
  }

  #visuell-8 {
    background-image: url('../media/images/visuell/2_frontbild-9.jpg');
  }

  #visuell-9 {
    background-image: url('../media/images/visuell/2_frontbild-10.jpg');
  }

  #visuell-10 {
    background-image: url('../media/images/visuell/2_frontbild-11.jpg');
  }

  #about {
    background-image: url('../media/images/3_1_ueberuns.jpg');
  }


  /* Lazy loaded Parallax backgrounds */
  .zoinked #raumdekor {
    background-image: url('../media/images/4_1_raumdekor.jpg');
  }

  .zoinked #bildveredelung {
    background-image: url('../media/images/20_bildveredelung_Sparkasse_ImmoCenter_Rot.jpg');
  }

  .zoinked #tapeten {
    background-image: url('../media/images/5_1_individualtapete_Tapete.jpg');
  }

  .zoinked #glasdekor {
    background-image: url('../media/images/7_1_glasdekor_Dr_Fatar-Mannheim.jpg');
  }

  .zoinked #folienplott {
    background-image: url('../media/images/9_folienplott_CRiF_IMG.jpg');
  }

  .zoinked #transparenz {
    background-image: url('../media/images/10_transparenz.jpg');
  }

  .zoinked #spanntextil {
    background-image: url('../media/images/11_1_spanntextil_Siemens_Textil.jpg');
  }

  .zoinked #lightbox {
    background-image: url('../media/images/12_1_lightbox_Faecherbad.jpg');
  }

  .zoinked #kueche {
    background-image: url('../media/images/13_1_kueche.jpg');
  }

  .zoinked #beschriftung {
    background-image: url('../media/images/15_1_beschriftung_Dr_Fatar.jpg');
  }

  .zoinked #bad {
    background-image: url('../media/images/18_1_bad.jpg');
  }

  .zoinked #fineart {
    background-image: url('../media/images/22_fineart.jpg');
  }

  .zoinked #museum {
    background-image: url('../media/images/23_museum.jpg');
  }

  .zoinked #fotografie {
    background-image: url('../media/images/24_fotografie.jpg');
  }

  .zoinked #xxxl {
    background-image: url('../media/images/25_xxxl_Staatstheater.jpg');
  }

  .zoinked #montage {
    background-image: url('../media/images/26_montage.jpg');
  }

  .zoinked #contact {
    background-image: url('../media/images/27_2_kontakt.jpg');
  }
}



/* Small devices, ipad portrait */
@media only screen and (max-width: 767px),
only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

  .parallax {
    height:576px;
  }

  #visuell-1 {
    background-image: url('../media/images/visuell/2_frontbild_768x576.jpg');
  }

  #visuell-2 {
    background-image: url('../media/images/visuell/2_frontbild-2_768x576.jpg');
  }

  #visuell-3 {
    background-image: url('../media/images/visuell/2_frontbild-3_768x576.jpg');
  }

  #visuell-4 {
    background-image: url('../media/images/visuell/2_frontbild-5_768x576.jpg');
  }

  #visuell-5 {
    background-image: url('../media/images/visuell/2_frontbild-6_768x576.jpg');
  }

  #visuell-6 {
    background-image: url('../media/images/visuell/2_frontbild-7_768x576.jpg');
  }

  #visuell-7 {
    background-image: url('../media/images/visuell/2_frontbild-8_768x576.jpg');
  }

  #visuell-8 {
    background-image: url('../media/images/visuell/2_frontbild-9_768x576.jpg');
  }

  #visuell-9 {
    background-image: url('../media/images/visuell/2_frontbild-10_768x576.jpg');
  }

  #visuell-10 {
    background-image: url('../media/images/visuell/2_frontbild-11_768x576.jpg');
  }

  #about {
    background-image: url('../media/images/3_1_ueberuns_768x576.jpg');
  }

  /* Lazy loaded Parallax backgrounds */
  .zoinked #raumdekor {
    background-image: url('../media/images/4_1_raumdekor_768x576.jpg');
  }

  .zoinked #bildveredelung {
    background-image: url('../media/images/20_bildveredelung_Sparkasse_ImmoCenter_Rot_768x576.jpg');
  }

  .zoinked #tapeten {
    background-image: url('../media/images/5_1_individualtapete_Tapete_768x576.jpg');
  }

  .zoinked #glasdekor {
    background-image: url('../media/images/7_1_glasdekor_Dr_Fatar-Mannheim_768x576.jpg');
  }

  .zoinked #folienplott {
    background-image: url('../media/images/9_folienplott_CRiF_IMG_768x576.jpg');
  }

  .zoinked #transparenz {
    background-image: url('../media/images/10_transparenz_768x576.jpg');
  }

  .zoinked #spanntextil {
    background-image: url('../media/images/11_1_spanntextil_Siemens_Textil_768x576.jpg');
  }

  .zoinked #lightbox {
    background-image: url('../media/images/12_1_lightbox_Faecherbad_768x576.jpg');
  }

  .zoinked #kueche {
    background-image: url('../media/images/13_1_kueche_768x576.jpg');
  }

  .zoinked #beschriftung {
    background-image: url('../media/images/15_1_beschriftung_Dr_Fatar_768x576.jpg');
  }

  .zoinked #bad {
    background-image: url('../media/images/18_1_bad_768x576.jpg');
  }

  .zoinked #fineart {
    background-image: url('../media/images/22_fineart_768x576.jpg');
  }

  .zoinked #museum {
    background-image: url('../media/images/23_museum_768x576.jpg');
  }

  .zoinked #fotografie {
    background-image: url('../media/images/24_fotografie_768x576.jpg');
  }

  .zoinked #xxxl {
    background-image: url('../media/images/25_xxxl_Staatstheater_768x576.jpg');
  }

  .zoinked #montage {
    background-image: url('../media/images/26_montage_768x576.jpg');
  }

  .zoinked #contact, .zoinked #contact-xs {
    background-image: url('../media/images/27_2_kontakt_768x576.jpg');
  }
}


/* ipad landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)  {

  .parallax {
    height:768px;
  }

  #visuell-1 {
    background-image: url('../media/images/visuell/2_frontbild_1024x768.jpg');
  }

  #visuell-2 {
    background-image: url('../media/images/visuell/2_frontbild-2_1024x768.jpg');
  }

  #visuell-3 {
    background-image: url('../media/images/visuell/2_frontbild-3_1024x768.jpg');
  }

  #visuell-4 {
    background-image: url('../media/images/visuell/2_frontbild-5_1024x768.jpg');
  }

  #visuell-5 {
    background-image: url('../media/images/visuell/2_frontbild-6_1024x768.jpg');
  }

  #visuell-6 {
    background-image: url('../media/images/visuell/2_frontbild-7_1024x768.jpg');
  }

  #visuell-7 {
    background-image: url('../media/images/visuell/2_frontbild-8_1024x768.jpg');
  }

  #visuell-8 {
    background-image: url('../media/images/visuell/2_frontbild-9_1024x768.jpg');
  }

  #visuell-9 {
    background-image: url('../media/images/visuell/2_frontbild-10_1024x768.jpg');
  }

  #visuell-10 {
    background-image: url('../media/images/visuell/2_frontbild-11_1024x768.jpg');
  }

  #about {
    background-image: url('../media/images/3_1_ueberuns_1024x768.jpg');
  }

  /* Lazy loaded Parallax backgrounds */
  .zoinked #raumdekor {
    background-image: url('../media/images/4_1_raumdekor_1024x768.jpg');
  }

  .zoinked #bildveredelung {
    background-image: url('../media/images/20_bildveredelung_Sparkasse_ImmoCenter_Rot_1024x768.jpg');
  }

  .zoinked #tapeten {
    background-image: url('../media/images/5_1_individualtapete_Tapete_1024x768.jpg');
  }

  .zoinked #glasdekor {
    background-image: url('../media/images/7_1_glasdekor_Dr_Fatar-Mannheim_1024x768.jpg');
  }

  .zoinked #folienplott {
    background-image: url('../media/images/9_folienplott_CRiF_IMG_1024x768.jpg');
  }

  .zoinked #transparenz {
    background-image: url('../media/images/10_transparenz_1024x768.jpg');
  }

  .zoinked #spanntextil {
    background-image: url('../media/images/11_1_spanntextil_Siemens_Textil_1024x768.jpg');
  }

  .zoinked #lightbox {
    background-image: url('../media/images/12_1_lightbox_Faecherbad_1024x768.jpg');
  }

  .zoinked #kueche {
    background-image: url('../media/images/13_1_kueche_1024x768.jpg');
  }

  .zoinked #beschriftung {
    background-image: url('../media/images/15_1_beschriftung_Dr_Fatar_1024x768.jpg');
  }

  .zoinked #bad {
    background-image: url('../media/images/18_1_bad_1024x768.jpg');
  }

  .zoinked #fineart {
    background-image: url('../media/images/22_fineart_1024x768.jpg');
  }

  .zoinked #museum {
    background-image: url('../media/images/23_museum_1024x768.jpg');
  }

  .zoinked #fotografie {
    background-image: url('../media/images/24_fotografie_1024x768.jpg');
  }

  .zoinked #xxxl {
    background-image: url('../media/images/25_xxxl_Staatstheater_1024x768.jpg');
  }

  .zoinked #montage {
    background-image: url('../media/images/26_montage_1024x768.jpg');
  }

  .zoinked #contact, .zoinked #contact-xs {
    background-image: url('../media/images/27_2_kontakt_1024x768.jpg');
  }


}