@media only screen and (max-width: 576px) { 

body {
	background-image: url(../../../images/design/bgmobil.jpg);
	background-size: auto;
	background-position: -550px -180px;
	background-repeat: no-repeat;
	background-color: #473b2d;}
.wrapper { min-width: 100%; max-width: 100%; margin: 0px; padding: 0px; }

 /*search*/
.cf_search_grid { display: grid; grid-template-columns: 100%; width: 100%; background: var(--base); gap: 10px;}
.cf_search_grid_1 {grid-row: 1; grid-column: 1; padding: 10px;}
.cf_search_grid_2 {grid-row: 2; grid-column: 1;padding: 10px;}
.cf_search_grid_3 {grid-row: 3; grid-column: 1; padding: 10px;}
.cf_search_grid_4 {grid-row: 4; grid-column: 1; padding: 10px;}
.cf_search_grid_5 {grid-row: 5; grid-column: 1; padding: 10px;}
.cf_search_grid_6 {grid-row: 6; grid-column: 1; padding: 10px;}
.cf_search_grid_7 {grid-row: 7; grid-column: 1; padding: 10px;}

 /*postbit*/	
.cf_postbit_grid {display: grid; grid-template-rows: auto auto auto; grid-template-columns: 35% 55% 5%; width: 100%; }
.cf_postbit_grid_1 {grid-row: 1; grid-column: 1; justify-self: center; text-align: left; align-items: center; }
.cf_postbit_grid_2 { grid-row: 1; grid-column: 2; justify-self: left; text-align:left; align-items: center; margin-top: 0px;}
.cf_postbit_grid_line { grid-row: 2; grid-column: 1/4; align-items: start;}
.cf_postbit_grid_3 { grid-row: 3; grid-column: 1/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: 0px; width: 80%; background: var(--postbitline);}	
.cf_postbit_fact, .cf_postbit_ptflex {display: none;}
.cf_postbit_grid_1 img {height: 80px; width: auto; margin-left: 50px;}
.cf_postbit_gallery {margin: -20px 0px 0px 0px; text-align: left;}
.cf_postbit_avahov { width: auto; height: 100px; }
form #message { width: 350px !important;}
.markItUp  { width:280px; margin:5px 0 5px 0;}
.markItUpContainer  { width:280px;}
.markItUpEditor textarea #message { width: 100px; }
#quick_reply_form { width: 100%;}
.cf_quickreply_opt {display: none;}
	
.cf_reply_grid {  display: grid; grid-template-columns: 50%; 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: 2; grid-column: 1;}
.cf_reply_grid_3 { grid-row: 3; grid-column: 1;}
.cf_reply_grid_4 { grid-row: 4; grid-column: 1;}
.cf_reply_grid_5 { grid-row: 5; grid-column: 1;}
.cf_reply_grid_6 { grid-row: 6; grid-column: 1;}
.cf_reply_grid_7 { grid-row: 7; grid-column: 1;}
.cf_reply_grid_8 { grid-row: 8; grid-column: 1;}
.cf_reply_grid_9 { grid-row: 9; grid-column: 1;}
.cf_reply_grid_10 { grid-row: 10; grid-column: 1;}
.cf_reply_grid_11 { grid-row: 11; grid-column: 1;}
.cf_reply_grid_12 { grid-row: 12; grid-column: 1;}
.cf_reply_grid_13 { grid-row: 13; grid-column: 1;}
.cf_reply_grid_14 { grid-row: 14; grid-column: 1;}
.cf_reply_grid_15 { grid-row: 15; grid-column: 1;}
.cf_reply_grid_16 { grid-row: 16; grid-column: 1;}
.cf_reply_grid_17 { grid-row: 17; grid-column: 1;}
.cf_reply_grid_18 { grid-row: 18; grid-column: 1;}

 /*usercp*/	
.cf_usercp_navihide {display: none;}
.cf_usercp_grid {display: grid; grid-template-columns: 49% 49%; }
.cf_usercp_grid_1 {grid-row: 1; grid-column: 1/3; background: var(--accent1); font-weight: bold; color: #fff; font-size: 11px; letter-spacing: 0.5pt; padding: 10px; text-align: center;}
.cf_usercp_grid_2 { grid-row: 2; grid-column: 1; background: var(--base);}
.cf_usercp_grid_3 { grid-row: 2; grid-column: 2; background: var(--base);}
.cf_usercp_table {width: 100%;margin-left: -5px;}
.cf_usercp_summaryava {width: 100px;}
#designconfigurator {width: 80%;}

 /*forumdisplay*/
.cf_forumbox_grid {  display: grid; grid-template-rows: 30% 50%; grid-template-columns: 15% 85%;  gap: 0px; margin: 0px; padding: 0px; align-content: center; padding-bottom: 10px; border-bottom: 1px solid var(--indexgrey);}
.cf_forumbox_grid_1 { grid-row: 2; grid-column: 1;  margin-left: -10px; align-self: start;}
.cf_forumbox_grid_2 { grid-row: 2; grid-column: 2; align-self: start; text-align: left; margin-left: 5px;}
.cf_forumbox_grid_3 { display: none;}
.cf_forumbox_grid_4 { display: none;}
.cf_forumbox_grid_5 { grid-row: 1; grid-column: 1/3; align-self: start; text-align: right;;}
.cf_forumbox_grid_6 { display: none;}
.cf_forumbox_icon {padding: 10px 0px 10px 0px;}
.cf_forumbox_lastposter a:link, .cf_forumbox_lastposter a:active, .cf_forumbox_lastposter a:visited, .cf_forumbox_lastposter_date {padding-right: 0px;}
.cf_forumbox_headflex {display: flex; justify-content: space-between; width: 100%;}
.cf_forumbox_postheadflex {width: 100%;}
.cf_forumbox_desc { display: none;}
.cf_forumbox_sortflex {display: flex; justify-content: left;}
.cf_forumbox_sortflex form { width: 100%; text-align: left;}
.cf_forumbox_footflex {width: 100%; flex-wrap: wrap;}
.cf_forumbox_forumjump {text-align: left;}
.cf_indexbox_subkat {width: 100%;}
	
 /*index*/
.cf_index_grid {  display: grid; grid-template-columns: 8% 50% 0% 0% 40%; gap: 0px; 0px; padding: 10px 0px 10px 0px; background: var(--base); align-content: center;}
.cf_index_grid_1 { align-self: start;}
.cf_index_grid_2 { align-self: start;}
.cf_index_grid_5 { align-self: start;}
.cf_index_grid_3 { display: none;}
.cf_index_grid_4 { display: none;}
.cf_indexbox_forum_lastpost { margin: 0px 20px 0px 20px;}
.cf_indexbox_forum_sub a:link, .cf_indexbox_forum_sub a:active, .cf_indexbox_forum_sub a:visited {width: 90%; font-family: Tahoma, Verdana, Arial, Sans-Serif;}
.cf_index_navi {display:none;}
.cf_index_navigation, .cf_index_navigation a:link, .cf_index_navigation a:visited, .cf_index_navigation a:active {width: 100%;}
.cf_indexbox_kat {width: 100%;}
.cf_index_boardname {padding: 110px 0px 0px 0px; font-size: 50px; text-align: center; font-family: 'Abril Fatface', sans-serif; letter-spacing: 3pt;}
.cf_index_boardnamesub { margin-top: -10px; padding: 0px 0px 80px 0px; font-size: 12px; text-transform: uppercase; color: var(--indexfarbehell); letter-spacing: 3pt; font-family: tahoma;}
.cf_impressum {width: 100%;}

	
 /*index - dropdown*/	
.cf_index_dropdown { display: inline-block;}
.cf_index_dropdown2 {display: inline-block; position: absolute; margin-left: 40px;  text-transform: uppercase; letter-spacing: 1pt;}
.input[type=checkbox]:checked~ul {display: block;}
nav >input { display: none;}
input[type=checkbox]:checked~ ul { display: block; }
.cf_index_mobilnav ul { display: none; list-style-type: none; padding: 0px 0px 0px 0px; }
nav.cf_index_mobilnav { display: inline-block; padding: 0px 0px 0px 0px; margin-top: -1px;}
nav.cf_index_mobilnav ul a { display: inline-block; background-color: #000; text-transform: uppercase; width: 60%; letter-spacing: 1pt;padding: 12px;}
.cf_index_dropdown_sign_bar {width: 25px; height: 2px; background-color: #fff; margin: 4px 0;}
	
 /*footer*/
.cf_footer_grid {  display: grid; grid-template-columns: 100%; gap: 0px; margin: 0px; padding: 20px 40px 0px 40px; background: var(--base); align-content: center; font-size: 10px;}
.cf_footer_grid > div { padding: 20px 0;}
.cf_footer_grid_1 { grid-row: 1; grid-column: 1; display: none;}
.cf_footer_grid_2 { grid-row: 1; grid-column: 1; }
.cf_footer_grid_3 { grid-row: 2; grid-column: 1; }
.cf_footer_grid2 {  display: grid; gap: 20px; grid-template-columns: 25% 75%; padding: 5px 40px 5px 40px; background: var(--accent1); align-content: center;}
.cf_footer_grid2 > div { padding: 20px 0;}
.cf_footer_grid_4 { display: none;}
.cf_footer_grid_5 { grid-row: 1; grid-column: 1; text-align: center;}
.cf_footer_grid_6 { grid-row: 1; grid-column: 2; text-align: center; }
.cf_footer_grid_7 {display: none;}


 /*memberlist*/	
.cf_memberlist_bg {background: var(--base); padding: 20px 0px 0px 0px;}
.cf_memberlist_username { padding: 5px;}
.cf_memberlist_ava img {width: auto; height: 60%; padding: 20px;}
.cf_memberlist_flex {gap: 5px 5px; }
.cf_memberlist_grid { width: 100%; min-width: 280px; padding: 20px 0px 0px 0px; margin: 0px; display: grid; grid-template-columns: 40% 60%; background: var(--base); text-align: left; }
.cf_memberlist_grid_1 { grid-row: 1; grid-column: 1;}
.cf_memberlist_grid_2 { grid-row: 1; grid-column: 2; margin-top: 20px;}
.cf_memberlist_line {display: none;}
.cf_memberlist_abc { width: 100%; text-align: center; font-size: 12px; line-height: 25px;}
.cf_memberlist_search { display: none;}

 /*profil*/
.cf_profil_what {font-size: 8px; font-weight: bold; margin-top: 0px;}
.cf_profil_that {font-size: 9px; margin-bottom: 10px;}
.cf_profil_contactwhat {font-weight: bold; width: 180px; font-size: 8px;}
.cf_profil_contactthat {font-size: 9px; width: 180px;}
.cf_profil_contactflex {margin: 0px 20px 0px 0px; gap: 0px 0px;}
.cf_profil_buttonflex { margin-left: 30px; }
.cf_profil_button a:link, .cf_profil_button a:visited, .cf_profil_button a:active { width: 160px;}
.cf_profil_headline { margin: 0px 10px 0px 10px;}
.cf_profil_usertitle {}
.cf_profil_username {}
.cf_profil_tyl { font-size: 9px;}
.cf_profil_wips a:link, .cf_profil_wips a:visited { }
.cf_profil_avafacts {font-size: 8px;}
.cf_profil_aboutme {font-size: 11px; letter-spacing: 0pt; line-height: 22px;}
.cf_profil_bg {width: 100%;}
.cf_profil_wipsflex {padding-left: 10px;}
.cf_profil_ava img {height: 120px; width: auto;}
.cf_profil_sig { width: 100%; padding: 0px 20px 0px 20px;}
	
.cf_profil_grid {   padding: 0px; margin: 0px; width: 100%; display: grid; grid-template-columns: 35% 35% 30% ; gap: 0px;}
.cf_profil_grid > div { }
.cf_profil_grid_1 { grid-row: 1/3; grid-column: 1; text-align: right;}
.cf_profil_grid_2 { grid-row: 1/3; grid-column: 2; text-align: center;}
.cf_profil_grid_3 { grid-row: 1/3; grid-column: 3; text-align: left;}
.cf_profil_grid_4 { grid-column: 1/4; grid-row: 4; }
.cf_profil_grid_5 { grid-column: 1/4; grid-row: 5; }
.cf_profil_grid_6 {grid-column: 1/5; grid-row: 6; margin-left: -20px;}
 .cf_profil_grid_7 {width: 100%;}
}