@import url(https://fonts.bunny.net/css?family=abril-fatface:400);
@import url(https://fonts.bunny.net/css?family=roboto-slab:400);
@font-face{font-family:"Saturdate Serif";src:url(https://files.jcink.net/uploads2/godlybehaviour/GB23/SaturdateSerif.otf) format("opentype"),url(https://files.jcink.net/uploads2/godlybehaviour/GB23/SaturdateSerif.ttf) format("truetrype");font-weight:400;font-style:normal;font-display:swap}

:root {
  --tabellenhintergrund: #36393e;
  --tabellevordergrund: #282b30;	
  --tabelleschrift: #f5f5f5;	
}

.poststyle {
	margin: 0 auto; 
	text-align:justify;
}

.poststyle img {
	box-sizing: content-box;
}

.poststyle-01, .poststyle-02 {
	width: 550px;
}

.poststyle-01 img{
	margin: 0px 30px 20px 0;
	padding: 10px;
}

.poststyle-02 {
	padding: 15px 20px;
}

.poststyle-03, .poststyle-07 {
	width: 550px;
}

.poststyle-03 img {
	border-width: 1px;
	border-style: solid;
	padding:5px;
	margin: 10px 15px 0 0;
}

.poststyle-05 {
	width: 550px;
	padding:25px;
	background-color: var(--tabellenhintergrund);
}

.poststyle-initial::first-letter {
	initial-letter: 3;
	font-weight: 600;
	padding-right:15px;
}

.poststyle-06 {
	width: 520px;
	padding:25px;
	background-color: var(--tabellenhintergrund);
}

.poststyle-06::first-line {
  font-weight: 800;
}

.poststyle-06 img, .poststyle-05 img {
	border-width: 10px;
	border-style: solid;
	margin-right: 20px;
}

.poststyle-07 div img{
	border-width: 1px;
	border-style: solid;
	margin-right:10px;
	padding: 8px;
}

.poststyle-07 div{
	margin:0 -10px 15px 0;
}

.poststyle-08 .rcontainer {
	width: 520px;	
  margin: auto;
}

.poststyle-08 .rflex::before, .poststyle-08 .rflex::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--borders);
	margin-top: 40px;	
}

.poststyle-08 .rflex img {
  display: block;
  width: 180px;
  object-fit: cover;
	margin-top: 40px;
}

.poststyle-08 .rtxt {
  padding: 20px 40px 40px;
text-align: justify;
}

.poststyle-08 .rcontainer .rwrapper {
  outline: 1px solid var(--borders);
  outline-offset: -20px;
}
.poststyle-08 .rflex {
  display: flex;
  align-items: center;
  justify-content: center;
}

.poststyle-08 .rtxt {
  padding: 20px 40px 40px;
text-align: justify;
}

.posting-5 {
	width: 500px;
	border: solid 20px #1f1b1c;
	padding: 15px 20px;
	background-color: #36393e;
}

.posting-5 img {
    width: 100px;
    height: 100px;
    border: 5px solid #8165A6;
	background-position: center center;
	background-size: cover;
	float: left; 
	margin: 5px 10px 0 0;
}

#itw-fullheader  {
		box-sizing:content-box;
}

#bellafots{width:520px;margin:auto;display:flex;flex-direction: column;}#bellafots .bfotshead{background-attachment: fixed;background-position: bottom left; background-size: 550px;flex-grow:1;box-sizing: content-box !important;padding:100px 25px 0;height:110px;font-family:'Abril Fatface',serif;font-size:15px;overflow:hidden;letter-spacing:2px;}#bellafots .bfotshead span{font-size:30px; display:block;}#bellafots .bfotshead .bfotstitel{font-size:100px;letter-spacing:4px; line-height:70px;}#bellafots .bfotsbody{width:100%;box-sizing:border-box;padding:5px 20px}#bellafots .bfotsbody span{padding:3px 5px;margin-right:5px;text-transform:uppercase;font-weight:500;font-size:9px;}#bellafots .bfotsbody i{font-size:11px;}

#estpmit,#estpmitd{margin:0 auto;width:500px;background:#f0f0f0;display:grid;grid-template-columns:3fr 2fr;grid-template-rows:1fr auto;grid-column-gap:0px;grid-row-gap:0px;font-family:'Roboto Slab',serif;font-size:11px;line-height:1.5;text-align:left}#estpmit hr,#estpmitd hr{border:none;background-color:transparent;overflow:visible;text-align:center;height:5px;margin:3px 0 0}#estpmitd{color:#fff}#estpmit div,#estpmitd div{padding:0 20px}#estpmit div i.fa-solid,#estpmitd div i.fa-solid{padding-top:3px;flex:0 0 20px;color:#fafafa!important}#estpmitd hr{border-top:1px solid #fff}#estpmit ul,#estpmitd ul{list-style:none;padding:0;margin:0}#estpmit ul li,#estpmitd ul li{padding-bottom:15px;display:flex;align-items:top}#estpmitd .div1{grid-area:1/1/3/2;background:var(--estpmitd-gif) no-repeat;background-size:cover;background-position:center}#estpmitd .div2{grid-area:1/1/2/2;font-size:45px;line-height:1.1;margin-top:10px;mix-blend-mode:exclusion}#estpmitd .div3{grid-area:2/1/3/2;font-size:20px;line-height:1.3;margin-bottom:13px;mix-blend-mode:exclusion}#estpmit .div4,#estpmitd .div4{grid-area:1/2/2/3;padding-top:20px!important;color:#fafafa;background:#1f1b1c}#estpmitd .div5{grid-area:2/2/3/3;font-size:9px;color:#1f1b1c;padding:13px 20px!important}#estpmit{color:rgb(50,50,50,.8)}#estpmit hr{border-top:1px solid}#estpmit .div1{grid-area:1/1/3/2;background:var(--estpmit-gif) no-repeat;background-size:cover;background-position:center}#estpmit .div2{grid-area:1/1/2/2;font-size:45px;line-height:1.1;margin-top:10px;mix-blend-mode:color-burn}#estpmit .div3{grid-area:2/1/3/2;font-size:20px;line-height:1.3;margin-bottom:13px;mix-blend-mode:color-burn}#estpmit .div5{grid-area:2/2/3/3;font-size:9px;padding:13px 20px!important}

#rr_cold-as-hell{--img-size:245px;--bg-color:#efefef;--accent-1:#8165A6;--accent-2:#D83F87;--text:#000;display:flex;flex-direction:column;align-items:center;margin:25px 0 0}#rr_cold-as-hell *,#rr_cold-as-hell :before{transition:.5s}#rr_cold-as-hell:hover{--accent-1:var(--accent-2)!important}#rr_cold-as-hell .smalltext,#rr_cold-as-hell .rtitle{width:calc(2 * var(--img-size) + 10px);position:relative;text-align:right}#rr_cold-as-hell .rtitle{color:var(--text);font:900 26px/60% 'Playfair Display',serif;text-transform:lowercase;letter-spacing:-1px}#rr_cold-as-hell .rtitle b{display:inline-block;width:55%;position:relative;padding:0 5px;background:var(--accent-1)}#rr_cold-as-hell .rcontainer{width:fit-content;background:var(--bg-color);outline:10px solid var(--bg-color);outline-offset:-5px}#rr_cold-as-hell .hellbg{height:50px;width:520px;background-color:#36393e; border-top: var(--bg-color) solid 5px;}#rr_cold-as-hell .rimg-left,#rr_cold-as-hell .rimg-right{background-color:#111;text-align:right;width:var(--img-size);height:var(--img-size);display:inline-block;vertical-align:top;box-sizing:border-box;position:relative;margin:5px}#rr_cold-as-hell .rimg-left img,#rr_cold-as-hell .rimg-right img{width:100%;height:100%;display:block;object-fit:cover;object-position:left bottom;position:relative;z-index:1}#rr_cold-as-hell .rimg-left img{z-index:3}#rr_cold-as-hell .rimg-left::before{content:"";transform:rotate(45deg);border:3px solid var(--accent-1);position:absolute;z-index:2;inset:0}

#estdhdmd{text-align:left;margin:0 auto;width:550px;position:relative;text-transform:uppercase}#estdhdmd div.estborder{border:1px solid var(--tabelleschrift);padding:15px}#estdhdmd div.estbackground{padding:50px;margin:0 auto;color:#fefefe;background-position: bottom center;background-attachment: fixed;background-size: contain;}#estdhdmd div.estbackground div.estheadline{font-family:'Saturdate Serif',serif;font-size:30px;line-height:1.3}#estdhdmd div.estbackground div.estsubline{font-family:Verdana;font-size:10px;letter-spacing:5px;line-height:1.5}#estdhdmd div.estfacts,#estdhdmd a{color:var(--tabelleschrift);margin-top:15px;font-family:Verdana;font-size:9px}



@media screen and (max-width: 500px) {
	.poststyle {
		hyphens: auto;
	}
	
	.poststyle-01, .poststyle-02, .poststyle-03, .poststyle-05, .poststyle-06, .poststyle-06 img, .posting-5, .poststyle-05 img, #bellafots, #estpmit, #estpmitd, #esttyping, #estwpwrr, #estdhdmd {
		width: 100% !important;
	}		

	.poststyle-06 img {
		float: none !important;
		margin-bottom: 20px;
	}
	
	.posting-5 {
		border: 0 !important;
		padding: 0 !important;
		background: none;
	}

	.poststyle-05 img {
		box-sizing:border-box;
		margin-bottom: 25px;
	}
	
	#bellafots .bfotshead .bfotstitel {
		font-size: 16vw !important;
	}
	
	#estabtl, #itw-fullheader, #estcath-main, #estredfox, #rr_cold-as-hell, #rr_pretty-soldiers, #estbrick  {
		zoom: 65%;
	}
	
	#estdhdmd {
		width:550px !important;
	}
	
	#esttyping  {
		overflow: hidden;
	}	
	
	#estpmit, #estpmitd {
		grid-template-columns: 1fr !important;
	}		
	
	
	#estpmit .div1, #estpmitd .div1{ grid-area: 1 / 1 / 3 / 2 !important;}
	#estpmit .div2, #estpmitd .div2{ grid-area: 1 / 1 / 2 / 2 !important;}
	#estpmit .div3, #estpmitd .div3{ grid-area: 2 / 1 / 3 / 2 !important;}
	#estpmit .div4, #estpmitd .div4{ grid-area: 3 / 1 / 4 / 2 !important;}
	#estpmit .div5, #estpmitd .div5{ grid-area: 4 / 1 / 5 / 2 !important;}
	
				
}