.cf_profil_bg {background: var(--accent1); color: var(--indexfarbehell); font-family: 'Abril Fatface', sans-serif; text-transform: lowercase; letter-spacing: 4pt; font-size: 16px; padding: 10px 0px 10px 0px; width: 100%;}

.cf_profil_usertitle {font-size: 11px; letter-spacing: 2pt; margin-bottom: 15px; font-family: 'Tahoma', sans-serif;}
.cf_profil_ava {padding: 0px;}
.cf_profil_avafacts { text-transform: uppercase; font-size: 10px; letter-spacing: 1pt; margin-top: 10px;}
.cf_profil_username {color: var(--profilname); font-family: 'Abril Fatface', sans-serif; letter-spacing: 2pt; font-size: 20px; margin-top: 15px;}

.cf_profil_facts {text-align: left; display: flex;justify-content: space-around; flex-wrap: wrap; gap: 30px 15px;}
.cf_profil_what {text-transform: uppercase; font-size: 10px; letter-spacing: 1pt; margin-top: 20px;}
.cf_profil_that { letter-spacing: 1pt; font-size: 12px; margin-bottom: 30px; }

.cf_profil_grid {  display: grid; grid-template-columns: 13% 24% 13% 50%; gap: 10px; padding: 20px; margin: 0px 50px 0px 20px;}
.cf_profil_grid > div { padding: 20px 0;}
.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: 4; grid-row: 1/4; }
.cf_profil_grid_5 { grid-column: 1/4; grid-row: 3; }
.cf_profil_grid_6 {grid-column: 1/5; grid-row: 4;}

.cf_profil_headline { text-decoration: none; letter-spacing: 1pt; color: var(--accent1); font-size: 14px; border-bottom: 2px solid rgb(0, 0, 0, 0.1); padding: 0px 0px 5px 5px; display: block; text-transform: uppercase; font-family: 'Abril Fatface', sans-serif; }
.cf_profil_tyl {display: flex; justify-content: right; font-size: 11px;}

.cf_profil_wipsflex {max-height: 400px; overflow: auto;}
.cf_profil_wips a:link, .cf_profil_wips a:visited { line-height: 25px; font-size: 12px; text-decoration: none; letter-spacing: 0.7pt; color: var(--indexfarbedunkel); display: block; text-transform: uppercase; margin: 6px; padding-left: 10px;}
.cf_profil_wips a:hover {opacity: 0.6;}
.cf_profil_aboutme {line-height: 25px; font-size: 12px; letter-spacing: 0.7pt; color: var(--indexfarbedunkel); text-align: justify; margin: 6px; padding: 20px 15px 0px 10px; height: 160px; overflow: auto;}
.cf_profil_buttonflex { display: flex; justify-content: center; gap: 10px;}
.cf_profil_button a:link, .cf_profil_button a:visited, .cf_profil_button a:active { color: var(--indexfarbehell); background: var(--accent1); display: inline-block; text-transform: uppercase; padding: 10px; letter-spacing: 1pt; font-size: 11px; width: 200px; text-align: center; }
.cf_profil_button a:hover { background: var(--accent2);}

.cf_profil_sig { background: var(--base); padding: 0px 40px 0px 40px;}

.cf_profil_contactflex {text-align: center; display: flex;justify-content: space-around; flex-wrap: wrap; gap: 30px 15px;}
.cf_profil_contactwhat {text-transform: uppercase; font-size: 10px; letter-spacing: 1pt; width: 200px; margin-top: 10px;}
.cf_profil_contactthat { letter-spacing: 1pt; font-size: 12px; width: 200px;}