/* Illu private Postcodes */


/* FEEILLUCOLORSANDBG */
@font-face { 
font-family: Venerable; src: url(https://dl.dropboxusercontent.com/s/brrsyzic6ntn1a4qrblx7/venerable.ttf?rlkey=tjasjt4qcfsb0e9hf7hd34v8y&dl=0); 
}
@font-face { 
font-family: 'Invective'; src: url(https://dl.dropboxusercontent.com/s/9mtsnpimi151icxiiegel/invective.ttf?rlkey=2ojh5x0qgi4bj21q7kwzknfbu&dl=0); 
}

.feeillu-wrapper {
 --headerfont: 'Invective';
 --sans1:'Poppins', sans-serif;
 --bodyfont:'Work Sans', sans-serif;
 --serif:'Zodiak', serif;
 --light: #f9f9f9;
 --dark: #1a1a1a;
 --grungehg: url(https://i.ibb.co/YTKLW3R/grunge123.png);
 --beleen: #2b3a5b;
 --beleen2: #97aee0;
 --beleenhg: url(https://images.unsplash.com/photo-1623357912811-b87725292906?q=80&w=3534&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
 --gentalion: #5B61B2;
 --gentalion2: #DEC1DB;
 --gentalionhg: url(https://fee.hauntedandholy.de/Female/Gen/Gentalion1.png);
 --maxely: #412748;
 --maxely2: #b98dc5;
 --maxelyhg: url(https://i.ibb.co/DwnyHYn/maxely.png);
 --dantara: #ca0825;
 --dantara2: #96666d;
 --dantarahg: url(https://images.unsplash.com/photo-1624760457277-f4f30b59c1c9?q=80&w=3456&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
 --maisabel: #5f2e35;
 --maisabel2: #96656c;
 --maisabelhg: url(https://images.unsplash.com/photo-1555440186-7f0a5a6a5537?q=80&w=1932&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
 --namidna: #f3a817;
 --namidna2: #e0cba3;
 --namidnahg: url(https://i.ibb.co/YNVh6zd/391e16bc973a8997570b54e2247dd1cd.png); 
 --saburomitsu: #0e929e;
 --saburomitsu2: #a7d1d5;
 --saburomitsuhg: url(https://images.unsplash.com/photo-1579305626036-d173361705f6?q=80&w=3687&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
 --sandalphharley: #785c14;
 --sandalphharley2: #d4c292;
 --sandalphharleyhg: url(https://images.unsplash.com/photo-1544497310-c7bc5c577e20?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MjZ8fGhvbHl8ZW58MHx8MHx8fDA%3D);
 --baallil: #37418c;
 --baallil2: #9a9db4;
 --baallilhg: url(https://images.unsplash.com/photo-1602861166176-3dda0761b39b?q=80&w=3000&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
 --yotsushi: #602fa7;
 --yotsushi2: #a092b6;
 --yotsushihg:  url(https://images.unsplash.com/photo-1461727885569-b2ddec0c4328?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NHx8amFwYW5lc2V8ZW58MHx8MHx8fDA%3D); 
 --silasisa: #0a275b;
 --silasisa2: #729be4;
 --silasisa3: #43abb1;
 --silasisahg: url(https://images.unsplash.com/photo-1625687101893-23a92791ea25?q=80&w=3731&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
 --laventod: #881a1a;
 --laventod2: #b39898;
 --laventodhg: url(https://images.unsplash.com/photo-1549836067-1aba91c8d8b6?q=80&w=3474&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
 --panras: #39396f;
 --panras2: #afafc4;
 --panrashg: url(https://images.unsplash.com/photo-1502134249126-9f3755a50d78?q=80&w=3540&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
 --valseb: #214021;
 --valseb2: #5a6c5a;
 --valsebhg: url(https://images.unsplash.com/photo-1518162899679-9c6f9c4b037c?q=80&w=2347&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
 --kasgirl: #3e93cf;
 --kasgirl2: #a1bbcd;
 --kasgirhg: url(https://images.unsplash.com/photo-1630155923002-17db0f219f1f?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxjb2xsZWN0aW9uLXBhZ2V8Njh8ZEJ1ZFdRYlUxMGt8fGVufDB8fHx8fA%3D%3D);
 --iliama: #653535;
 --iliama2: #bd8b8b;
 --iliamahg: url(https://images.unsplash.com/photo-1674621298963-f2634f231006?q=80&w=2728&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
 --kaspila: #3e5c2a;
 --kaspila2: #aac995;
 --kaspilahg: url(https://fee.hauntedandholy.de/Unbenannt-5.png);
 --feegen: #3d333c;
 --feegen2: #605c64;
 --feegenhg: url(https://images.unsplash.com/photo-1662559771211-896f96bf5eb4?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
 --kyana: #9e091f;
 --kyana2: #5f000e;
 --kyanahg: url(https://images.unsplash.com/photo-1508504509543-5ca56440e013?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);

 }

.feeillu-wrapper, .feellu-wrapper * {box-sizing: border-box}

/*code*/
.feeillu-wrapper {
 position:relative;
 margin: 0 auto;
 max-width:700px;
 width:100%;
 min-height:500px; 
}

.feeillu-post {
  max-width:600px;
  width:100%;
  background: linear-gradient(0deg,     rgba(30, 30, 30, 0.2), rgba(30, 30,   30, 0.2)), linear-gradient(0deg,     rgba(30, 30, 30, 0.2), rgba(30, 30,   30, 0.2)), linear-gradient(0deg, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2)), linear-gradient(0deg, #1E1E1E, #1E1E1E), url(https://i.ibb.co/Z6hXdSn/grunge-bg2.png);
  min-height:500px;
  background-blend-mode: multiply;
  background-size: cover;
}

.feeillu-head {
  max-width:600px;
  max-height:200px;
  height: auto;
  z-index: 1;
  position: relative;
  margin-bottom:10px;
  background-attachment: fixed;
 }
.feeillu-head::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index:2;
  background: var(--grungehg);
  opacity: 0.3;
  mix-blend-mode: screen;
  background-position: center center;
  background-attachment: fixed;
 }

.feeillu-title {
  display: block;
  position:relative;
  width:100%;
  top: -120px;
  left: 0;
  z-index:3;
  width: fit-content;
  font-family: var(--headerfont);
  font-size: 35px;
  font-weight:800;
  color: var(--light);
  margin: 0 auto;  
}

.feeillu-sub1 {
  display: block;
  position:relative;
  width:100%;
  top: -140px;
  left: 0;
  z-index:3;
  width: fit-content;
  font-family: var(--sans1);
  text-transform: uppercase;
  font-style:italic;
  font-size: 11px;
  font-weight:200;
  color: var(--light);
  margin: 0 auto;
  letter-spacing:1px;
}

.feeillu-text {
  font-family: var(--bodyfont);
  color: var(--light);
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 220%;
  text-align: justify;
  width: 460px;
  margin: auto;
  padding-top: 40px;
  padding-bottom: 60px;
  }

.feeillu-gif {
    position: relative;
  width: 130px;
  height: 130px;
  border: 15px solid #101010;
  border-radius: 00px;
  margin-right: 27px;
  float: left;
  overflow: hidden;
  margin-bottom: 2px;
}

.feeillu-gif img {
width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: inline-block;
  filter: grayscale(100%);
}

.feeillu-footer {
  max-width:600px;
  height:50px;
  z-index: 1;
  position: relative;
  margin-top:10px;
  background-attachment: fixed;
 }

.feeillu-footer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index:2;
  background: var(--grungehg);
  opacity: 0.3;
  mix-blend-mode: screen;
  background-position: center center;
  background-attachment: fixed;
 }

.feeillu-details {
  width: 100%;
 display: flex;
  gap: 16px;
  justify-content: space-around;
  position:relative;
  top: -32px;
  z-index:3;
}

.feeillu-button { 
flex-grow: 1; 
  text-align:center;
    width: fit-content;
  font-family: var(--sans1);
  text-transform: uppercase;
  font-weight:200;
  color: var(--light);
  margin: 0 auto;
  letter-spacing:1px;
  font-size:10px;
}


/* MAXELY */

.maxelywrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.maxelyhead {
	width:550px;
	height:200px;
	background:#412748;
	background-image: url(https://www.weare.hauntedandholy.de/hah/maxely/maxelyhead.png);
	background-blend-mode: multiply;
}

.maxelytitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 64px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.1;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}
.maxelytitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.maxelypostimg {
	width: 250px;
  height: 150px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
object-fit: cover; object-position: center;

}
.maxelypost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  text-align: justify;
  font-family: var(--main-font);
	font-style: normal;
  font-weight: 500;
  line-height: 220%;
	}

.maxelypost b {
color:#874b96;

	}

.maxelypost i {
color:#874b96;

	}

.maxelypost u {
background: none;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #874b96;
}

.maxelypost a {
background: none;
	color:#874b96;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #874b96;
}

.maxelypost a:hover {
background: none;
	color:#c3adc9;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #c3adc9;
}

/* ASHELY */

.ashelywrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.ashelyhead {
	width:550px;
	height:200px;
	background:#711015;
	background-image: url(https://www.weare.hauntedandholy.de/hah/ashely/ashelyhead.png);
	background-blend-mode: multiply;
}

.ashelytitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 60px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.1;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}
.ashelytitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.ashelypostimg {
	width: 250px;
  height: 150px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}
.ashelypost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  text-align: justify;
  font-family: var(--main-font);
	font-style: normal;
  font-weight: 500;
  line-height: 220%;
	}

.ashelypost b {
color:#ad3137;

	}

.ashelypost i {
color:#ad3137;

	}

.ashelypost u {
background: none;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #ad3137;
}

.ashelypost a {
background: none;
	color:#ad3137;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #ad3137;
}

.ashelypost a:hover {
background: none;
	color:#fff;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #fff;
}

/* illugeneral */

.illugeneralwrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.illugeneralhead {
	width:550px;
	height:200px;
	background:#155578;
	background-image: url(https://www.weare.hauntedandholy.de/hah/illugeneral.png);
	background-blend-mode: multiply;
}

.illugeneraltitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 60px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.1;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}
.illugeneraltitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.illugeneralpostimg {
	width: 250px;
  height: 150px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
object-fit: cover; object-position: center;
}
.illugeneralpost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  text-align: justify;
  font-family: var(--main-font);
	font-style: normal;
  font-weight: 500;
  line-height: 220%;
	}

.illugeneralpost b {
color:#5f7f98;

	}

.illugeneralpost i {
color:#5f7f98;

	}


.illugeneralpost u {
background: none;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #5f7f98;
}

.illugeneralpost a {
background: none;
	color:#5f7f98;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #5f7f98;
}

.illugeneralpost a:hover {
background: none;
	color:#fff;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #fff;
}

/* Dantara */

.dantarawrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.dantarahead {
	width:550px;
	height:200px;
	background:#ca0825;
	background-image: url(https://www.weare.hauntedandholy.de/hah/dantara.png);
	background-blend-mode: multiply;
}

.dantaratitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 60px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.3;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}
.dantaratitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.dantarapostimg {
	width: 250px;
  height: 150px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}
.dantarapost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  	text-align: justify;
  	font-family: var(--main-font);
	font-style: normal;
  font-weight: 500;
  line-height: 220%;
	}

.dantarapost b {
    color:#ca0825;

	}

.dantarapost i {
    color:#ca0825;

	}

.dantarapost u {
  background: none;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #ca0825;
}

.dantarapost a {
   background: none;
	color:#ca0825;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #ca0825;
}

.dantarapost a:hover {
background: none;
	color:#fff;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #ca0825;
}

/* namidna */

.namidnawrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.namidnahead {
	width:550px;
	height:200px;
	background:#f3a817;
	background-image: url(https://www.weare.hauntedandholy.de/hah/namidna.png);
    background-blend-mode: multiply;
	}

.namidnatitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 60px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.3;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}
.namidnatitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.namidnapostimg {
	width: 250px;
  height: 150px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}
.namidnapost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  text-align: justify;
  font-family: var(--main-font);
	font-style: normal;
  font-weight: 500;
  line-height: 220%;
	}

.namidnapost b {
color:#f3a817;

	}

.namidnapost i {
color:#f3a817;

	}

.namidnapost u {
background: none;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #f3a817;
}

.namidnapost a {
background: none;
	color:#f3a817;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #f3a817;
}

.namidnapost a:hover {
background: none;
	color:#fff;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #f3a817;
}

/* saburomitsu */

.saburomitsuwrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.saburomitsuhead {
	width:550px;
	height:200px;
	background:#0e929e;
	background-image: url(https://www.weare.hauntedandholy.de/hah/saburomitsu/saburomitsu.png);
	background-blend-mode: multiply;
}

.saburomitsutitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 64px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.1;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}
.saburomitsutitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.saburomitsupostimg {
	width: 250px;
  height: 150px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
object-fit: cover; object-position: center;

}
.saburomitsupost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  text-align: justify;
  font-family: var(--main-font);
	font-style: normal;
  font-weight: 500;
  line-height: 220%;
	}

.saburomitsupost b {
color:#0e929e;

	}

.saburomitsupost i {
color:#0e929e;

	}

.saburomitsupost u {
background: none;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #0e929e;
}

.saburomitsupost a {
background: none;
	color:#0e929e;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #0e929e;
}

.saburomitsupost a:hover {
background: none;
	color:#c3adc9;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #c3adc9;
}
/* fareehasamid */

.fareehasamidwrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.fareehasamidhead {
	width:550px;
	height:200px;
	background:#785c14;
	background-image: url(https://www.weare.hauntedandholy.de/hah/fareehasamid.png);
    background-blend-mode: multiply;
	}

.fareehasamidtitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 45px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.3;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}
.fareehasamidtitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.fareehasamidpostimg {
	width: 250px;
  height: 150px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}
.fareehasamidpost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  text-align: justify;
  font-family: var(--main-font);
	font-style: normal;
  font-weight: 500;
  line-height: 220%;
	}

.fareehasamidpost b {
color:#785c14;

	}

.fareehasamidpost i {
color:#785c14;

	}

.fareehasamidpost u {
background: none;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #785c14;
}

.fareehasamidpost a {
background: none;
	color:#785c14;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #785c14;
}

.fareehasamidpost a:hover {
background: none;
	color:#fff;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #fff;
}

/* baallil */

.baallilwrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.baallilhead {
	width:550px;
	height:200px;
	background:#5a3d68;
	background-image: url(https://www.weare.hauntedandholy.de/hah/lilithbaal.png);
    background-blend-mode: multiply;
	}

.baalliltitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 50px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.3;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}
.baalliltitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.2;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.baallilpostimg {
	width: 250px;
  height: 150px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}
.baallilpost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  text-align: justify;
  font-family: var(--main-font);
	font-style: normal;
  font-weight: 500;
  line-height: 220%;
	}

.baallilpost b {
color:#5a3d68;

	}

.baallilpost i {
color:#5a3d68;

	}

.baallilpost u {
background: none;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #5a3d68;
}

.baallilpost a {
background: none;
	color:#5a3d68;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #5a3d68;
}

.baallilpost a:hover {
background: none;
	color:#fff;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #5a3d68;
}


/* fleurezio */

.fleureziowrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.fleureziohead {
	width:550px;
	height:200px;
	background:#493b58;
	background-image: url(https://www.weare.hauntedandholy.de/hah/fleurezio/fleureziohead.png);
	background-blend-mode: multiply;
}

.fleureziotitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 64px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.1;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}
.fleureziotitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.fleureziopostimg {
	width: 250px;
  height: 150px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}
.fleureziopost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  text-align: justify;
  font-family: var(--main-font);
		font-style: normal;
  font-weight: 500;
  line-height: 220%;
	}

.fleureziopost b {
color:#493b58;

	}

.fleureziopost i {
color:#493b58;

	}

.fleureziopost u {
background: none;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #493b58;
}

.fleureziopost a {
background: none;
	color:#874b96;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #493b58;
}

.fleureziopost a:hover {
background: none;
	color:#493b58;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #fff;
}

/* emetaly */

.emetalywrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.emetalyhead {
	width:550px;
	height:200px;
	background:#065857;
	background-image: url(https://www.weare.hauntedandholy.de/hah/emetaly/emetalyhead.png);
	background-blend-mode: multiply;
}

.emetalytitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 59px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.1;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}
.emetalytitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.emetalypostimg {
	width: 250px;
  height: 150px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}
.emetalypost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  text-align: justify;
  font-family: var(--main-font);
		font-style: normal;
  font-weight: 500;
  line-height: 220%;
	}

.emetalypost b {
color:#065857;

	}

.emetalypost i {
color:#065857;

	}

.emetalypost u {
background: none;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #065857;
}

.emetalypost a {
background: none;
	color:#874b96;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #065857;
}

.emetalypost a:hover {
background: none;
	color:#065857;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #fff;
}

/* yotsushi */

.yotsushiwrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.yotsushihead {
	width:550px;
	height:200px;
	background:#602fa7;
	background-image: url(https://www.weare.hauntedandholy.de/hah/yotsushi/yotsushihead.png);
	background-blend-mode: multiply;
}

.yotsushititle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 55px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.1;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}
.yotsushititle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.yotsushipostimg {
	width: 250px;
  height: 150px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}
.yotsushipost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  text-align: justify;
  font-family: var(--main-font);
	font-style: normal;
  font-weight: 500;
  line-height: 220%;
	}

.yotsushipost b {
color:#602fa7;

	}

.yotsushipost i {
color:#602fa7;

	}

.yotsushipost u {
background: none;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #602fa7;
}

.yotsushipost a {
background: none;
	color:#602fa7;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #874b96;
}

.yotsushipost a:hover {
background: none;
	color:#fff;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #fff;
}

/* Illiash */

.Illiashwrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.Illiashhead {
	width:550px;
	height:200px;
	background:#14b237;
	background-image: url(https://www.weare.hauntedandholy.de/hah/illiash.png);
	background-blend-mode: multiply;
}

.Illiashtitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 50px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.1;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}
.Illiashtitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.Illiashpostimg {
	width: 250px;
  height: 150px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}
.Illiashpost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  text-align: justify;
  font-family: var(--main-font);
	font-style: normal;
  font-weight: 500;
  line-height: 220%;
	}

.Illiashpost b {
color:#14b237;

	}

.Illiashpost i {
color:#14b237;

	}

.Illiashpost u {
background: none;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #14b237;
}

.Illiashpost a {
background: none;
	color:#14b237;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #14b237;
}

.Illiashpost a:hover {
background: none;
	color:#fff;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #fff;
}

/* elivergil */

.elivergilwrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.elivergilhead {
	width:550px;
	height:200px;
	background:#52207c;
	background-image: url(https://www.weare.hauntedandholy.de/hah/elivergil.png);
	background-blend-mode: multiply;
}

.elivergiltitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 35px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.1;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}
.elivergiltitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.elivergilpostimg {
	width: 250px;
  height: 150px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}

.elivergilpost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  text-align: justify;
  font-family: var(--main-font);
		font-style: normal;
  font-weight: 500;
  line-height: 220%;
	}

.elivergilpost b {
color:#52207c;

	}

.elivergilpost i {
color:#52207c;

	}

.elivergilpos u {
background: none;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #52207c;
}

.elivergilpos a {
background: none;
	color:#52207c;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #14b237;
}

.elivergilpos a:hover {
background: none;
	color:#fff;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #fff;
}

/* sylvanduin */

.sylvanduinwrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.sylvanduinhead {
	width:550px;
	height:200px;
	background:#735100;
	background-image: url(https://www.weare.hauntedandholy.de/hah/anduin/sylvanduinhead.png);
	background-blend-mode: multiply;
}

.sylvanduintitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 64px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.1;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}
.sylvanduintitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.sylvanduinpostimg {
	width: 250px;
  height: 150px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
object-fit: cover; object-position: center;

}
.sylvanduinpost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  text-align: justify;
  font-family: var(--main-font);
	font-style: normal;
  font-weight: 500;
  line-height: 220%;
	}

.sylvanduinpost b {
color:#735100;

	}

.sylvanduinpost i {
color:#735100;

	}

.sylvanduinpost u {
background: none;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #735100;
}

.sylvanduinpost a {
background: none;
	color:#874b96;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #735100;
}

.sylvanduinpost a:hover {
background: none;
	color:#c3adc9;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #735100;
}

/* silasisa */

.silasisawrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.silasisahead {
	width:550px;
	height:200px;
	background:#b17796;
	background-image: url(https://www.weare.hauntedandholy.de/hah/isabella/silasisahead.png);
	background-blend-mode: multiply;
}

.silasisatitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 64px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.1;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}
.silasisatitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.silasisapostimg {
	width: 250px;
  height: 150px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
object-fit: cover; object-position: center;

}
.silasisapost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  text-align: justify;
  font-family: var(--main-font);
	font-style: normal;
  font-weight: 500;
  line-height: 220%;
	}

.silasisapost b {
color:#b17796;

	}

.silasisapost i {
color:#b17796;

	}

.silasisapost u {
background: none;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #b17796;
}

.silasisapost a {
background: none;
	color:#b17796;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #735100;
}

.silasisapost a:hover {
background: none;
	color:#c3adc9;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 2px solid #b17796;
}

/* tyillu */

.tyillu-wrap, .tyillu-wrap * {box-sizing: border-box}

.tyillu-wrap { 
  --light: #f1f1f1;
  --dark: #0c0c0c;
  --red: #d50100;
  --red2: #d13130;
  --purple: #380554;
  --purple2: #7c618b;
  --main: #F1E8E2;
  --headerfont: 'Zodiak', serif;
  --bodyfont: 'Work Sans', sans-serif;
  --bg-image: url(https://i.ibb.co/94x42xx/ty-illu-bg.png); 
}

.tyillu-wrap {
 position:relative;
 margin: 0 auto;
 max-width:650px;
 width:100%;
 min-height:500px;
}

.tyillu-header {
display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 0px 0px; 
  position:relative;
  top:0px;
  width:100%;
  height:150px;
}

.tyillu-free {
width:200px; 
}

.tyillu-gif {
width:350px;
height:150px;
display: inline-block;
position:relative;

}

.tyillu-gif::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height: 100%;
  pointer-events: none;
  mix-blend-mode: multiply;
  opacity: 0.8;
  background: var(--red);
}

.tyillu-gif img {
width:100%;
height:100%;
display: inline-block;
filter: grayscale(100%);
object-fit: cover;
object-position: center;
}

.tyillu-title {
position:absolute;
  width:550px;
  top:50px;
  left:0px;
  z-index:1;
  color: var(--red);
  font-size:30px;
  font-family: var(--headerfont);
  font-weight:800;
  padding-left:60px;
  text-transform:uppercase;
 }

.tyillu-title span {
  color: var(--main);
  font-style:italic;
}

.tyillu-subtitle {
position:absolute;
  width:550px;
  top:70px;
  left:0px;
  z-index:1;
  color: var(--main);
  font-size:10px;
  font-family: var(--bodyfont);
  font-weight:200;
  padding-left:60px;
  text-transform:uppercase;
  letter-spacing:1px;
 }

.tyillu-post {
 max-width:550px;
 width:100%;
 min-height:500px;
 background: linear-gradient(0deg, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2)), linear-gradient(0deg, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2)), linear-gradient(0deg, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2)), linear-gradient(0deg, #1E1E1E, #1E1E1E), url(https://i.ibb.co/0Fvmd9L/ty-illu-bg.png);
background-blend-mode: multiply;
background-size: cover;
}

.tyillu-post b {
  padding: 4px;
  background: var(--red2);
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  line-height: 220%;
  text-align: justify;
  letter-spacing: 0.205em;
  text-transform: uppercase;
}

.tyillu-post i {
font-style: italic;
  font-weight: 400;
  font-size: 11px;
  line-height: 220%;
  text-align: justify;
  letter-spacing: 0.165em;
  text-transform: lowercase;
  color: var(--red2);
}

.tyillu-post u {
padding: 4px;
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  text-decoration: none;
  letter-spacing: 0.21em;
  border-bottom: 2px solid var(--red);
  background: rgba(239, 239, 239, 0.1);
}



.tyillu-accent {
  position:absolute;
  font-family: var(--headerfont);
  font-size:155px;
  color: var(--red);
  font-weight:600;
  bottom: 41px;
  left: -25px;
  pointer-events: none;
  line-height: 16px;
 }

.tyillu-text {
  font-family: var(--bodyfont);
  color: var(--main);
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 220%;
  text-align: justify;
  width: 420px;
  margin: auto;
  padding-top:40px;
  padding-bottom:60px;  
}

.tyillu-details {
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  gap:5px;
  position:relative;
  left:230px;
  padding-bottom:50px;
}

.tyillu-details-button {
font-size: 10px;
  color: var(--red);
  font-weight: 900;
  font-family: var(--bodyfont);
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  outline: 1px var(--red) solid;
  width:120px;
}

.tyillu-details-button a {
font-size: 10px;
  color: var(--red);
  font-weight: 900;
  font-family: var(--bodyfont);
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  width:120px;
  text-decoration:none;
}

.tyillu-details-button a:hover {
font-size: 10px;
  color: var(--main);
  font-weight: 900;
  font-family: var(--bodyfont);
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  width:120px;
}

.tyillu2-wrap, .tyillu2-wrap * {box-sizing: border-box}

.tyillu2-wrap { 
  --light: #f1f1f1;
  --dark: #0c0c0c;
  --purple: #d50100;
   --purple: #4e2e60;
  --purple2: #7c618b;
  --main: #F1E8E2;
  --headerfont: 'Zodiak', serif;
  --bodyfont: 'Work Sans', sans-serif;
  --bg-image: url(https://i.ibb.co/94x42xx/ty-illu-bg.png); 
}

.tyillu2-wrap {
 position:relative;
 margin: 0 auto;
 max-width:650px;
 width:100%;
 min-height:500px;
}

.tyillu2-header {
display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 0px 0px; 
  position:relative;
  top:0px;
  width:100%;
  height:150px;
}

.tyillu2-free {
width:200px; 
}

.tyillu2-gif {
width:350px;
height:150px;
display: inline-block;
position:relative;

}

.tyillu2-gif::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height: 100%;
  pointer-events: none;
  mix-blend-mode: multiply;
  opacity: 0.8;
  background: var(--purple);
}

.tyillu2-gif img {
width:100%;
height:100%;
display: inline-block;
filter: grayscale(100%);
object-fit: cover;
object-position: center;
}

.tyillu2-title {
position:absolute;
  width:550px;
  top:50px;
  left:0px;
  z-index:1;
  color: var(--purple);
  font-size:30px;
  font-family: var(--headerfont);
  font-weight:800;
  padding-left:60px;
  text-transform:uppercase;
 }

.tyillu2-title span {
  color: var(--main);
  font-style:italic;
}

.tyillu2-subtitle {
position:absolute;
  width:550px;
  top:70px;
  left:0px;
  z-index:1;
  color: var(--main);
  font-size:10px;
  font-family: var(--bodyfont);
  font-weight:200;
  padding-left:60px;
  text-transform:uppercase;
  letter-spacing:1px;
 }

.tyillu2-post {
 max-width:550px;
 width:100%;
 min-height:500px;
 background: linear-gradient(0deg, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2)), linear-gradient(0deg, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2)), linear-gradient(0deg, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2)), linear-gradient(0deg, #1E1E1E, #1E1E1E), url(https://i.ibb.co/0Fvmd9L/ty-illu-bg.png);
background-blend-mode: multiply;
background-size: cover;
}

.tyillu2-post b {
  padding: 4px;
  background: var(--purple2);
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  line-height: 220%;
  text-align: justify;
  letter-spacing: 0.205em;
  text-transform: uppercase;
}

.tyillu2-post i {
font-style: italic;
  font-weight: 400;
  font-size: 11px;
  line-height: 220%;
  text-align: justify;
  letter-spacing: 0.165em;
  text-transform: lowercase;
  color: var(--purple2);
}

.tyillu2-post u {
padding: 4px;
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  text-decoration: none;
  letter-spacing: 0.21em;
  border-bottom: 2px solid var(--purple);
  background: rgba(239, 239, 239, 0.1);
}



.tyillu2-accent {
  position:absolute;
  font-family: var(--headerfont);
  font-size:155px;
  color: var(--purple);
  font-weight:600;
  bottom: 41px;
  left: -25px;
  pointer-events: none;
  line-height: 16px;
 }

.tyillu2-text {
  font-family: var(--bodyfont);
  color: var(--main);
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 220%;
  text-align: justify;
  width: 420px;
  margin: auto;
  padding-top:40px;
  padding-bottom:60px;  
}

.tyillu2-details {
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  gap:5px;
  position:relative;
  left:230px;
  padding-bottom:50px;
}

.tyillu2-details-button {
font-size: 10px;
  color: var(--purple);
  font-weight: 900;
  font-family: var(--bodyfont);
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  outline: 1px var(--purple) solid;
  width:120px;
}

.tyillu2-details-button a {
font-size: 10px;
  color: var(--purple);
  font-weight: 900;
  font-family: var(--bodyfont);
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  width:120px;
  text-decoration:none;
}

.tyillu2-details-button a:hover {
font-size: 10px;
  color: var(--main);
  font-weight: 900;
  font-family: var(--bodyfont);
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  width:120px;
}

.tyillu3-wrap, .tyillu3-wrap * {box-sizing: border-box}

.tyillu3-wrap { 
  --light: #f1f1f1;
  --dark: #0c0c0c;
  --orange: #ff6000;
  --orange2: #b0551e;
  --main: #F1E8E2;
  --headerfont: 'Zodiak', serif;
  --bodyfont: 'Work Sans', sans-serif;
  --bg-image: url(https://i.ibb.co/94x42xx/ty-illu-bg.png); 
}

.tyillu3-wrap {
 position:relative;
 margin: 0 auto;
 max-width:650px;
 width:100%;
 min-height:500px;
}

.tyillu3-header {
display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 0px 0px; 
  position:relative;
  top:0px;
  width:100%;
  height:150px;
}

.tyillu3-free {
width:200px; 
}

.tyillu3-gif {
width:350px;
height:150px;
display: inline-block;
position:relative;

}

.tyillu3-gif::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height: 100%;
  pointer-events: none;
  mix-blend-mode: multiply;
  opacity: 0.8;
  background: var(--orange);
}

.tyillu3-gif img {
width:100%;
height:100%;
display: inline-block;
filter: grayscale(100%);
object-fit: cover;
object-position: center;
}

.tyillu3-title {
position:absolute;
  width:550px;
  top:50px;
  left:0px;
  z-index:1;
  color: var(--orange);
  font-size:30px;
  font-family: var(--headerfont);
  font-weight:800;
  padding-left:60px;
  text-transform:uppercase;
 }

.tyillu3-title span {
  color: var(--main);
  font-style:italic;
}

.tyillu3-subtitle {
position:absolute;
  width:550px;
  top:70px;
  left:0px;
  z-index:1;
  color: var(--main);
  font-size:10px;
  font-family: var(--bodyfont);
  font-weight:200;
  padding-left:60px;
  text-transform:uppercase;
  letter-spacing:1px;
 }

.tyillu3-post {
 max-width:550px;
 width:100%;
 min-height:500px;
 background: linear-gradient(0deg, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2)), linear-gradient(0deg, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2)), linear-gradient(0deg, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2)), linear-gradient(0deg, #1E1E1E, #1E1E1E), url(https://i.ibb.co/0Fvmd9L/ty-illu-bg.png);
background-blend-mode: multiply;
background-size: cover;
}

.tyillu3-post b {
  padding: 4px;
  background: var(--orange2);
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  line-height: 220%;
  text-align: justify;
  letter-spacing: 0.205em;
  text-transform: uppercase;
}

.tyillu3-post i {
font-style: italic;
  font-weight: 400;
  font-size: 11px;
  line-height: 220%;
  text-align: justify;
  letter-spacing: 0.165em;
  text-transform: lowercase;
  color: var(--orange2);
}

.tyillu3-post u {
padding: 4px;
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  text-decoration: none;
  letter-spacing: 0.21em;
  border-bottom: 2px solid var(--orange);
  background: rgba(239, 239, 239, 0.1);
}



.tyillu3-accent {
  position:absolute;
  font-family: var(--headerfont);
  font-size:155px;
  color: var(--orange);
  font-weight:600;
  bottom: 41px;
  left: -25px;
  pointer-events: none;
  line-height: 16px;
 }

.tyillu3-text {
  font-family: var(--bodyfont);
  color: var(--main);
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 220%;
  text-align: justify;
  width: 420px;
  margin: auto;
  padding-top:40px;
  padding-bottom:60px;  
}

.tyillu3-details {
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  gap:5px;
  position:relative;
  left:230px;
  padding-bottom:50px;
}

.tyillu3-details-button {
font-size: 10px;
  color: var(--orange);
  font-weight: 900;
  font-family: var(--bodyfont);
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  outline: 1px var(--orange) solid;
  width:120px;
}

.tyillu3-details-button a {
font-size: 10px;
  color: var(--orange);
  font-weight: 900;
  font-family: var(--bodyfont);
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  width:120px;
  text-decoration:none;
}

.tyillu3-details-button a:hover {
font-size: 10px;
  color: var(--main);
  font-weight: 900;
  font-family: var(--bodyfont);
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  width:120px;
}

.tyillu4-wrap, .tyillu4-wrap * {box-sizing: border-box}

.tyillu4-wrap { 
  --light: #f1f1f1;
  --dark: #0c0c0c;
  --gelb: #2772c2;
  --gelb2: #6684a4;
  --main: #F1E8E2;
  --headerfont: 'Zodiak', serif;
  --bodyfont: 'Work Sans', sans-serif;
  --bg-image: url(https://i.ibb.co/94x42xx/ty-illu-bg.png); 
}

.tyillu4-wrap {
 position:relative;
 margin: 0 auto;
 max-width:650px;
 width:100%;
 min-height:500px;
}

.tyillu4-header {
display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 0px 0px; 
  position:relative;
  top:0px;
  width:100%;
  height:150px;
}

.tyillu4-free {
width:200px; 
}

.tyillu4-gif {
width:350px;
height:150px;
display: inline-block;
position:relative;

}

.tyillu4-gif::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height: 100%;
  pointer-events: none;
  mix-blend-mode: multiply;
  opacity: 0.8;
  background: var(--gelb);
}

.tyillu4-gif img {
width:100%;
height:100%;
display: inline-block;
filter: grayscale(100%);
object-fit: cover;
object-position: center;
}

.tyillu4-title {
position:absolute;
  width:550px;
  top:50px;
  left:0px;
  z-index:1;
  color: var(--gelb);
  font-size:30px;
  font-family: var(--headerfont);
  font-weight:800;
  padding-left:60px;
  text-transform:uppercase;
 }

.tyillu4-title span {
  color: var(--main);
  font-style:italic;
}

.tyillu4-subtitle {
position:absolute;
  width:550px;
  top:70px;
  left:0px;
  z-index:1;
  color: var(--main);
  font-size:10px;
  font-family: var(--bodyfont);
  font-weight:200;
  padding-left:60px;
  text-transform:uppercase;
  letter-spacing:1px;
 }

.tyillu4-post {
 max-width:550px;
 width:100%;
 min-height:500px;
 background: linear-gradient(0deg, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2)), linear-gradient(0deg, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2)), linear-gradient(0deg, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2)), linear-gradient(0deg, #1E1E1E, #1E1E1E), url(https://i.ibb.co/0Fvmd9L/ty-illu-bg.png);
background-blend-mode: multiply;
background-size: cover;
}

.tyillu4-post b {
  padding: 4px;
  background: var(--gelb2);
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  line-height: 220%;
  text-align: justify;
  letter-spacing: 0.205em;
  text-transform: uppercase;
}

.tyillu4-post i {
font-style: italic;
  font-weight: 400;
  font-size: 11px;
  line-height: 220%;
  text-align: justify;
  letter-spacing: 0.165em;
  text-transform: lowercase;
  color: var(--gelb2);
}

.tyillu4-post u {
padding: 4px;
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  text-decoration: none;
  letter-spacing: 0.21em;
  border-bottom: 2px solid var(--gelb);
  background: rgba(239, 239, 239, 0.1);
}



.tyillu4-accent {
  position:absolute;
  font-family: var(--headerfont);
  font-size:155px;
  color: var(--gelb);
  font-weight:600;
  bottom: 41px;
  left: -25px;
  pointer-events: none;
  line-height: 16px;
 }

.tyillu4-text {
  font-family: var(--bodyfont);
  color: var(--main);
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 220%;
  text-align: justify;
  width: 420px;
  margin: auto;
  padding-top:40px;
  padding-bottom:60px;  
}

.tyillu4-details {
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  gap:5px;
  position:relative;
  left:230px;
  padding-bottom:50px;
}

.tyillu4-details-button {
font-size: 10px;
  color: var(--gelb);
  font-weight: 900;
  font-family: var(--bodyfont);
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  outline: 1px var(--gelb) solid;
  width:120px;
}

.tyillu4-details-button a {
font-size: 10px;
  color: var(--gelb);
  font-weight: 900;
  font-family: var(--bodyfont);
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  width:120px;
  text-decoration:none;
}

.tyillu4-details-button a:hover {
font-size: 10px;
  color: var(--main);
  font-weight: 900;
  font-family: var(--bodyfont);
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  width:120px;
}

.tyillu5-wrap, .tyillu5-wrap * {box-sizing: border-box}

.tyillu5-wrap { 
  --light: #f1f1f1;
  --dark: #0c0c0c;
  --turkies: #00ff72;
  --turkies2: #62b989;
  --main: #F1E8E2;
  --headerfont: 'Zodiak', serif;
  --bodyfont: 'Work Sans', sans-serif;
  --bg-image: url(https://i.ibb.co/94x42xx/ty-illu-bg.png); 
}

.tyillu5-wrap {
 position:relative;
 margin: 0 auto;
 max-width:650px;
 width:100%;
 min-height:500px;
}

.tyillu5-header {
display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 0px 0px; 
  position:relative;
  top:0px;
  width:100%;
  height:150px;
}

.tyillu5-free {
width:200px; 
}

.tyillu5-gif {
width:350px;
height:150px;
display: inline-block;
position:relative;

}

.tyillu5-gif::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height: 100%;
  pointer-events: none;
  mix-blend-mode: multiply;
  opacity: 0.8;
  background: var(--turkies);
}

.tyillu5-gif img {
width:100%;
height:100%;
display: inline-block;
filter: grayscale(100%);
object-fit: cover;
object-position: center;
}

.tyillu5-title {
position:absolute;
  width:550px;
  top:50px;
  left:0px;
  z-index:1;
  color: var(--turkies);
  font-size:30px;
  font-family: var(--headerfont);
  font-weight:800;
  padding-left:60px;
  text-transform:uppercase;
 }

.tyillu5-title span {
  color: var(--main);
  font-style:italic;
}

.tyillu5-subtitle {
position:absolute;
  width:550px;
  top:70px;
  left:0px;
  z-index:1;
  color: var(--main);
  font-size:10px;
  font-family: var(--bodyfont);
  font-weight:200;
  padding-left:60px;
  text-transform:uppercase;
  letter-spacing:1px;
 }

.tyillu5-post {
 max-width:550px;
 width:100%;
 min-height:500px;
 background: linear-gradient(0deg, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2)), linear-gradient(0deg, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2)), linear-gradient(0deg, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2)), linear-gradient(0deg, #1E1E1E, #1E1E1E), url(https://i.ibb.co/0Fvmd9L/ty-illu-bg.png);
background-blend-mode: multiply;
background-size: cover;
}

.tyillu5-post b {
  padding: 4px;
  background: var(--turkies2);
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  line-height: 220%;
  text-align: justify;
  letter-spacing: 0.205em;
  text-transform: uppercase;
}

.tyillu5-post i {
font-style: italic;
  font-weight: 400;
  font-size: 11px;
  line-height: 220%;
  text-align: justify;
  letter-spacing: 0.165em;
  text-transform: lowercase;
  color: var(--turkies2);
}

.tyillu5-post u {
padding: 4px;
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  text-decoration: none;
  letter-spacing: 0.21em;
  border-bottom: 2px solid var(--turkies);
  background: rgba(239, 239, 239, 0.1);
}



.tyillu5-accent {
  position:absolute;
  font-family: var(--headerfont);
  font-size:155px;
  color: var(--turkies);
  font-weight:600;
  bottom: 41px;
  left: -25px;
  pointer-events: none;
  line-height: 16px;
 }

.tyillu5-text {
  font-family: var(--bodyfont);
  color: var(--main);
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 220%;
  text-align: justify;
  width: 420px;
  margin: auto;
  padding-top:40px;
  padding-bottom:60px;  
}

.tyillu5-details {
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  gap:5px;
  position:relative;
  left:230px;
  padding-bottom:50px;
}

.tyillu5-details-button {
font-size: 10px;
  color: var(--turkies);
  font-weight: 900;
  font-family: var(--bodyfont);
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  outline: 1px var(--turkies) solid;
  width:120px;
}

.tyillu5-details-button a {
font-size: 10px;
  color: var(--turkies);
  font-weight: 900;
  font-family: var(--bodyfont);
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  width:120px;
  text-decoration:none;
}

.tyillu5-details-button a:hover {
font-size: 10px;
  color: var(--main);
  font-weight: 900;
  font-family: var(--bodyfont);
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  width:120px;
}


.tyillu6-wrap, .tyillu6-wrap * {box-sizing: border-box}

.tyillu6-wrap { 
  --light: #f1f1f1;
  --dark: #0c0c0c;
  --lav1: #b285cf;
  --lav2: #7e5b94;
  --main: #F1E8E2;
  --headerfont: 'Zodiak', serif;
  --bodyfont: 'Work Sans', sans-serif;
  --bg-image: url(https://i.ibb.co/94x42xx/ty-illu-bg.png); 
}

.tyillu6-wrap {
 position:relative;
 margin: 0 auto;
 max-width:650px;
 width:100%;
 min-height:500px;
}

.tyillu6-header {
display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 0px 0px; 
  position:relative;
  top:0px;
  width:100%;
  height:150px;
}

.tyillu6-free {
width:200px; 
}

.tyillu6-gif {
width:350px;
height:150px;
display: inline-block;
position:relative;

}

.tyillu6-gif::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height: 100%;
  pointer-events: none;
  mix-blend-mode: multiply;
  opacity: 0.8;
  background: var(--lav1);
}

.tyillu6-gif img {
width:100%;
height:100%;
display: inline-block;
filter: grayscale(100%);
object-fit: cover;
object-position: center;
}

.tyillu6-title {
position:absolute;
  width:550px;
  top:50px;
  left:0px;
  z-index:1;
  color: var(--lav1);
  font-size:30px;
  font-family: var(--headerfont);
  font-weight:800;
  padding-left:60px;
  text-transform:uppercase;
 }

.tyillu6-title span {
  color: var(--main);
  font-style:italic;
}

.tyillu6-subtitle {
position:absolute;
  width:550px;
  top:70px;
  left:0px;
  z-index:1;
  color: var(--main);
  font-size:10px;
  font-family: var(--bodyfont);
  font-weight:200;
  padding-left:60px;
  text-transform:uppercase;
  letter-spacing:1px;
 }

.tyillu6-post {
 max-width:550px;
 width:100%;
 min-height:500px;
 background: linear-gradient(0deg, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2)), linear-gradient(0deg, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2)), linear-gradient(0deg, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2)), linear-gradient(0deg, #1E1E1E, #1E1E1E), url(https://i.ibb.co/0Fvmd9L/ty-illu-bg.png);
background-blend-mode: multiply;
background-size: cover;
}

.tyillu6-post b {
  padding: 4px;
  background: var(--lav1);
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  line-height: 220%;
  text-align: justify;
  letter-spacing: 0.205em;
  text-transform: uppercase;
}

.tyillu6-post i {
font-style: italic;
  font-weight: 400;
  font-size: 11px;
  line-height: 220%;
  text-align: justify;
  letter-spacing: 0.165em;
  text-transform: lowercase;
  color: var(--lav1);
}

.tyillu6-post u {
padding: 4px;
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  text-decoration: none;
  letter-spacing: 0.21em;
  border-bottom: 2px solid var(--lav1);
  background: rgba(239, 239, 239, 0.1);
}



.tyillu6-accent {
  position:absolute;
  font-family: var(--headerfont);
  font-size:155px;
  color: var(--lav1);
  font-weight:600;
  bottom: 41px;
  left: -25px;
  pointer-events: none;
  line-height: 16px;
 }

.tyillu6-text {
  font-family: var(--bodyfont);
  color: var(--main);
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 220%;
  text-align: justify;
  width: 420px;
  margin: auto;
  padding-top:40px;
  padding-bottom:60px;  
}

.tyillu6-details {
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  gap:5px;
  position:relative;
  left:230px;
  padding-bottom:50px;
}

.tyillu6-details-button {
font-size: 10px;
  color: var(--lav1);
  font-weight: 900;
  font-family: var(--bodyfont);
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  outline: 1px var(--lav1) solid;
  width:120px;
}

.tyillu6-details-button a {
font-size: 10px;
  color: var(--lav1);
  font-weight: 900;
  font-family: var(--bodyfont);
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  width:120px;
  text-decoration:none;
}

.tyillu6-details-button a:hover {
font-size: 10px;
  color: var(--main);
  font-weight: 900;
  font-family: var(--bodyfont);
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  width:120px;
}

.tyillu7-wrap, .tyillu7-wrap * {box-sizing: border-box}

.tyillu7-wrap { 
  --light: #f1f1f1;
  --dark: #0c0c0c;
  --lav1: #441615;
  --lav2: #654343;
  --main: #F1E8E2;
  --headerfont: 'Zodiak', serif;
  --bodyfont: 'Work Sans', sans-serif;
  --bg-image: url(https://i.ibb.co/94x42xx/ty-illu-bg.png); 
}

.tyillu7-wrap {
 position:relative;
 margin: 0 auto;
 max-width:650px;
 width:100%;
 min-height:500px;
}

.tyillu7-header {
display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 0px 0px; 
  position:relative;
  top:0px;
  width:100%;
  height:150px;
}

.tyillu7-free {
width:200px; 
}

.tyillu7-gif {
width:350px;
height:150px;
display: inline-block;
position:relative;

}

.tyillu7-gif::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height: 100%;
  pointer-events: none;
  mix-blend-mode: multiply;
  opacity: 0.8;
  background: var(--lav1);
}

.tyillu7-gif img {
width:100%;
height:100%;
display: inline-block;
filter: grayscale(100%);
object-fit: cover;
object-position: center;
}

.tyillu7-title {
position:absolute;
  width:550px;
  top:50px;
  left:0px;
  z-index:1;
  color: var(--lav1);
  font-size:30px;
  font-family: var(--headerfont);
  font-weight:800;
  padding-left:60px;
  text-transform:uppercase;
 }

.tyillu7-title span {
  color: var(--main);
  font-style:italic;
}

.tyillu7-subtitle {
position:absolute;
  width:550px;
  top:70px;
  left:0px;
  z-index:1;
  color: var(--main);
  font-size:10px;
  font-family: var(--bodyfont);
  font-weight:200;
  padding-left:60px;
  text-transform:uppercase;
  letter-spacing:1px;
 }

.tyillu7-post {
 max-width:550px;
 width:100%;
 min-height:500px;
 background: linear-gradient(0deg, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2)), linear-gradient(0deg, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2)), linear-gradient(0deg, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2)), linear-gradient(0deg, #1E1E1E, #1E1E1E), url(https://i.ibb.co/0Fvmd9L/ty-illu-bg.png);
background-blend-mode: multiply;
background-size: cover;
}

.tyillu7-post b {
  padding: 4px;
  background: var(--lav1);
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  line-height: 220%;
  text-align: justify;
  letter-spacing: 0.205em;
  text-transform: uppercase;
}

.tyillu7-post i {
font-style: italic;
  font-weight: 400;
  font-size: 11px;
  line-height: 220%;
  text-align: justify;
  letter-spacing: 0.165em;
  text-transform: lowercase;
  color: var(--lav1);
}

.tyillu7-post u {
padding: 4px;
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  text-decoration: none;
  letter-spacing: 0.21em;
  border-bottom: 2px solid var(--lav1);
  background: rgba(239, 239, 239, 0.1);
}



.tyillu7-accent {
  position:absolute;
  font-family: var(--headerfont);
  font-size:155px;
  color: var(--lav1);
  font-weight:600;
  bottom: 41px;
  left: -25px;
  pointer-events: none;
  line-height: 16px;
 }

.tyillu7-text {
  font-family: var(--bodyfont);
  color: var(--main);
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 220%;
  text-align: justify;
  width: 420px;
  margin: auto;
  padding-top:40px;
  padding-bottom:60px;  
}

.tyillu7-details {
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  gap:5px;
  position:relative;
  left:230px;
  padding-bottom:50px;
}

.tyillu7-details-button {
font-size: 10px;
  color: var(--lav1);
  font-weight: 900;
  font-family: var(--bodyfont);
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  outline: 1px var(--lav1) solid;
  width:120px;
}

.tyillu7-details-button a {
font-size: 10px;
  color: var(--lav1);
  font-weight: 900;
  font-family: var(--bodyfont);
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  width:120px;
  text-decoration:none;
}

.tyillu7-details-button a:hover {
font-size: 10px;
  color: var(--main);
  font-weight: 900;
  font-family: var(--bodyfont);
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  width:120px;
}

.tyillu8-wrap, .tyillu8-wrap * {box-sizing: border-box}

.tyillu8-wrap { 
  --light: #f1f1f1;
  --dark: #0c0c0c;
  --blue: #244b8c;
  --blue2: #8096ba;
  --main: #F1E8E2;
  --headerfont: 'Zodiak', serif;
  --bodyfont: 'Work Sans', sans-serif;
  --bg-image: url(https://i.ibb.co/94x42xx/ty-illu-bg.png); 
}

.tyillu8-wrap {
 position:relative;
 margin: 0 auto;
 max-width:650px;
 width:100%;
 min-height:500px;
}

.tyillu8-header {
display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 0px 0px; 
  position:relative;
  top:0px;
  width:100%;
  height:150px;
}

.tyillu8-free {
width:200px; 
}

.tyillu8-gif {
width:350px;
height:150px;
display: inline-block;
position:relative;

}

.tyillu8-gif::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height: 100%;
  pointer-events: none;
  mix-blend-mode: multiply;
  opacity: 0.8;
  background: var(--blue);
}

.tyillu8-gif img {
width:100%;
height:100%;
display: inline-block;
filter: grayscale(100%);
object-fit: cover;
object-position: center;
}

.tyillu8-title {
position:absolute;
  width:550px;
  top:50px;
  left:0px;
  z-index:1;
  color: var(--blue);
  font-size:30px;
  font-family: var(--headerfont);
  font-weight:800;
  padding-left:60px;
  text-transform:uppercase;
 }

.tyillu8-title span {
  color: var(--main);
  font-style:italic;
}

.tyillu8-subtitle {
position:absolute;
  width:550px;
  top:70px;
  left:0px;
  z-index:1;
  color: var(--main);
  font-size:10px;
  font-family: var(--bodyfont);
  font-weight:200;
  padding-left:60px;
  text-transform:uppercase;
  letter-spacing:1px;
 }

.tyillu8-post {
 max-width:550px;
 width:100%;
 min-height:500px;
 background: linear-gradient(0deg, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2)), linear-gradient(0deg, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2)), linear-gradient(0deg, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2)), linear-gradient(0deg, #1E1E1E, #1E1E1E), url(https://i.ibb.co/0Fvmd9L/ty-illu-bg.png);
background-blend-mode: multiply;
background-size: cover;
}

.tyillu8-post b {
  padding: 4px;
  background: var(--blue);
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  line-height: 220%;
  text-align: justify;
  letter-spacing: 0.205em;
  text-transform: uppercase;
}

.tyillu8-post i {
font-style: italic;
  font-weight: 400;
  font-size: 11px;
  line-height: 220%;
  text-align: justify;
  letter-spacing: 0.165em;
  text-transform: lowercase;
  color: var(--blue);
}

.tyillu8-post u {
padding: 4px;
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  text-decoration: none;
  letter-spacing: 0.21em;
  border-bottom: 2px solid var(--blue);
  background: rgba(239, 239, 239, 0.1);
}



.tyillu8-accent {
  position:absolute;
  font-family: var(--headerfont);
  font-size:155px;
  color: var(--blue);
  font-weight:600;
  bottom: 41px;
  left: -25px;
  pointer-events: none;
  line-height: 16px;
 }

.tyillu8-text {
  font-family: var(--bodyfont);
  color: var(--main);
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 220%;
  text-align: justify;
  width: 420px;
  margin: auto;
  padding-top:40px;
  padding-bottom:60px;  
}

.tyillu8-details {
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  gap:5px;
  position:relative;
  left:230px;
  padding-bottom:50px;
}

.tyillu8-details-button {
font-size: 10px;
  color: var(--blue);
  font-weight: 900;
  font-family: var(--bodyfont);
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  outline: 1px var(--blue) solid;
  width:120px;
}

.tyillu8-details-button a {
font-size: 10px;
  color: var(--blue);
  font-weight: 900;
  font-family: var(--bodyfont);
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  width:120px;
  text-decoration:none;
}

.tyillu8-details-button a:hover {
font-size: 10px;
  color: var(--main);
  font-weight: 900;
  font-family: var(--bodyfont);
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  width:120px;
}

.tyillu9-wrap, .tyillu9-wrap * {box-sizing: border-box}

.tyillu9-wrap { 
  --light: #f1f1f1;
  --dark: #0c0c0c;
  --orange: #f46915;
  --orange2: #9a7d6b;
  --main: #F1E8E2;
  --headerfont: 'Zodiak', serif;
  --bodyfont: 'Work Sans', sans-serif;
  --bg-image: url(https://i.ibb.co/94x42xx/ty-illu-bg.png); 
}

.tyillu9-wrap {
 position:relative;
 margin: 0 auto;
 max-width:650px;
 width:100%;
 min-height:500px;
}

.tyillu9-header {
display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 0px 0px; 
  position:relative;
  top:0px;
  width:100%;
  height:150px;
}

.tyillu9-free {
width:200px; 
}

.tyillu9-gif {
width:350px;
height:150px;
display: inline-block;
position:relative;

}

.tyillu9-gif::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height: 100%;
  pointer-events: none;
  mix-blend-mode: multiply;
  opacity: 0.8;
  background: var(--orange);
}

.tyillu9-gif img {
width:100%;
height:100%;
display: inline-block;
filter: grayscale(100%);
object-fit: cover;
object-position: center;
}

.tyillu9-title {
position:absolute;
  width:550px;
  top:50px;
  left:0px;
  z-index:1;
  color: var(--orange);
  font-size:30px;
  font-family: var(--headerfont);
  font-weight:800;
  padding-left:60px;
  text-transform:uppercase;
 }

.tyillu9-title span {
  color: var(--main);
  font-style:italic;
}

.tyillu9-subtitle {
position:absolute;
  width:550px;
  top:70px;
  left:0px;
  z-index:1;
  color: var(--main);
  font-size:10px;
  font-family: var(--bodyfont);
  font-weight:200;
  padding-left:60px;
  text-transform:uppercase;
  letter-spacing:1px;
 }

.tyillu9-post {
 max-width:550px;
 width:100%;
 min-height:500px;
 background: linear-gradient(0deg, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2)), linear-gradient(0deg, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2)), linear-gradient(0deg, rgba(30, 30, 30, 0.2), rgba(30, 30, 30, 0.2)), linear-gradient(0deg, #1E1E1E, #1E1E1E), url(https://i.ibb.co/0Fvmd9L/ty-illu-bg.png);
background-blend-mode: multiply;
background-size: cover;
}

.tyillu9-post b {
  padding: 4px;
  background: var(--orange);
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  line-height: 220%;
  text-align: justify;
  letter-spacing: 0.205em;
  text-transform: uppercase;
}

.tyillu9-post i {
font-style: italic;
  font-weight: 400;
  font-size: 11px;
  line-height: 220%;
  text-align: justify;
  letter-spacing: 0.165em;
  text-transform: lowercase;
  color: var(--orange);
}

.tyillu9-post u {
padding: 4px;
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  text-decoration: none;
  letter-spacing: 0.21em;
  border-bottom: 2px solid var(--orange);
  background: rgba(239, 239, 239, 0.1);
}



.tyillu9-accent {
  position:absolute;
  font-family: var(--headerfont);
  font-size:155px;
  color: var(--orange);
  font-weight:600;
  bottom: 41px;
  left: -25px;
  pointer-events: none;
  line-height: 16px;
 }

.tyillu9-text {
  font-family: var(--bodyfont);
  color: var(--main);
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 220%;
  text-align: justify;
  width: 420px;
  margin: auto;
  padding-top:40px;
  padding-bottom:60px;  
}

.tyillu9-details {
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  gap:5px;
  position:relative;
  left:230px;
  padding-bottom:50px;
}

.tyillu9-details-button {
font-size: 10px;
  color: var(--orange);
  font-weight: 900;
  font-family: var(--bodyfont);
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  outline: 1px var(--orange) solid;
  width:120px;
}

.tyillu9-details-button a {
font-size: 10px;
  color: var(--orange);
  font-weight: 900;
  font-family: var(--bodyfont);
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  width:120px;
  text-decoration:none;
}

.tyillu9-details-button a:hover {
font-size: 10px;
  color: var(--main);
  font-weight: 900;
  font-family: var(--bodyfont);
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  width:120px;
}



/* feebabo */

/* naturia */

.naturiawrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.naturiahead {
	width:550px;
	height:200px;
	background:#9c796a;
	background-image: url(https://fee.hauntedandholy.de/Female/Luxuria/13.png);
    background-blend-mode: multiply;
	}

.naturiatitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 52px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.5;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}

.naturiatitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.naturiapostimg {
	width: 255px;
  height: 155px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}

.naturiapost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  line-height: 20px;
  text-align: justify;
  font-family: var(--main-font);
	font-size:13px;
	}

.naturiapost b {
color:#9c796a;
	}

.naturiapost i {
	color:#9c796a;
	}

.naturiapost u {
background: none;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 1px solid #9c796a;
}

.naturiapost a {
background: none;
	color:#9c796a;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #9c796a;
}

.naturiapost a:hover {
background: none;
	color:#fff;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #9c796a;
}

/* lukhail */

.lukhailwrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.lukhailhead {
	width:550px;
	height:200px;
	background:#5f5650;
	background-image: url(https://fee.hauntedandholy.de/Male/Mikhail/9.png);
    background-blend-mode: multiply;
	}

.lukhailtitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 52px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.5;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}

.lukhailtitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.lukhailpostimg {
	width: 255px;
  height: 155px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}

.lukhailpost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  line-height: 20px;
  text-align: justify;
  font-family: var(--main-font);
	font-size:13px;
	}

.lukhailpost b {
color:#5f5650;
	}

.lukhailpost i {
	color:#5f5650;
	}

.lukhailpost u {
background: none;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 1px solid #5f5650;
}

.lukhailpost a {
background: none;
	color:#5f5650;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #5f5650;
}

.lukhailpost a:hover {
background: none;
	color:#fff;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #5f5650;
}

/* tamsail */

.tamsailwrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.tamsailhead {
	width:550px;
	height:200px;
	background:#325f4e;
	background-image: url(https://fee.hauntedandholy.de/Male/Mikhail/13.png);
    background-blend-mode: multiply;
	}

.tamsailtitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 52px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.5;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}

.tamsailtitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.tamsailpostimg {
	width: 255px;
  height: 155px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}

.tamsailpost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  line-height: 20px;
  text-align: justify;
  font-family: var(--main-font);
	font-size:13px;
	}

.tamsailpost b {
color:#325f4e;
	}

.tamsailpost i {
	color:#325f4e;
	}

.tamsailpost u {
background: none;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 1px solid #325f4e;
}

.tamsailpost a {
background: none;
	color:#325f4e;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #325f4e;
}

.tamsailpost a:hover {
background: none;
	color:#fff;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #325f4e;
}

/* laventod */

.laventodwrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.laventodhead {
	width:550px;
	height:200px;
	background:#881a1a;
	background-image: url(https://fee.hauntedandholy.de/Male/Tod/posthead.png);
    background-blend-mode: multiply;
	}

.laventodtitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 52px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.5;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}

.laventodtitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.laventodpostimg {
	width: 255px;
  height: 155px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}

.laventodpost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  line-height: 20px;
  text-align: justify;
  font-family: var(--main-font);
	font-size:13px;
	}

.laventodpost b {
color:#881a1a;
	}

.laventodpost i {
	color:#881a1a;
	}

.laventodpost u {
background: none;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 1px solid #881a1a;
}

.laventodpost a {
background: none;
	color:#ad542c;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #881a1a;
}

.laventodpost a:hover {
background: none;
	color:#fff;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #881a1a;
}

/* ruzrael */

.ruzraelwrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.ruzraelhead {
	width:550px;
	height:200px;
	background:#fff;
	background-image: url(https://fee.hauntedandholy.de/Female/Ruelle/8.png);
    background-blend-mode: multiply;
	}

.ruzraeltitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 52px;
  letter-spacing: 3px;
  text-align: justify;
  color: #000000;
  opacity: 0.5;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}

.ruzraeltitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #000000;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.ruzraelpostimg {
	width: 255px;
  height: 155px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}

.ruzraelpost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  line-height: 20px;
  text-align: justify;
  font-family: var(--main-font);
	font-size:13px;
	}

.ruzraelpost b {
color:#ad542c;
	}

.ruzraelpost i {
	color:#ad542c;
	}

.ruzraelpost u {
background: none;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 1px solid #ad542c;
}

.ruzraelpost a {
background: none;
	color:#ad542c;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #ad542c;
}

.ruzraelpost a:hover {
background: none;
	color:#fff;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #ad542c;
}

/* camillor */

.camillorwrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.camillorhead {
	width:550px;
	height:200px;
	background:#fff;
	background-image: url(https://fee.hauntedandholy.de/Female/Camille/9-1.png);
    background-blend-mode: multiply;
	}

.camillortitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 52px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.3;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}

.camillortitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.camillorpostimg {
	width: 255px;
  height: 155px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}

.camillorpost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  line-height: 20px;
  text-align: justify;
  font-family: var(--main-font);
	font-size:13px;
	}

.camillorpost b {
color:#5e5d20;
	}

.camillorpost i {
	color:#5e5d20;
	}

.camillorpost u {
background: none;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 1px solid #5e5d20;
}

.camillorpost a {
background: none;
	color:#5e5d20;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #5e5d20;
}

.camillorpost a:hover {
background: none;
	color:#fff;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #5e5d20;
}

/* genimir */

.genimirwrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.genimirhead {
	width:550px;
	height:200px;
	background:#fff;
	background-image: url(https://fee.hauntedandholy.de/Female/Gen/6.png);
    background-blend-mode: multiply;
	}

.genimirtitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 40px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.3;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}

.genimirtitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.genimirpostimg {
	width: 255px;
  height: 155px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}

.genimirpost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  line-height: 20px;
  text-align: justify;
  font-family: var(--main-font);
	font-size:13px;
	}

.genimirpost b {
color:#7a3a3e;
	}

.genimirpost i {
	color:#7a3a3e;
	}

.genimirpost u {
background: none;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 1px solid #7a3a3e;
}

.genimirpost a {
background: none;
	color:#7a3a3e;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #7a3a3e;
}

.genimirpost a:hover {
background: none;
	color:#fff;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #7a3a3e;
}

/* arthulynn */

.arthulynnwrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.arthulynnhead {
	width:550px;
	height:200px;
	background:#87303f;
	background-image: url(https://fee.hauntedandholy.de/Male/Arthur/11.png);
    background-blend-mode: multiply;
	}

.arthulynntitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 52px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.3;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}
.arthulynntitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.arthulynnpostimg {
	width: 255px;
  height: 155px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}
.arthulynnpost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  line-height: 20px;
  text-align: justify;
  font-family: var(--main-font);
	font-size:13px;
	}

.arthulynnpost b {
color:#87303f;
	}

.arthulynnpost i {
	color:#87303f;
	}

.arthulynnpost u {
background: none;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 1px solid #6b3c40;
}

.arthulynnpost a {
background: none;
	color:#87303f;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #6b3c40;
}

.arthulynnpost a:hover {
background: none;
	color:#fff;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #87303f;
}

/* villana */

.villanawrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.villanahead {
	width:550px;
	height:200px;
	background:#6b3c40;
	background-image: url(https://fee.hauntedandholy.de/Female/Ana/villanahead.png);
    background-blend-mode: multiply;
	}

.villanatitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 60px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.3;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}
.villanatitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.villanapostimg {
	width: 255px;
  height: 155px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}
.villanapost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  line-height: 20px;
  text-align: justify;
  font-family: var(--main-font);
	font-size:13px;
	}

.villanapost b {
color:#6b3c40;
	}

.villanapost i {
	color:#6b3c40;
	}

.villanapost u {
background: none;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 1px solid #6b3c40;
}

.villanapost a {
background: none;
	color:#6b3c40;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #6b3c40;
}

.villanapost a:hover {
background: none;
	color:#fff;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #6b3c40;
}

/* jazel */

.trearcusrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.trearcushead {
	width:550px;
	height:200px;
	background:#375839;
	background-image: url(https://images.unsplash.com/photo-1502485019198-a625bd53ceb7?q=80&w=2069&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
    background-blend-mode: multiply;
	}

.trearcustitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 50px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.3;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}
.trearcustitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.trearcuspostimg {
	width: 255px;
  height: 155px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}

.trearcuspost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  line-height: 20px;
  text-align: justify;
  font-family: var(--main-font);
	font-size:13px;
	}

.trearcuspost b {
color:#375839;
	}

.trearcuspost i {
	color:#75af79;
	}

.trearcuspost u {
background: none;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 1px solid #375839;
}

.trearcuspost a {
background: none;
	color:#375839;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #375839;
}

.trearcuspost a:hover {
background: none;
	color:#fff;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #135918;
}

/* mayhem */

.mayhemwrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.mayhemhead {
	width:550px;
	height:200px;
	background:#29425d;
	background-image: url(https://fee.hauntedandholy.de/Female/Maya/mayhem.png);
    background-blend-mode: multiply;
	}

.mayhemtitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 60px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.3;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}
.mayhemtitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.mayhempostimg {
	width: 255px;
  height: 155px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}
.mayhempost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  line-height: 20px;
  text-align: justify;
  font-family: var(--main-font);
	font-size:13px;
	}

.mayhempost b {
color:#29425d;
	}

.mayhempost i {
	color:#29425d;
	}

.mayhempost u {
background: none;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 1px solid #29425d;
}

.mayhempost a {
background: none;
	color:#29425d;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #29425d;
}

.mayhempost a:hover {
background: none;
	color:#fff;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #29425d;
}

/* magwyn */

.magwynwrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.magwynhead {
	width:550px;
	height:200px;
	background:#7f3830;
	background-image: url(https://fee.hauntedandholy.de/Female/Rydwyn/magwynhead.png);
    background-blend-mode: multiply;
	}

.magwyntitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 53px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.3;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}
.magwyntitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.magwynpostimg {
	width: 255px;
  height: 155px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}
.magwynpost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  line-height: 20px;
  text-align: justify;
  font-family: var(--main-font);
	font-size:13px;
	}

.magwynpost b {
color:#7f3830;
	}

.magwynpost i {
	color:#7f3830;
	}

.magwynpost u {
background: none;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 1px solid #7f3830;
}

.magwynpost a {
background: none;
	color:#7f3830;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #7f3830;
}

.magwynpost a:hover {
background: none;
	color:#fff;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #7f3830;
}

/* jawan */

.jawanwrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.jawanhead {
	width:550px;
	height:200px;
	background:#ffffff;
	background-image: url(https://fee.hauntedandholy.de/Female/Jane/3.png);
    background-blend-mode: multiply;
	}

.jawantitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 53px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.3;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}
.jawantitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.jawanpostimg {
	width: 255px;
  height: 155px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}

.jawanpost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  line-height: 20px;
  text-align: justify;
  font-family: var(--main-font);
	font-size:13px;
	}

.jawanpost b {
color:#a6533e;
	}

.jawanpost i {
	color:#a6544e;
}

.jawanpost u {
background: none;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 1px solid #a6533e;
}

.jawanpost a {
background: none;
	color:#a6533e;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #a6533e;
}

.jawanpost a:hover {
background: none;
	color:#fff;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #a6533e;
}

/* shuwa */

.shuwawrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.shuwahead {
	width:550px;
	height:200px;
	background:#78817c;
	background-image: url(https://abload.de/img/shuwaheadkwiyh.png);
    background-blend-mode: multiply;
	}

.shuwatitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 53px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.3;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}
.shuwatitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.shuwapostimg {
	width: 255px;
  height: 155px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}
.shuwapost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  line-height: 20px;
  text-align: justify;
  font-family: var(--main-font);
	font-size:13px;
	}

.shuwapost b {
color:#78817c;
	}

.shuwapost i {
color:#78817c;
	}

.shuwapost u {
background: none;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 1px solid #78817c;
}

.shuwapost a {
background: none;
	color:#7f3830;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #78817c;
}

.shuwapost a:hover {
background: none;
	color:#fff;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #78817c;
}

/* dimierra */

.dimierrawrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.dimierrahead {
	width:550px;
	height:200px;
	background:#ffffff;
	background-image: url(https://fee.hauntedandholy.de/Female/Sierra/dimierraheadt.png);
    background-blend-mode: multiply;
	}

.dimierratitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 53px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.4;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}
.dimierratitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.dimierrapostimg {
	width: 255px;
  height: 155px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}
.dimierrapost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  line-height: 20px;
  text-align: justify;
  font-family: var(--main-font);
	font-size:13px;
	}

.dimierrapost b {
color:#852c2c;
	}

.dimierrapost i {
color:#852c2c;
	}

.dimierrapost u {
background: none;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 1px solid #852c2c;
}

.dimierrapost a {
background: none;
	color:#7f3830;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #852c2c;
}

.dimierrapost a:hover {
background: none;
	color:#fff;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #852c2c;
}

/* barton */

.bartonwrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.bartonhead {
	width:550px;
	height:200px;
	background:#0d3b5f;
	background-image: url(https://fee.hauntedandholy.de/Male/Bart/10.png);
    background-blend-mode: multiply;
	}

.bartontitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 53px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.4;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}
.bartontitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.bartonpostimg {
	width: 255px;
  height: 155px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}
.bartonpost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  line-height: 20px;
  text-align: justify;
  font-family: var(--main-font);
	font-size:13px;
	}

.bartonpost b {
color:#19598b;
	}

.bartonpost i {
color:#19598b;
	}

.bartonpost u {
background: none;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 1px solid #19598b;
}

.bartonpost a {
background: none;
	color:#19598b;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #19598b;
}

.bartonpost a:hover {
background: none;
	color:#fff;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #19598b;
}

/* fleve */

.flevewrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.flevehead {
	width:550px;
	height:200px;
	background:#6d3e49;
	background-image: url(https://fee.hauntedandholy.de/Female/Eve/flevehead.png);
    background-blend-mode: multiply;
	}

.flevetitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 53px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.4;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}

.flevetitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.flevepostimg {
	width: 255px;
  height: 155px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}
.flevepost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  line-height: 20px;
  text-align: justify;
  font-family: var(--main-font);
	font-size:13px;
	}

.flevepost b {
color:#6d3e49;
	}

.flevepost i {
color:#6d3e49;
	}

.flevepost u {
background: none;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 1px solid #6d3e49;
}

.flevepost a {
background: none;
	color:#af8093;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #6d3e49;
}

.flevepost a:hover {
background: none;
	color:#fff;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #6d3e49;
}

/* macsarya */

.macsaryawrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.macsaryahead {
	width:550px;
	height:200px;
	background:#293247;
	background-image: url(https://fee.hauntedandholy.de/Female/Aarya/macsarya.png);
    background-blend-mode: multiply;
	}

.macsaryatitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 53px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.4;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}

.macsaryatitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.macsaryapostimg {
	width: 255px;
  height: 155px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}

.macsaryapost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  line-height: 20px;
  text-align: justify;
  font-family: var(--main-font);
	font-size:13px;
	}

.macsaryapost b {
color:#3f4d6e;
	}

.macsaryapost i {
color:#3f4d6e;
	}

.macsaryapost u {
background: none;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 1px solid #3f4d6e;
}

.macsaryapost a {
background: none;
	color:#3f4d6e;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #3f4d6e;
}

.macsaryapost a:hover {
background: none;
	color:#fff;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #3f4d6e;
}

/* pandora */

.pandorawrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.pandorahead {
	width:550px;
	height:200px;
	background:#39396f;
	background-image: url(https://fee.hauntedandholy.de/Female/Pandora/pandorahead.png);
    background-blend-mode: multiply;
	}

.pandoratitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 53px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.4;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}

.pandoratitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.pandorapostimg {
	width: 255px;
  height: 155px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}

.pandorapost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  line-height: 20px;
  text-align: justify;
  font-family: var(--main-font);
	font-size:13px;
	}

.pandorapost b {
color:#39396f;
	}

.pandorapost i {
color:#39396f;
	}

.pandorapost u {
background: none;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 1px solid #39396f;
}

.pandorapost a {
background: none;
	color:#39396f;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #39396f;
}

.pandorapost a:hover {
background: none;
	color:#fff;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #39396f;
}

/* helah */

.helahwrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.helahhead {
	width:550px;
	height:200px;
	background:#707e52;
	background-image: url(https://abload.de/img/relahhead27d6w.png);
    background-blend-mode: multiply;
	}

.helahtitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 53px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.4;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}

.helahtitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.helahpostimg {
	width: 255px;
  height: 155px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}

.helahpost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  line-height: 20px;
  text-align: justify;
  font-family: var(--main-font);
	font-size:13px;
	}

.helahpost b {
color:#707e52;
	}

.helahpost i {
color:#707e52;
	}

.helahpost u {
background: none;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 1px solid #707e52;
}

.helahpost a {
background: none;
	color:#707e52;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #707e52;
}

.helahpost a:hover {
background: none;
	color:#fff;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #707e52;
}

/* eleen */

.beleenwrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.beleenhead {
	width:550px;
	height:200px;
	background:#2b3a5b;
	background-image: url(https://abload.de/img/sdfsd4ad69.png);
    background-blend-mode: multiply;
	}

.beleentitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 53px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.4;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}

.beleentitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.beleenpostimg {
	width: 255px;
  height: 155px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}

.beleenpost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  line-height: 20px;
  text-align: justify;
  font-family: var(--main-font);
	font-size:13px;
	}

.beleenpost b {
color:#2b3a5b;
	}

.beleenpost i {
color:#2b3a5b;
	}

.beleenpost u {
background: none;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 1px solid #2b3a5b;
}

.beleenpost a {
background: none;
	color:#2b3a5b;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #2b3a5b;
}

.beleenpost a:hover {
background: none;
	color:#fff;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #2b3a5b;
}

/* kanakouta */

.kanawrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.kanahead {
	width:550px;
	height:200px;
	background:#651d22;
	background-image: url(https://fee.hauntedandholy.de/Female/Kana/kanahead.png);
    background-blend-mode: multiply;
	}

.kanatitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 53px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.4;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}

.kanatitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.kanapostimg {
	width: 255px;
  height: 155px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}

.kanapost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  line-height: 20px;
  text-align: justify;
  font-family: var(--main-font);
	font-size:13px;
	}

.kanapost b {
color:#651d22;
	}

.kanapost i {
color:#651d22;
	}

.kanapost u {
background: none;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 1px solid #651d22;
}

.kanapost a {
background: none;
	color:#651d22;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #651d22;
}

.kanapost a:hover {
background: none;
	color:#fff;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #651d22;
}

/* kanaon */

.kanaonwrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.kanaonhead {
	width:550px;
	height:200px;
	background:#4b0e0e;
	background-image: url(https://fee.hauntedandholy.de/Female/Kana/kanakaonheadd.png);
    background-blend-mode: multiply;
	}

.kanaontitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 53px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.3;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}
.kanaontitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.kanaonpostimg {
	width: 255px;
  height: 155px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}

.kanaonpost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  line-height: 20px;
  text-align: justify;
  font-family: var(--main-font);
	font-size:13px;
	}

.kanaonpost b {
color:#a43636;
	}

.kanaonpost i {
color:#a43636;
	}

.kanaonpost u {
background: none;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 1px solid #a43636;
}

.kanaonpost a {
background: none;
	color:#a43636;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #a43636;
}

.kanaonpost a:hover {
background: none;
	color:#fff;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #a43636;
}

/* celestimir */

.celestimirwrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.celestimirhead {
	width:550px;
	height:200px;
	background:#271b32;
	background-image: url(https://fee.hauntedandholy.de/Female/Celeste/celestimir.png);
    background-blend-mode: multiply;
	}

.celestimirtitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 53px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.3;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}
.celestimirtitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.celestimirpostimg {
	width: 255px;
  height: 155px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}

.celestimirpost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  line-height: 20px;
  text-align: justify;
  font-family: var(--main-font);
	font-size:13px;
	}

.celestimirpost b {
color:#62447c;
	}

.celestimirpost i {
color:#62447c;
	}

.celestimirpost u {
background: none;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 1px solid #62447c;
}

.celestimirpost a {
background: none;
	color:#62447c;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #62447c;
}

.celestimirpost a:hover {
background: none;
	color:#fff;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #62447c;
}

/* yurash */

.yurashwrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.yurashhead {
	width:550px;
	height:200px;
	background:#fff;
	background-image: url(https://fee.hauntedandholy.de/Male/Yuri/yurash.png);
    background-blend-mode: multiply;
	}

.yurashtitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 53px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.3;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}
.yurashtitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.yurashpostimg {
	width: 255px;
  height: 155px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}

.yurashpost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  line-height: 20px;
  text-align: justify;
  font-family: var(--main-font);
	font-size:13px;
	}

.yurashpost b {
color:#746666;
	}

.yurashpost i {
color:#746666;
	}

.yurashpost u {
background: none;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 1px solid #746666;
}

.yurashpost a {
background: none;
	color:#746666;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #746666;
}

.yurashpost a:hover {
background: none;
	color:#fff;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #746666;
}

/* general */

.generalwrapper {
	width:550px;
	position: relative;
	margin:auto;
}
.generalhead {
	width:550px;
	height:200px;
	background:#2f1c20;
	background-image: url(https://fee.hauntedandholy.de/Generalposthead.png);
    background-blend-mode: multiply;
	}

.generaltitle {
	position:relative;
   width: 550px;
   height: 200px;
   overflow: hidden;
  font-family: var(--display-font);
  font-size: 53px;
  letter-spacing: 3px;
  text-align: justify;
  color: #fff;
  opacity: 0.4;
  font-weight: normal;
  font-weight: normal;
  line-height: 100%;
  text-transform: uppercase;
  z-index: 0;
  padding-top:150px;
  padding-left:20px;
}

.generaltitle2 {
	position:relative;
  height: 20px;
  font-family: var(--main-font);
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  margin-bottom: 70px;
  margin-top: -117px;
  text-transform: uppercase;
  overflow: hidden;
	z-index:2;
}

.generalpostimg {
	width: 255px;
  height: 155px;
padding:10px;
outline: 1px solid rgba(255, 255, 255, 0.17);
	object-fit: cover; object-position: center;
}

.generalpost {
	width: 550px;
    margin-top: 40px;
    margin-bottom: 35px;
  line-height: 20px;
  text-align: justify;
  font-family: var(--main-font);
	font-size:13px;
	}

.generalpost b {
color:#472c32;
	}

.generalpost i {
color:#472c32;
	}

.generalpost u {
background: none;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #472c32;
}

.generalpost a {
background: none;
	color:#472c32;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #472c32;
}

.generalpost a:hover {
background: none;
	color:#fff;
  padding-bottom: 1px;
  text-decoration: none;
  border-bottom: 2px solid #472c32;
}


/* Postcodes für alle bitte alles andere ÜBER diesen Codes */

.postcode1_body {
	margin:auto;
width: 560px;
  padding: 40px 30px;
  background: url(https://www.hauntedandholy.de/images/postcode1.png);
    background-position-x: 0%;
    background-position-y: 0%;
    background-attachment: scroll;
  background-attachment: fixed;
  border: 1px solid #dfdfdf;
    }  

.postcode1-header {
   padding: 30px 30px 4px 165px;
      display:flex;
        align-items: center;
        margin-bottom: 5px;
    }
    .postcode1-circle {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background:#873517;
        display: inline-block;
    margin-left:10px;
  
    }

   .postcode1-circle img {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background:#873517;
        display: inline-block;
     mix-blend-mode: multiply;
   }
    .postcode1-title {
     font-family: Work Sans;
  font-size: 6px;
  font-weight: 700;
  color: #444;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 30px 30px 40px 30px;
  text-align: center;
    }

.postcode1_linie {
width: 560px;
  height: 1px;
  background-color: #dfdfdf;
  position: relative;
  top: 0px;
  left: -30px;
}

    .postcode1-content {
    width: 510px;
  padding: 9px 70px 70px 70px;
  font-family: Work Sans;
  font-size: 12px;
  font-weight: 300;
  line-height: 16pt;
  text-align: justify;
  color: #444;
    }

.postcode1-content b {
  color: #cc5031;
  }


/* Postcode2 */

.postcode2_body {
	margin:auto;
width: 560px;
  padding: 40px 30px;
background: var(--bg-image);
  background-color: #000;
  background-size: cover;
  background-attachment: fixed;
    background-attachment: scroll;
  background-attachment: fixed;
  border: 1px solid #212121;
    }  

.postcode2-header {
   padding: 30px 30px 4px 165px;
      display:flex;
        align-items: center;
        margin-bottom: 5px;
    }
    .postcode2-circle {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background:#873517;
        display: inline-block;
    margin-left:10px;
  
    }

   .postcode2-circle img {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background:#873517;
        display: inline-block;
     mix-blend-mode: multiply;
   }
    .postcode2-title {
     font-family: Work Sans;
  font-size: 6px;
  font-weight: 700;
  color: #e8e8e8;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 30px 30px 40px 30px;
  text-align: center;
    }

.postcode2_linie {
width: 560px;
  height: 1px;
  background-color: #212121;
  position: relative;
  top: 0px;
  left: -30px;
}

    .postcode2-content {
    width: 510px;
  padding: 9px 70px 70px 70px;
  font-family: Work Sans;
  font-size: 12px;
  font-weight: 300;
  line-height: 16pt;
  text-align: justify;
  color: #e8e8e8;
    }

.postcode2-content b {
  color: #cc5031;
  }