body{
    /*Main variables*/
    /*Colors*/
    --background-color: rgb(188, 168, 202);
    --text-color: rgb(57,34,80);
    --text-color2: rgb(238, 118, 47);
    
	background-color:var(--background-color);
}

/*Temporary Home Page -> to delete*/
#GifThe2{
    position: absolute;
    top:0vw;
    left:-5vw;
    z-index: -1000;
    width:50%;
    height: auto;
    border: none;
    
    filter: brightness(1.1);
    filter: contrast(1.2);
	
}

#GifWords2{
  	position: absolute;
    top:-6.4vw;
    left:36vw;
    z-index: -1000;
    width:68%;
    height: auto;
    border: none;
   
    filter: brightness(1.1);
    filter: contrast(1.2);
	
}

#GifOfThe2{
    position: absolute;
    top:17.2vw;
    left:3vw;
    z-index: -1000;
    width:50%;
    height: auto;
    border: none;
   
    filter: brightness(1.1);
    filter: contrast(1.2);
	
}

#GifArty2{
    position: absolute;
    top:17vw;
    left:50vw;
    z-index: -1000;
    width:50%;
    height: auto;
    border: none;
   
    filter: brightness(1.1);
    filter: contrast(1.2);
	
}

#GifClass2{
    position: absolute;
    top:26vw;
    left:22vw;
    z-index: -1000;
    width:70%;
    height: auto;
    border: none;
    filter: brightness(1.1);
    filter: contrast(1.2);
	
}

/* CANCELING THE BY-DEFAULT SET-UP*/
#toolset{
	display: none;
}

/* LOADING THE FONT */
/*@font-face {
    font-family: 'Sonar';
    font-weight: normal;
    font-style: normal;
    src: url('https://files.cargocollective.com/c2031133/ED-Sonar-Regular-2fhj8q.woff') format('woff');
}*/

@font-face {
    font-family: 'WorkSansMedium';
    font-weight: normal;
    font-style: normal;
    src: url('https://files.cargocollective.com/c2088057/WorkSans-Medium.woff') format('woff');
}

@font-face {
    font-family: 'WorkSansMediumItalic';
    font-weight: normal;
    font-style: italic;
    src: url('https://files.cargocollective.com/c2088057/WorkSans-MediumItalic.woff') format('woff');
}

@font-face{
	font-family: 'TeenageYellowStar';
    font-weight: normal;
    font-style: normal;
    src: url('https://files.cargocollective.com/c2977899/TeenageYellowStar-SVG.woff') format('woff');
}


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

/*====================================
ISSUE PAGE
======================================*/

/* HEADER */
header{
	position: fixed;
    display: grid;
    width:100%;
    grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(1,1fr);
    
    z-index:1000;
    
    font-family: "Work Sans", Icons;
	font-style: normal;
	font-weight: 400;
    font-size: 1.4vw;
    color: var(--text-color); 
    
    background-color: var(--background-color); 
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

header_NoScroll{
	position: fixed;
    display: grid;
    width:100%;
    grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(1,1fr);
    
    z-index:1000;
    
    font-family: "Work Sans", Icons;
	font-style: normal;
	font-weight: 400;
    font-size: 1.4vw;
    color:var(--text-color); 
    
    background-color:var(--background-color); 
    border-bottom-style: solid;
    border-bottom-width: 1px;
}


header_NoScroll2{
	position: fixed;
    display: grid;
    width:100%;
    grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(1,1fr);
    
    z-index:1000;
    
    font-family: "Work Sans", Icons;
	font-style: normal;
	font-weight: 400;
    font-size: 1.4vw;
    color:var(--text-color); 
    
    
}



#HP5Manifest{
	text-align: left;
    grid-row: 1/2;	
    padding: 0.5vw;
     padding-left: 1.2vw;
    
}

#HP5About{
	text-align: right; 
    grid-row: 1/2;	
    padding: 0.5vw;
    
    padding-right: 1.2vw;
    
}

#HP5Home{
	text-align: center;
    z-index: 3000;
    grid-row: 1/2;	
    padding: 0.5vw;
}

#ContentArt_title_scroll{
    display: none;
}

#ContentArt_title_scroll_MV{
	display:none;
}

html:not([data-scroll='0']) header {
   position: fixed;
    display: grid;
    width:100%;
    grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2,1fr);
    
   
    z-index:1000;
    
    font-family: "Work Sans", Icons;
	font-style: normal;
	font-weight: 400;
    font-size: 1.4vw;
    color: var(--text-color); 
    
    background-color: var(--background-color); 
	border-bottom-style: solid;
    border-bottom-width: 1px;
    
}


html:not([data-scroll='0']) #ContentArt_title_scroll {
    
   display:block;
    grid-row: 2/2;	
    grid-column: 1/4;
    width: 100%;
	padding-left: 1.2vw;
    padding-top: 0.5vw;
    border-top-style: solid;
    border-top-width: 1px;
    color: var(--text-color); 
    
   
   
}



#ContentArt_title_scroll_typo{
	font-family: "Work Sans", Icons;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4vw;
    color:var(--text-color2);
    /*filter: brightness(1.1);
    filter: contrast(1.2);*/
   
    
}

.Header_MV{
	display: none;
}

/* FOOTER */

footer{
    width: 100%;
 	padding: 0.4vw;
    margin-top: 1vw;
    font-family: "Work Sans", Icons;
	font-style: normal;
	font-weight: 400;
    font-size: 1.4vw;
    color: var(--text-color); 
    
   background-color:var(--background-color); 
    bottom:0vw;
    
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 1.4vw;
    padding-right: 1.4vw;
   
  
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-width: 0px;
    
   
}

/* LINKS */

a:link{
    color: var(--text-color);
	text-decoration:none ;
    cursor:pointer;
    
}

a:visited{
	color: var(--text-color);
    
}

a:hover{
    color: var(--text-color);
	text-decoration:underline;
	text-decoration-thickness:1px;}

/* TYPOGRAPHY*/

#italic{
	font-style: italic;
}


hr{
	background-color: var(--text-color);
    height:1px;
    border-width:0; 
}

#Barre{
	text-decoration:line-through;
   	text-decoration-thickness: 1px;
}
/* GIFS MAIN TITLE*/

#GifThe{
    position: absolute;
    top:1.2vw;
    left:-4vw;
    z-index: -1000;
    width:48%;
    height: auto;
    border: none;
    
    filter: brightness(1.1);
    filter: contrast(1.2);
	
}

#GifWords{
  	position: absolute;
    top:-6vw;
    left:37vw;
    z-index: -1000;
    width:66%;
    height: auto;
    border: none;
   
    filter: brightness(1.1);
    filter: contrast(1.2);
	
}

#GifOfThe{
    position: absolute;
    top:18.4vw;
    left:vw;
    z-index: -1000;
    width:48%;
    height: auto;
    border: none;
   
    filter: brightness(1.1);
    filter: contrast(1.2);
	
}

#GifArty{
    position: absolute;
    top:18.4vw;
    left:46vw;
    z-index: -1000;
    width:48%;
    height: auto;
    border: none;
   
    filter: brightness(1.1);
    filter: contrast(1.2);
	
}

#GifClass{
    position: absolute;
    top:27vw;
    left:18vw;
    z-index: -1000;
    width:68%;
    height: auto;
    border: none;
    filter: brightness(1.1);
    filter: contrast(1.2);
	
}

.Issue_Title{
	font-family: "Work Sans", Icons;
	font-style: normal;
	font-weight: 400;
    font-size: 4vw;
    color: var(--text-color2);
    line-height: 6vw;
    /*mix-blend-mode:multiply;*/
    
    text-align: center;
    position: relative;
    top:3vw;
    
}
/* HOME PAGE WITH ISSUE LIST*/

.issues{
    font-family: "Work Sans", Icons;
	font-style: normal;
	font-weight: 400;
    font-size: 4vw;
    color: var(--text-color);
    line-height: 6vw;
    mix-blend-mode:multiply;
    
    text-align: center;
    position: absolute;
    top:18vw;
    left:11vw;
	
}

#issue2{
	/*font-family: TeenageYellowStar;*/
    font-size: 4.2vw;
    line-height: 4.3vw;
    padding-top: 3vw;
}


/* LIST OF ARTIST/ARTWORK */

.HP5Art{
	display: grid;
    grid-template-columns: repeat(8, 1fr);
	grid-template-rows: repeat(5,1fr);
    padding: 0.8vw;
    position: relative;
    top:2.7vw;
    padding-top: 3vw;
   	overflow: scroll;
    height: 50vw;
    vertical-align: top;
    
    
    font-family: "Work Sans", Icons;
	font-style: normal;
	font-weight: 400;
    font-size: 2vw;
    color: var(--text-color);
    line-height: 2.2vw;
    text-align: center;
    justify-content: left;
    mix-blend-mode:multiply;
    
    opacity: 0;
    
    animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
   
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* Joana Tischkau*/
#Art1{ 
    grid-column: 1/3;
    grid-row: 1/2;	
}

/* Tran Thu Trang*/
#Art2{
    grid-column: 7/9;
    grid-row: 2/3;	
}

/* Aidan Riebensahm*/
#Art3{
    grid-column: 1/3;
    grid-row: 4/5;	
}

/* Melmunn Bajarchuu*/
#Art4{
    grid-column: 4/9;
    grid-row: 5/6;	
}

/* Azadeh Sharifi*/
#Art5{
    grid-column: 1/5;
    grid-row: 5/6;	
}

/* George Demir*/
#Art6{
    grid-column: 6/9;
    grid-row: 1/2;	
}


/* Pary + Nahed*/
#Art8{
    grid-column: 5/9;
    grid-row:3/4;	
}

/* Nesrin + Suy*/
#Art9{
    grid-column: 1/5;
    grid-row: 3/4;	
}

/* Gürsoy Dogtas*/
#Art10{
    grid-column: 2/7;
    grid-row: 4/5;	
}

/* Bafat Sarbo*/
#Art11{
    grid-column: 6/9;
    grid-row: 4/5;	
}

/* Jens Kastner*/
#Art12{
    grid-column: 1/4;
    grid-row: 2/3;	
}

/* Anna Ehrenstein*/
#Art13{
    grid-column: 3/6;
    grid-row: 1/3;	
}

/* Michael Annoff & Nuray Demir*/
#Art14{
    grid-column: 3/8;
    grid-row: 2/3;	
}

/*=================================
Program Page
====================================*/
.Program_Dv{
	display:block;
}
.Program_Mv{
    display:none;
}

.GeorgeFont{
	font-family: TeenageYellowStar;
    	font-size: 2.5vw;
    line-height:2.3vw;
}

#Und_Ins{
	font-family: TeenageYellowStar;
   	font-size: 4.4vw;
    line-height:4.4vw;
    position: relative;
    top:4vw;
}

.Content_Program{
	font-family: "Work Sans", Icons;
	font-style: normal;
	font-weight: 400;
    font-size: 1.4vw;
    color: var(--text-color);
    line-height: 1.6vw;
    mix-blend-mode:multiply;
    
}

.Program_Intro{
    /*font-family: TeenageYellowStar;*/
    text-align: center;
    position: relative;
    top:5vw;
    color: var(--text-color2);

	
}


.Program_Outro{
  	position: relative;
    top:6vw;
    text-align: center;
	font-weight: 400;
}

.Program_Description{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(1,1fr);
    column-gap: 2vw;
    
    padding: 2vw;
    position: relative;
    top:5vw;
    
    font-size: 1.4vw;
    line-height: 1.8vw;
    text-align: center;
}


.Program_Des_Day{
	font-family: TeenageYellowStar;
    font-size: 4vw;
    line-height: 4vw;
    padding: 4vw;    
}

.Program_Des_Infos{
	 font-family: WorkSansMedium, Icons;
    
   
}

.Program_Des_Text{
    
}

.Program_Images{
	z-index:-1000;
    
 	padding: 1vw;
    opacity: 0.2;
    
}

#Program_Images_Pigeon{
	width:40vw;
    position: fixed;
    top:5vw;
    left:-8vw;
    
   
}

#Program_Images_Rat{
	width:33vw;
    position: fixed;
    top:5vw;
    left:70vw;
}

.Program_logos{
	padding-bottom: 10vw;
}

#Program_logos_Senat{
	width:13vw;
  padding: 1vw;
}

#Program_logos_Kotti{
	width:9vw;
    padding: 1vw;
}
/*=================================
MANIFESTO PAGE
====================================*/

.ContentArt_tableManifesto{
   	position: relative;
    top:-4vw;
  	left:6.4vw;
    right:5vw;
    padding-right: 15vw;
    padding-top: 4.5vw;
    padding-bottom: 5vw;
    
    font-family: "Work Sans", Icons;
	font-style: normal;
	font-weight: 400;
    color: var(--text-color);
    
	font-size: 1.7vw;
    line-height: 2vw;
    letter-spacing: -0.011vw;
    
  	text-align: left;
    justify-content: left;
    mix-blend-mode:multiply;
  
    
   	
}


/*Sound_Button*/
.btnX {
  position: relative;
  top:6.2vw;
  left:3.5vw;
  width: 3vw;
  height: auto;
  cursor: pointer;
 

}

.btn_play{

}

.btn_play2{
display:none;
  
}

.btn_pause{
display: none;
  
}

.btn_pause2{
display: block;

}

/* Manifesto-video page*/

.Video_manifesto{
	/*position: relative;
    padding-top: 15px;
    width: 95%;
    height:auto;
    justify-content: center;*/
    padding-top: 2.8vw;
    padding-bottom: 2vw;
    width: 100vw;
   
}



/*=================================
IMPRESSUM
===================================*/
.ContentArt_tableImpressum{
    padding-top:4vw;
    font-family: "Work Sans", Icons;
	font-style: normal;
	font-weight: 400;
    color: var(--text-color);
    
	font-size: 1.4vw;
    line-height: 1.6vw;
    letter-spacing: -0.011vw;

   
}


.logosImpressum{
    display:grid;
    justify-content: center;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 3vw;
	width: 100%;
    padding-left: 25vw;
    padding-right: 25vw;
}

#logo1{
    grid-column: 1/3;
	
}

#logo4{
	grid-column: 5/7;
}


/*=================================
ARTWORK PAGES
===================================*/

/* TITLE */
#ContentArt_title{
	/*Type design*/
    font-family: "Work Sans", Icons;
	font-style: normal;
	font-weight: 400;
    font-size: 3.1vw;
    line-height:3.3vw;
    letter-spacing: -0.009vw;
    
    color:var(--text-color2);
    /*filter: brightness(1.1);
    filter: contrast(1.2);*/
   
    
    /* Padding and margins */
    position: relative;
    top: 3vw;
    padding: 3vw;
    padding-bottom: 2vw;
    transition-duration: 1s;
}


html:not([data-scroll='0']) #ContentArt_title {
    /*display: none;*/
    opacity: 0;
    transition-duration: 1s;
}

/* TEXT */
table{
    padding-top: 1vw;
    padding-right: 3vw;
    padding-left: 3vw;
    
    border-spacing: 0vw 1.5vw;
    
    font-family: "Work Sans", Icons;
	font-style: normal;
	font-weight: 400;
    text-align: left;
    color: var(--text-color);
      
}
.ContentArt_tableSubtitle{
	 font-family: WorkSansMedium, Icons;
    
}

.ContentArt_tableParagraph{

	font-size: 1.7vw;
    line-height: 2vw;
    letter-spacing: -0.011vw;
    width: 70%;
   	vertical-align: top;
}


.ContentArt_tableFootnotes{
    padding-left: 2vw;
	font-size: 1.4vw;
    line-height: 1.7vw;
    vertical-align: top;
    
}

.ContentArt_tableFootnotes_overflow{
	padding-left: 2vw;
	font-size: 1.4vw;
    line-height: 1.7vw;
 
   
    
}

.Overflow{
	overflow: scroll;
   	height:87vw;
    vertical-align: top;
}

.Overflow2{
	overflow: scroll;
   	height:80vw;
    vertical-align: top;
}

.Ftn{
	width:1.1vw;
    height: auto;
    /*vertical-align: 0.01vw ;*/
    
}

.FtnDec{
	width:1.6vw;
    height: auto;
}

.ContentArt_tableFootnotes_phone{
	display:none;
}



.ContentArt_Sources{
    padding-top: 1vw;
    padding-right: 3vw;
    padding-left: 3vw;
    
    border-spacing: 0vw 1.5vw;
    
    font-family: "Work Sans", Icons;
	font-style: normal;
	font-weight: 400;
    text-align: left;
    color: var(--text-color);
	font-size: 1.4vw;
    line-height: 1.7vw;
}


/* CONTENT VIDEO */

.ContentArt_video{
    position: relative;
    width: 90%;
    height:auto;
    justify-content: center;
}

.ContentArt_video2{
    padding-top: 4vw;
    padding-bottom: 2vw;
    width: 100vw;
    padding-left: 4.5vw;
    
}

iframe{
    position: relative;
    border:none;
    width:90vw;
    height: 52vw;
    
    
}

/* SLIDE SHOW*/
* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  width: 85%;
  height:auto;
  position: relative;
  left:6.5vw;
  top: 3vw;
}

.slideshow_Caption{
	font-family: "Work Sans", Icons;
  font-weight: normal;
  font-size: 1.3vw;
    color: var(--text-color);
    padding-top: 0.3vw;
    
}
/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  
  cursor: pointer;
  position: absolute;
  top:59.9vw;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: var(--text-color);
font-family: "Work Sans", Icons;
  font-weight: bold;
  font-size: 18px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
    top:25vw;
  	right: -5vw;
  
}

.prev{
    top:25vw;
	left: -5vw;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  color:var(--text-color2);
    text-decoration: none;
}



/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
 position: relative;
    top:3vw;
  height: 1vw;
  width: 1vw;
  margin: 0 0.1vw;
  border: 1px solid var(--text-color);
  border-radius: 50%;
  display: inline-block;
  
}

.active, .dot:hover {
  background-color:var(--text-color);
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}













/**
==================================================
==================================================









CSS FOR MEDIA QUERIES / MOBILE VERSION








==================================================
==================================================

**/

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

/*====================================
HOME PAGE
======================================*/

/* CANCELING THE BY-DEFAULT SET-UP*/
#toolset{
  display: none;
}

/* LOADING THE FONT */
@font-face {
    font-family: 'Sonar';
    font-weight: normal;
    font-style: normal;
    src: url('https://files.cargocollective.com/c2031133/ED-Sonar-Regular-2fhj8q.woff') format('woff');
}
/*----------------------*/

/* HEADER */
header{
    position: fixed;
    display: grid;
    
    width:100%;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1,1fr);
    column-gap: -5vw;
    
    /*padding: 0.5vw;*/
    padding-left: 1.2vw;
    padding-right: 1.2vw;
    z-index:1000;
    
    font-family: "Work Sans", Icons;
  font-style: normal;
  font-weight: 400;
    font-size: 4vw;
    color:var(--text-color); 

    
    background-color:var(--background-color);
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
    
header_NoScroll{
	position: fixed;
    display: grid;
    width:100%;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1,1fr);
    column-gap: -5vw;
    
    /*padding: 0.5vw;*/
    padding-left: 1.2vw;
    padding-right: 1.2vw;
    z-index:1000;
    
    font-family: "Work Sans", Icons;
  	font-style: normal;
  	font-weight: 400;
    font-size: 4vw;
    color:var(--text-color); 

    
    background-color:var(--background-color);
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

    header_NoScroll2{
	position: fixed;
    display: grid;
    width:100%;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1,1fr);
    column-gap: -5vw;
    
    /*padding: 0.5vw;*/
    padding-left: 1.2vw;
    padding-right: 1.2vw;
    z-index:1000;
    
    font-family: "Work Sans", Icons;
  	font-style: normal;
  	font-weight: 400;
    font-size: 4vw;
    color:var(--text-color); 

    
   
}
    

#HP5Manifest{
  text-align: left;
  grid-row: 1/2;	
  padding: 0.5vw;
  padding-left: 1.2vw;
    
  display:none;
    
}

#HP5About{
  text-align: right;
    grid-row: 1/2;	
    padding: 0.5vw;
    padding-right: 1.2vw;
    
   display:none;
}

#HP5Home{
  text-align: center;
    z-index: 3000;
    text-align: center;
    z-index: 3000;
    grid-row: 1/2;
    grid-column:1/4;
    padding: 0.5vw;
  
}
    

html:not([data-scroll='0']) header {
   position: fixed;
    display: grid;
    width:100%;
    grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2,1fr);
    
   
    z-index:1000;
    
    font-family: "Work Sans", Icons;
	font-style: normal;
	font-weight: 400;
    font-size: 4vw;
    color:var(--text-color); 
    
   background-color:var(--background-color); 
	border-bottom-style: solid;
    border-bottom-width: 1px;
    
    
    
}
    
    
html:not([data-scroll='0']) #ContentArt_title_scroll_MV {

   display:block;
    grid-row: 2/2;	
    grid-column: 1/4;
    width: 100%;
	padding-left: 1.2vw;
   padding-top: 0.4vw;
    padding-bottom: 0.4vw;
    
   border-top-style: solid;
    border-top-width: 1px;
    color:var(--text-color); 
    
      
}

html:not([data-scroll='0']) #ContentArt_title_scroll {
display:none;
   
    
}
    
    
    
#ContentArt_title_scroll_MV_typo{
	font-family: "Work Sans", Icons;
    font-style: normal;
    font-weight: 400;
    font-size: 4vw;
    color: var(--text-color2);
    padding-top: 0.8vw;
    
    
}
    
.Header_MV{    
	display: block;
    
}
    
#HMV_KsA{
   	z-index:5000;
    position: fixed;
    top:1.1vw;
    right:1vw;
	width:8.8%;
    height: auto;
    
}
    
#HMV_WG{
    z-index:5000;
    position: fixed;
    top:1.1vw;
    left:2vw;
	width:15%;
    height: auto;
   
    
    
}
    
 #HMV_Imp{
	z-index:5000;
    position: fixed;
    top:1.1vw;
    right:11vw;
	width:7.6%;
    height: auto;
     
}

/* FOOTER */

footer{
    display:none;
    width: 100%;
  padding: 0.4vw;
    margin-top: 1vw;
    font-family: "Work Sans", Icons;
  font-style: normal;
  font-weight: 400;
    font-size: 2.2vw;
    color:var(--text-color); 
    
    background-color:var(--background-color);
    bottom:0vw;
    
    text-align: center;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-width: 0px;
    
   
}

/* LINKS */

a:link{
    color:var(--text-color);
  text-decoration:none ;
    cursor:pointer;
    
}

a:visited{
  color:var(--text-color);
    
}

a:hover{
    color:var(--text-color);
  text-decoration:underline;
  text-decoration-thickness:1px;}

/* PARAMÈTRES GÉNÉRAUX TYPO*/

#italic{
  font-style: italic;
}


hr{
  background-color: var(--text-color);
    height:1px;
    border-width:0; 
}

/* GIFS MAIN TITLE*/

#GifThe{
    position: absolute;
    top:3vw;
    left:-15vw;
    z-index: -1000;
    width:85%;
    height: auto;
    border: none;
    
    filter: brightness(1.1);
    filter: contrast(1.2);
  
}

#GifWords{
    position: absolute;
    top:21vw;
    left:1vw;
    z-index: -1000;
    width:120%;
    height: auto;
    border: none;
   
    filter: brightness(1.1);
    filter: contrast(1.2);
  
}

#GifOfThe{
    position: absolute;
    top:66vw;
    left:-6vw;
    z-index: -1000;
    width:85%;
    height: auto;
    border: none;
   
    filter: brightness(1.1);
    filter: contrast(1.2);
  
}

#GifArty{
    position: absolute;
    top:96vw;
    left:20vw;
    z-index: -1000;
    width:85%;
    height: auto;
    border: none;
   
    filter: brightness(1.1);
    filter: contrast(1.2);
  
}

#GifClass{
    position: absolute;
    top:118vw;
    left:2vw;
    z-index: -1000;
    width:120%;
    height: auto;
    border: none;
    filter: brightness(1.1);
    filter: contrast(1.2);
  
}

#GifThe2{
    position: absolute;
    top:3vw;
    left:-15vw;
    z-index: -1000;
    width:80%;
    height: auto;
    border: none;
    
    filter: brightness(1.1);
    filter: contrast(1.2);
  
}

#GifWords2{
    position: absolute;
    top:19vw;
    left:18vw;
    z-index: -1000;
    width:104%;
    height: auto;
    border: none;
   
    filter: brightness(1.1);
    filter: contrast(1.2);
  
}

#GifOfThe2{
    position: absolute;
    top:56vw;
    left:-6vw;
    z-index: -1000;
    width:80%;
    height: auto;
    border: none;
   
    filter: brightness(1.1);
    filter: contrast(1.2);
  
}

#GifArty2{
    position: absolute;
    top:82vw;
    left:26vw;
    z-index: -1000;
    width:80%;
    height: auto;
    border: none;
   
    filter: brightness(1.1);
    filter: contrast(1.2);
  
}

#GifClass2{
    position: absolute;
    top:100vw;
    left:10vw;
    z-index: -1000;
    width:105%;
    height: auto;
    border: none;
    filter: brightness(1.1);
    filter: contrast(1.2);
  
}



/* LIST OF ARTIST/ARTWORK */

.HP5Art{
  display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(9,1fr);
    position: relative;
    top:10vw;
    row-gap:9vw;
    padding-left: 2vw;
    padding-right: 2vw;
   position: relative;
    top:2.8vw;
    padding-top: 5vw;
   	overflow: scroll;
    height: 180vw;
    vertical-align: top;
    
   
    
    font-family: "Work Sans", Icons;
    font-style: normal;
    font-weight: 400;
    font-size: 3.8vw;
    color:var(--text-color);
    line-height: 4.1vw;
    text-align: center;
    justify-content: left;
    mix-blend-mode:multiply;
    
    
   
}

/*Joana Tischkau*/
#Art1{
    grid-column: 1/3;
    grid-row: 1/2;  
}

 /*Than Thu Trang*/
#Art2{
    grid-column: 5/9;
    grid-row: 2/3;  
}

/*Aidan Riebensahm*/
#Art3{
    grid-column: 4/7;
    grid-row: 8/9;  
}
    
/*Melmun Bajarchuu*/
#Art4{
    grid-column: 4/8;
    grid-row: 5/6;  
}

/*Azadeh Sharifi*/
#Art5{
    grid-column: 4/8;
    grid-row: 3/4;  
}
    
/*George Corç Demir*/
#Art6{
    grid-column: 1/4;
    grid-row: 3/4;  
}
    
/*Demir Annoff*/
#Art7{
    grid-column: 4/8;
    grid-row: 7/8;  
}

/*Pary + Nahed*/
#Art8{
    grid-column:1/9;
    grid-row:4/5; 
}

/*Nesrin + Suy*/    
#Art9{
    grid-column: 1/9;
    grid-row: 6/7;  
}

/*Gursoy Dogtas*/    
#Art10{
    grid-column: 1/4;
    grid-row: 8/9;  
}

 /*Bafta Sarbo*/   
#Art11{
    grid-column: 1/4;
    grid-row: 5/6;  
}

 /*Jens Kastner*/   
#Art12{
    grid-column: 3/8;
    grid-row: 1/2;  
}
    
 /*Anna E*/   
#Art13{
    grid-column: 3/3;
    grid-row: 7/8;  
}
    
 /*Hello White Democracy*/   
#Art14{
    grid-column: 1/5;
    grid-row: 2/3;  
}
    
    /*=================================
Program Page
====================================*/
.Program_Dv{
	
}
    
.Program_Mv{
    display: none;
}
    /*Home Page*/
.GeorgeFont{
	font-family: TeenageYellowStar;
    font-size: 8vw;
    line-height:7vw;
}
    
    
#Und_Ins{
	font-family: TeenageYellowStar;
   	font-size: 9vw;
    line-height:8vw;
    position: relative;
    top:6vw;
}


.Program_Intro{
    /*font-family: TeenageYellowStar;*/
    text-align: center;
    position: relative;
    top:7vw;
    color: var(--text-color);
    font-size: 3vw;
    line-height: 3.2vw;
	
}

.Program_Outro{
  	position: relative;
    top:6vw;
    text-align: center;
	font-weight: 400;
      font-size: 3vw;
    line-height: 3.2vw;
	
}

.Program_Description{
	display:block;
    
    padding: 2vw;
    position: relative;
    top:5vw;
    
 
	
    text-align: center;
}


.Program_Des_Day{
	font-family: TeenageYellowStar;
    font-size: 8vw;
    line-height: 10vw;
    position: relative;
    top:2vw;
      
}

.Program_Des_Infos{
	 font-family: WorkSansMedium, Icons;
     font-size: 3vw;;
    line-height: 3.2vw;
   
}

.Program_Des_Text{
    font-size: 3vw;;
    line-height: 3.2vw;
}

.Program_Images_Mv{
	z-index:-1000;
    
 	padding: 1vw;
    opacity: 0.15;
    
}

#Program_Images_Pigeon{
	width:80vw;
    position: fixed;
    top:15vw;
    left:-30vw;
    
   
}

#Program_Images_Rat{
	width:68vw;
    position: fixed;
    top:13vw;
    left:50vw;
}

.Program_logos{
	padding-bottom: 10vw;
}

#Program_logos_Senat{
	width:22vw;
  padding: 1vw;
}

#Program_logos_Kotti{
	width:11vw;
    
}
    
/*=================================
MANIFESTO PAGE
====================================*/
.Content_manifesto{
  display:  grid;
  grid-template-columns: repeat(10, 1fr);
}

.ContentArt_tableManifesto{
    grid-column: 1/10;
    position: relative;
    top:3vw;
    left:3vw;
    padding-bottom: 18vw;
    padding-right: 3vw;
    
    
    font-family: "Work Sans", Icons;
    font-style: normal;
    font-weight: 400;
    font-size: 4.1vw;
    line-height:4.3vw;
    color:var(--text-color);
    text-align: left;
    justify-content: left;
    mix-blend-mode:multiply;
    
}

/* Button for the sound*/
.btnX {
  position: relative;
  padding-top: 5vw;
  left:6vw;
  width: 6.2vw;
  height: auto;
  cursor: pointer;
}
    
    
/*================================
    Impressum
=================================*/
    
    .ContentArt_tableImpressum{
    padding-top: 3vw;
    font-family: "Work Sans", Icons;
	font-style: normal;
	font-weight: 400;
    color:var(--text-color);
    
	font-size: 4.1vw;
    line-height: 4.5vw;
   

   
}


.logosImpressum{
    display:grid;
    justify-content: center;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 3vw;
	width: 100%;
    padding-left: 10vw;
    padding-right: 10vw;
}

#logo1{
    grid-column: 1/3;
	
}

#logo4{
	grid-column: 5/7;
}

/*=================================
ARTWORK PAGES
===================================*/

/* TITLE */
#ContentArt_title{
  /*Type design*/
    font-family: "Work Sans", Icons;
    font-style: normal;
    font-weight: 400;
    font-size: 4.5vw;
    line-height:5vw;
    letter-spacing: -0.009vw;
    
    color: var(--text-color2);
   
   
    
    /* Padding and margins */
    position: relative;
    top: 5vw;
    padding: 3vw;
    padding-bottom: 7vw;
}

/* CONTENT_TEXT */

table{
    padding-top: 2vw;
    padding-right: 3vw;
    padding-left: 3vw;
    
    border-spacing: 0vw 1.5vw;
    
    font-family: "Work Sans", Icons;
  	font-style: normal;
  	font-weight: 400;
    text-align: left;
    color:var(--text-color);
     
}

.ContentArt_tableParagraph{
   
  	/*font-size: 3vw;
    line-height: 3.2vw;*/
    font-size: 4.1vw;
    line-height: 4.55vw;
    letter-spacing: -0.011vw;
    width: 70%;
    vertical-align: top;
}

.ContentArt_tableFootnotes{
    display: none;
    padding-left: 2vw;
  font-size: 1.4vw;
    line-height: 1.7vw;
    vertical-align: top;
    
  
}
    
.Ftn{
	width:2.3vw;
    height: auto;
    
    
}

.FtnDec{
	width: 3.3vw;
    height: auto;
}

.ContentArt_tableFootnotes_phone{
 	display: block;
    font-size: 3.3vw;
    line-height: 3.6vw;
}

.ContentArt_tableFootnotes_overflow{
    display: none;
    }
.ContentArt_Sources{
    padding-top: 5vw;
    padding-right: 3vw;
    padding-left: 3vw;
    
    border-spacing: 0vw 1.5vw;
    
    font-family: "Work Sans", Icons;
	font-style: normal;
	font-weight: 400;
    text-align: left;
    color:var(--text-color);
	font-size: 3.3vw;
    line-height: 3.6vw;
}
    

/* CONTENT VIDEO */

.ContentArt_video{
    position: relative;
    width: 90%;
    height:auto;
    justify-content: center;
}

.ContentArt_video2{
    padding-top: 3vw;
    padding-bottom: 2vw;
    width: 100vw;
    
}

iframe{
    position: relative;
    border:none;
    width:90vw;
    height: 52vw;
    
    
}

/* SLIDE SHOW*/
* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
 /* width: 85%;*/
    width: 94%;
  height:auto;
  position: relative;
  
    left:3vw;
 /* left:7vw;*/
  top: 8vw;
}
    
.slideshow_Caption{
	font-family: "Work Sans", Icons;
  font-weight: normal;
  font-size: 3.3vw;
    line-height: 3.6vw;
    color: var(--text-color);
    padding-top: 0.3vw;
    
}
    

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  
  cursor: pointer;
  position: absolute;
  top:59.9vw;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: var(--text-color);
font-family: "Work Sans", Icons;
  font-weight: bold;
  font-size: 18px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  top: -4.5vw;
  right: -3vw;
  
}

.prev{
	top: -4.5vw;
    left: 0vw;
    padding-left: 0;
 	/*border-radius: 3px 0 0 3px;*/
}


.prev:hover, .next:hover {
  color:var(--text-color2);
    text-decoration: none;
}


/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
 position: relative;
    top:7.5vw;
    
  height: 3vw;
  width: 3vw;
  margin: 0 0.1vw;
  border: 1px solid var(--text-color);
  border-radius: 50%;
  display: inline-block;
  
    
}

.active, .dot:hover {
  background-color: var(--text-color);
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}





  }


/**====================================
 * By default Cargo CSS -> to delete
 ======================================*/


/**
 * Breakpoints
 */




[data-css-preset] body {
	background-color: rgb(188, 168, 202)/*!body_bgcolor*/;
}