@import url(https://fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&family=Saira+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap);

@import url(https://shadowofhawkins.de/cache/themes/theme3/root.css);

/*Gruppen*/

.sohgesgrbox1{
	width:500px;
	height:auto;
	background-color:var(--akzent3);
}

.sohgesgrbox2{
	width:auto;
	height:auto;
	padding: 15px;
	/* min-height: 809px; */
}

.sohgesgrbox4{
	font-family:var(--font-main);
	width:auto;
	height:auto;
	padding:10px;
	margin:10px;
	text-align:justify;
	font-size:12pt;
	background-color:var(--akzent4);
	color:var(--font-color);
}

.sohgesbox5{
	width: 472px;
	height: 80px;
}

.sohgesbox5 .sohfacts{
	width: 109px;
	height:auto;
	background-color:var(--akzent4);
	color: var(--font-color);
	text-align:left;
	float:left;
	margin:1px;
	padding:2px 2px 2px 5px;
	font-size: 14px;
}

.sohgesbox5 .sohfacts2{
	width: 463px;
	height:auto;
	background-color:var(--akzent4);
	color: var(--font-color);
	text-align:left;
	float:left;
	margin:1px;
	padding:2px 2px 2px 5px;
	font-size: 14px;
}

.sohgesbox5 .sohfacts3{
	width: 227px;
	height:auto;
	background-color:var(--akzent4);
	color: var(--font-color);
	text-align: center;
	float:left;
	margin:1px;
	padding:2px 2px 2px 5px;
	font-size: 14px;
}

.sohgesbox5 .sohfacts3 a{
	color:var(--font-color);
	text-decoration:none;
}

.sohgesgrhead1{
	font-family: var(--font-headline1);
	font-size:25px;
	text-align:center;
	text-transform:lowercase;
	color: var(--akzent5);
}

.sohgesgrhead2{
	font-family: var(--font-headline1);
	font-size:18px;
	text-align:center;
	text-transform:uppercase;
	color: var(--akzent5);
}

/*Charabox*/
.sohgesgrbox3{
	width: auto;
	height:auto;
	display:flex;
}

.sohgesgrpic{
	width:150px;
	height:150px;
	border: 1px solid var(--akzent5);
	padding:2px;
}

.sohgesgrcharabox1{
	width: 310px;
	height:auto;
}

.sohgesgrcharabox1 .charaname{
	font-family:var(--font-headline);
	font-size:16px;
	line-height:16px;
	padding:2px;
	text-align:center;
	color:var(--akzent5);
}

.sohgesgrcharabox1 .charasub{
	font-family:var(--font-main);
	font-size:12px;
	line-height:12px;
	text-align:left;
	background-color:var(--akzent5);
	color:var(--hintergrund1);
	padding: 3px;
}

.sohgesgrcharabox1 .charatext{
	font-family:var(--font-main);
	font-size:12pt;
	text-align:justify;
	height: 90px;
	padding:5px;
	overflow:auto;
	scrollbar-width:none;
	color:var(--font-color)
}

.sohgesgrcharabox1 .charataken{	
font-family:var(--font-main);	
font-size:12px;	
line-height:12px;	
text-align:center;	
background-color:var(--akzent5);	
color:var(--hintergrund1);	
padding: 3px;
}



/*Einzel*/


.sohgeseinbox1{
	width:500px;
	height:auto;
	background-color:var(--akzent3);
}

.sohgeseinbox2{
	width:auto;
	height:auto;
	padding: 15px;
	/* min-height: 809px; */
}

.sohgeseinbox4{
	font-family:var(--font-main);
	width:auto;
	height:auto;
	padding:10px;
	margin:10px;
	text-align:justify;
	font-size:12pt;
	background-color:var(--akzent4);
	color:var(--font-color);
}

.sohgeseinhead1{
	font-family: var(--font-headline1);
	font-size:25px;
	text-align:center;
	text-transform:lowercase;
	color: var(--akzent5);
}

.sohgeseinhead2{
	font-family: var(--font-headline1);
	font-size:18px;
	text-align:center;
	text-transform:uppercase;
	color: var(--akzent5);
}

.sohgeseinhead3{
	font-family: var(--font-headline2);
	font-size:16px;
	text-align:center;
	text-transform:uppercase;
	color: var(--akzent5);
}

/*Charabox*/
.sohgeseinbox3{
	width: auto;
	height:auto;
	display:flex;
}

.sohgeseinpic{
	width:150px;
	height: 180px;
	border: 1px solid var(--akzent5);
	padding:2px;
}

.sohgeseincharabox1{
	width: 310px;
	height:auto;
}

.sohgeseincharabox1 .charaname{
	font-family:var(--font-headline);
	font-size:16px;
	line-height:16px;
	padding:2px;
	text-align:center;
	color:var(--akzent5);
}

.sohgeseincharabox1 .charasub{
	font-family:var(--font-main);
	font-size:12px;
	line-height:12px;
	text-align:left;
	background-color:var(--akzent5);
	color: var(--hintergrund1);
	padding: 3px;
}

.sohgeseincharabox1 .charatext{
	font-family:var(--font-main);
	font-size:12pt;
	text-align:justify;
	height: 138px;
	padding:5px;
	overflow:auto;
	scrollbar-width:none;
	color:var(--font-color)
}

.sohgeseincharabox1 .charataken{	
font-family:var(--font-main);	
font-size:12px;	
line-height:12px;	
text-align:center;	
background-color:var(--akzent5);	
color:var(--hintergrund1);	
padding: 3px;
}