/* Anderung von Bootstrap V5 */

@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather'), local('Merriweather-Regular'), url('../base/fonts/merriweather/Merriweather-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: local('Merriweather Bold'), local('Merriweather-Bold'), url('../base/fonts/merriweather/Merriweather-Bold.ttf') format('truetype');
}

body {
    background: #aaaaaa;
	background-image: url("/templates/NOVA_FisconMobile/themes/base/images/background.jpg")  top left repeat-x;;
	background: url("/templates/NOVA_FisconMobile/themes/base/images/background.jpg")  top left repeat-x;;
    background-position: 0px 150px;
	background-color: #e0e0e7!important;
}


h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
  font-family: verdana, Montserrat, sans-serif;
  font-weight: 500;
  line-height: 1.1;
  color: #313131;
}

header {
    background-color: #ffffff;
    color: #ffffff;
}

header a {
    text-decoration: none;
    color: #000000;
}

header a:hover {
    color: #00ff00;
}


#footer {
    background-color: #30571b;
    #color: #000000;
}


#copyright a {
    color: #30571b !important;
	text-decoration:none
}

#copyright {
    color: #000000 !important;
}

#copyright .container-fluid {
    background-color: #ffffff;
    #color: #000000;
}

#main-wrapper {
    #padding-top: 4rem;
    #background: #aaaaaa;
	#background-image: url("/templates/Evo/themes/base/images/backgrounds/background_arktis.jpg");
	#background-position: center;
	#background-size: cover;
	background: none;

}

#content-wrapper  {
    #background: #ffffff;
	#background: none;
}

#content-wrapper .has-left-sidebar {
    #background: #ffffff;
	background: none;
}


.link-content, .breadcrumb-container, .index-heading-wrapper, .container-fluid, .container-fluid-xl, #main-wrapper .container, #revocation-instruction .container {
    background: #ffffff;
}

#tabAccordion, .tab-navigation, .basket-final, .link-content {
    padding-bottom: 1rem;
}

.dropdown-item {
    background-color: #eeeeee;
	color: #000000;
    text-decoration: none;
}

.dropdown-item:hover, .dropdown-item:focus {
    background-color: #444444;
}

#tabAccordion, .tab-navigation {
    margin-bottom: 2rem;
}

#footer .productlist-filter-headline {
	text-transform: uppercase
}

.twitter-typeahead input {
background-color:transparent !important;
color: #000000 !important;
}

.twitter-typeahead input::placeholder {
	color: #000000 !important;
}

.product-slider-wrapper .h2 a {
	color: #bc3726;
}

.product-slider-wrapper .h2 a:hover {
	text-decoration: underline;
}

header .navbar-toggler {
  color: #bc3726;
}

header .dropdown-menu {
  background-color: #eeeeee;
  color: #000000;
}

#footer .btn-outline-primary, header .btn-outline-primary {
  color: #000000;
}

.cart-dropdown .cart-dropdown-total-item {
  color: #000000;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
}

#logo {
	float:left;
}

.navbar {
	clear: right;
	display:block;
	margin: 0 auto;
}


#header-top-bar {
    background-color: #ffffff;
    color: #000000;
	float:none;
	position:relative;
	margin: 0 auto !important;
}

 header {
    color: #000000;
}

#header-top-bar a, header a {
    text-decoration: none;
    color: #000000;
}

body>#header-top-bar {
    max-width: 100%;
}

#shop-nav {
	float: right;
	margin-top:1.6rem;
		
}

#search {
    margin-right: 0rem;
}

.container-fluid-xl {
  max-width: 1340px;
}


#header {
	padding: 0px;
}

.navbar-nav {
	background-color: #30571b;	
		font-family: venus, "Open Sans", Helvetica, Arial, sans-serif;	
		text-transform: uppercase;
	margin-top:0px;
	    font-size: 0.9rem;
}

 .price {
	    font-size: 1.0rem;
		font-family: "Merriweather", Georgia, "Times New Roman", Times, serif;	
}

.product-offer .price {
	    font-size: 1.2rem;
}



.item-slider-price .price {
	    font-size: 0.9rem;
}

.navbar-nav a{
		color:#eeeeee;
}


.product-wrapper a {
	text-decoration: none ;
}


.sub-categories  li a:hover {
	color:#000000;
}

.sub-categories  li a, .sub-categories a  {
	text-decoration: none !important;
}


.sub-categories  p  {
	padding-left: 15px;
	margin-top:-10px;

}

.sub-categories  hr  {
	margin-top: 0px;
	margin-bottom: 5px;
}

.productbox-title {
	font-size: 13px;
}

.productbox-title a{
	font-size: 14px;
	text-decoration: none !important;
	text-align:center;
}

.price_wrapper {
	text-align:center;
}

.productlist-filter-headline {
	margin-top: 8px;	
    border-bottom: 2px dotted #ebebeb;
}

.container-fluid .slider-wrapper {
  padding-bottom: 0px;
}

header .form-control, header .form-control:focus {
    background-color: #ffffff;
    color: #000000;
}

.account-icon-dropdown .dropdown-footer {
  background-color: #dddddd;
  color: #000000;
}

.account-icon-dropdown .dropdown-footer a{
	text-decoration: none;
}

.nivo-caption  {
	color: #dddddd  !important;	
	background: #000000 !important;
}

#logo img {
	margin-top: 1rem;
	margin-bottom: 0.5rem;
}

.search-wrapper .form-control {
    height: calc(1.5em + 0.6rem + 2px);
}

.search-wrapper .btn {
	padding: inherit;
	padding-left: 10px;
	padding-right: 10px;
}

#footer {
    margin-top: auto;
    padding: 2rem 0 0;
}

.text-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.dropdown-menu {
	z-index: 50000;
}

.dropdown-item.active, .dropdown-item:active {
    color: #ffffff;
    text-decoration: none;
    background-color: #cccccc;
}

.productlist-header-description-image {
    width: 220px;
}

#megamenu {
	clear: both;	
	background-color: #30571b;
}

	.is-checkout header, .is-checkout .navbar {
		height: 5.5rem;
	}


#cagetory_description {
  font-size: 80%;
  font-weight: 400;
  margin-top:-50px;
}

.price_wrapper {
    margin-bottom: 0rem;
}

#list_sku {
	text-align:center;	
}

	#result-wrapper .title h1{
		font-family: "Open Sans", Helvetica, Arial, sans-serif;	
		text-align:		left;
		font-family: Montserrat, sans-serif;
		font-weight: 400;
		line-height: 1.2;
		color: #525252;
		font-size: 1rem;
		margin-top: -1.1rem;
		margin-bottom: 0.2rem;
		border-bottom: 2px dotted #ebebeb;
}


aside .nav-panel > .nav > .active > .nav-link {
    border-bottom: 0.2rem solid #555556;
}

.breadcrumb a, .breadcrumb {
    text-decoration: none;
    color: #ffffff;
}

.breadcrumb {
padding-top: 0.1rem;	
}

.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #ffffff;
  content: "\00bb";
}

.breadcrumb-wrapper {
    border: none !important;
}

.ml-auto-util {
    margin-top: 1rem;
}


@media (min-width: 768px) {

.sub-categories .caption a {
	font-family: venus, "Open Sans", Helvetica, Arial, sans-serif;	
	text-transform: uppercase;
	text-decoration:none;
	color:#eeeeee;
 	position: absolute;
 	top: 0;
	left:0;
	padding-left:30px;
 	text-align:
 	left;
 	width: 220px;
 	line-height: 2em;
}

.sub-categories .headline_short a {
	font-size: 14px;
 	margin-top:49%;
}

.sub-categories .headline_long a  {
	font-size: 11px;
 	margin-top:50.5%;
}



.sub-categories .caption a:hover {
	color:#bc3726;
}


.sub-categories  ul  {
	list-style: none;
	padding-left: 15px;
}

.sub-categories  li a {
	font-size: 11px;
	color:#bc3726;
}



.productlist-page-nav.productlist-page-nav-header-m {
    margin-top: 0rem;
}
}


@media (min-width: 992px) {

	.breadcrumb-wrapper {
		margin-bottom: 0rem;
		padding-bottom: 0rem;
	}
	
	#content-wrapper:not(.has-fluid) {
		padding-top: 0rem;
		margin-top: 1rem;
	}
	
	  header #mainNavigation {
		margin-right: 0rem;
	  }
	
	header .navbar-collapse {
		height: 3.4rem;
	  }
	  
	header .navbar-nav > .nav-item > .nav-link {
		padding: 1.3rem;
	}
	
	header {
		border-bottom: none; 
	  }

	header .container-fluid {
		padding-right: 0px;
		padding-left: 0px;	
	}

	
	.breadcrumb-wrapper {
		border-bottom: dotted;
		border-top: none;
		border-color: #ebebeb;
		border-width: 2px 0;
		margin-bottom: 2rem;
	  }
	
	.breadcrumb-wrapper .btn {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	.col-xl-3 {
		flex: 0 0 20%;
		max-width: 20%;
	
	}
	
	.col-xl-9 {
		flex: 0 0 80%;
		max-width: 80%;
	}
	
	.product-list .col-xl-3 {
		flex: 0 0 33%;
		max-width: 33%;
	}

	.col-lg-7 {
		flex: 0 0 65%;
		max-width: 65%;
	}
		
	.basket-items .col-xl-3, .col-9 {
		flex: 0 0 70%;
		max-width: 70%;
	}
	
	.shopnav {
		display:none;
	}
	


	.is-checkout header, .is-checkout .navbar {
		height: 5.5rem;
	}
	

.content-cats-small {
    margin-left: -26px;
}

.logo-small {
	display: none;
}

header .navbar-brand {
    margin-right: 1rem;
}

#logo img {
	width: 450px ;
	height: 40px;
}

}

@media (max-width: 991.98px) {
	header .navbar-collapse {
		position: fixed;
		top: 0;
		left: 0;
		display: block;
		height: 100vh !important;
		-webkit-overflow-scrolling: touch;
		max-width: 16.875rem;
		transition: all 0.2s ease-in-out;
		z-index: 60000;
		width: 100%;
		background: #eeeeee;
	}
	
	#header-top-bar .container-fluid {
		padding-left: 3rem;	
	}

	.toggler-logo-wrapper .burger-menu-wrapper {
		padding-top: 2rem;
	}	
	
	
	
	
	.sub-categories .caption a {
 	margin-top:133px;
}

#megamenu {
	clear: both;	
	background-color: #ffffff;
}

.logo-large {
	display: none;
}

#logo img {
	width: 145px;
	height: 35px;
}

	
}


@media (min-width: 1180px) {
#logo img {
	width: 649px;
	height: 57px;
}

}

@media (min-width: 1380px) {
	.container {
		max-width: 1340px;
		
	}
	
	.sidepanel-left {
		padding-right: 1rem;
	}
	
	header .container-fluid, #header-top-bar .container-fluid {
		padding-right: 0px;
		padding-left: 0px;	
	}
	
	.product-list .col-xl-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}

}

}

/* Anderung von Bootstrap V4 */

h1,
.h1 {
  font-size: 22px;
}
h2,
.h2 {
  font-size: 18px;
}
h3,
.h3 {
  font-size: 18px;
}
h4,
.h4 {
 xfont-size: 14px;
}



/* Neue Definitionen, Need4Street */


@font-face {
    font-family: 'venus';
    src: url('../base/fonts/venus_rising_lt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


.featurelist tr:nth-child(odd)  { 
	background-image: linear-gradient(#fafafa, #eaeaea);
}


.zebratable  {
     width: 100%;
}

.zebratable td{
	padding:5px;
}

.zebratable tr:nth-child(even)  { 
  background-color: #f8f8f8; 
}

.zebratable tr:nth-child(odd) { 
  background-color: #eaeaea; 
}
.home_cat {
  display: table;      /* Required for table-cell to work on li's */
  padding: 0;          /* Override defaults for lists */
  margin: 0;           /* Override defaults for lists */
  width: 100%;         /* Get the row full width */
  text-align: left;  /* Centre align grid items */
}

.home_cat li {
	display: inline-block;
}
.home_cat div {
	width:220px;
	height:165px;
	vertical-align:middle;
	display: table;
	xbackground-image: linear-gradient(#F0F7FA, #FCF8F2);
    text-align: center;  
    padding-right: 5px;           
    padding-bottom: 10px;           
}

@media (min-width: 1350px) {
	.home_cat div {
		padding-right: 35px;           
		width:255px;

	}
}

#message_note, #message_note_wide  {
    width: 100%;
    margin: 0px;
    margin-bottom: 10px;
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    border: 2px dashed #CC0000;
    xbackground-color:#F8F8F8;
	text-align:left;
	background-image: linear-gradient(#F0F7FA, #FCF8F2);
}

.pic_mit_label {
    width: 220px;
    position: relative;
}
.pic_mit_label img {
    display: block;
}
.pic_mit_label span {
 	font-family: venus, "Open Sans", Helvetica, Arial, sans-serif;	
	font-size: 13px;
	color:#eeeeee;
    position: absolute;
    top: 0;
	margin-top:17px;
	left:0;
	padding-left:10px;
	text-align:left;
    width: 220px;
    line-height: 2em;
	xbackground-color: rgba(40, 40, 40, 0.85);
	text-transform: uppercase;
}

.pic_mit_label p {
	visibility:hidden;
    position: absolute;
}

.pic_mit_label:hover p {
	visibility:visible;
	color:#fff;
	background-color: rgba(40, 40, 40, 0.85);
	width: 220px;
	height: 103px;
    top: 0;
	margin-top:52px;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	font-size:0.95em;
}

.pic_mit_label:hover a {
	color:#fff;
	text-decoration:none
}


.pic_mit_label_unten {
    width: 220px;
    position: relative;
}
.pic_mit_label_unten img {
    display: block;
}
.pic_mit_label_unten span {
 	font-family: venus, "Open Sans", Helvetica, Arial, sans-serif;	
	font-size: 13px;
	color:#eeeeee;
    position: absolute;
    top: 0;
	margin-top:133px;
	left:0;
	padding-left:10px;
	text-align:left;
    width: 220px;
    line-height: 2em;
	xbackground-color: rgba(40, 40, 40, 0.85);
	text-transform: uppercase;
}



.headline {
 	width:100%;
	font-family: venus, "Open Sans", Helvetica, Arial, sans-serif;	
	font-size: 14px;
	color:#FE0000;
	text-shadow: 0 0 0.4em #fff, 0 0 0.6em #fff, 0 0 0.2em #fff, 0 0 0.4em #fff, 0 0 0.8em #fff, 0 0 1em #fff, 0 0 1.4em #fff;	
	background-image: linear-gradient(20deg, #30571b, #fff);
	border-bottom-color:#FE0000;
	border-bottom:2px;
	border-bottom-style:solid;
	text-transform: uppercase;
	border-radius: 7px; 
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:15px;


}

.headline .tooltip {
	text-shadow: none;	
	font-family: "Open Sans", Helvetica, Arial, sans-serif;	
	background-image: none;

}

.tooltip-inner {
  color: #ffffff;
  background-color: #30571b;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #30571b;
}
.tooltip.top-left .tooltip-arrow {
  border-top-color: #30571b;
}
.tooltip.top-right .tooltip-arrow {
  border-top-color: #30571b;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #30571b;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #30571b;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #30571b;
}
.tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #30571b;
}
.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #30571b;
}


.cat_desc {
 	font-family: venus, "Open Sans", Helvetica, Arial, sans-serif;	
	xfont-size: 13px;
    xposition: absolute;
    top: 0;
	left:0;
	text-align:left;
    width: 220px;
    line-height: 2em;
	xbackground-color: rgba(40, 40, 40, 0.85);
	text-transform: uppercase;
 	text-decoration: none;
}

.cat_desc a {
	color:#eeeeee;
}