@import url(https://fonts.bunny.net/css?family=abril-fatface: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;}

@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, #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 {
		grid-template-columns: 1fr !important;
	}		
	
	
	#estpmit .div1 { grid-area: 1 / 1 / 3 / 2 !important;}
	#estpmit .div2 { grid-area: 1 / 1 / 2 / 2 !important;}
	#estpmit .div3 { grid-area: 2 / 1 / 3 / 2 !important;}
	#estpmit .div4 { grid-area: 3 / 1 / 4 / 2 !important;}
	#estpmit .div5 { grid-area: 4 / 1 / 5 / 2 !important;}
	
				
}