.listen-headline {
    background: var(--content);
    border: solid 1px var(--transparentlight);

    padding: 10px;
    text-align: center;
    font-family: 'Mulish';
    font-weight: bold;
    color: var(--font2);
    font-size: 20px;
}

.listen-trow{    margin: 10px;
    background: var(--border);
    border: solid 1px var(--secondcontent);
    padding: 10px;
    border-radius: 10px;

}



.listen-content{   
    background: var(--border);
    border: solid 1px var(--secondcontent);
    padding: 10px;
    border-radius: 10px;
	    margin-bottom: 15px;

}

.iback{
    background: var(--content);
    border: solid 1px var(--transparentlight);
    margin-top: 5px;
    padding: 10px;

}

.iback .text {
    font-size: 12px;
    padding: 5px;
    text-align: justify;
    line-height: 1.8;

}

.iback .text span{    background-image: var(--light-verlauf);
    font-size: 11px;
    margin: 5px;
    border-radius: 2.5px;
    text-transform: uppercase;
    color: var(--back);
    padding: 2px;}

.listi{}
.listi span{ text-transform: uppercase; font-weight: bold; font-size: 10px;}


.listenbox {
    background: var(--content);
    border: solid 1px var(--transparentlight);
    padding: 5px;
    font-size: 12px;
    line-height: 1.6;
}

.wohnort-table{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
	margin: 5px
}

.wohnort-table-s {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
	margin: 5px
}


.wohnort-table-so {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 5px;
}

.wohnort-table-s .wohnort-bit{margin: 10px;
    background: var(--border);
    border: solid 1px var(--secondcontent);
    padding: 10px;
    border-radius: 10px;}

.wohnort-table .wohnort-bit{margin: 10px;
    background: var(--border);
    border: solid 1px var(--secondcontent);
    padding: 10px;
    border-radius: 10px;}


.wohnort-table-so .wohnort-bit{margin: 10px;
    background: var(--border);
    border: solid 1px var(--secondcontent);
    padding: 10px;
    border-radius: 10px;}

.spanbutton{ 
	display: inline-block;
	background-image: var(--light-verlauf);
    font-size: 15px;
    font-family: 'Mulish';
margin: 5px;
    font-weight: bold;
    border-radius: 2.5px;
    text-transform: uppercase;
    color: var(--back);
    padding: 10px;
	border: solid 1px var(--border);}



#gesuch_aussen {
width:500px; margin:auto; background: var(--border); padding:10px; border-top-right-radius:50px; border-top-left-radius:10px; 
}

.gesuch_titel {
    font-size: 30px;
    font-family: 'Mulish';
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 10px;
}

.gesuch_titel_2 {
    font-size: 20px;
    font-family: 'Mulish';
    text-transform: uppercase;
    text-align: center;
    margin: 5px;
}

.gesuch_table {
    border-radius: 10px;
    width: 99.8%;
    background: var(--content);
}

.gesuch_titel_2 {
    font-size: 20px;
    font-family: 'Mulish';
    text-transform: uppercase;
    text-align: center;
    margin: 5px;
}


.gesuch_facts {
    width: 222px;
    padding: 5px;
    font-size: 9px;
    letter-spacing: 1px;
    background: var(--main);
    color: var(--content);
    margin: 5px auto;
    text-transform: uppercase;
}

.gesuch_ava {
    color: var(--content);
    width: 222px;
    padding: 5px;
    font-size: 9px;
    letter-spacing: 1px;
    background: var(--main);
    margin: 5px auto;
    text-transform: uppercase;
    font-weight: bold;
}


.gesuch_img {
    width: 222px;
    font-size: 9px;
    letter-spacing: 1px;
    padding: 5px;
    height: 100px;
    background: var(--main);
    margin: 5px auto;
}

.gesuch_img img {
	width: 220px;
	height: 100px;
		object-fit: cover;
}

.gesuch_vergeben {
    width: 222px;
    font-size: 9px;
    letter-spacing: 2px;
    padding: 5px;
    background: linear-gradient(45deg, #e0e1e25c 50%, #a8b2cb73 100%);
    color: #424553;
    margin: 5px auto;
    text-transform: uppercase;
    text-align: center;
}

.gesuch_frei {
    width: 222px;
    font-size: 9px;
    letter-spacing: 2px;
    padding: 5px;
    background: var(--main);
    color: var(--content);
    margin: 5px auto;
    text-transform: uppercase;
    text-align: center;
}

.gesuch_reserviert {
    width: 222px;
    font-size: 9px;
    letter-spacing: 2px;
    padding: 5px;
    background: linear-gradient(45deg, #494d60 50%, #b8c2ca 100%);
    color: var(--content);
    margin: 5px auto;
    text-transform: uppercase;
    text-align: center;
}

.gesuch_text_bz {
width:222px; height:142px;  padding:5px; background: var(--foren-last-bg); margin:5px auto; font-family:tahoma; font-size:12px;
}

.gesuch_text_bz div {
    padding-right: 10px;
    overflow: auto;
    height: 140px;
    font-size: 10px;
    line-height: 1.3;
}

.gesuch_text {

border-radius:10px; padding:10px; width:96%; background: var(--foren-bg-color); margin:5px auto; font-family:tahoma; font-size:12px;
}

.gesuch_info_suchend {

font-family: tahoma; position:relative; top:-30px; margin-bottom:-27px; right:-13px; font-size:8px; text-transform:uppercase; letter-spacing:1px; padding:3px; background: var(--secondcontent); max-width:58px; opacity:0.9; border-radius:4px; text-align: center;
}

.gesuch_info_gesucht {
font-family: tahoma; position:relative; top:-30px; margin-bottom:-27px; right:-159px; font-size:8px; text-transform:uppercase; letter-spacing:1px; padding:3px; background: var(--secondcontent); max-width:58px; opacity:0.9; border-radius:4px; text-align: center;
}



#vorlage {
width:500px; margin:auto; background: var(--border); border: solid 1px var(--secondcontent); padding:10px; border-radius:10px; 
}

.vorlage_titel {
    font-size: 25px;
    font-family: 'Mulish';
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
}

.vorlage_mitte {
border-radius:0px; width:99.8%; background: var(--content);border: solid 1px var(--transparentlight);
}
.vorlage_text {
padding: 10px; font-family:tahoma; font-size:12px; line-height: 16px;
}

.vorlage_unterschrift {
background-image: var(--light-verlauf);
    font-size: 13px;
    margin: 5px;
    border-radius: 2.5px;
    text-transform: uppercase;
    color: var(--back);
    padding: 2px;
}

.vorlage_img {
width: 150px;
	height: 150px;
	border-radius: 10px;
	float: left;
	margin: 15px;
	padding: 5px;
	background-image: var(--light-verlauf);
}


.npc {
width: 500px;
	background: linear-gradient(90deg, #494d60, #b8c2ca);
	margin: auto;
	padding: 15px;

}

.npc_bg {

background-color: #fff;
	padding: 10px;
}

.npc_text {
padding: 10px;

}

.npc_name {
 font-family: 'Mulish';
	font-size: 28px;
	line-height: 90%;
		margin: auto;
	text-align: center;
	font-weight: bold;
	text-transform:uppercase;
}

.npc_fakten {

    padding: 4px;
    font-size: 12px;
    letter-spacing: 1px;
    color: #000;
    margin: auto;
    text-transform: uppercase;
	    font-family: 'Mulish';
		margin: auto;
	text-align: center;
}

.npc_fakten span{

    font-size: 9px;


}

.birthday-sections {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.birthday-container {
    margin: 5px;
    background: var(--border);
    border: solid 1px var(--secondcontent);
    padding: 10px;
    border-radius: 10px;
}

.birthday-head {
    background: var(--content);
    border: solid 1px var(--transparentlight);
    padding: 5px;
    text-align: center;
    font-family: 'Mulish';
    font-weight: bold;
    color: var(--font2);
    font-size: 15px;
}

.birthday-user {
    background: var(--content);
    border: solid 1px var(--transparentlight);
    padding: 5px;
    font-size: 12px;
    line-height: 1.6;
    margin-top: 5px;
}

.birthday-scroll {
    height: 150px;
    padding: 5px;
    padding-right: 15px;
	overflow: auto;
}


.pairview-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.pair-frame {
   
    background: var(--border);
    border: solid 1px var(--secondcontent);
    padding: 10px;
    border-radius: 10px;
	margin-bottom: 0;
}

.pair-head {
    background: var(--content);
    border: solid 1px var(--transparentlight);
   
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Mulish';
    color: var(--font1);
}

.pairgif1 {
    background: var(--content);
    border: solid 1px var(--transparentlight);
    padding: 5px;
	text-align: center;
}

.pairgif2 {
    background: var(--content);
    border: solid 1px var(--transparentlight);
    padding: 5px;
	text-align: center;
}

.pairmid{}

.pair-names {
    background: var(--content);
    border: solid 1px var(--transparentlight);
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    font-family: 'Mulish';
    color: var(--font1);
    margin-left: 2.5px;
    margin-right: 2.5px;
}

.pair-titel {
    background: var(--content);
    border: solid 1px var(--transparentlight);
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    margin-left: 2.5px;
    margin-right: 2.5px;
    margin-top: 2.5px;
    height: 51px;
}



.teamseiteframe {
    margin: 10px;
    background: var(--border);
    border: solid 1px var(--secondcontent);
    padding: 10px;
    border-radius: 10px;
}

.teamseitebox {
    background: var(--content);
    border: solid 1px var(--transparentlight);

}

.teamseitepic {
    padding-top: 106px;
    padding-bottom: 5px;
}

.fstats {
    margin-top: 5px;
    padding: 2.5px;
    background: var(--content);
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 10px;
    text-align: left;
    padding-left: 16px;
}

.plot-frame {
    margin: auto;
    width: 500px;
    margin-top: 15px;
    padding: 20px;
    border-radius: 5px;
}

.plot-box {
    background: var(--content);
    border: solid 1px var(--transparentlight);
    border-radius: 5px;
    font-size: 10px;
    overflow: hidden;
}


.plot-picture {
    background-image: url(https://abload.de/img/plotpicture2m6j11.png);
    position: relative;
    height: 205px;
}

.plot-name {
    position: absolute;
    bottom: 5px;
    left: 45px;
    color: var(--content);
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'Mulish';
    font-weight: bold;
    text-shadow: 1px 1px 1px #4e4e4e;
}


.plot-text{
    padding: 15px;
    max-height: 365px;
    overflow: auto;
	font-size: 11px;
}


.plot-text b {
font-weight: bold;
	color: #000;

}

.weristwer_container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.weristwer_accounts {
	margin: 5px ;
}

.weristwer_zweit {
	height: 97px;
	overflow: auto;
}
.weristwer_accounts_zweit_kA {
	height: 82px;	
}