* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@font-face {
  font-family: "Essenz";
  src: url('fonts/EssenzWeb-Regular.woff') format('woff'), url('fonts/EssenzWeb-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Essenz";
  src: url('fonts/EssenzWeb-RegularItalic.woff') format('woff'), url('fonts/EssenzWeb-RegularItalic.woff2') format('woff2');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Essenz";
  src: url('fonts/EssenzWeb-Bold.woff') format('woff'), url('fonts/EssenzWeb-Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Essenz";
  src: url('fonts/EssenzWeb-BoldItalic.woff') format('woff'), url('fonts/EssenzWeb-BoldItalic.woff2') format('woff2');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Essenz-Black";
  src: url('fonts/EssenzWeb-Black.woff') format('woff'), url('fonts/EssenzWeb-Black.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Essenz-Medium";
  src: url('fonts/EssenzWeb-Medium.woff') format('woff'), url('fonts/EssenzWeb-Medium.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Essenz-Medium";
  src: url('fonts/EssenzWeb-MediumItalic.woff') format('woff'), url('fonts/EssenzWeb-MediumItalic.woff2') format('woff2');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Essenz-Light";
  src: url('fonts/EssenzWeb-Light.woff') format('woff'), url('fonts/EssenzWeb-Light.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Essenz-Light";
  src: url('fonts/EssenzWeb-LightItalic.woff') format('woff'), url('fonts/EssenzWeb-LightItalic.woff2') format('woff2');
  font-weight: normal;
  font-style: italic;
}

body {
  background: #fff;
  color: #000;
  width: 100%;
  font-weight: normal; 
  font-family: "Essenz";
  /* cursor: url(assets/images/cursor1.png) 20 20, auto; */
}

/*p {
font-size: 1.5vw;
line-height: 2vw;
font-weight: normal;
font-family: "Essenz";
}*/

h1 {
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.text {
  padding: 2.2vw 3vw 3vw 3vw;
}

.text p, h1 {
  margin-bottom: 2vw;
  opacity: 0;
  animation: fadein 0.5s forwards ease-out;
}

.text a {
  text-decoration: underline;
  color: inherit;
}

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

.bottom {
	padding-top: 5vw;
	font-size: 1.5vw;
	line-height: 2vw;
	letter-spacing: 0.3px;
/*	font-weight: normal;
	font-style: normal;
	font-family: "Essenz";*/
	/*color:#45c399;*/
	color:#000000;
}

.index {
  font-size: 4.5vw;
  line-height: 5vw;
  font-weight: normal; 
  font-family: "Essenz";
}

.cash {
  font-size: 8vw;
  line-height: 8vw;
  font-weight: normal; 
  font-family: "Essenz";
}

.leonardo {
  font-size: 2.5vw;
  line-height: 3vw;
  font-weight: normal; 
  font-style: italic; 
  font-family: "Essenz";
}

.leporello {
  font-size: 10vw;
  line-height: 10vw;
  font-weight: normal; 
  font-family: "Essenz-Black";
}

.saarinen {
  font-size: 3vw;
  line-height: 3vw;
  font-weight: normal; 
  font-family: "Essenz-Medium";
  letter-spacing: 0.5px;
}

.lennon {
  font-size: 6vw;
  line-height: 6vw;
  font-weight: normal; 
  font-family: "Essenz-Medium";
}

.monroe {
  font-size: 2.5vw;
  line-height: 3vw;
  font-weight: normal; 
  font-style: italic; 
  font-family: "Essenz";
}

.galileo {
  font-size: 6vw;
  line-height: 6vw;
  font-weight: normal; 
  font-family: "Essenz-Light";
  font-style: italic; 
}

.einstein {
  font-size: 3vw;
  line-height: 3.5vw;
  font-weight: normal; 
  font-family: "Essenz-Light";
  letter-spacing: 0.3px;
}

.rams {
  font-size: 3.7vw;
  line-height: 4vw;
  font-weight: normal; 
  font-family: "Essenz-Black";
}

.franklin {
  font-size: 1.9vw;
  line-height: 2.5vw;
  letter-spacing: 0.5px;
  font-weight: normal; 
  font-family: "Essenz";
}

.suicides {
  font-size: 2vw;
  line-height: 2.5vw;
  font-weight: normal; 
  font-style: italic; 
  font-family: "Essenz-Medium";
}

.marriage {
  font-size: 2.5vw;
  line-height: 3vw;
  font-weight: bold; 
  font-style: italic; 
  font-family: "Essenz";
}

.wikipedia {
  font-size: 2.5vw;
  line-height: 3vw;
  font-weight: normal; 
  font-family: "Essenz";
  letter-spacing: 0.5px;
}

.baldessari {
  font-size: 5vw;
  line-height: 5vw;
  font-weight: normal; 
  font-style: italic;
  font-family: "Essenz-Light";
}

.barthes {
  font-size: 5.5vw;
  line-height: 5.5vw;
  font-weight: bold; 
  font-family: "Essenz";
}

.farbe1 {
  color: #ff0080;
}
.farbe2 {
  color: #ff0000;
}
.farbe3 {
  color: #ff8000;
}
.farbe4 {
  color: #ffdd00;
}
.farbe5 {
  color: #e4f505;
}
.farbe6 {
  color: #80ff00;
}
.farbe7 {
  color: #00ff00;
}
.farbe8 {
  color: #00ffaa;
}
.farbe9 {
  color: #00ffff;
}
.farbe10 {
  color: #00d0ff;
}
.farbe11 {
  color: #0080ff;
}
.farbe12 {
  color: #0000ff;
}
.farbe13 {
  color: #6600ff;
}
.farbe14 {
  color: #bb00ff;
}
.farbe15 {
  color: #ff00ff;
}

@keyframes fadein {
  0% {
    opacity: 0;
    margin-top: 1.5vw;
  }

  100% {
    opacity: 1;
    margin-top: 0;
  }
}

input[type="checkbox"] {display:none;}
input[type="checkbox"] + label:before {content:"☐";font-weight: normal;font-style: normal;padding-right:1vw;}
input:checked + label:before {content:"☑";}
label:hover {color:black;}