.steckihead1 {
background-color:var(--akzent2);
color: var(--akzent4);
font-size:20pt;
font-family: var(--font-headline1);
text-transform:uppercase;
text-align: right;
padding-right:100px;
}

.steckihead2{
	border-bottom: 2px solid var(--akzent2);
	color: var(--akzent3);
	display:block;
	font-size:20pt;
	font-family: var(--font-headline1);
	text-transform:uppercase;
	text-align: right;
	padding-right:100px;
}

.steckihead3{
	background-color:var(--akzent1);
	color: var(--akzent4);
	font-family:var(--font-main);
	font-size:12pt;
	text-align:center;
	text-transform:uppercase;
	padding:5px;
	height: 23px;
}

.steckihead4{
	background-color:var(--akzent1);
	color: var(--akzent4);
	font-family:var(--font-main);
	font-size:12pt;
	text-align:center;
	text-transform:uppercase;
	/* width: 627px; */
	padding:5px;
}

.steckihead5{
	background-color:var(--akzent1);
	color: var(--akzent4);
	font-family:var(--font-main);
	font-size:12pt;
	text-align:center;
	text-transform:uppercase;
	/* width: 1270px; */
	padding:5px;
}

.steckihead6{
background-color:var(--akzent1);
color: var(--akzent2);
font-family:var(--font-main);
font-size:12pt;
text-align:center;
text-transform:uppercase;
width: 418px;
padding: 3px;
}

.steckibox1{
	font-family: var(--font-main);
	font-size:12pt;
	color:var(--font-color);
	width: 1087px;
	height: 381px;
}

.steckibox3{
	font-family: var(--font-main);
	font-size:12pt;
	color:var(--font-color);
	width: 1087px;
	height: 337px;
}

.steckibox2{
	font-family: var(--font-main);
	font-size:12pt;
	color:var(--font-color1);
	width: 1087px;
	height: 414px;
}

.steckibox4{
	font-family: var(--font-main);
	font-size:12pt;
	color:var(--font-color);
	width: 1092px;
	height: 642px;
}


.steckibox5{
	font-family: var(--font-main);
	font-size:12pt;
	color:var(--font-color);
	width: 1087px;
	height: 222px;
}

.steckishortbox1{
	width: auto;
	height: auto;
	float:left;
	margin:1px;
}

.steckishortinfos{
	font-family: var(--font-main);
	font-size:12pt;
	color:var(--font-color);
	width: 350px;
	height: 30px;
	padding:5px;
	background-color: var(--hintergrund2);
	text-align:center;
}

.steckishortinfos1{
	font-family: var(--font-main);
	font-size:12pt;
	color:var(--font-color);
	width: 530px;
	height: 40px;
	padding:5px;
	background-color: var(--hintergrund2);
	text-align:center;
}

.steckishortinfos1 input{
	background-color:var(--hintergrund1);
}

.steckishortbox2{
	width: auto;
	height: auto;
	float:left;
	margin:1px;
}

.steckishortinfos2{
	font-family: var(--font-main);
	font-size:12pt;
	color:var(--font-color);
	width: 531px;
	height: 258px;
	/* overflow:auto; */
	padding:5px;
	background-color: var(--hintergrund2);
	text-align:center;
}

.steckishortinfos2 textarea{
	height: 240px;
	min-width: 520px;
}

.steckishortbox3{
	width: auto;
	height: auto;
	margin:1px;
	float:left;
}

.steckishortinfos3{
	font-family: var(--font-main);
	font-size:12pt;
	color:var(--font-color);
	width: 1075px;
	height: 43px;
	padding:5px;
	background-color: var(--hintergrund2);
	text-align:center;
}

.steckishortbox4{
	width: 395px;
	height: 71px;
	float:left;
	margin:1px;
}

.steckishortinfos4{
	font-family: var(--font-main);
	font-size:12pt;
	color:var(--font-color);
	width: 356px;
	height: 52px;
	padding: 3px;
	background-color: var(--hintergrund2);
	text-align:center;
}

.steckishortbox5{
	width: auto;
	height: auto;
	margin:1px;
	float: left;
}

.steckishortinfos5{
	font-family: var(--font-main);
	font-size:12pt;
	color:var(--font-color);
	width: 1075px;
	height: 250px;
	padding:5px;
	background-color: var(--hintergrund2);
	text-align: justify;
}

.steckishortinfos5 textarea{
	height: 240px;
	min-width: 1069px;
}

.steckishortbox6{
font-family: var(--font-main);
	font-size:12pt;
	color:var(--font-color);
width: 1284px;
height: 96px;
	background-color:var(--hintergrund2);
	text-align:center;
}

.steckishortinfos6{
	font-family: var(--font-main);
	font-size:12pt;
	color:var(--font-color);
	width: 352px;
	height: 158px;
	overflow:auto;
	padding:5px;
	background-color:var(--hintergrund2);
	text-align:center;
}



/*Magienutzer*/

.steckiboxmage{
	font-family: var(--font-main);
	font-size:12pt;
	color:var(--font-color);
	width: 1092px;
	height: 87px;
}

.steckiboxmage .steckibox{
	width:auto;
	height:auto;
	float:left;
	margin:1px;
}

.steckiboxmage .steckibox .steckiinfo0{
	font-family: var(--font-main);
	font-size:12pt;
	color:var(--font-color);
	width: 206px;
	height: 48px;
	padding:5px;
	background-color: var(--hintergrund2);
	text-align:center;
}

.steckiboxmage .steckibox .steckiinfo1{
	font-family: var(--font-main);
	font-size:12pt;
	color:var(--font-color);
	width: 261px;
	height: 35px;
	padding:5px;
	background-color: var(--hintergrund2);
	text-align:center;
}

.steckiboxmage .steckibox .steckiinfo2{
	font-family: var(--font-main);
	font-size:12pt;
	color:var(--font-color);
	width: 261px;
	height: 48px;
	padding:5px;
	background-color: var(--hintergrund2);
	text-align:center;
}

.steckiboxmage .steckibox .steckiinfo3{
	font-family: var(--font-main);
	font-size:12pt;
	color:var(--font-color);
	width: 261px;
	height: 128px;
	padding:5px;
	background-color: var(--hintergrund2);
	text-align:center;
}



/*Jaegerinnen*/

.steckiboxslayer{
	font-family: var(--font-main);
	font-size:12pt;
	color:var(--font-color);
	width: 1092px;
	height: 108px;
}

.steckiboxslayer .steckibox{
	width:auto;
	height:auto;
	float:left;
	margin:1px;
}

.steckiboxslayer .steckibox .steckiinfo1{
	font-family: var(--font-main);
	font-size:12pt;
	color:var(--font-color);
	width: 352px;
	height: 48px;
	padding:5px;
	background-color: var(--hintergrund2);
	text-align:center;
}



/*Meerwesen*/

.steckiboxmermaid{
	font-family: var(--font-main);
	font-size:12pt;
	color: var(--font-color);
	width: 1092px;
	height: 98px;
}

.steckiboxmermaid .steckibox{
	width:auto;
	height:auto;
	float:left;
	margin:1px;
}

.steckiboxmermaid .steckibox .steckiinfo0{
	font-family: var(--font-main);
	font-size:12pt;
	color: var(--font-color);
	width: 352px;
	height: 48px;
	padding:5px;
	background-color: var(--hintergrund2);
	text-align:center;
}


/*Phoenix*/

.steckiboxphoenix{
	font-family: var(--font-main);
	font-size:12pt;
	color:var(--font-color1);
	width: 1092px;
	height: 98px;
}

.steckiboxphoenix .steckibox{
	width:auto;
	height:auto;
	float:left;
	margin:1px;
}

.steckiboxphoenix .steckibox .steckiinfo0{
	font-family: var(--font-main);
	font-size:12pt;
	color: var(--font-color);
	width: 534px;
	height: 48px;
	padding:5px;
	background-color: var(--hintergrund2);
	text-align:center;
}



/*Vampire*/

.steckiboxvampire{
	font-family: var(--font-main);
	font-size:12pt;
	color:var(--font-color1);
	width: 1092px;
	height: 98px;
}

.steckiboxvampire .steckibox{
	width:auto;
	height:auto;
	float:left;
	margin:1px;
}

.steckiboxvampire .steckibox .steckiinfo1{
	font-family: var(--font-main);
	font-size:12pt;
	color: var(--font-color);
	width: 352px;
	height: 48px;
	padding:5px;
	background-color: var(--hintergrund2);
	text-align:center;
}


.steckiboxvampire .steckibox .steckiinfo2{
	font-family: var(--font-main);
	font-size:12pt;
	color:var(--font-color);
	width: 261px;
	height: 48px;
	padding:5px;
	background-color: var(--hintergrund2);
	text-align:center;
}

.steckiboxvampire .steckibox .steckiinfo3{
	font-family: var(--font-main);
	font-size:12pt;
	color:var(--font-color);
	width: 261px;
	height: 128px;
	padding:5px;
	background-color: var(--hintergrund2);
	text-align:center;
}


/*Werwolf*/

.steckiboxwerwolf{
	font-family: var(--font-main);
	font-size:12pt;
	color:var(--font-color1);
	width: 1092px;
	height: 98px;
}

.steckiboxwerwolf .steckibox{
	width:auto;
	height:auto;
	float:left;
	margin:1px;
}

.steckiboxwerwolf .steckibox .steckiinfo0{
	font-family: var(--font-main);
	font-size:12pt;
	color: var(--font-color);
	width: 352px;
	height: 48px;
	padding:5px;
	background-color: var(--hintergrund2);
	text-align:center;
}


/*Engel & demons*/

.steckiboxcelest{
	font-family: var(--font-main);
	font-size:12pt;
	color: var(--font-color);
	width: 1092px;
	height: 78px;
}

.steckiboxcelest .steckibox{
	width:auto;
	height:auto;
	float:left;
	margin:1px;
}

.steckiboxcelest .steckibox .steckiinfo1{
	font-family: var(--font-main);
	font-size:12pt;
	color: var(--font-color);
	width: 1081px;
	height: 28px;
	padding:5px;
	background-color: var(--hintergrund2);
	text-align:center;
}


.steckiboxcelest .steckibox .steckiinfo2{
	font-family: var(--font-main);
	font-size:12pt;
	color:var(--font-color);
	width: 261px;
	height: 48px;
	padding:5px;
	background-color: var(--hintergrund2);
	text-align:center;
}

.steckiboxcelest .steckibox .steckiinfo3{
	font-family: var(--font-main);
	font-size:12pt;
	color:var(--font-color);
	width: 261px;
	height: 128px;
	padding:5px;
	background-color: var(--hintergrund2);
	text-align:center;
}