.subscription_add, .subscription_remove {
	background: var(--accent);
    color: #fff;
    padding: 8px;
    border: 1px solid #000;
    font-size: 14px;
   	border-radius:6px;
	font-family:Verdana;margin-left:2px
}
.subscription_add:hover, .subscription_remove:hover {
	background-color: var(--kompl) !important;
	        }


.subscription_remove .fa-plus:before{
	content:"\f068";
}


.subscription_add:hover a, .subscription_remove:hover a{
color:#fff !important;
	text-decoration:none;}

.poll{
	grid-area:2/1/3/2;}

.showthread_spinner {
	width: 100%;
	margin: 0 auto;
	display: block;
	text-align: center;
	padding: 20px;
}
.showthreadtitle{
	text-transform: uppercase;
	font-size: 2em;
color:var(--schrift)}

.printable{
text-align:right;
    grid-area:1/3/2/4;}

.searchthemen{
text-align:center;
grid-area: 1/2/3/3;
align-self:center}



.themenswitch{
justify-self:center;
grid-area:2/1/3/3;}

/*Postbit*/
		.post {
	overflow: hidden;
	border:1px solid #ccc;
			background:var(--bg)
}
      
      
 .post.classic {
	padding-top: 2%;
	background-color:var(--accent-light);
	border-color:var(--accent-light)
		}
.post.classic:nth-child(odd){
	background-color:var(--accent-light);
	border-color:var(--accent-light)
}


.post.classic .post_author {
	border: none;
	float: left;
	width: 21%;
	padding: 5em 1% 5px 1%;
	background-color:transparent !important;
}


.post .post_author .buddy_status {
	vertical-align: middle;
	margin-top: -4px;
}


.post.classic .post_author div.author_avatar {
	float: none;
	text-align: center;
	margin-bottom: 8px;
	position: relative;
    left: auto;
}

.post.classic .post_author div.author_avatar img {
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	border-radius:50%;
	width:150px;
	height:150px;
	object-fit:cover;
}

.post:not(.classic) .post_author{
	display:grid;
	grid-template:auto/ repeat(3,1fr);
	grid-gap:1rem;
	background:linear-gradient(192deg, var(--accent) 50%, transparent 50%),linear-gradient(168deg, var(--kompl) 50%, transparent 50%)
	}

.zitatfeld{
	padding:2rem 1rem 3rem;
	grid-column:1/4;
	color:#fff;
	min-height:6rem
}

.post .authorname{
	font-size:2rem;
	padding:0 2rem
}

.post .rang{
	color:#fff
}

.post .leiste{
	grid-column:1/4;
	display:grid;
	grid-template:auto/repeat(4,1fr);
	grid-gap:.5rem;
	margin:2rem auto
}

.btn-primary{
	margin:2px 2px 6px 2px;
	font-size:13px
}

.post .post_author div.author_avatar img {
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	border-radius:50%;
	width:100px;
	height:100px;
	object-fit:cover;
	margin-top:-3rem
}

.post .post_author div.author_information {
	padding: 6px 8px;
}

.post.classic .post_author div.author_information {
	float: none;
	padding: 0;
	text-align: center;
}


.post.classic .post_author div.author_statistics {
	display:grid;
	grid-template:repeat(4, auto)/1fr;
	font-size:1em;
}

.post.classic:nth-child(even) .post_author div.author_statistics > div, .post.classic:nth-child(even) .button, .post.classic:nth-child(even) .myreactions-reactions, .post.classic:nth-child(even) .myreactions-reaction{
background-color:var(--accent);}
.post.classic:nth-child(odd)  .post_author div.author_statistics > div, .post.classic:nth-child(odd) .button, .post.classic:nth-child(odd) .myreactions-reactions, .post.classic:nth-child(odd) .myreactions-reaction{
background-color:var(--accent);}

.post.classic .post_author div.author_statistics .userregdate{
	width:266px;
	padding:2%;
	color:white;
	border-radius:8px;
}

.post.classic .post_author div.author_statistics .postnum{
	width:211px;
	padding:2%;
	color:white;
	border-radius:8px;
}

.post.classic .post_author div.author_statistics .threadnum{
width:156px;
	padding:2%;
	color:white;
	border-radius:8px;
}
	
.post.classic .post_author div.author_statistics .warninglevel{
width:56px;
	padding:2%;
	color:white;
	border-radius:8px;
grid-row:4/5}

.post.classic .post_author div.author_statistics .aboutuser{
width:101px;
	padding:2%;
	color:white;
	border-radius:8px;
}

.post.classic .post_author div.author_statistics .contactuser{
display:none;}

.post.classic .post_author div.author_statistics .warninglevel a, .post.classic .post_author div.author_statistics .aboutuser a{
	color:white;}

.post.classic .post_author div.author_statistics .postnum a, .post.classic .post_author div.author_statistics .threadnum a{
	color:#fff;}

.post .post_head {
	font-size: 11px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #ddd;
	margin-bottom: 4px;
}

.post .post_head span.post_date {
	color: var(--schrift);
}

.post .post_head span.edited_post {
	font-size: 10px;
	color: #999;
}

.post .post_head span.edited_post a {
	color: var(--schrift);
}

.post_body {
	font-size: 16px;
	padding: 3.5%;
	text-align:justify;
}



.post.classic .post_content {
	float: left;
	width: 74%;
	padding: 2%;
	background-color:var(--bg);
	margin-left: 3%;	
    border-radius: 80px;    
	margin-bottom:2%;
	min-height:650px;
	color:var(--schrift)
}


.post_content {
	padding: 9px 10px 5px 10px;
	background-color:var(--bg);
}

.post_content .signature {
	margin-top: 5px;
	border-top: 1px dotted #ddd;
	padding: 10px 0 4px 0;
}

.post .post_meta {
	margin: 4px 0;
	font-size: 11px;
	color: #999;
	}

.post .post_meta a:link,
.post .post_meta a:visited {
	color: #777;
}

.post .post_meta a:hover,
.post .post_meta a:active {
	color: #777;
}

.post_controls {
	clear: both;
	padding: 5px;
	overflow: hidden;
	display:inline;
}

.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
	display: inline-block;
			}

.postbit_buttons > a:hover {
	border-color: var(--kompl);
	color:var(--schrift)
}

.postbit_buttons a span {
	display: inline-block;
	}

.post_management_buttons.float_right{
	padding:1%}



@media only screen and (max-width:1000px){
	.showthreadtitle{
		font-size:1em !important;}
	
	.themenswitch{
 grid-area:2/1/3/2 !important;
	}
	
	
	
	.post_management_buttons{
		margin-top:50px;}
			
	.post.classic .post_author{
		width:100% !important;
	border:none !important;
	height:auto !important;}
	
		
	.post_body{
		text-align:left !important;}
	
	.post.classic .post_content{
		min-height:100% !important;
		border-radius:20px !important;
		margin:1% !important;
		width:98% !important;}
	
	.post.classic .post_author div.author_avatar img{
		width:80px !important;
		height:80px !important;}
	
	.post.classic .post_author div.author_statistics {
		margin-left:auto% !important;
	grid-template:auto/repeat(3,1fr) !important;
	width:100% !important;
	justify-items:center !important;
	text-align:center;}	
	
	.postbit_buttons.author_buttons{
		text-align:center !important;}
	
		.largetext{
		font-size:1.5em !important;}
	
	.post.classic .post_author div.author_statistics .userregdate{
		width:100% !important;}
	
	.post.classic .post_author div.author_statistics .postnum{
		width:100% !important}
	
	.post.classic .post_author div.author_statistics .warninglevel{
		width:100% !important;
	grid-row:1/2 !important;
	grid-column:4/5 !important;}	
	
	.post.classic .post_author div.author_statistics .aboutuser{
		width:100% !important;}
	
	.post.classic .post_author div.author_avatar{
		left: 0 !important;
		margin:auto !important;
	float:left !important;}
	
	.post .post_author div.author_avatar img{
		width:80px !important;
		height:80px !important;}
	
	.post .post_author{
		grid-template:auto/1fr !important;
		background:linear-gradient(160deg, var(--accent) 50%, transparent 50%),linear-gradient(200deg, var(--kompl) 50%, transparent 50%)
	}
	
	.post .zitatfeld, .post .leiste{
		grid-column:1/2 !important;
			}
	
	.post .rang{
		color:var(--schrift);
	}
	.post .post_author div.author_avatar{
		grid-row:2/3;
	}
	
	.post .post_author div.author_avatar img {
		margin-top:0
	}
	
	.post .post_author div.author_avatar, .post .rang, .post .authorname{
		position:relative;
		top:2rem;
	}
 
}
		
		