/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   

   html{
	   height: 100%;
/*
	   overflow: hidden;
	   position: relative;
*/
   }
   
   body{
	   height: 100%;
	   font-family: 'Source Code Pro', monospace;
	   font-weight: 400;
	   font-size: 14px;
	   color: #777777;
/*
	   overflow: auto;
	   position: relative;
*/
   }
   
   p{
	   margin: 0 0 0 0;
	   padding:10px 0 10px 0;
   }
   
   a{text-decoration: none;
	   color: #777777;
   }
   
   a:hover{
	   color: #009cbf;
   }
   
   .animsition{
	   height: 100%;
   }
   
   .topbar{
	   position: fixed;
	   z-index: 1;
	   max-width: 1160px;
       width: 100%;
       margin-left: auto;
       margin-right: auto;
	   left: 0;
	   right: 0;
	   top: 0px;
	   background: rgb(255,255,255);
	   opacity: 1;
	   height: 80px;
   }
   
   .topFrame{
	  position: fixed;
	   z-index: 1;
	   max-width: 1160px;
       width: 100%;
       margin-left: auto;
       margin-right: auto;
	   left: 0;
	   right: 0;
	   top: 40px;
	   height: 50px;	  
	  }
	  
	.topFrameInner{
		position: absolute;
		height: 100%;
		left: 0px;
		right: 0px;
/*
		border-top: 1px solid #009cbf;
		border-left: 1px solid #009cbf;
*/
		border-top: 1px solid rgba(120, 120, 120, 0.5);
		border-left: 1px solid rgba(120, 120, 120, 0.5);
		box-sizing: border-box; 
		display: none;
	}  
   
   .scroll_sizer{
	   max-width: 1160px;
	  width: 100%;
	   margin-left: auto;
       margin-right: auto;
	   left: 0;
	   right: 0;
	position: absolute;
	z-index: 0;
	height: 350px;  

   }
   
  .logo_container{
	  max-width: 1160px;
	  width: 100%;
	   margin-left: auto;
       margin-right: auto;
	   left: 0;
	   right: 0;
	position: absolute;
	z-index: 2;
	height: 70px;  
  }
  
  .logo{
	  width: 100%;
	  max-width: 1160px;
	   margin-left: auto;
       margin-right: auto;
	   left: 0;
	   right: 0;
	  top: 0px;
	  position: fixed;
      padding-top:20px;
      height: 51px;
      text-align: center;
  }
  
   .logo img{
   background-color: #ffffff;	   
   background-color: rgba(255,255,255,1);
   transform: scale(.65);
   padding: 0 20px 0 20px;
   	  
	  transform-origin: center center;
	  position: absolute;
	  left: 0px;
	  right: auto;
	  margin: 0px auto 0px auto;
  }

  
/*
  .logo img{
  transform: scale(.65) translate(20px, 0px);
	  transform-origin: top left;
	  position: absolute;
	  left: 0%;
  }
*/

	.mobNavBtn{
		display:none;
	}

  
   .nav{
	   position: fixed;
	   z-index: 2;
	   max-width: 1160px;
       width: 100%;
       margin-left: auto;
       margin-right: auto;
	   left: 0;
	   right: 0;
	   top: 0px;
	   
   }
   
   .nav ul{
	   position: absolute;
	   margin: 0px 0px 0px 0px;
	   padding: 0px;
	   right: 0px;
	   top: 30px;
   }
   
   .nav ul > li{
	   list-style: none;
	   float: left;
	   margin-left: 0px;
	   text-transform: lowercase;
	   font-size: 14px;
   }
   
      .nav ul > li > a{
	      text-decoration: none;
	      color: #777777;
	      background: #fff;
	      padding: 0 0px 0 20px;
      }
      
      .nav ul > li > a:hover{
      	color: #009CC0;
      }
      
      .current > a{
	      color: #009cbf !important;
	      }
      
    .home_bg{
	    max-width: 1160px;
	    width: 100%;
	    margin: 0px auto;
	    position: relative;
	    min-height: 950px;
    }  
    
    
    .sideBG{
	    position: relative;
	    max-width: 1160px;
	  	margin: 0 auto;
	    height: 100%;
	    -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
		backface-visibility: hidden;
        transform: translateZ(0);
    }
    
    .left-side{
	    position:fixed;
	    left: 0px; 
	    top: 0px;
	    height: 100%;
	    width: 100%;
	    }
	    
	    .leftFrame{
		    height: 80%;
		    width: 1px;
/* 		    background: #009cbf; */
		    background: rgba(120, 120, 120, 0.5);
		    position: absolute;
		    left: 0px;
	    }
	    
	    	    
	   	    
	    .arrow { 
/* border: solid 1px #009cbf; */
border: 1px solid rgba(120, 120, 120, 0.5);
border-width: 0 1px 1px 0;
display: inline-block;
padding: 12px;
position: absolute;
bottom: -15px;
left: -12px;
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
	    
	    
	    .leftTitle{
		writing-mode: vertical-rl;
	    transform:scale(-1);
	    position: absolute;
	    z-index: 300;
	    left: -13px;
 		text-align:right; 
		font-size: 18px;
/* 		color: #009CC0; */
        color: rgba(120, 120, 120, 0.7);
		text-transform:lowercase;
		letter-spacing: 1px;
 		background: #fff;
		padding-bottom: 105px;
		padding-top: 18px;
		white-space: nowrap;
	    }

		.rightTitle{
		writing-mode: vertical-rl;
	    position: absolute;
	    right: -10px;
		text-align: left;
		font-size: 14px;
		top: 70px;
        background: #fff;
        z-index: 1;
        padding: 10px 0px 15px 0px;
        white-space: nowrap;
        color: rgba(120, 120, 120, 0.7);
        display: none;
	    }

		.rightFrame{
		    height: 90%;
		    width: 1px;
/* 		    background: #009cbf; */
			background: rgba(120, 120, 120, 0.5);
		    position: absolute;
		    right: 0px;
		    bottom: 0px;
		    position: absolute;
		    display: none;
	    }

    
    .grid-home-item{ 
	    display: flex; 
	    margin-bottom: 90px;
	    margin-top: 60px;
	     }
    
    .grid-home-item a{
	    text-decoration: none;
	    color: #777777;
	    width: 100%; 
    }
    
    .gridHomeContainer{
	    
	    padding-top: 240px;
	   max-width: 1110px;
	   margin: 0 auto;
/*
	   margin-right: -10px;
	   margin-left: -10px;
	   margin-bottom: -10px;
*/

	    
    }
    
    .portait_container{
	    position: relative;
	    max-width: 1160px;
	    width: 100%;
	   margin: 0 auto;
	   clear: both;
		
    }
    
    
    .portrait_container_inner{
	    
	     display: flex;
	   align-items: center;
		justify-content: center;
	    
    }
    

    .portrait_text_container{
    width: auto;
	padding: 90px 30px 60px 60px;
	
	}
	
	.imprint_container{
	    position: relative;
	    max-width: 1160px;
	    width: 100%;
	   margin: 0 auto;
	   clear: both;
	   display: flex;
	   align-items: center;
		justify-content: center;
		min-height: 99%;
    }
    

    .imprint_text_container{
   
	padding: 90px 60px 10px 60px;
	
	}

	.imprint_text a{
	 word-break: break-all;
	}	

	.portrait_text_title{
		font-size: 18px;
		color: #5A5A5A;
	}
	
	 .portrait_text{
		 font-size: 14px;
		 line-height: 20px;
	 }
	
	
	.portraitImgContainer{
		width: 100%;
		display: flex;
		padding: 90px 60px 60px 30px;
		text-align: center;
		align-items: center;
		justify-content: center;
	}


	.portraitImgContainer img{
		max-width: 100%;
	}

	
    
    .gridCollectionContainer{
	    
	    max-width: 1110px;
	   margin: 0 auto;
	   padding-top: 100px;
	    
    }
    
    .CollectionItemsize-1 .homeimg{
	    width: 50%;
    }
    
     .CollectionItemsize-1 .grid-home-item-text{
	     width: 50%;
	     
     }
    
    
    .CollectionItemsize-2 .homeimg{
		width: 50%;    
    }
    
    .CollectionItemsize-2 .grid-home-item-text{
	     width: 50%;
	     
     }
     
      .CollectionItemsize-3 .homeimg{
		width: 60%;    
    }
    
    .CollectionItemsize-3 .grid-home-item-text{
	     width: 40%;
	     
     }



	     .CollectionItemsize-4 .homeimg{
		width: 40%;    
    }
    
    .CollectionItemsize-4 .grid-home-item-text{
	     width: 60%;
	     
     }

    
    .homeimg{
    	
/*     	min-width: 300px; */
    	
    	}
    
    .grid-home-item-inner{
	    display: flex;
		align-items: center;
		justify-content: center;
		margin: 0px 30px 0px 35px;
	    clear: both;
    }
    
    
   .imgR .homeimg{
	    float: right;
	    text-align: center;
    }

	.imgL .homeimg{
	    float: left;
	    text-align: center;
    }
    
    .grid-home-item-text{
	    line-height: 20px;
	    display: flex;
		align-items: center;
		flex-direction: column;
		max-width: 60%;
    }
    
    .grid-home-item-text object a:hover{
	    color: #009CC0;
    }
    
    .home-text-title{
	    font-size: 16px;
		color:#555555;
		margin-bottom: 5px;
    }
    
    .imgR .grid-home-item-text{
	    float: left;
	    padding-right: 30px;
    }


	 .imgL .grid-home-item-text{
	    float: right;
	    padding-left: 30px;
    }

    
    .homeimg img{
	    max-width: 100%;
	    height: auto;
    }

   
   .gridContainer{
	   padding-top: 350px;
	   max-width: 1180px;
	   margin: 0 auto;
	   margin-right: -10px;
	   margin-left: -10px;
	   margin-bottom: -10px;
   }
   
   .gridContainer_collections{
	   padding-top: 75px;
	   max-width: 1100px;
	   margin: 0 auto 30px auto;
/*
	   margin-right: -10px;
	   margin-left: -10px;
*/
   }

   .grid{
	   width: 100%;
	   position: relative;
   }
   
   .grid-item{
	  width: 100%; 
	  margin-top: 90px;
	  margin-bottom: 60px;
/* 	  height: 300px; */
/*
	display: flex;
  align-items: center;
  justify-content: center;
*/
   }
   
   .grid-item-inner{
/* 	   position: absolute; */
	   display: flex;
	   flex-direction: row;
	   align-items: center;
	   justify-content: center;
	   text-align: center;
	   overflow: hidden;
/*
	   top:10px;
	   right: 10px;
	   bottom:10px;
	   left: 10px;
*/
		width:auto;
		height:auto;
		margin: 0 auto;
   }
   
   .grid-item:nth-child(odd) .grid-item-inner{
	   flex-direction: row-reverse;
   }
   
   .grid-item-text{
	   position: relative;
	   padding: 30px;
	   display: inline-block;
	   align-items: center;
	   justify-content: center;
	   text-align: center;
	   text-decoration: none;
	   background: rgba(255, 255, 255, 0.9);
	   opacity: 1;
	   transition-property: opacity;
	   transition-duration: .5s;
	   font-size: 14px;
	   text-align: left;
	   max-width: 60%;
   }
   
     .grid-item-text-title{
     	color: #555555; 
     	font-size: 16px;
     	margin-bottom: 5px;
     }
     
     .previmg:hover ~ .grid-item-text a div.grid-item-text-title{
	     
	     color: #009CC0;
     }
   
   
   .grid-item-text a:hover{
	    opacity:1;
	    transition-property: opacity;
	    transition-duration: .5s;
	    color: #777777; 
    }

   
    .grid-item-text a:hover  > div.grid-item-text-title{
	    opacity:1;
	    transition-property: opacity;
	    transition-duration: .5s;
	    color: #009cbf !important;
    }
   
    .previmg{
		width: 50%;
		height: auto;
    }
   
   .previmg img{
	   
	   flex: 1;
	   width: 100%;
	   height: auto;
/* 	   object-fit: cover; */
	   
	      }
   
   .grid-sizer {
   		width: 50%;
	}
   
   .grid-item-size-1{
	   
	
   }
   
/*
   .grid-item-size-1:before {
   		content: "";
   		display: block;
   		padding-top: 100%;
	}
*/

	.grid-item-size-2{
	   	
   }
   
/*
   .grid-item-size-2:before {
   		content: "";
   		display: block;
   		padding-top: 100%;
	}
*/



   .grid-item-size-3{
	  	
   }
   
/*
   .grid-item-size-3:before {
   		content: "";
   		display: block;
   		padding-top: 50%;
	}
*/


   .grid-item-size-4{
	  	
   }
   
/*
   .grid-item-size-4:before {
   		content: "";
   		display: block;
   		padding-top: 200%;
	}
	
*/
	
	
	.gridContainer-single{
	   padding-top: 70px;
	   max-width: 1100px;
	   margin: 0 auto;
/*
	   margin-right: -10px;
	   margin-left: -10px;
	   margin-bottom: -10px;
*/
   }

	
	
	
	 .grid-sizer-single {
   		width: 50%;
	}

	.grid-item-single{
		margin-bottom: 30px;
	
	}
	
	
	.grid-item-size-single{
		width: 50%;
	}
	
	
	.grid-item-inner-single{
	 margin: 10px;
	 text-align: center;
	   }
	   
	   .previmg-single{
		   margin: 0 auto;
		   cursor: pointer;
	   }
	   

	.grid-item-inner-single img{
		width: 100%;
		height: auto;
	}


	.grid-item-title-single{
		font-size: 16px;
		color: #555555;
		margin-left: 0px;
		margin-top: 20px;
		margin-bottom: 5px;
	}
	
	
	.grid-item-text-single{
	font-size: 13px;
	line-height: 20px;
	margin: 0 auto;
	text-align: left;
	}
	
	.grid-item-text-single > p{
		margin-top: 0px;
	}

.collection_wrapper{
height: 100%;
background: #fff;
max-width: 1160px;	
margin: 0 auto;
}	
	
	
.swiper_text_container{
	position: absolute;
	height: 100%;
	width: 40%;
	float: left;
	/* Center slide text vertically */
		display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
	    flex-wrap: wrap;
		flex-direction: row;
		align-content: center;
		 padding: 0px 45px 0px 45px;
}	

.swiper_text_title{
	width: 100%;
	font-size: 18px;
	color: #5A5A5A;
	margin-bottom: 30px;
}

.swiper_text{
width: 100%;
 transition: all .5s ease-in-out;
 max-height: 100%;
 font-size: 13px;
 line-height: 20px;
}

.text_sizer{

}

.text_sizer > p:first-child, .text_sizer > p:last-child{
	margin: 0px;
	padding: 0px;
}

.mfp-bg{
	background: rgba(255, 255, 255, 1);
	opacity: 1;	
}

.mfp-content{
	height: 100%;
}

.contentSlider img {
	margin: 0 auto;
	}
	
.royalSlider {
	
	width: 100%;
	height: 100%;
}

.contentSlider {
  width: 100%;
  height: 100%;
}
.contentSlider,
.contentSlider .rsOverflow,
.contentSlider .rsSlide,
.contentSlider .rsVideoFrameHolder,
.contentSlider .rsThumbs {


}

.contentSlider .rsSlide,
.contentSlider .rsOverflow {

}
.contentSlider h3 {
  font-size: 24px;
  line-height: 31px;
  margin: 12px 0 8px;
  font-weight: bold;
}
.contentSlider img {
  max-width: 100%;
  height: auto;
  display: block;
}
.content-slider-bg {
  width: 86%;
  padding: 24px 7%;
  background: #eee;
}


    
  .rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs{
	  background: transparent;
  }
  
  .rsNav{
	  margin: 0px auto;
	  float: none !important;
	  margin-left: auto;
	  margin-right: auto;
	  left: 0;
	  right: 0;
	  text-align: left;
	  transition: width ease-in-out .3s;
	  opacity:0;
  }
  
  .rsDefault .rsBullets{
	  background: transparent;
 	  bottom: -13px; 
	  z-index: 1000;
	  text-align: left;
  }
  
  .rsDefault .rsBullet{
	  width: 5px;
	  height: 5px;
	  padding: 30px 3px 3px 3px;
  }
  
 .rsDefault .rsBullet span{
	background: #777777;
	width: 5px;
	height: 5px;
	opacity: .7;
  }
  
  .rsDefault .rsBullet.rsNavSelected span{
	  background: #555555;
	  opacity: 1;
  }
  
  
  .royalContainer {
  height: 75%;
  margin-top: 30px;
  }
  
 .caption{
	 padding: 25px 0;
 } 
  
.rsGCaption{
	   width: 100%;
	   margin-left: auto;
       margin-right: auto;
	   left: 0;
	   right: 0;
	   text-align: left;
	   background: transparent;
	   float: none;
	   transition: width ease-in-out .3s;
	   display: none;
  }
  
  .SliderCaption{
	display: inline-block;
	padding-top: 30px;
	color: #777777;  
	text-align: left;
	font-size: 14px;
	line-height: 20px;
  }
  
  .sliderCaptionTitle{
	  margin-bottom: 10px;
	  color: #555555;
	  font-size: 16px;
  }
  
  .rsDefault .rsArrowIcn{
  	background-color: transparent;
  }
  
  .rsDefault .rsArrowIcn:hover{
	  background-color: transparent;
  }
  
  
  .rsSlide{
	 
  }

  
       
      .footer{
	      position: absolute;
	      max-width: 1160px;
		  margin-left: auto;
		  margin-right: auto;
		  left: 0;
		  right: 0;
	      height: 100px;
	      padding: 60px 0 0 0;
/* 	      background: #fff; */
/* 	      border-top: 1px solid #009cbf; */
/* 	      border-top: 1px solid rgba(120, 120, 120, 0.5); */
	      margin-bottom: 100px;
	      z-index: 10;
      }
      
      .copyright{
	      float: right;
	      background: #fff;
	      margin: -11px 30px 0px 0px;
	       padding: 0px 20px 0px 20px;
      }
      
      .imprintprivacy{
	      float: left;
	      background: #fff;
	      margin: -11px 0px 0px 30px;
	      padding: 0px 20px 0px 20px;
      }
      
      .backBtn{
	      text-align: center;
	      height: 20px;
	      display: none;
      }
      
      .luecke{
	      margin-right: 3px;
      }
      
      
/*  MEDIA QUERIES */
	 
	 @media only screen and (max-width : 1180px) {
		 
		 body{
			
		 }
		 
		 .mobNavBtn{
			 display: block;
			 position: fixed;
			 z-index: 300;
			 top: 5px;
			 right: 0px;
			 background: #fff;
			 padding: 0px 10px 0px 20px;
			 }
		 
		 .nav-icon {
			  margin: 1em;
			  width: 30px;
			}
			
			.nav-icon:after, 
			.nav-icon:before, 
			.nav-icon div {
			  background-color: #777777;
			  border-radius: 0px;
			  content: '';
			  display: block;
			  height: 1px;
			  margin: 10px 0;
			  transition: all .2s ease-in-out;
			}
			
			
			.navBtnOpen:before {
  transform: translateY(11px) rotate(135deg);
}

.navBtnOpen:after {
  transform: translateY(-11px) rotate(-135deg);
}

.navBtnOpen div {
  transform: scale(0);
}
		 
		 .nav{
	   position: fixed;
	   z-index: 2;
	   max-width: 1160px;
	   min-height: 100%;
       width: 100%;
       margin-left: auto;
       margin-right: auto;
	   left: -100%;
	   right: auto;
	   top: 0px;
   }
   
   .nav ul{
	   position: absolute;
	   margin: 0px 0px 0px 0px;
	   padding: 0px;
	   right: 0px;
	   left: 0px;
	   top: 0px;
	   width: 100%;
	   min-height: 100%;
	   background: #fff;
	   text-align: center;
	   display: flex;
	   align-items: center;
	   justify-content: center;
	   flex-direction: column;
	   
   }
   
   .nav ul > li{
	   list-style: none;
	   float: none;
	   margin: 0px 0px 30px 0px;
	   text-transform: lowercase;
	   font-size: 24px;
   }
   
      .nav ul > li > a{
	      text-decoration: none;
	      color: #777777;
	      background: #fff;
	      padding: 0px 0px 0px 0px;
      }

		 .topFrame{
			 left: 20px;
			 right: 20px;
			 width: auto;
			 		 }
		 
		 .topFrameInner{
			 left: 0px;
			 right: 0px;
		 }
		 
		 
		 .nav ul{
			 right: 20px;
		 }
		 
		 .leftFrame{
			 left: 20px;
		 }
		 
		 .leftTitle{
			 left: 12px;
			 font-size: 14px;
			 padding-bottom: 100px;
		 }
		 
		 .rightFrame{
			 right: 20px;
		 }
		 
		 .rightTitle{
			 right:10px;
			 top: 70px;
		 }
		 
		 
		 .grid-home-item-inner{
			 
			 margin: 0px 60px 0px 60px;
			 
		 }
		 
		 .footer{
			 left: 20px;
			 right: 20px;
			 text-align: center;
			 
		 }
		 
		 		 
	 }
	      
	      
	 	 @media only screen and (max-width : 640px) {
		 	 
		 	 		 .gridHomeContainer{
			 padding: 200px 20px 0px 20px;
		 }
		 
		 .gridContainer_collections{
			  margin: 0 40px;
		 }
		 
		 .gridCollectionContainer{
			  padding: 70px 20px 0px 20px;
		 }
		 
		 .gridContainer-single{
			 margin: 0 20px;
			 padding: 70px 20px 0px 20px;
		 }
		 
		    .arrow { 
			
			padding: 5px;
			position: absolute;
			bottom: -10px;
			left: -5px;
			}

			.leftTitle{
				
			}
			
			.rightTitle{
			 right:10px;
			 
		 }


			.grid-home-item{
				margin-bottom: 40px;
			}

			.homeimg{
				width: 100% !important;
				float: none;
				padding: 0px;
				margin: 0px;
			}
			
			.homeimg img{
				max-width: 100%;
/* 				width: 100%;  */
				}
				
			.home-text-title{
			  margin-bottom: 5px;	
			}	
			
			 .grid-home-item-text{
				display: block;
				width: 100% !important;
				max-width: 100%;
				float: none;
				margin: 20px 0px 0px 0px;
				padding: 0px !important;
			}
			
			.imgR .grid-home-item-inner{
				 display: -webkit-flex; /* Safari */
				 display: flex;
				 flex-direction: column-reverse;
				margin: 0px;
				padding: 0px 30px 0px 30px;
			}

			.imgL .grid-home-item-inner{
				 display: -webkit-flex; /* Safari */
				 display: flex;
				 flex-direction: column;
				 margin:0px;
				 padding: 0px 30px 0px 30px;
			}
			
			
			
			.grid-item-size-1{
					width: 100%;
	
   				}

   			.grid-item-size-2{
					width: 100%;
	
   				}
   				
   			.grid-item-size-3{
					width: 100%;
	
   				}	

   			.grid-item-size-4{
					width: 100%;
	
   				}
   				
   				
   			.grid-sizer-single{
	   			width: 50%;
   			}	
   				
   			.grid-item-size-single{
	   			width: 100%;
   			}	
   			
   			
   			.grid-item-text{
	   			max-width: 100%;
   			}
   			
   		.portait_container{
	   		display: block;
   		}
   		
   		.portrait_container_inner{
	   		padding: 60px 60px 60px 60px;
	   		flex-direction: column;
   		}

		 
		  .portrait_text_container{
		  width: 100% !important;
		  padding: 30px 0 0 0;
		}
	
	.portraitImgContainer{
		width: 100% !important;
		padding: 0px 0px 40px 0px;
		text-align: center;

	}
	
	.portraitImgContainer img{
		margin: 0px 30px 0px 30px;
     }
	
	.imprint_container{
	   		flex-direction: column;
	   		
	   		   		}
	   		   		
	 .imprint_container_inner{
		 margin: 60px;
	
	 }  		   		

	
	.imprint_text_container{
		  
	      padding: 0px;
	
		}
		
		.footer{
			 left: 30px;
			 right: 30px;
			 text-align: center;
			 padding-top: 20px;
		 }

		
		
		 .copyright{
	      float: none;
	      background: #fff;
	      margin: 0px 0px 0px 0px;
	       padding: 0px 10px 10px 10px;
      }
      
      .imprintprivacy{
	      float: none;
	      background: #fff;
	      margin: 0px 0px 0px 0px;
	      padding: 10px 10px 1px 10px;
      }
      
      
      .grid-item{
	      margin: 15px 0px 15px 0px;
      }
      
      .grid-item-inner{
	      flex-direction: column;
	      margin: 0 30px;
	      	align-items:baseline;
      }
      
      .grid-item:nth-child(odd) .grid-item-inner{
	      flex-direction: column;
      }


	  .grid-item-inner .previmg{
		  width: 100% !important;
	  }

	  .grid-item-text{

	  	padding: 15px 0px 30px 0px;
	  }	
		 	 
		 	 
		 	 .backBtn{
			 	 display: block;
		 	 }
		 	 
	 	 }     
   

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.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,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables:
   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}