/* Demo site CSS. Not mobile first, not semantic, not optimized, made for 20 minutes, mess 
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, fieldset, legend, label, table, head.rower, footer, nav, section1, section2, figure {
  margin: 0;
  padding: 0; 
}
*/
figure {
  display: table;
  text-align:center;
  margin-left:0px;
  font-size:100%;
  margin-top:.6em;
  margin-bottom:.6em;
  line-height:1.1em;
 background:transparent !important;
  max-width:100%;
  }
* {
   -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
}

img {
  /*width: auto;*/
  /*max-width: 100%;*/
  /* width:auto !important;*/
  width:auto;
  height: auto;
  
  border: 0;
}


.row1 {
  max-width: 980px;
  margin:0;
  margin-top:24px;
  padding: 0 30px;
  position: relative;
  /*margin-right:-15px;*/
/*padding:0;*/
  padding: 0;
  position: relative;}


/* clearfix */
.row1:after{
  content: " "; 
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.demo-gallery {
  position:relative;
  max-width: 100%;
  height: auto;
  float: left;
  float: none;
  margin:0;
  margin-top:-20px;
  margin-top:-1.25em;
  margin-bottom:0;
  padding:0;
  background:transparent;
  vertical-align:top;
  display:block;
}

.demo-gallery a {
 -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  display:block;
  float: left;
  margin: 0 1.25em .375em 0;
  margin: 0 .6em .6em 0;

padding:0;
  width: auto;

  height:auto;
  line-height: 0;
  /*z-index:1000;*/
}

.demo-gallery img {
	max-width:100% !important;
}


/* Definitionen für Innenraumgestaltung */

.demo-gallery__img--main1  {
  max-width:100%;
  height: auto;
 /* display:inline-block;*/
  
}

.demo-gallery__img--main2  {
  max-width:100%;
  height: auto;
  /* display:inline-block;*/
}
.demo-gallery__img--main3  {
  max-width:100%;
  height: auto;
  /* display:inline-block;*/
}


/* Definitionen für Wärmedämmung */

.demo-gallery__img--main  {
  max-width:100%;
  height: auto;
  /*display:inline-block; */
}
.demo-gallery__img--main5  {
  max-width:100%;
  height: auto;
  /*display:inline-block; */
}
.demo-gallery__img--main5 img {
  max-width:100% !important;
  /*display:block;*/
}

/* Definitionen für Unternehmen */

.demo-gallery__img--main3_1  {
  max-width:100%;
  height: auto;
  /*display:inline-block; */
  margin-right:10% !important;
}

.demo-gallery__img--main3_2  {
  max-width:100%;
  height: auto;
 /* display:inline-block; */
  margin-right:10% !important;

}

.demo-gallery__img--main3_3  {
  max-width:100%;
  height: auto;
  /*display:inline-block; */
}


@media screen and (max-width: 1050px) {
.demo-gallery__img--main1 {
  max-width:60%;
  height: auto;
  /*display:block;*/
  /*background:aqua;*/
  /*width:auto;*/
}

.demo-gallery__img--main1 img {
  max-width:100% ;
  /*display:block;*/
}

.demo-gallery__img--main2 {
  
  max-width:37% ;
  height:auto ;
  /*display:block;*/
  /*background:red;*/
  /*width:auto;*/
}

.demo-gallery__img--main2 img {
  max-width:100% ;
  /*display:inline;*/
}
.demo-gallery__img--main3 {
  
   max-width:37% ;
  height:auto ;
  /*display:block;*/
  /*background:red;*/
  /*width:auto;*/
}
.demo-gallery__img--main3 img {
  max-width:100% ;
  /*display:inline;*/
}
/* Definitionen für Wärmedämmung */

.demo-gallery__img--main {
  
  max-width:45%;
  height:auto !important;
  /*display:block;
  width:auto;*/
}
.demo-gallery__img--main img {
  max-width:100% ;
 /* display:inline;*/
}
/* Definitionen für Unternehmen */

.demo-gallery__img--main3_1  {
  max-width:28%;
    max-width:25%;

  height: auto;
  /*display:inline-block; */
  /*margin-right:5% !important ;*/
}
.demo-gallery__img--main3_1 img {
  max-width:100% ;
  /*display:inline;*/
}
.demo-gallery__img--main3_2  {
  max-width:28%;
      max-width:25%;

  height: auto;
  /*display:inline-block; */
  /*  margin-right:5% !important;*/

}
.demo-gallery__img--main3_2 img {
  max-width:250% ;
  height:auto;
  /*display:inline;*/
}
.demo-gallery__img--main3_3  {
  max-width:28%;
      max-width:25%;

  height: auto;
  /*display:inline-block; */
}
.demo-gallery__img--main3_3 img {
  max-width:100% ;
  /*display:inline;*/

}
.demo-gallery__img--main5 {
  max-width:100%;
  height: auto;
  /*display:block;*/
  /*background:aqua;*/
  /*width:auto;*/
}


.demo-gallery__img--main5 img {
  max-width:100% ;
  height:auto;
  /*display:block;*/
}



/*a.demo-gallery__img--main:nth-child(2) {
	 height:45% !important;
}
a.demo-gallery__img--main:nth-child(3) {
	 height:45% !important;
}
*/
}


@media screen and (max-width: 1000px) {
/* a.demo-gallery  {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  float: left;
    margin: 0 .5em .5em 0;

  width:auto;
  height:auto;
  line-height: 0;
  display:block;
  background:transparent;
}
*/
.demo-gallery__img--main1 {
  max-width:59%;
  height: auto;
 /* display:block;
  width:auto;*/
}
.demo-gallery__img--main1 img {
  max-width:100% ;
  /*display:block;*/
}
.demo-gallery__img--main2 {
  
  max-width:35.5% ;
  height:auto ;
  /*display:block;
  width:auto;*/
}
.demo-gallery__img--main2 img {
  max-width:100% ;
 /* display:inline;*/
}
.demo-gallery__img--main3 {
  
   max-width:35.5% ;
  height:auto ;
 /* display:block;
  width:auto;*/
}
.demo-gallery__img--main3 img {
  max-width:100% ;
  height:auto;
 /* display:inline;*/
}

/* Definitionen für Unternehmen */

.demo-gallery__img--main3_1  {
  max-width:28%;
  max-width:25%;
  height: auto;
  /*display:inline-block; */
 /* margin-right:5% !important;*/
}

.demo-gallery__img--main3_2  {
  max-width:28%;
    max-width:25%;

  height: auto;
 /* display:inline-block; */
 /* margin-right:5% !important;*/

}

.demo-gallery__img--main3_3  {
  max-width:28%;
    max-width:25%;

  height: auto;
  /*display:inline-block; */
}

.demo-gallery__img--main5 {
  max-width:100%;
  height: auto;
  /*display:block;*/
  /*background:aqua;*/
  /*width:auto;*/
}

.demo-gallery__img--main5 img {
  max-width:100%;
  /*display:block;*/
}

}