

.eu-label{
	/* teszt */

	margin-top:20px;

	/* teszt */

	padding:5px;
	box-shadow: 0px 0px 13px rgba(0,0,0,0.7);
	max-width: 250px;
	position: relative;
	margin-left:auto;
	margin-right: auto;

}


.eu-label img{
	max-width: 100%;
}


.eu-label .head {
	display: flex;
	flex-direction: row;
	align-items: center;
}


.eu-label .head .qr-code{
	margin-left:auto;
}

.eu-label .head .qr-code img{
	margin-left:5px;
}

.eu-label .text-datas{
	font-size: 13px;
}


.eu-label .text-datas .data-row{
	display: flex;
	flex-direction: row;
	align-items: center;

}

.eu-label .text-datas .data-row:nth-child(1){
	margin-top:2px;
}


.eu-label .text-datas .data-row:nth-child(2){
	margin-top:5px;
}


.eu-label .text-datas .data-row:first-child .column:first-child{
	font-weight: 700;
}


.eu-label .text-datas .data-row .column:nth-child(2){
	margin-left:auto;
}


.eu-label .text-datas .data-row{
	border-bottom: 1px solid #383535;
}


.eu-label .tire-characteristics{
	display: flex;
	flex-direction: row;
	margin-top:5px;
	border-bottom:1px solid #383535;
	padding-bottom:4px;

}


.eu-label .tire-characteristics > .column{
	width: 50%;

}

.eu-label .tire-characteristics > .column:first-child{
	padding-right: 6px;
	border-right: 1px solid #383535;
}

.eu-label .tire-characteristics > .column:last-child{
	padding-left:7px;
	
}

.eu-label .tire-characteristics > .column img{
	width: 100%;
	height: 100%;
}


.eu-label .pictograms{
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	padding-left:5px;
	padding-right: 5px;
	max-width: 96%;
	margin-top:10px;
	margin-bottom:5px;
	width: intrinsic;           /* Safari/WebKit uses a non-standard name */
  	width: -moz-max-content;    /* Firefox/Gecko */
  	width: -webkit-max-content; /* Chrome */
	margin-left:auto;
	margin-right: auto;

}


.eu-label .pictograms .pictogram{
	margin-left:6px;
	margin-right: 6px;
}


.eu-label .pictograms .pictogram.decibel img{
	max-width: 100%;
}


.eu-label .pictograms .pictogram img{
	/*max-width: 50px;*/
}


.eu-label .pictograms .pictogram.decibel{
	max-width: 80px;
	max-height: 60px;
	height: auto;
	position: relative;

}

.eu-label .pictograms .pictogram.decibel .decibel-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%, -50%);
    transform: translate(-113%, -85%);
    font-size: 13px;
}


.eu-label .pictograms .pictogram.snow{
	max-width: 55px;
}

.eu-label .pictograms .pictogram.ice{
	max-width: 50px;
}


.eu-label .head .logo img{

	width: 180px;
	max-width: 100%;
	height: auto;
}


.eu-label .head .qr-code img{
	max-width: 32px;
	height: auto;
}



.eu-label .article-number{
	position: absolute;
	bottom:0;
	right: 0;
	font-size: 8px;
	font-weight: 700;
	transform: rotateZ(90deg) translate(-20px, -10px);
	display: none;

}


@media(max-width: 500px)
{
	.eu-label{
		margin-top:0;
	}
}

@media(max-width: 360px){


	.eu-label{
		max-width: 225px;
	}

	.eu-label .head .logo img {
	    width: 160px;
	    height: auto;
	}


	.eu-label .pictograms .pictogram.decibel .decibel-text {
	    transform: translate(-110%,-77%);
	}


}



@media(max-width: 340px){

	.eu-label .head .logo img {
	    width: 145px;
	    height: auto;
	}

}