.bn_createbannerviews {font-size:11px;}
a.bkg_button{ display:inline-block;}
span.bkg_button {display:inline-block;height:28px;}
.bn_bannerTypeBox{/*border:1px solid #eeeeee;*/ padding:10px;}

.bn_head_select {font-size:18px !important;/*font-weight:bold;*/margin-bottom:15px;color: #676767;}
.bn_info_select {margin-bottom:20px}
.bn_step_select {font-weight:bold;margin:0 0 20px 0;}
.bn_single_banner, .bn_single_layer{margin-bottom:30px; border:1px solid #E4E4E4; /*background:#eeeeee;padding:10px;*/}
.bn_content_box {background:#E4E4E4;padding:10px;}
.bn_box_header {background: #E4E4E4; padding:10px;color:#676767;}
.bn_box_header div{color:#676767;}
.bn_box_content {padding:10px;}

.bn_bannertitel {font-weight:bold;margin-bottom:5px;}
.bn_bannerInfo {color:#676767;}
.bn_button_div{
	margin-top:10px;
}

.bn_div_radio {/*margin-left:-33px;*/width:35px;}
.bn_div_radio, .bn_div_radio_text, .bn_div_image{float:left;}
.bn_clear{clear:left;}
.bn_example_image {margin-top:5px; max-width:100%;}
.bn_single_banner_select .bn_example_image {margin-left:35px; max-width: calc(100% - 35px);}

.bn_subhead{font-weight:bold;margin-bottom:10px;}
.bn_layertitel{font-weight:bold;margin:0px 0 5px 0;}
.bn_layerinfo{margin:0px 0 5px 0;}
.bn_layer_example_image{margin:5px 0;}
.bn_txt_head{font-weight:bold;margin-top:10px;}
.bn_txt_headmore{margin-top:10px;}
.bn_txt_input{}
.bn_exnamehead{font-weight:bold;margin:10px 0;}
.bn_exnamecontainer{height:200px; overflow:auto;border:1px solid #bbbbbb}
.bn_boothhead{font-weight:bold;}

.bn_head_generated{font-weight:bold;margin-bottom:10px;}
.bn_info_generated{}
.bn_createdbanner{margin:10px 0 0px 0;}
.bn_bannerCodeArea{font-size:12px;font-weight:normal;margin-top:20px; padding:5px; background:#eeeeee;}
.bn_bannerCodeArea_headline{font-weight:bold;}
.bn_bannerCodeArea_box{border:1px solid #aaaaaa; background:#FFFFFF;padding:10px; margin:10px 0; overflow:auto;}


/* Tab-Navigation bei den Bannern */
.tabs {
	display: flex;
	flex-wrap: wrap;
	background: #b1b2b4;
}
	
.tabs > label {
	order: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: .6rem 1.2rem;
	/*margin-right: 0.2rem;*/
	cursor: pointer;
	font-weight: bold;
	transition: background ease 0.3s;
	color: #ffffff;
	border-right: 1px solid #fff;
}
.tabs input[type="radio"]:not(:checked) + label:hover {
	/*color: var(--c-primary, #999)*/
	color: #333333;
}
	
.tabs .tab {
	order: 9;
	flex-grow: 1;
	width: 100%;
	height: 100%;
	display: none;
	padding: 1rem;
	background: #fff;
	padding: 20px 0;
}
	
.tabs input[type="radio"].tab-switch {
	display: none;
}
	
.tabs input[type="radio"]:checked + label {
	background: var(--c-primary, #999);
	color:#fff;
	border-radius: 3px 3px 0px 0px;
}
	
.tabs input[type="radio"]:checked + label + .tab {
	display: block;
}
/*	
@media (max-width: 465px) {
	.tabs .tab,
	.tabs label {
		order: initial;
	}
	
	.tabs label {
		width: 100%;
		margin-left: 50px;
	}
}*/