.geist, .hogwarts, .hogwartsteam, .muggle, .sonstige, .sonstiteam, .mungos, .mungosteam, .ministerium, .ministeriumteam, .wirtschaft, .wirtschaftteam, .promis, .promisteam {
    text-transform: uppercase;
}

/* amlstart ---- old_vor bodydefinition ---- amlstart */
.geist {
color:var(--uidghost);
}

.hogwarts {
color:var(--uidhogwarts);
}

.hogwartsteam {
color:var(--uidhogwarts); text-decoration: underline 1px dotted; text-underline-offset: 0.15em;
}

.ministerium {
color: var(--uidministry);
}

.ministeriumteam {
color: var(--uidministry); text-decoration: underline 1px dotted; text-underline-offset: 0.15em;
}

.muggel {
color:var(--uidmuggle);
}

.mungos {
color:var(--uidmungos);
}

.mungosteam {
color:var(--uidmungos); text-decoration: underline 1px dotted; text-underline-offset: 0.15em;
}

.wirtschaft {
color:var(--uideconomy);
}

.wirtschaftteam {
color:var(--uideconomy); text-decoration: underline 1px dotted; text-underline-offset: 0.15em;
}

.promis {
color:var(--uidvip);
}

.promisteam {
color:var(--uidvip); text-decoration: underline 1px dotted; text-underline-offset: 0.15em;
}

.sonstige {
color:var(--uidsonstige);
}

.sonstiteam {
color:var(--uidsonstige); text-decoration: underline 1px dotted; text-underline-offset: 0.15em;
}


.teampunkte {
text-decoration: underline 1px dotted; text-underline-offset: 0.15em;
}

.team {
text-decoration: underline 1px dotted; text-underline-offset: 0.15em;
}

/* ----------------------- farbdefinition der einzelnen ribbons gemäß usergruppe ----------------------------- */

.g8, .g15 { 
	background: var(--uidhogwarts) !important; 
}

.g9, .g16 { 
	background: var(--uidmungos) !important; 
}

.g11, .g18 { 
	background: var(--uideconomy) !important; 
}

.g17, .g10 { 
	background: var(--uidministry) !important; 
}

.g12, .g22, .g23, .g19, .g24, .g4 { 
	background: var(--uidsonstige) !important; 
}

.g1, .g2, .g5, .g7, .g { 
	background: var(--uidmuggle) !important; 
}

.g21, .g14 { 
	background: var(--uidvip) !important; 
}

.aml_authorpost { 
	display: flex; 
	flex-direction: column; 
	align-items: center;
	padding: 0; 
	margin: 0; 
	width: 100%;
	text-align: center;
}

.postbit_account {
	display: flex;
	flex:1;
	flex-wrap: nowrap;
	font-family: var(--beba);
	font-size: 28px;
    opacity: 50%;
    margin-bottom: -16px;
}

.postbit_titel {
	display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    font-family: var(--roboto);
    font-size: 8px;
    letter-spacing: 0px;
    text-transform: uppercase;
    background: var(--fuenf);
    padding: 3px 15px 3px 15px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
    margin-top: 12px;
}

/*hintergrundbild für avatar*/
.postbit_ava { 
	position: relative;
	background: var(--postback);
	width: 100%;
}

.ribbon { 
	height: 80px; 
	width: 40px; 
	clip-path: polygon(50% 100%, 100% 70%, 100% 0, 0 0, 0 70%);
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	position: absolute;
	opacity: 70%;
	color: var(--acht);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    padding-bottom: 16px;
	left: 10px;
}

.charainfo_large {
	display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    width: 100%;
    margin: 20px 0px 10px 0px;
    font-family: var(--roboto);
	font-size: 8px;
    text-transform: uppercase;
    align-content: stretch;
    align-items: stretch;
	text-align: center;
	flex-wrap: wrap;
}

.charainfo_med {
	display: flex; 
	flex-direction: row;
	text-align: center;
	flex-wrap: wrap;
}

.charainfo_bit {
	display: flex;
	width: 50%;
	background: var(--fuenf);
	padding: 4px;
	margin: 1px;
	flex: 1;
	justify-content: center; 
	align-items: center;
	flex-wrap: wrap;
}

.charalinks {
	display: flex; 
	flex-direction: row;
	flex: 1;
	justify-content: center; 
	align-items: center;
}

.pronav {
padding: 2px 0;
}

.charalinks i {
	margin: 10px;
}

.charatext {
	display: flex;
	width: 100%;
	background: var(--fuenf);
	padding: 4px;
	margin: 20px 0;
	flex: 1;
	justify-content: flex-start; 
	text-align: justify;
	overflow: auto; 
	max-height: 130px;
	font-family: var(--roboto);
	font-size: 9px;
    text-transform: uppercase;
	letter-spacing: 1px;
}

.postbit_icon {
	display: flex;
    max-width: 180px;
    align-items: stretch;
    flex-direction: column;
    justify-content: center;
}

.postbit_user {
	display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    font-family: var(--playfair);
    font-size: 12px;
    letter-spacing: 0px;
    text-transform: lowercase;
    background: var(--fuenf);
    padding: 3px 15px 3px 15px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
    margin-top: 12px;
	flex-wrap: wrap;
}