div.horizontal
{
	display: flex;
}


div.horizontal div.step
{
	flex:1 1 auto;
	border-width: 0;
	padding: 28px;/*1.5rem(24px)+borderwidth 4px;*/
	border-color: rgb(235, 140, 0) rgb(220, 220, 220);
	/*background-image: url('data:image/svg+xml;utf8,<svg height="210" width="500"><line x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2" /></svg>');
	*/
	padding: 1rem;
	font-size: 1.125rem;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='4px' width='4px'><line x1='0' y1='2px' x2='4px' y2='2px' style='stroke:rgb(240, 240, 240);stroke-width:200' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='4px' width='4px'><line x1='0' y1='2px' x2='4px' y2='2px' style='stroke:rgb(235, 140, 0);stroke-width:200' /></svg>");
    
  background-repeat: repeat-y, repeat-x;
  background-position: right top, left bottom;

}

div.horizontal div.step .step__number
{
	width: 2rem;
	height: 2rem;
}

div.content-highlight.filter_panel
{
	margin: 0 10rem;
	padding: 2.5rem 5rem;
}

#selector_change_content
{
	margin-top: 2rem;
}

.separator_line {
	border-color: rgb(244, 244, 244);
    height: 1px;
    border-bottom-width: 1px;
    margin-bottom: 10px;
    clear: both;

}


.select__container option.minor_visible
{
	color: #888888;
}


/*ueberschreiben von fehlerhaftem scoped*/
div.wow_table input {
    border-width: 1px;
    border-style: solid;
    width: 43px;
    text-align: center;
    height: 17px;
    color: #767676;
    font-size: 12px;
    font-family: Arial;
}

.send_order_list_basket_container
{
	width: 100%;
	text-align: right;
}

/* Buttons auf gleiche Breite wie in Vorlage plc mig*/
.btn, a.btnLink {
	color: #FFF;
	min-width: 10rem;
	justify-content: start;
	position: relative;
	padding-right: 2.4rem !important;
	padding-left: 0.7rem !important;
}

.btn svg.icon, a.btnLink svg.icon{
	position: absolute;
	right: 0.4rem;
}

.btn.icon-left, a.btnLink.icon-left {
	justify-content: end;
	position: relative;
	padding-left: 2.4rem !important;
	padding-right: 0.7rem !important;
}

.btn.icon-left svg.icon, a.btnLink.icon-left svg.icon{
	position: absolute;
	left: 0.4rem;
}

.image[data-lazy]
{
	min-height: 200px;
	min-width: 200px;
}

.text-image.product .select__container .icon {

    pointer-events: none;
    position: absolute;
    right: 1rem;
    top: 1.6em;
    transform: translate(0px, -50%);
}

.text-image.product .select__container .icon {

    pointer-events: none;
    position: absolute;
    right: 1rem;
    top: 1.6em;
    transform: translate(0px, -50%);
}

.text-image.product .notes {

    margin: 1rem 0.6rem 0 0;
    background-color: #FFFFFF;
}

.text-image.product .notes p {

    font-size: 1rem;
    margin: 0;
}

.dropzone
{
	border: 2px solid #e18200;
	height: 110px;
	min-width: 500px;
	padding: 0px;
}

.dz-default.dz-message
{
	margin: 4em 0;
}

div.content-highlight.filter_panel
{
	margin: 0 0;
}

.dz-preview.dz-file-preview
{
	padding: 5px 230px;
}



.dropzone .dz-preview .dz-image
{
	height: 102px;
    width: 308px;
}

.dropzone .dz-preview .dz-progress
{
	margin-left: -73px;
	width: 140px;
}


.dropzone .dz-preview .dz-error-message
{
	left: 231px;
	width: 308px;
}

.dropzone .dz-preview .dz-error-message::after
{
	left: 146px;
}


.dropzone .dz-preview.dz-file-preview .dz-image {
	border-radius: 1px;
	/*from .attention-label*/

    /*display: inline-block;*/
    vertical-align: middle;
    /*position: relative;*/
    padding: 0.5rem 1rem;
    /*background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(235, 140, 0) 25%, rgb(243, 187, 115) 50%, rgb(235, 140, 0) 75%) repeat scroll -100% 0%;*/
    background: linear-gradient(to bottom, #e18a00, #e17c00);
    white-space: nowrap;
    text-transform: uppercase;
    font-family: weidmuellerCond, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 700;
    color: 
    rgb(255, 255, 255);
    /*animation: 20s linear 0s infinite normal none running background;
    animation-iteration-count: 1.5;*/
}

.dropzone .dz-preview.dz-file-preview .dz-image::after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 2px;
    right: 2px;
    top: 2px;
    bottom: 2px;
    border: 1px solid 
    #fff;
}

.dropzone .dz-preview .dz-error-message
{
	border-radius: 2px;
}

.confirmation
{
	padding: 0 0 29px 0;
}

.confirmation-line
{
	margin: 5px 0 0 0;
}



/*.product-vert-bottom-container .select__container select
{
	display: inline-block;
    top: 3rem;
    position: relative;
}*/

/*fuer den ie reichts*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	div.horizontal div.step
	{
		background-image: url("../img/fuerdeniereichts_vertical.png"),
		  url("../img/fuerdeniereichts_horizontal.png");
	}
	
	.btn svg.icon, a.btnLink svg.icon
	{
		top: 0.6rem;
	}
	
}

/*wow integration mit altem style in neuem*/

.wow_table .wow_userdata {
    color: #000000 !important;
}

.wow_table .wow_content_title:not(.wow_smaller_font)
{
	font-family: Arial !important;
	font-size: 17px !important;
}
.wow_table .wow_content_description, .wow_table .wow_newsletter
{
	color: #767676 !important;
	font-size: 12px !important;
}

.wow_table  input[type="text"],
.wow_table select
{
	padding: 0 !important;
	margin: 0 !important;
	border-color: #767676 !important;
}

.wow_table select
{
	border-width: 1px !important;
	font-size: 12px !important;
	color: #000000	!important;
	height: auto !important;
	-webkit-appearance:menulist !important;
	 -moz-appearance:menulist !important;
	 appearance:menulist !important;
}