@import url(https://fonts.bunny.net/css?family=abril-fatface:400);
@import url(https://fonts.bunny.net/css?family=roboto-slab:400);

: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}





@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;}
	
				
}