/* Abschlussliste */
.modal_add {
	padding: 20px;
  width: 70%;
}
/* MODAL */
.graduation_add { display: block; padding: 10px 15px; }

.graduation_add_section { width: 100%; margin-top: 15px; }

.graduation_add_title { display: flex; align-items: baseline; gap: 10px; margin-bottom: 8px; padding-bottom: 5px; border-bottom: 1px solid var(--background-light); }

.graduation_form_hint { font-size: 10px; font-weight: normal; opacity: .6; }

.graduation_assignment_add,
.graduation_position_add { margin-top: 7px; }


/* ABSCHLUSSJAHR */
.graduation_year_field { display: flex; align-items: center; gap: 6px; }

.graduation_year_field input { width: 100px; }


/* FORMULAR – GEMEINSAM */
.graduation_assignment_row,
.graduation_position_row { position: relative; display: grid; padding: 12px 35px 12px 12px; margin-bottom: 8px; border: 1px solid var(--background-light); }

.graduation_detail_period { display: flex; align-items: center; gap: 5px; }

.graduation_detail_period input { width: 70px; }

.graduation_row_remove { position: absolute; top: 7px; right: 8px; padding: 0; border: 0; background: none; cursor: pointer; opacity: .45; }

.graduation_row_remove:hover { opacity: 1; }


/* ZUGEHÖRIGKEITSPHASEN */
.graduation_assignment_row { grid-template-columns: 1fr 1.25fr; gap: 10px 20px; }

.graduation_assignment_main { display: flex; flex-direction: column; gap: 7px; }

.graduation_assignment_row .graduation_detail_line { display: grid; grid-template-columns: 100px 1fr; align-items: center; gap: 8px; }

.graduation_detail_units { display: grid; grid-template-columns: 1fr; gap: 5px; }

.graduation_detail_unit { display: grid; grid-template-columns: 85px 1fr; align-items: center; gap: 7px; }

.graduation_detail_unit select,
.graduation_assignment_row .graduation_detail_value > select { width: 100%; box-sizing: border-box; }


/* POSITIONEN */
.graduation_position_row { grid-template-columns: 1fr 1fr; gap: 20px; align-items: center; }

.graduation_position_row .graduation_detail_line { display: grid; grid-template-columns: 80px 1fr; align-items: center; gap: 8px; }

.graduation_position_row select { width: 100%; box-sizing: border-box; }


/* JAHRGÄNGE – TOGGLE */
.graduation_year summary { list-style: none; }

.graduation_year summary::-webkit-details-marker { display: none; }

.graduation_year summary::before { content: "+"; display: inline-flex; align-items: center; justify-content: center; width: 16px; margin-right: 5px; font-weight: bold; }

.graduation_year[open] summary::before { content: "−"; }


/* JAHRGÄNGE – STATISTIK */
.graduation_statistic { margin: 0 3px; font-size: 11px; }

.graduation_statistic .lister_groupicon { width: 10px; }


/* CHARAKTERE */
.graduation_person { padding: 10px 18px; border-bottom: 1px solid var(--background-light); }

.graduation_person:last-child { border-bottom: none; }

.graduation_person_details { grid-column: 2; }

.graduation_person_data { display: grid; grid-template-columns: 30% minmax(0, 1fr); column-gap: 30px; align-items: start; }

.graduation_person_name { grid-column: 1; font-family: 'Chivo', sans-serif; font-weight: 300; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; }

.graduation_person_details { grid-column: 2; }


/* CHARAKTERE – ZUGEHÖRIGKEIT */
.graduation_person_assignment { display: grid; grid-template-columns: 22px 145px minmax(0, 1fr); gap: 7px; align-items: center; min-height: 24px; }

.graduation_person_positions { display: block; margin-left: 181px; }

.graduation_assignment_icon { width: 18px; height: 18px; object-fit: contain; opacity: .75; }

.graduation_assignment_year { font-weight: 700; white-space: nowrap; }

.graduation_assignment_unit { min-width: 0; }

/* MOBILE */
@media (max-width: 700px) {

	/* JAHRGÄNGE – STATISTIK */
	.graduation_year .graduation_year_header .float_right { float: none; position: static; display: block; width: 100%; margin: 4px 0 0; }

	/* CHARAKTERE */
	.graduation_person { padding: 10px 12px; }
	.graduation_person_data { display: block; }
	.graduation_person_name { margin-bottom: 7px; }
	.graduation_person_details { width: 100%; }

	/* CHARAKTERE – ZUGEHÖRIGKEIT */
	.graduation_person_assignment { display: grid; grid-template-columns: 22px 1fr; gap: 0 7px; line-height: 20px; }
	.graduation_assignment_icon { grid-column: 1; grid-row: 1; margin-top: 2px; }
	.graduation_assignment_year { grid-column: 2; grid-row: 1; }
	.graduation_assignment_unit { grid-column: 2; grid-row: 2; white-space: normal; }
	.graduation_person_positions { display: block; margin-left: 29px; }

	/* MODAL */
	.graduation_add_modal { width: calc(100% - 30px) !important; max-width: none !important; margin: 0 !important; }
	.graduation_add { padding: 10px; }

	/* MODAL – ÜBERSCHRIFTEN */
	.graduation_add_title { display: block; }
	.graduation_form_hint { display: block; margin-top: 2px; }

	/* MODAL – ABSCHLUSSJAHR */
	.graduation_year_field { justify-content: flex-start; }

	/* MODAL – ZUGEHÖRIGKEITSPHASEN */
	.graduation_assignment_row { display: block; padding: 12px 30px 12px 12px; }
	.graduation_assignment_main { display: block; }
	.graduation_assignment_row .graduation_detail_line { display: block; margin-bottom: 10px; }
	.graduation_detail_label { margin-bottom: 3px; }
	.graduation_assignment_row .graduation_detail_value > select { width: 100%; }

	/* MODAL – ZEITRAUM */
	.graduation_detail_period { display: flex; align-items: center; width: 100%; gap: 5px; }
	.graduation_detail_period input { width: 0; min-width: 0; flex: 1; }

	/* MODAL – EINHEITEN */
	.graduation_detail_units { display: block; }
	.graduation_detail_unit { display: block; margin-top: 7px; }
	.graduation_detail_unit_label { display: block; margin-bottom: 3px; }
	.graduation_detail_unit select { width: 100%; }

	/* MODAL – POSITIONEN */
	.graduation_position_row { display: block; padding: 12px 30px 12px 12px; }
	.graduation_position_row .graduation_detail_line { display: block; margin-bottom: 10px; }
	.graduation_position_row select { width: 100%; }

	/* MODAL – BUTTONS */
	.graduation_assignment_add,
	.graduation_position_add { margin-top: 7px; }
}

/* Lehrer */
.lister_laerer_des {
	height: 100px;
	overflow: auto;
	padding: 0px 5px 0px 0px;
}
.lister_laerer_des::-webkit-scrollbar { width: 7px; background:  var(--forumhg); } 
.lister_laerer_des::-webkit-scrollbar-thumb { background: var(--andarna_onlight); } 
/* Lehrer Ende */

/* MILITÄREINHEIT */
/* nach Ort */
.lists_enhet_sted_staf {
	max-height: 205px;
	overflow: auto;
	padding: 0px 5px 0px 0px;
}
.lists_enhet_sted_p {
    font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
	font-weight: 300;
	height: 150px;
	overflow: auto;
    line-height: 200%;
    hyphens: auto;
    -webkit-hyphens: auto;
    word-wrap: break-word;	
	padding: 0px 5px 0px 0px;
}
.lists_enhet_sted_p::-webkit-scrollbar, .lists_enhet_sted_staf::-webkit-scrollbar { width: 7px; background:  var(--forumhg); } 
.lists_enhet_sted_p::-webkit-scrollbar-thumb, .lists_enhet_sted_staf::-webkit-scrollbar-thumb { background: var(--andarna_onlight); } 
.lists_enhet_steder .trow1,
.lister_sted_staffet .tcat_staffet {
font-weight: 300;
    font-size: 13px;
    font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;	
}
.lists_enhet_steder .tcat_sted,
.lister_sted_staffet .thead {
background: var(--forumhg_tablecat);
    padding: 3px 2px;
    line-height: normal;
    font-size: 13px;
    font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
    font-weight: 700;
    margin: 0;	
}
.lists_enhet_steder .thead_sted {
	background: var(--opacity0);
    color: var(--font_main);
    font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
    font-weight: 700;
    font-size: 13px;
    font-style: italic;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 0 0px 0;	
}
.province-group h4 {
background: var(--opacity0);
    color: var(--font_main);
    font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
    font-weight: 700;
    font-size: 15px;
    font-style: italic;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0px 0 0px 0;	
	margin: 20px 0px 0px 0px;
}
/* nach Ort Ende */
/* Schule */
.lister_school_flokk .thead {
    background: var(--opacity0);
    font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
    font-weight: 700;
    font-size: 15px;
    font-style: italic;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 20px 0 0px 0;	
}
.lister_school_flokk .tcat {
    background: var(--forumhg_tablecat);
    padding: 3px 1px;
    line-height: normal;
    font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
    font-weight: 700;	
}
.lister_school_flokk .trow5 {
	font-weight: 300;
    font-size: 13px;
    font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;	
}
.lister_school_flokk .trow2 {
    font-weight: 300;
    font-size: 13px;
    line-height: 200%;
    font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
    vertical-align: top;	
}
/* Schule Ende */
.lister_stafett .trow1 {
	padding: 3px;
	font-weight: 300;
    font-size: 13px;
    line-height: normal;
    font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
	
}
.lister_enhet {
	width: 100%;
	box-sizing: border-box;	
}
.lister_enhet .thead,
.lister_enhet_h2 {
	background: var(--opacity0);	
	color: var(--font_main);
	font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
    font-weight: 700;
    font-size: 15px;
    font-style: italic;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0px 0 0px 0;	
}
.lister_enhet_h2 {
    padding: 20px 0 0px 0;		
}
.tformation,
.lister_enhet_h5 {
	background: var(--opacity0);	
	color: var(--font_main);
	font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
    font-weight: 700;
    font-size: 13px;
    font-style: italic;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 0 0px 0;	
}
.tformation {
	text-align: right;
	padding: 0px;
}
.lister_enhet .tcat,
.lister_stafett .thead {
	background: var(--forumhg_tablecat);
    padding: 3px 1px;
    line-height: normal;
    font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
    font-weight: 700;
}
.lister_enhet .trow1 {
	background: var(--forumhg);	
}
.lister_enhet .trow5,
.lister_stafett .trow1 {
	background: var(--opacity0);	
    font-weight: 300;
    font-size: 13px;
    font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;	
}
.lister_enhet_text2,
.lister_enhet_text {
	font-weight: 300;
    font-size: 13px;
    line-height: 200%;
    font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
    text-align: justify;
    hyphens: auto;
    -webkit-hyphens: auto;
    word-wrap: break-word;	
    padding: 0px 5px 0px 10px;
    overflow: auto;
    margin: 5px 0px 0px 0px;
}
.lister_enhet_text {
	max-height: 120px; /* 145 */
}
.lister_enhet_text2 {
	max-height: 175px;
}
.lister_enhet_text2 h2,
.lister_enhet_text h2 {
    color: var(--font_main);
    font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 2px;
    width: 100%;
	margin: 0;
	padding: 0;
	line-height: normal;
}
.lister_enhet_text h3,
.lister_enhet_text2 h3 {
    width: 100%;
	margin: 0;
	padding: 0;	
	line-height: normal;
    color: var(--font_main);
    font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
    font-weight: 700;	
    letter-spacing: 1px;
	font-size: 13px;
}
.lister_enhet_text::-webkit-scrollbar, .lister_enhet_text2::-webkit-scrollbar { width: 7px; background:  var(--forumhg); } 
.lister_enhet_text::-webkit-scrollbar-thumb, .lister_enhet_text2::-webkit-scrollbar-thumb { background: var(--andarna_onlight); } 
/* MILITÄREINHEIT ENDE */

/* ORTE, JOBS & GRUPPEN */
.lister_steder_all {
	padding: 15px 30px;	
}
.lister_steder_all.gives {
	padding: 15px 30px 0px 30px !important;		
}
.lister_fylke,
.lister_steder,
.lister_h1.addon, 
.lister_addon_table {
	width: 100%;
	box-sizing: border-box;
}
.lister_addon_table select {
	width: 98%;	
	margin: auto;
}
.lister_flyke_h1 {
	background: var(--forumhg_tablecat);
    padding: 3px;
    line-height: normal;
	font-size: 13px;
	font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
    font-weight: 700;
	margin: 0;	
}
.lister_fylke .trow2,
.lister_steder .trow2,
.lister_addon_table .trow1 {
	background: var(--opacity0);	
}
.lister_addon_table .trow1 {
	padding: 5px 0px 0px 0px;	
}
.enheter_pos {
	font-weight: 300;
    font-size: 13px;
    line-height: 150%;
    font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
}
#cities {
	font-weight: 300;
    font-size: 13px;
    line-height: 200%;
    font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;	
}
.lister_flyke_ul {
	padding: 0px 0px 0px 5px;	
}
.lister_flyke_text,
.lister_addon_table .trow1,
.lister_steder .trow1 {
	font-weight: 300;
    font-size: 13px;
    line-height: 200%;
    font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
    text-align: justify;	
	hyphens: auto;
	-webkit-hyphens: auto;
	word-wrap: break-word;
}
.lister_flyke_text {
	max-height: 145px;
	padding: 0px 5px 0px 0px;
	overflow: auto;
	margin: 5px 0px 0px 0px;	
}
.lister_flyke_text::-webkit-scrollbar { width: 7px; background:  var(--forumhg); } 
.lists_steder_people::-webkit-scrollbar { width: 7px; background:  var(--forumhg_tablecat); } 
.lister_flyke_text::-webkit-scrollbar-thumb,
.lists_steder_people::-webkit-scrollbar-thumb { background: var(--andarna_onlight); } 
.lister_flyke_text p,
.lister_enhet_text p {
	padding: 0px;
	margin: 0px;
}
.lister_steder .tcat,
.list_flokk .thead {
	background: var(--opacity0);	
	font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
    font-weight: 700;
    font-size: 15px;
    font-style: italic;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 20px 0 0px 0;
}
.lister_steder .tcat_op {
	background: var(--opacity0);	
	font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
    font-weight: 700;
    font-size: 15px;
    font-style: italic;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;	
}
.lists_container .trow5,
.lister_addon_table .thead,
.list_flokk .tcat {
background: var(--forumhg_tablecat);
    padding: 3px;
    line-height: normal;
    font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
    font-weight: 700;	
}
.lister_flokk_flex {
	display: flex;
	align-items: center;
	justify-content: center;
}
.list_flokk .trow1 li {
	line-height: normal;	
	padding: 5px 0px;
}
.lists_container .trow2 {
	background: var(--forumhg);	
}
.lists_steder_people {
	max-height: 120px; 
	overflow: auto;	
}

/* ORTE ENDE */


/* NAVIGATION */
.lister_menu .tcat_menu {
	background: var(--forumhg_tabletitle);
    padding: 20px 0px;
    color: var(--font_main);
    font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;	
}
.lister_menu .trow1,
.lister_menu .trow2 {
    padding: 2px 10px;
}
.lister_menu .trow1 a,
.lister_menu .trow2 a {
    display: block;
    background: var(--forumhg_tablecat);
    padding: 5px 0px;
    text-align: center;
    margin: 3px 0px;
    font-weight: 300;
    font-size: 9px;
    letter-spacing: 2px;
    font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
    text-transform: uppercase;
    color: var(--font_dlink);
	hyphens: auto;
	-webkit-hyphens: auto;
	word-wrap: break-word;
}
.lister_menu .trow1 a:hover,
.lister_menu .trow2 a:hover {
    background: var(--andarna_ondark);
    color: var(--font_onhigh);	
}
/* NAVIGATION ENDE */

/* ALLGEMINE FORMATIERUNG */
.lister_titlebox {
	width: 100%;
    box-sizing: border-box;
    background: var(--forumhg_tabletitle);
    color: var(--font_main);
    font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
    text-transform: uppercase;
    color: var(--font_main);
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 50px 15px 50px 0px;
    text-align: right;
    text-decoration: none;
    cursor: text;	
}
.lister_contentbox {
	background: var(--forumhg);
	padding: 15px 30px;
    width: 83%;
    box-sizing: border-box;
}
.lister_tabbox {
	background: var(--forumhg);	
}
.lister_h1 {
	font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
    font-weight: 700;
    font-size: 19px;
    font-style: italic;
    letter-spacing: 4px;
    text-decoration: none;
    text-transform: uppercase;	
}
.lister_p {
	font-weight: 300;
    font-size: 13px;
    line-height: 200%;	
    font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
	padding: 10px 0px 20px 0px;
	text-align: justify;
}
.lister_contentbox .tcat {
    background: var(--forumhg_tablecat);
    padding: 3px 1px;
    line-height: normal;	
	font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
    font-weight: 700;
}
.lister_overview .trow1,
.lister_overview .trow2 {
	text-align: center;
	padding: 15px 10px;
}
.lister_faces .trow2,
.lister_sublist .trow1,
.lister_sublist .trow2,
.lists_container .trow2,
.list_flokk .trow1 {
	font-weight: 300;
    font-size: 13px;
    line-height: 200%;	
    font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;	
	vertical-align: top;
}
/* ALLGEMINE FORMATIERUNG ENDE */

.tabulator {
    display: flex;
    flex-wrap: wrap;	
}

.tabulator section, .tabulator section {display: none;text-align: justify; width: 100%;}
.tabulator input, .tabulator input {display: none;}
.tabulator label,
.tabulator label {
    position: relative;
    display: inline-block;
    min-width: 100px;
	flex-grow: 1;
    box-sizing: border-box;  
    transition: all 1s ease;
	
	text-align: center;
	padding: 10px 0px;
	font-family: 'Chivo', Tahoma, Verdana, Arial, cantarell, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 500;
	font-size: 11px;
	letter-spacing: 1px;
	background: var(--andarna_ondark);
	color: var(--font_onhigh);
	
}
.tabulator label:hover, .tabulator label:hover {
	cursor: pointer;
	background: var(--opacity0);
	color: var(--font_dlink);
}
.tabulator input:checked + label, .tabulator input:checked + label {
	background: var(--opacity0);
	color: var(--font_dlink);	
}
@media screen and (max-width: 650px) { .tabulator label { font-size: 0;}.tabulator label:before {margin: 0;font-size: 18px;}}
@media screen and (max-width: 400px) { .tabulator label {padding: 15px;}}

@media screen and (max-width: 650px) { .tabulator label { font-size: 0;}.tabulator label:before {margin: 0;font-size: 18px;}}
@media screen and (max-width: 400px) { .tabulator label {padding: 15px;}}

.tabulator #tab1:checked ~ #content1,
.tabulator #tab2:checked ~ #content2,
.tabulator #tab3:checked ~ #content3,
.tabulator #tab4:checked ~ #content4,
.tabulator #tab5:checked ~ #content5,
.tabulator #tab6:checked ~ #content6,
.tabulator #tab7:checked ~ #content7,
.tabulator #tab8:checked ~ #content8,
.tabulator #tab9:checked ~ #content9
{ display: block;}

.reservations { display: inline!important; }

.descr_img_left {
    margin-right: 5px;
    width: 100px;
	height: 100px;
    float: left;
}
.descr_img_right {
    margin: 0px 0px 0px 15px;
    width: 100px;
	height: 100px;
    float: right;
}
.lists_container {
	display: flex;
	display: -webkit-flex;
	-moz-display: flex;
	flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: flex-start;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	gap: 5px; 
}
.lists_container_staffet {
	display: flex;
	display: -webkit-flex;
	-moz-display: flex;
	flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: flex-start;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	gap: 1px; 
}
.lists_bit {
	flex: 1 1 calc(33% - 5px);
}
.lists_bit_troops {
	flex: 1 1 calc(50% - 5px);
}
.lists_bit_staffet {
    flex: 1 1 calc(33% - 1px);
	padding: 0px 0px 20px 0px;
}
.no_entries { 
	opacity: .5; 
	text-align: center;
	display: block;
}

 /*
GRUPPENCODES
*/ .lister_groupicon {
 width: 15px;
	filter: invert(var(--invert-percentage)) brightness(var(--brightness-percentage));
} 
.codex_alchemie, .codex_artillerie, .codex_diplomatie, .codex_flieger, .codex_handel, .codex_reiter, .codex_wyvern { filter: invert(var(--invert-percentage)) brightness(var(--brightness-percentage)); width: 15px; height: 15px; display: inline-block; margin: 0px 5px 0px 0px; } /*
*/ .codex_spaeher, .codex_schrift, .codex_infanterie, .codex_heilkunde, .codex_handwerk, .codex_gelehrte, .codex_versch, .codex_sonst { filter: invert(var(--invert-percentage)) brightness(var(--brightness-percentage)); width: 12px; height: 12px; display: inline-block; margin: 0px 5px 0px 0px; } /*
*/ .codex_alchemie { background: url(https://flame-and-fury.de/images/groupimages/Alchemisten.svg); background-size: cover; background-position: center; } /*
*/ .codex_artillerie { background: url(https://flame-and-fury.de/images/groupimages/Artillerie.svg); background-size: cover; background-position: center; } /*
*/ .codex_diplomatie { background: url(https://flame-and-fury.de/images/groupimages/Diplomaten.svg); background-size: cover; background-position: center; } /*
*/ .codex_flieger { background: url(https://flame-and-fury.de/images/groupimages/Flieger.svg); background-size: cover; background-position: center; } /*
*/ .codex_gelehrte { background: url(https://flame-and-fury.de/images/groupimages/Gelehrte.svg); background-size: cover; background-position: center; } /*
*/ .codex_handel { background: url(https://flame-and-fury.de/images/groupimages/Händler.svg); background-size: cover; background-position: center; } /*
*/ .codex_handwerk { background: url(https://flame-and-fury.de/images/groupimages/Handwerker.svg); background-size: cover; background-position: center; } /*
*/ .codex_heilkunde { background: url(https://flame-and-fury.de/images/groupimages/Heilkundige.svg); background-size: cover; background-position: center; } /*
*/ .codex_infanterie { background: url(https://flame-and-fury.de/images/groupimages/Infanterie.svg); background-size: cover; background-position: center; } /*
*/ .codex_reiter { background: url(https://flame-and-fury.de/images/groupimages/Reiter.svg); background-size: cover; background-position: center; } /*
*/ .codex_schrift { background: url(https://flame-and-fury.de/images/groupimages/Schriftgelehrte.svg); background-size: cover; background-position: center; } /*
*/ .codex_spaeher { background: url(https://flame-and-fury.de/images/groupimages/Späher.svg); background-size: cover; background-position: center; } /*
*/ .codex_wyvern { background: url(https://flame-and-fury.de/images/groupimages/wyvern.svg); background-size: cover; background-position: center; } /*
*/ .codex_versch { background: url(https://flame-and-fury.de/images/groupimages/verschiedene.svg); background-size: cover; background-position: center; }  /*
*/ .codex_sonst { background: url(https://flame-and-fury.de/images/groupimages/Sonstige.svg); background-size: cover; background-position: center; }