/*

	// additional Styles UOS EAN Scanner

*/
.header
{
    background-color: #343a40;
    color: #fff;
    border-bottom: 1px solid #3379b7;
    position: sticky;
    top: 0px;
    z-index: 100;
    width: 100%;
    height: 120px;
    margin: 0px auto;
	
}

.footer
{
    color: #fff;
	background: #343a40;
    /* width: 1300px; */
    width: 100%;
    margin-right: auto;
    margin-left: auto;
	line-height: 30px;
    text-align: center;
}
.back-to-top 
{
    position: fixed;
    bottom: 50px;
    right: 50px;
    padding: 5px;
    z-index: 1500;
}
.main_container
{	
    width: 1300px;
    background-color: #FFF;
    min-height: 1000px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-shadow: 10px 10px 33px 0px rgba(0,0,0,0.46);
    -moz-box-shadow: 10px 10px 33px 0px rgba(0,0,0,0.46);
    box-shadow: 10px 10px 33px 0px rgba(0,0,0,0.46);
    /* border-radius: 5px; */
    padding-top: 10px;
    padding-bottom: 20px;
}
.logo_container
{
    border-radius: 3px;
    float: left;
    position: absolute;
    top: 15px;
    left: 10px;
    z-index: 1000;
}

.search_dropdown_names
{
	padding-left: 5px;
	cursor: pointer;
	color: #333;
}
.search_dropdown_names:hover
{
	background: #f5f5f5;
}

/* Eingabefelder unter Filterslider */
.checkbox_filter_slider
{
    transform: scale(2); 
    position: relative; 
    top: 12px; 
    left: 20px;
}


/*

	//	Additional Bootstrap Buttons

*/

.btn-orange { 
  color: #ffffff; 
  background-color: #FF4000; 
  border-color: #FC3F00; 
} 
 
.btn-orange:hover, 
.btn-orange:focus, 
.btn-orange:active, 
.btn-orange.active, 
.open .dropdown-toggle.btn-orange { 
  color: #ffffff; 
  background-color: #CC3300; 
  border-color: #FC3F00; 
  box-shadow: 0 0 0 0.2rem rgb(255 187 165);
} 
 
.btn-orange:active, 
.btn-orange.active, 
.open .dropdown-toggle.btn-orange { 
  background-image: none; 

} 
 
.btn-orange.disabled, 
.btn-orange[disabled], 
fieldset[disabled] .btn-orange, 
.btn-orange.disabled:hover, 
.btn-orange[disabled]:hover, 
fieldset[disabled] .btn-orange:hover, 
.btn-orange.disabled:focus, 
.btn-orange[disabled]:focus, 
fieldset[disabled] .btn-orange:focus, 
.btn-orange.disabled:active, 
.btn-orange[disabled]:active, 
fieldset[disabled] .btn-orange:active, 
.btn-orange.disabled.active, 
.btn-orange[disabled].active, 
fieldset[disabled] .btn-orange.active { 
  background-color: #FF4000; 
  border-color: #FC3F00; 

} 
 
.btn-orange .badge { 
  color: #FF4000; 
  background-color: #ffffff; 
}





.btn-purple { 
  color: #ffffff; 
  background-color: #611BBD; 
  border-color: #130269; 

} 
 
.btn-purple:hover, 
.btn-purple:focus, 
.btn-purple:active, 
.btn-purple.active, 
.open .dropdown-toggle.btn-purple { 
  color: #ffffff; 
  background-color: #49247A; 
  border-color: #130269; 
  box-shadow: 0 0 0 0.2rem rgb(187 135 255);
} 
 
.btn-purple:active, 
.btn-purple.active, 
.open .dropdown-toggle.btn-purple { 
  background-image: none; 
} 
 
.btn-purple.disabled, 
.btn-purple[disabled], 
fieldset[disabled] .btn-purple, 
.btn-purple.disabled:hover, 
.btn-purple[disabled]:hover, 
fieldset[disabled] .btn-purple:hover, 
.btn-purple.disabled:focus, 
.btn-purple[disabled]:focus, 
fieldset[disabled] .btn-purple:focus, 
.btn-purple.disabled:active, 
.btn-purple[disabled]:active, 
fieldset[disabled] .btn-purple:active, 
.btn-purple.disabled.active, 
.btn-purple[disabled].active, 
fieldset[disabled] .btn-purple.active { 
  background-color: #611BBD; 
  border-color: #130269; 
} 
 
.btn-purple .badge { 
  color: #611BBD; 
  background-color: #ffffff; 
}




/*--------------------------------------------------------------
# Section Shoplist Select 
--------------------------------------------------------------*/
.shop-list-select .icon-box {
  padding: 50px 20px;
  margin-top: 35px;
  margin-bottom: 25px;
  text-align: center;
  height: 200px;
  position: relative;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.shop-list-select .icon {
  position: absolute;
  top: -36px;
  left: calc(50% - 36px);
  transition: 0.2s;
  border-radius: 50%;
  border: 6px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  width: 72px;
  height: 72px;
  background: #ff5821;
}

.shop-list-select .icon i {
  color: #fff;
  font-size: 24px;
}

.shop-list-select .title {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
  text-transform: uppercase;
}

.shop-list-select .title a {
  color: #343a40;
}

.shop-list-select .icon-box:hover .icon {
  background: #fff;
  border: 2px solid #ff5821;
}

.shop-list-select .icon-box:hover .icon i {
  color: #ff5821;
}

.shop-list-select .icon-box:hover .title a {
  color: #ff5821;
}

.shop-list-select .description {
  line-height: 24px;
  font-size: 14px;
}

/*--------------------------------------------------------------
# Search Result Item
--------------------------------------------------------------*/
.search_result_item .item {
  margin-bottom: 20px;
  overflow: hidden;
  text-align: center;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.search-result-item .item .item-img {
  position: relative;
  overflow: hidden;
}

.search-result-item .item .social {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 40px;
  opacity: 0;
  transition: ease-in-out 0.3s;
  text-align: center;
  background: rgba(255, 255, 255, 0.85);
}

.search-result-item .item .social a {
  transition: color 0.3s;
  color: #473d3a;
  margin: 0 10px;
  padding-top: 8px;
  display: inline-block;
}

.search-result-item .item .social a:hover {
  color: #ff5821;
}

.search-result-item .item .social i {
  font-size: 18px;
  margin: 0 2px;
}

.search-result-item .item .item-info {
  padding: 25px 15px;
}

.search-result-item .item .item-info h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 18px;
  color: #473d3a;
}

.search-result-item .item .item-info span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #989595;
}

.search-result-item .item .item-info p {
  font-style: italic;
  font-size: 14px;
  line-height: 26px;
  color: #656262;
}

.search-result-item .item:hover .social {
  opacity: 1;
}
.numbers-found {
	
	padding: 5px;
	border: 1px solid #dc3545;
	border-radius: 5px;
	margin-right: 5px;
	text-align: center;
	
}


.startpage {
  padding: 0 0 30px 0;
  position: relative;
  z-index: 3;
}

.startpage .content {
  padding: 30px;
  background: #ff5821;
  border-radius: 4px;
  color: #fff;
}

.startpage .content h3 {
  font-weight: 700;
  font-size: 34px;
  margin-bottom: 30px;
}

.startpage .content p {
  margin-bottom: 30px;
}

.startpage .content .more-btn {
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  padding: 6px 30px 8px 30px;
  color: #fff;
  border-radius: 50px;
  transition: all ease-in-out 0.4s;
}

.startpage .content .more-btn i {
  font-size: 14px;
}

.startpage .content .more-btn:hover {
  color: #ff5821;
  background: #fff;
}

.startpage .icon-boxes .icon-box {
  text-align: center;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  padding: 40px 30px;
  width: 100%;
}

.startpage .icon-boxes .icon-box i {
  font-size: 40px;
  color: #ff5821;
  margin-bottom: 30px;
}

.startpage .icon-boxes .icon-box h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 30px 0;
}

.startpage .icon-boxes .icon-box p {
  font-size: 15px;
  color: #716f6f;
}


/*--------------------------------------------------------------
# Order Item Result Tile View
--------------------------------------------------------------*/
.order-item-result-tile-view .item {
  margin-bottom: 20px;
  overflow: hidden;
  text-align: center;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.order-item-result-tile-view .item .item-img {
  position: relative;
  overflow: hidden;
}

.order-item-result-tile-view .item .social {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 40px;
  opacity: 0;
  transition: ease-in-out 0.3s;
  text-align: center;
  background: rgba(255, 255, 255, 0.85);
}

.order-item-result-tile-view .item .social a {
  transition: color 0.3s;
  color: #473d3a;
  margin: 0 10px;
  padding-top: 8px;
  display: inline-block;
}

.order-item-result-tile-view .item .social a:hover {
  color: #ff5821;
}

.order-item-result-tile-view .item .social i {
  font-size: 18px;
  margin: 0 2px;
}

.order-item-result-tile-view .item .item-info {
  padding: 25px 15px;
}

.order-item-result-tile-view .item .item-info h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 18px;
  color: #473d3a;
}

.order-item-result-tile-view .item .item-info span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #989595;
}

.order-item-result-tile-view .item .item-info p {
  font-style: italic;
  font-size: 14px;
  line-height: 26px;
  color: #656262;
}

.order-item-result-tile-view .item:hover .social {
  opacity: 1;
}



/*--------------------------------------------------------------
# Order Item Result List View
--------------------------------------------------------------*/
.order-item-result-list-view .item {
  margin-bottom: 20px;
  overflow: hidden;
  text-align: center;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.order-item-result-list-view .item .item-img {
  position: relative;
  overflow: hidden;
}

.order-item-result-list-view .item .social {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 40px;
  opacity: 0;
  transition: ease-in-out 0.3s;
  text-align: center;
  background: rgba(255, 255, 255, 0.85);
}

.order-item-result-list-view .item .social a {
  transition: color 0.3s;
  color: #473d3a;
  margin: 0 10px;
  padding-top: 8px;
  display: inline-block;
}

.order-item-result-list-view .item .social a:hover {
  color: #ff5821;
}

.order-item-result-list-view .item .social i {
  font-size: 18px;
  margin: 0 2px;
}

.order-item-result-list-view .item .item-info {
  padding: 25px 15px;
}

.order-item-result-list-view .item .item-info h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 18px;
  color: #473d3a;
}

.order-item-result-list-view .item .item-info span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #989595;
}

.order-item-result-list-view .item .item-info p {
  font-style: italic;
  font-size: 14px;
  line-height: 26px;
  color: #656262;
}

.order-item-result-list-view .item:hover .social {
  opacity: 1;
}