.stepcarousel{
	margin: 0px 0px;
	position: relative; /*nicht ändern*/
	overflow: scroll; /* nicht ändern*/
	width: 800px; /*Weite deines Forums*/
	height: 304px; /*Wie hoch soll das Carousel werden*/
	-webkit-box-sizing: border-box; /* nicht ändern*/
	-moz-box-sizing: border-box;
	border-top: 2px solid #DEB55F;
	border-bottom: 2px solid #DEB55F;
	box-sizing: border-box;
	background: #ead37c;
	text-align: justify;
	font-family:'verdana';
	font-size: 11px;
	color: #46412D;
}

.stepcarousel .belt{
	position: absolute; /*nicht ändern*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /* nicht ändern */
	overflow: hidden; /*Soll zu langer Inhalt gescrollt werden, dann in auto ändern*/
	margin: 0px; /*Abstand nach außen*/
	width: 800px; /*Weite deines Forums */
	height: 300px;
	box-sizing: border-box; 
	padding: 10px; 
	text-align: justify; 
	font-family: 'Verdana'; 
	font-size: 10px; 
	color: #46412D;
}	
.panel ::-webkit-scrollbar-thumb {
	width: 5px;
}
/* POPUP */
.headerpop {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:hsla(0,0%,0%,0.2);
	z-index:1;
	opacity:0;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
	pointer-events:none;
}
.headerpop:target {
	opacity:1;
	pointer-events:auto;
}
.headerpop>.pop {
	background:#ECD982;
	width:300px;
	position:relative;
	margin:10% auto;
	text-align:justify;
	font-family:'Verdana';
	font-size:10px;
	color:#46412D;
	padding:10px;
	z-index:999;
}
.closepop {
	position:absolute;
	right:-5px;
	top:-5px;
	width:100%;
	height:100%;
	z-index: 2;
}

/* INHALT */
.htop {
	margin:0px 0px 10px 0px;
	float:right;
	width:100%;
	height:120px;
	box-sizing:border-box;
	background:#E7C46D;
	padding:10px;
}
.hwelc {
	margin:0px 10px 0px 0px;
	float:left;
	width:280px;
	height:280px;
	box-sizing:border-box;
	background:#E7C46D;
	padding:10px;
}
.hmini {
	margin:0px 10px 0px 0px;
	float:left;
	width:253px;
	height:150px;
	box-sizing:border-box;
	background:#E7C46D;
	padding:10px;
	overflow: auto;
}
.hmid {
	margin:0px 10px 10px 0px;
	float:left;
	width:384px;
	height:120px;
	box-sizing:border-box;
	background:#E7C46D;
	padding:10px;
}
.hlef {
	margin:0px 10px 10px 0px;
	float:left;
	width:253px;
	height:280px;
	box-sizing:border-box;
	background:#E7C46D;
	padding:10px;
}

.hlef1 {
	margin:0px 0px 10px 0px;
	float:left;
	width:520px;
	height:280px;
	box-sizing:border-box;
	background:#E7C46D;
	padding:10px;
	overflow: auto
}
.hlef2 {
	margin:0px 10px 10px 0px;
	float:left;
	overflow:auto;
	width:250px;
	height:280px;
	box-sizing:border-box;
	background:#E7C46D;
	padding:10px;
}

.htmin {
	margin:0px 0px 10px 0px;
	float:left;
	width:516px;
	height:120px;
	box-sizing:border-box;
	background:#E7C46D;
	padding: 10px;
}
.huet {
	margin-top:-2px;
	text-align:center;
	font-family:'Frank Ruhl Libre';
	font-size:18px;
	color: #E76A2F;
}
.hmeml {
	margin:2px 0px 4px 0px;
	display:inline-block;
	width:287px;
	height:20px;
	box-sizing:border-box;
	background:#e9af5b;
	padding:3px 0px;
	text-align:center;
	font-family:'Arimo'!important;
	font-size:13px!important;
	color:#CE5335!important;
	text-transform: none!Important;
	font-weight: normal!important;
	text-decoration: none;
}
.hmeml a {
	font-family:'Arimo'!important;
	font-size:13px!important;
	color:#CE5335!important;
	text-transform: none!Important;
	font-weight: normal!important;
}
.hmeml:hover {
	background:#A5B153;
	color:#EAD37C!important;
	text-shadow: none!important
}
.hmeml:hover a {
	color:#EAD37C!important;
	text-shadow: none!important
}
.hmeml:hover a:hover {
	color: #EAD37C!Important
}
.hglink {
	margin:2px 0px 4px 0px;
	display:inline-block;
	width:114px;
	height:20px;
	box-sizing:border-box;
	background:#e9af5b;
	padding:2px 0px;
	text-align:center;
	font-family:'Arimo'!important;
	font-size:13px!important;
	color:#CE5335!important;
	text-decoration:none;
	font-weight: normal!Important;
	text-transform: none!Important;
}
.hglink:hover {
	background:#A5B153;
	color:#EAD37C!important;
	text-shadow: none!important
}
.hmini i1 {
	font-weight:bold;
	color: #CE5335;
}
.teamieson a {
	font-family:'Arimo'!important;
	font-size:13px!important;
	color:#CE5335!important;
	text-decoration:none;
	font-weight: normal!Important;
	text-transform: none!Important;
}
.teamieson a:hover {
	color:#7E9D38!important;
	text-shadow: none!important
}
.newsl {
	text-transform:uppercase!important;
	font-family:'Arimo'!important;
	color:#CE5335!important;
	font-size: 11px!important;
	font-weight: normal!important;
	text-decoration:underline!important;
}
.newsl:hover {
	color: #7E9D38!important;
	text-shadow: none!important
}
.hbic1 {
	margin:5px 5px 5px 0px;
	width:50px;
	height:45px;
	box-sizing:border-box;
	padding:5px 0px;
	display:inline-block;
	color:#7E9D38!important;
	text-decoration:none;
}
.hbic2 {
	margin:5px 5px 5px 0px;
	width:50px;
	height:45px;
	box-sizing:border-box;
	padding:5px 0px;
	display:inline-block;
	color:#CE5335!important;
	text-decoration:none;
}
.hbic1:hover {
	color:#CE5335!important;
	text-shadow: none!important
}
.hbic2:hover {
	color:#7E9D38!important;
	text-shadow: none!important
}
.hbic1 .fa,.hbic2 .fa {
	font-size: 35px;
}