@charset "UTF-8";

.icon { width:100%;height:100%; }
.icon-gradient1 { 
	opacity:.8;
	-moz-opacity: 0.8;
  	-khtml-opacity: 0.8;
}
.icon-shadow { -webkit-filter: drop-shadow(1px 1px 2px #ccc); 
	filter: drop-shadow(1px 1px 2px #666);
	ie-box-shadow: 2px 2px 4px #666; 
}

.svg-icon-headline {
	position: absolute;
	left: 0;
	width: 32px;
	height: 48px;
  	background: none; 
}

.headline_icon {
  background: none !important;   
  background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2064%2064%22%20enable-background%3D%22new%200%200%2064%2064%22%3E%0A%20%20%3ClinearGradient%20id%3D%22SVGID_1_%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%220%22%20y1%3D%2228.5%22%20x2%3D%2264%22%20y2%3D%2228.5%22%3E%0A%20%20%09%3Cstop%20offset%3D%220%22%20style%3D%22stop-color%3A%23BFD336%22%20id%3D%22stop4%22%20%2F%3E%0A%20%20%09%3Cstop%20offset%3D%220%22%20style%3D%22stop-color%3A%23C1D537%22%20id%3D%22stop6%22%20%2F%3E%0A%20%20%09%3Cstop%20offset%3D%220%22%20style%3D%22stop-color%3A%23C5DA38%22%20id%3D%22stop8%22%20%2F%3E%0A%20%20%09%3Cstop%20offset%3D%220.0109%22%20style%3D%22stop-color%3A%23C8DD39%22%20id%3D%22stop10%22%20%2F%3E%0A%20%20%09%3Cstop%20offset%3D%220.0536%22%20style%3D%22stop-color%3A%23CFE43B%22%20id%3D%22stop12%22%20%2F%3E%0A%20%20%09%3Cstop%20offset%3D%220.172%22%20style%3D%22stop-color%3A%23D1E63C%22%20id%3D%22stop14%22%20%2F%3E%0A%20%20%09%3Cstop%20offset%3D%221%22%20style%3D%22stop-color%3A%23D5EB3E%22%20id%3D%22stop16%22%20%2F%3E%0A%20%20%3C%2FlinearGradient%3E%0A%20%20%3Crect%20fill%3D%22url(%23SVGID_1_)%22%20width%3D%2264%22%20height%3D%2257%22%20id%3D%22rect18%22%20%2F%3E%0A%20%20%3Crect%20fill%3D%22%23BFD336%22%20width%3D%225%22%20height%3D%2257%22%20id%3D%22rect20%22%20%2F%3E%0A%20%20%3Crect%20x%3D%225%22%20fill%3D%22%23CDE333%22%20width%3D%222%22%20height%3D%2256%22%20id%3D%22rect22%22%20%2F%3E%0A%20%20%3Crect%20x%3D%227%22%20y%3D%2257%22%20fill%3D%22%23CCCCCA%22%20width%3D%2257%22%20height%3D%222%22%20id%3D%22rect24%22%20%2F%3E%0A%20%20%3Crect%20y%3D%2256%22%20fill%3D%22%23BFD336%22%20width%3D%2264%22%20height%3D%222%22%20id%3D%22rect26%22%20%2F%3E%0A%20%20%3ClinearGradient%20id%3D%22SVGID_2_%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%220%22%20y1%3D%2260.8125%22%20x2%3D%227%22%20y2%3D%2260.8125%22%3E%0A%20%20%09%3Cstop%20offset%3D%220%22%20style%3D%22stop-color%3A%234E4E4E%22%20id%3D%22stop29%22%20%2F%3E%0A%20%20%09%3Cstop%20offset%3D%220.8587%22%20style%3D%22stop-color%3A%234E4E4E%22%20id%3D%22stop31%22%20%2F%3E%0A%20%20%09%3Cstop%20offset%3D%221%22%20style%3D%22stop-color%3A%234E4E4E%22%20id%3D%22stop33%22%20%2F%3E%0A%20%20%3C%2FlinearGradient%3E%0A%20%20%3Cpolyline%20fill%3D%22url(%23SVGID_2_)%22%20points%3D%220%2C58%207%2C58%207%2C63.625%200%2C58%20%22%20id%3D%22polyline35%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 42px !important;
  width: 42px !important;
  left: -5px !important;
  opacity: 1;
  position: absolute;
  z-index:1000;
}



/* stepline */
.stepline-svg { display:block; height:2.5714em; margin:0 0 1em 0; font-family:arial,verdana; font-size:.9em; position:relative; }

.stepline-svg-item { display:inline-block; background-color: #D9D9D9; height:2.89em; float:left; line-height:2.5714em; }
.stepline-svg-icon { float: left; width:22px; height:22px; display: inline-block; border:0px solid red; margin:7px 4px 7px 4px; fill-opacity:.4; }
.stepline-svg-text { float:left; line-height:2.8714em; margin:0 0px; }
.stepline-svg-end { float: right; display: inline; height:100%; width:13px; }
.stepline-svg-active { background-color: #d2ea32; }

.stepline-svg-active > .stepline-svg-end #stepline-svg-pfeil-full-1 { fill: #D9D9D9; }
.stepline-svg-active > .stepline-svg-end #stepline-svg-pfeil-full-2 { fill: #FFFFFF; }
.stepline-svg-active > .stepline-svg-end #stepline-svg-pfeil-full-3 { fill: #D2EA32; }
.stepline-svg-active > .stepline-svg-icon { fill-opacity:.9; }

.stepline-svg-active-next > .stepline-svg-end #stepline-svg-pfeil-full-1 { fill: #D2EA32; }
.stepline-svg-active-next > .stepline-svg-end #stepline-svg-pfeil-full-2 { fill: #FFFFFF; }
.stepline-svg-active-next > .stepline-svg-end #stepline-svg-pfeil-full-3 { fill: #D9D9D9; }

/* Text ausblenden/ einblenden */
.stepline-svg-item > .stepline-svg-text { display: none; }
.stepline-svg-active > .stepline-svg-text { display: block; }
.stepline-svg-end > svg { width:16px;height:37px; }
.stepline-svg-end #stepline-svg-pfeil-half-1 { fill: #D9D9D9; }

/* TeST HALF STEPLINE END !important */
X.stepline-svg-icon svg:hover { fill: red; }
X.stepline-svg-active #stepline-svg-pfeil-half-1 { fill: #D2EA32; }
X.stepline-svg-item.last #stepline-svg-pfeil-half-1 { fill: #D9D9D9; }