:root { --postbitline: #707070;} 

.cf_reply_grid {  display: grid; grid-template-columns: 20% 80%; gap: 10px; padding: 10px; margin: 0px; background: var(--base);}
.cf_reply_grid > div { }
.cf_reply_grid_1 { grid-row: 1; grid-column: 1;}
.cf_reply_grid_2 { grid-row: 1; grid-column: 2;}
.cf_reply_grid_3 { grid-row: 2; grid-column: 1;}
.cf_reply_grid_4 { grid-row: 2; grid-column: 2;}
.cf_reply_grid_5 { grid-row: 3; grid-column: 1;}
.cf_reply_grid_6 { grid-row: 3; grid-column: 2;}
.cf_reply_grid_7 { grid-row: 4; grid-column: 1;}
.cf_reply_grid_8 { grid-row: 4/6; grid-column: 2;}
.cf_reply_grid_9 { grid-row: 5; grid-column: 1;}
.cf_reply_grid_10 { grid-row: 5; grid-column: 2;}
.cf_reply_grid_11 { grid-row: 6; grid-column: 1;}
.cf_reply_grid_12 { grid-row: 6; grid-column: 2;}
.cf_reply_grid_13 { grid-row: 7; grid-column: 1;}
.cf_reply_grid_14 { grid-row: 7; grid-column: 2;}
.cf_reply_grid_15 { grid-row: 8; grid-column: 1;}
.cf_reply_grid_16 { grid-row: 8; grid-column: 2;}
.cf_reply_grid_17 { grid-row: 9; grid-column: 1;}
.cf_reply_grid_18 { grid-row: 9; grid-column: 2;}
form #message {
	width: 100%;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
}

.cf_forumbox_kat {color: var(--indexfarbehell); font-family: 'Abril Fatface', sans-serif; text-transform: lowercase; letter-spacing: 4pt; font-size: 16px;}
.cf_forumbox_headflex {display: flex; justify-content: space-between;}
.cf_forumbox_sortflex {display: flex; justify-content: right; }
.cf_forumbox_icon {padding: 10px 15px 10px 15px;}
.cf_forumbox_threadname a:link, .cf_forumbox_threadname a:active, .cf_forumbox_threadname a:visited {text-decoration: none; letter-spacing: 0.4pt; color: var(--indexfarbedunkel); font-size: 12px; display: inline-block;}
.cf_forumbox_threadname a:hover {color: var(--accent2); opacity: 0.8;}

.cf_prefix { color: var(--accent1); letter-spacing: 0.5pt; text-transform: uppercase; font-size: 12px;}

.cf_forumbox_lastposter a:link, .cf_forumbox_lastposter a:active, .cf_forumbox_lastposter a:visited { text-decoration: none; letter-spacing: 1pt; color: var(--indexfarbedunkel); font-size: 11px;  padding-right: 10px;}
.cf_forumbox_lastposter a:hover {color: var(--accent2);}
.cf_forumbox_lastposter_date { font-size: 10px; letter-spacing: 1pt; opacity: 0.4; text-transform: uppercase;  padding-right: 10px;}
.cf_forumbox_line { width: 15px; height: 1px; background: var(--accent1); float: left; margin: 8px 5px 0px 0px;}

.cf_forumbox_foot { background: var(--accent1); }
.cf_forumbox_footflex {display: flex; padding: 10px 10px 0px 10px; justify-content: space-between; color:var(--indexfarbehell); }
.cf_forumbox_forumjump {text-align: right;}
.cf_forumbox_postheadflex {display: flex; justify-content: space-between; flex-direction:row-reverse;}

.cf_forumbox_leiste {background: var(--accent1); padding: 20px 0px 20px 0px;}
.cf_forumbox_desc { font-size: 11px; letter-spacing: 0.5pt; padding: 0px 40px 0px 0px; opacity: 0.5;}

.cf_forumbox_grid {  display: grid; grid-template-columns: 5% 59% 8% 8% 19% 1%; gap: 0px;  padding: 0px; align-content: center;}
.cf_forumbox_grid_1 { grid-row: 1; grid-column: 1;align-self: center;}
.cf_forumbox_grid_2 { grid-row: 1; grid-column: 2; align-self: center; margin-left: 40px;}
.cf_forumbox_grid_3 { grid-row: 1; grid-column: 3; align-self: center;}
.cf_forumbox_grid_4 { grid-row: 1; grid-column: 4; align-self: center;}
.cf_forumbox_grid_5 { grid-row: 1; grid-column: 5; align-self: center; text-align: right;}
.cf_forumbox_grid_6 { grid-row: 1; grid-column: 6; align-self: center; }

.cf_postbit_grid {display: grid; grid-template-rows: 240px auto auto auto; grid-template-columns: 20% 1px 79%; width: 100%; }
.cf_postbit_grid_1 {grid-row: 1; grid-column: 1; justify-self: center; text-align: center; 	align-items: start; min-width: 230px;}
.cf_postbit_grid_2 { grid-row: 2; grid-column: 1; justify-self: center; text-align: center; align-items: start;}
.cf_postbit_grid_line { grid-row: 1/3; grid-column: 2; align-items: start;}
.cf_postbit_grid_3 { grid-row: 1/3; grid-column: 2/4; margin-left: 10px; align-items: start;}
.cf_postbit_grid_4 { grid-row: 4; grid-column: 1/4; align-items: start;}
.cf_postbit_line {height: 300px; width: 1px; background: var(--postbitline);}

.cf_postbit_avahov { display: flex; opacity: 1; z-index: 10; position: absolute; transition: 0.6s; transition-delay: 0.2s; width: 230px; height: 230px; justify-content: center; align-items: center; background-color: var(--base);}
.cf_postbit_avahov:hover { opacity: 0; }
.cf_postbit_infohov { position: absolute; margin: 10px 0px 0px 50px;}
.cf_postbit_author { font-family: 'Abril Fatface', sans-serif; font-size: 18px; letter-spacing: 0.5pt;}
.cf_postbit_usertitle { font-size: 11px; letter-spacing: 0.5pt; padding: 0px 0px 5px 0px;}
.cf_postbit_online { color: #95b65b; text-transform: uppercase; font-size: 9px; letter-spacing: 1.5pt; font-weight: bold; }
.cf_postbit_offline { color: #c7c7c7; text-transform: uppercase; font-size: 9px; letter-spacing: 1.5pt;  }

.cf_postbit_ptflex { display: flex; text-transform: uppercase; font-size: 10px; justify-content: center; letter-spacing: 0.5pt;}
.cf_postbit_p {text-align: center; padding: 10px;}
.cf_postbit_ptline {background: var(--postbitline); width: 1px; opacity: 0.5; margin: 0px 10px 0px 10px;}
.cf_postbit_t {text-align: center; padding: 10px;}

.cf_postbit_fact { font-size: 10px;letter-spacing: 0.5pt; display: flex; gap: 15px; justify-content: center; line-height: 30px; margin-bottom: 20px;}
.cf_postbit_factwhat { text-transform: uppercase; padding: 0px 0px 0px 0px;}
.cf_postbit_factthat { font-style: italic; }

.cf_postbit_gallery { text-transform: uppercase; font-size: 10px;letter-spacing: 1pt; text-align: center; line-height: 30px;}


.cf_postbit_like {text-decoration: none; letter-spacing: 0.5pt; color: var(--indexfarbedunkel); font-size: 12px; padding: 10px 20px 10px 20px;}

.cf_postbit_addreaction {background: var(--accent1); text-transform: uppercase; font-size: 11px; color: var(--indexfarbehell); display: inline-block; letter-spacing: 0.5pt; padding: 5px;}
.cf_postbit_addreaction:hover {background: var(--accent2);}