@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: Font;
    src: url(NHaasGroteskTXPro-55Rg.otf);
	 }

  
  body,html {
	background-color: #fff;
	overflow:hidden;
	margin:0;
	width:100%;
	height:100%;
	counter-reset: my-sec-counter;
	--color-imprint: black;
	--color-number: black;
	}
	
/*	
img:hover {
   filter:invert(100%) grayscale(80%);
}
*/

/* TYPE */

a {
  text-decoration: none;
 	color:black;
}

a:hover {
  text-decoration: none;
text-transform:uppercase;
letter-spacing:0.02em;
}

.email:hover {
  text-decoration: none;
}


.email {
	cursor:pointer;
	
}





/* SLIDES */

.rslides_container {
     display: block;
    margin-left: auto;
    margin-right: auto;
	margin:0;
	}
	
.rslides {
	display: block;
  position: relative;
  list-style: none;
  overflow: hidden;
  width: auto;
  height: 100%;
  padding: 0;
	margin:0;
	margin-left: auto;
    margin-right: auto; 
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  height: 100%;
     
  }

.rslides li:first-child {
  position: relative;
  display: block;

  }


.rslides_tabs li {
  display: inline;
  float: none;
  }


 .transparent-btns_nav {
    z-index: 3;
    position: absolute;
    top: 80px;
    left: 0px;
    display: block;
    background: #FFF none repeat scroll 0% 0%;
    opacity: 0;
    width: 45%;
    text-indent: -9999px;
    overflow: hidden;
    height: 80%;
}

.transparent-btns_nav.next {
    left: auto;
    right: 10px;
}

/* Callback  */


  
.events {
  list-style: none;
  }

.callbacks_container {
  margin:0;
  height:100%;
  width:100%;
  display:block;
  text-align: center;
  left: 0;
  right: 0;
  }

.callbacks {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  list-style: none;
  overflow: hidden;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  height:100%;
  }
  
.callbacks_nav {
  position: fixed;
  cursor: url('arrow_4_L.png') 11 35, auto;	
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0px;
  left: 1%;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 100%;
  width: 17%;
  margin-top: 0px;
  z-index:40;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  cursor: url('arrow_4.png') 11 35, auto;	
  left: auto;
  background-position: right top;
  right: 1%;
  }
  
  
  
  
  /* IMG GRIDS */

.inframe_blank {
	height:85vh;
	max-height:43vw;
	width:64.3vw;
	max-width:127vh;
	margin-left: auto;
 	margin-right: auto;
	z-index:13;
	position: fixed;
	top: 50%;  
	left: 50%;                       
    transform: translate(-50%, -50%); 
}

.inframe_blank_link {
	height:15%;
	width:35%;
	background-color:red;
	opacity:0.7;
	position: absolute;
	bottom:2%;
	right:2%;
	z-index:30;
}
  
.callbacks img {
  position: relative;
  display:block;
  border: 0;
  margin-left: auto;
  margin-right: auto;
}

li .fullscreen {
	 height:100vh;
	 width:auto;
}

 
li .inframe {
	display: flex;
  	align-items: center;
	 max-height:84.6vh;
	 max-width:64.2vw;
	 height:auto;
	 width:auto;
	 top:auto;
	 margin-left: auto;
 	 margin-right: auto;
 }
 
li .imagegrid_middle {
	display: flex;
  	align-items: center;
	 max-height:84.6%;
	 width:64.2%;
	 top:auto;
	 margin-left: auto;
 	 margin-right: auto;
}

img.inframe_middle  {
	top: 50%;                         
    transform: translate(0, -50%); 
}


img.fullscreen  {
	top: 50%;                         
    transform: translate(0, -50%); 
}



.imagegrid_bottom td {
		vertical-align:bottom;
}

.imagegrid_top td {
		vertical-align:top;
}



table.imagegrid_bottom, table.imagegrid_top {
	position:relative;
	display:block;
	padding:0;
	border:0;
	max-height:auto;
	width:127vh;
	max-width:64.2vw;
	top:auto;
	margin-left: auto;
 	margin-right: auto;
	margin-bottom:0;
	border-collapse: collapse;
}

table.imagegrid_middle {
	position:relative;
	display:flex;
	padding:0;
	border:0;
  	align-items: middle;
	height:84.6%;
	width:64.2%;
	top:auto;
	margin-left: auto;
 	margin-right: auto;
	border-collapse: collapse;
}


.gutter {
	width:2.9%;
	height:2.9%;
}

td img {
	max-width:100%;
	
}

img#content-mobile {
	display:none;
}

img#content-desktop {
	display:block;
}


img.fullscreen, img.inframe, img.inframe_middle  {
	top: 50%;                         
    transform: translate(0, -50%); 
}

table.imagegrid_bottom, table.imagegrid_top, table.imagegrid_middle {
	top: 50%;                         
    transform: translate(0, -50%); 
}




/*CAPTION+NUMBER*/




.imprint, .imprint_stay {
	z-index:12;
	font-family: "Font";
	color:var(--color-imprint);
	position: absolute;
	height:85vh;
	max-height:43vw;
	width:64.3vw;
	max-width:127vh;
	top: 50%;  
	left: 50%;                       
    transform: translate(-50%, -50%); 
}

.imprint_name {
	text-align:center;
	text-transform:uppercase; 
	font-size:35px;
	padding-top:49%;
	left:auto;
	right:auto;
}

.imprint_table {
	border-collapse: collapse;
	width:95%;
	bottom:3%;
	margin-left:20px;
	margin-right:20px;
	position: fixed;
  	font-size: 17px;
  	line-height: 19px;
}

.left_column{
		text-align:left;
}


.right_column{
		text-align:right;
}

div.text_box, div.text_box_stay {
	text-align:center;
	font-family: "Font";
  	font-size: 13.5px;
  	line-height: 16px;
	color:var(--color-imprint);
	top:5%;
	margin-left:71%;
	margin-right:3%;
	position: absolute;
	width:26%;
	text-transform:uppercase;
}

div.text_box_stay {
  	line-height: 14.5px;
}
 
 
.caption {
	text-transform:none;
	font-size: 16px;
  	line-height: 17px;
}

.CAT {
}


.number, .number_info, .date {
	font-family:"Font";
	font-size:45px;
}

.number {
	color:var(--color-number);
}

.number_info, .date  {
	color:var(--color-imprint);
}


.callbacks .number, .callbacks .number_info, .callbacks .date  {
	text-align:left;
	padding-top:1.3%;
	padding-left:1.7%;
	z-index:6;
	position: absolute;
	height:84.6vh;
	max-height:41.8vw;
	width:62.3vw;
	max-width:124vh;
	top: 50%;  
	left:50%;                       
    transform: translate(-50%, -50%); 
}
  
   
.number#add::before, .number_info#add::before  {
	/* Decrement "my-sec-counter" by 1 */
	counter-increment: my-sec-counter 1;
	content: "0" counter(my-sec-counter) ;
}

.number::before, .number_info::before {
	/* Decrement "my-sec-counter" by 1 */
	counter-increment: my-sec-counter 1;
	content: "" counter(my-sec-counter) ;
}

.number_info::after {
	content: " OF 50";
	font-size: 14px;
	line-height: 15px;
}




.header_mobile {
	display:none;
}

.CAT_mobile {
	display:none;
}



/*COLORS*/

@media (hover: hover), (pointer: coarse) and (hover: none) and (orientation:landscape)  {

li:nth-child(8), li:nth-child(27), li:nth-child(37), li:nth-child(29) {
	--color-number: white;
}

li:nth-child(1), li:nth-child(2), li:nth-child(3), li:nth-child(48), li:nth-child(41), li:nth-child(43) {
	/*Blue*/
	--color-imprint: #03C;
}

li:nth-child(6), li:nth-child(8), li:nth-child(22) {
	/*Bright green*/
	--color-imprint: #0F3;
}

li:nth-child(10), li:nth-child(11), li:nth-child(13) {
	--color-imprint: yellow;
}

li:nth-child(17), li:nth-child(20),  li:nth-child(37) {
	/*Magenta*/
	--color-imprint: #F39;
}

li:nth-child(27), li:nth-child(29) {
	/*Light cyan*/
	--color-imprint: #a5fefe;
}

li:nth-child(35) {
	--color-imprint: cyan;
}

 {
	/*Lime*/
	--color-imprint: #CF0;
}

 {
	--color-imprint: red;
}

li:nth-child(49) {
	--color-imprint: yellow;
}

li:nth-child(51) {
	--color-imprint: rgb(255,97,98);
}

li:nth-child(15), li:nth-child(39), li:nth-child(46) {
	/*dark orange*/
	--color-imprint: #F30;
}

}


@media (hover: hover) and (max-width: 1000px), (hover: hover) and (max-height: 550px) {

div.text_box, div.text_box_stay {
	top:5%;
	right:auto;
	left:auto;
	width:30%;
	margin-left:67%;
	font-size: 14px;
	line-height: 15px;
}

.caption {
	font-size: 14px;
	line-height: 15px;
}

.imprint_name {
	font-size:30px;
	padding-left:2.5%;
}

.imprint_table {
	width:94%;
	left: 0%;
  	font-size: 16px;
  	line-height: 17px;
}

.callbacks .number, .callbacks .number_info, .callbacks .date {
	padding-top:1%;
}
}



@media (hover: hover) and (max-width: 750px), (hover: hover) and (max-height: 400px) {

div.text_box, div.text_box_stay {
	top:5%;
	right:auto;
	left:auto;
	width:30%;
	margin-left:67%;
	font-size: 12px;
	line-height: 12px;
}

.caption {
	font-size: 11px;
	line-height: 10px;
}

.imprint_name {
	font-size:23px;
	padding-left:2.5%;
}

.imprint_table {
	width:94%;
	left: 0%;
  	font-size: 12px;
  	line-height: 13px;
}

.callbacks .number, .callbacks .number_info, .callbacks .date {
	padding-top:1%;
}

.number, .number_info, .date {
	font-size:40px;
}
}


@media (pointer: coarse) and (hover: none) and (orientation:landscape) and (min-width:100px) {

body, html {
	--color-imprint: black;
}

a {
	color:var(--color-imprint);
}


.inframe_blank {
	height:0%;
	width:0%;
}

.callbacks_nav {
  width: 47%;
  z-index:30;
  }

div.header_mobile, div.header_close {
	display: block;
	position: fixed;
	font-family:"Font";
	font-size:15px;
	text-align:center;
	left:35%;
	right:35%;
	bottom:0%;
	z-index:50;
	height:10%;
	width:30%;
}


.header_close {
	color:var(--color-imprint);
	font-size: 10px;

}

li:nth-child(n) .header_close {
	--color-imprint: black;
}

li:nth-child(27) .header_close {
	/*pale cyan*/
	--color-imprint: #a5fefe;
}


div.text_box, div.text_box_stay {
	text-align:center;
	font-family: "Font";
  	font-size: 13.5px;
  	line-height: 16px;
	color:var(--color-imprint);
	top:5%;
	margin-left:65%;
	margin-right:1%;
	position: absolute;
	width:33%;
	text-transform:uppercase;
}

div.text_box_stay {
  	line-height: 14.5px;
}
 


}


@media (pointer: coarse) and (hover: none) and (orientation:landscape) and (min-width: 1000px) {
	
	
div.header_mobile, div.header_close {
	display: block;
	position: fixed;
	font-family:"Font";
  	font-size: 25px;
  	line-height: 25px;
	text-align:center;
	left:35%;
	right:35%;
	bottom:0%;
	z-index:50;
	height:10%;
	width:30%;
}

}

@media (pointer: coarse) and (hover: none) and (orientation:portrait) {


body, html {
	--color-imprint: black;
}
	
img#content-mobile {
	display:block;
}

img#content-desktop {
	display:none;
}

a {
	color:var(--color-imprint);
}



/*COLORS*/

li:nth-child(51) {
	--color-imprint: rgb(255,97,98);
	background-color: rgb(242,242,242);
}

li:nth-child(12), li:nth-child(21), li:nth-child(28), li:nth-child(38), li:nth-child(42) {
	--color-imprint: yellow;
}

li:nth-child(36) {
	/*green*/
	--color-imprint: #0F3;
}

 {
	/*magenta*/
	--color-imprint: #F39;
}

li:nth-child(30),  li:nth-child(19) {
	--color-imprint: cyan;
}

 {
	/*lime*/
	--color-imprint: #CF0;
}

{
	/*pale cyan*/
	--color-imprint: #a5fefe;
}

li:nth-child(47), li:nth-child(48), li:nth-child(14) {
	/*Blue*/
	--color-imprint: #03C;
}

 li:nth-child(40) {
	/*dark orange*/
	--color-imprint: #F30;
}


/*GRIDS*/
	
 
li .inframe {
	 height:auto;
	 width: 94.5vw;
	 max-height:auto;
	 max-width:94.5vw;
	 top:auto;
	 margin-left: auto;
 	 margin-right: auto;
 }
 
table.imagegrid_bottom, table.imagegrid_top, table.imagegrid_middle {
	max-height:84.6%;
	 width:auto;
	 max-width:94.5%;
	 height:auto;
	 top:auto;
	 margin-left: auto;
 	 margin-right: auto;
}
 
li .fullscreen {
	 min-height:auto;
	 max-width:auto;
	 max-height:auto;
	 min-width:auto;
	 height:100%;
	 width:auto;
	 position: relative;
 }
 
 
img.fullscreen {
	top: 50%;   
	left: 50%;
	transform: translate(-50%, -50%);
}
 
img.inframe, img.inframe_middle  {
	top: 50%;                         
    transform: translate(0, -50%); 
}

table.imagegrid_bottom, table.imagegrid_top, table.imagegrid_middle {
	top: 50%;                         
    transform: translate(0, -50%); 
}


.callbacks_nav {
  width:0%;
  }


.callbacks_nav.next {
	top:20%;
	width: 100%;
	height:60%;
	z-index:30;
  }
  
  

/*CAPTION+NUMBER*/

div.text_box, div.text_box_stay {
	text-align:center;
	z-index:4;
	top:2.5%;
	right:auto;
	left:auto;
	width:41%;
	margin-left:51.5%;
	padding-top:none;
	padding-right:none;
	position: fixed;
	font-family: "Font";
	font-size: 30px;
	line-height: 32px;
	color:var(--color-imprint);
}

div.text_box_stay {
	font-size: 25px;
  	line-height: 26px;
}

.caption {
	font-family: "Font";
	font-size: 30px;
	line-height: 32px;
}

.CAT {
	display:none;
}

.CAT_mobile {
	display:block;
	font-family:"Font";
  	font-size: 35px;
  	line-height: 38px;
}


.imprint, .imprint_stay {
	z-index:2;
	width:94%;
	max-width:auto;
 	bottom: 10%;
	left: 2.5%;
	height:100%;
	top:43.5%;
	max-height:auto;
	margin-bottom:13px;
	margin-left: none;
	position: fixed;
	font-family: "Font";
	color:var(--color-imprint);
	transform:none;
}

.imprint_name {
	z-index:5;
	text-align:center;
	text-transform:uppercase; 
	font-size:60px;
	left:auto;
	right:auto;
	padding-left:2.5%;
	position:fixed;
	bottom:270px;
}

.imprint_table {
	border-collapse: collapse;
	width:95%;
 	bottom: 150px;
	left: 1%;
	margin-bottom:none;
	margin-left: none;
	position: fixed;
  	font-size: 30px;
  	line-height: 32px;
	
}

.left_column{
	text-align:center;
	width:50%;
}

.right_column{
	text-align:center;
	width:50%;

}

.number {
	font-family:"Font";
	font-size:150px;
	line-height: 120px;
	color: black;
}


.date, .number_info {
	font-family:"Font";
	font-size:150px;
	line-height: 120px;
	color:var(--color-imprint);
}
 




.callbacks .number, .callbacks .number_info, .callbacks .date {
	top:2%;
	left:2.5%;
	z-index:6;
	position:fixed;
	transform:none;
	height:auto;
	max-height:auto;
	width:auto;
	max-width:auto;
	padding-top:0;
	padding-left:0;
}

 
.header_mobile, .header_close {
	display: block;
	position: absolute;
	font-family:"Font";
  	font-size: 40px;
  	line-height: 52px;
	text-align:center;
	left:0;
	right:0;
	bottom:40px;
	z-index:30;
}

.header_close {
	color:var(--color-imprint);
}

.inframe_blank {
	height:0%;
	width:0%;
}

.number_info::after {
  content: "";

}

.remove {
	display:none;
}

}


@media (pointer: coarse) and (max-aspect-ratio: 1/2) {

body, html {
	--color-imprint: black;
	--color-number: black;
}	

li:nth-child(n) {
	--color-imprint: black;
	--color-number: black;
}	

li:nth-child(51) {
	--color-imprint: rgb(255,97,98);
	background-color: rgb(242,242,242);
}
	
li .fullscreen {
	 height:auto;
	 width:94.5%;
	 max-height:auto;
	 max-width:auto;
	 top:50%;
	 margin-left: auto;
 	 margin-right: auto;
	 position: relative;
	 display: flex;
	align-items: center;
 }
 

 
	
}