/* CSS-Template für Artikelbeschreibungen KAP 05-2017 */

#artbblock {
	width:100%;
	/*border: 10px solid black;*/
	box-sizing: border-box;
	
    font-size: 14px;
    font-size: 0.87rem;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 500;
    color: #5f7285;
    
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
	text-align:center;
	padding:8px;

}

#artbblock .bhaken {
	font-size: large;
	color: #be0a30;
	font-weight:bold;
}

#artbblock article,
#artbblock .barticle {
	position:relative;
	width:100%;
	max-width:1100px;
	margin-top:20px;
	margin-bottom:20px;
	display:inline-block;
}

#artbblock #btoprow .binfobox,
#artbblock .binfobox {
	border:2px solid #ccc;
	width:155px;
	height:80px;
	box-sizing: border-box;
	display:inline-table;
	border-spacing:0px;
	margin-right:10px;
	margin-bottom:5px;
	padding: .3125rem .625rem .3125rem .625rem;
	line-height:22px;
}

#artbblock .binfobox img {
	max-width:none;
	max-height:none;
}

#artbblock #btoprow .binfobox:nth-child(1) {
	/*margin-left:0px;*/
}

.barticle h4 {
	margin-top:0px;
}

.blinks {
	text-align:left;
}

.btext300 {
	max-width:280px;
	padding:3px;
	padding-left:15px;
	text-align:left;
	display:inline-block;
	vertical-align:top;
	margin-top:15px; 
	margin-bottom:15px;
}

.btext300-flattop {
	max-width:280px;
	padding:3px;
	padding-top:0px;
	padding-left:15px;
	text-align:left;
	display:inline-block;
	vertical-align:top;
	margin-top:0px;
	margin-bottom:15px;
}

.btext400 {
	max-width:400px;
	text-align:left;
	display:inline-block;
	vertical-align:top;
}

.btext450 {
	max-width:450px;
	text-align:left;
	display:inline-block;
	vertical-align:top;
}

.btext500 {
	max-width:500px;
	text-align:left;
	display:inline-block;
	vertical-align:top;
}

.btextfull {
	width:100%;
	text-align:left;
	display:inline-block;
	vertical-align:top;
}

.bpic350 {
	width:100%;
	max-width:350px;
	display:inline-block;
}

.bpic400 {
	width:100%;
	max-width:400px;
	display:inline-block;
}

.bpic700 {
	width:100%;
	max-width:700px;
	display:inline-block;
}

.bboxtext {
	font-size: small;
	color: #be0a30;
}

.subheadbig {
	font-size: x-large;
	font-weight:bold;
}

.subheadnorm {
	font-size: large;
	font-weight:bold;
	text-align:left;
}

.bkreis {
	color: #be0a30;
	font-size: x-large;
	font-weight:bold;
}

.rspacer25 {
	margin-right:25px;
}

#bvideo {
	width:300px;
	height:205px;
}

#vinfo-finish {
	max-width:1113px;
}


@media screen and (min-width: 480px) {

    #bvideo {
	width:100%;
	width:400px;
	height:305px;
}

	.btextfull {
	padding-left:25px;
	margin-top:10px;
}

}


/* Responsive Youtube */

.produktvideo-container iframe,
.produktvideo-container video,
.produktvideo-container object {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

.produktvideo-container {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}