/* *********************************************************
GENERAL
************************************************************ */

/*Allgemeine Sachen*/


body {
  /* margin-top: 0px; */
  /* margin-right: auto; */
  /* margin-bottom: 0px; */
  /* margin-left: auto; */
  /* padding-top: 10px; */
  /* padding-right: 10px; */
  /* padding-bottom: 10px; */
  /* padding-left: 10px; */
  /* text-align: center; */
  
  font-size-adjust: none;
  font-weight: normal;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-stretch: normal;
  font-size: 0.75em;
  font-style: normal;
  
  /* max-width: 1280px; */
  /* color: #545454; */
  /* line-height: normal; */
  /* font-variant: normal; */
  /* background-repeat: repeat; */
  /* background-position: center top; */
  /* background-color: white; */
}

a:hover {
  color: red;
}


.wrap{
	width: 90%;
	max-width: 11000px;
	margin: 10px auto 30px auto;
}


/* *********************************************************
TABS
************************************************************ */


/* *********************************************************
TYPO
************************************************************ */
.tabs-head{
	font-size: 140%;
    font-weight: 500;
}

.article-header{
	font-size: 140%;
    font-weight: 500;
}



/* *********************************************************
HEAD
************************************************************ */

/* .top-bar{ */
	/* margin-bottom: 0 px; */
	/* padding-bottom: 0px; */
	/* background-color: #FFFFFF; */
/* } */

/* .top-bar-menu{ */
	/* background-color: ##E6E6E6; */
/* } */

.wrapHead{
	
	width: 100%;
	margin: 0 auto;
	margin-top: 0.5%;

}

.wrapHeadImage{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	background: url('../../assets/img/RingsystemBack.png') no-repeat right top;
	background-color: #0033cc;
}

.wrapHeadMenu{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	height: 40px;
	background-color: #E6E6E6;
}

.breadcrumbs{
  position: relative;
  top: 12px;
  left: 20px; 
}




/* *********************************************************
NAVIGATON & CONTENT
************************************************************ */
.wrapMain{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 1%

}

/*Vertikales Menü*/

.menu{
	 font-size: 1rem;
}


.menu ul {
  /* margin-top: 0px; */
  /* margin-right: 200px; */
  /* margin-bottom: 0px; */
  /* margin-left: 0px; */
  /* padding-top: 0px; */
  /* padding-right: 0px; */
  /* padding-bottom: 0px; */
  /* padding-left: 0px; */
  list-style-type: none;
  /* list-style-position: outside; */
  /* list-style-image: none; */
}



.submenu { 
			display: none; 
			list-style-type: none;
}


.menu >li:hover>.submenu {
	display: block;
	list-style-type: none;
	padding-left: 5px;
}


.submenu >li:hover>.submenu {
	display: block;
	list-style-type: none;
	padding-left: 5px;
}


.submenu_visible{
			display: block;
			list-style-type: none;
			padding-left: 5px;
}

.submenu_visible li {
  padding-left: 5px;
  list-style-type: none;
}

.submenu_visible >li:hover>.submenu {
	display: block;
	padding-left: 5px;
	list-style-type: none;
	
}




/* *********************************************************
TABLES
************************************************************ */
.td{
	 margin: auto;
}

/***********************************************************
Images
***********************************************************/

div.imgarticle20 {
  display: block;
  margin: auto;
  width: 20%;
} 

div.imgarticle30 {
  display: block;
  margin: auto;
  width: 30%;
} 

div.imgarticle40 {
  display: block;
  margin: auto;
  width: 40%;
} 

div.imgarticle50 {
  display: block;
  margin: auto;
  width: 50%;
} 

div.imgarticle60 {
  display: block;
  margin: auto;
  width: 60%;
} 

div.imgarticle70 {
  display: block;
  margin: auto;
  width: 70%;
} 

div.imgarticle80 {
  display: block;
  margin: auto;
  width: 80%;
} 
 
div.imgarticle90 {
  display: block;
  margin: auto;
  width: 90%;
} 
  
/***********************************************************
CARDS
***********************************************************/



.card-product:hover .card-product-img-wrapper img {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}

.card-product:hover .card-product-img-wrapper .button {
  -webkit-transform: translateY(-3rem);
      -ms-transform: translateY(-3rem);
          transform: translateY(-3rem);
}

.card-product-img-wrapper {
  margin-bottom: 1.375rem;
  position: relative;
  overflow: hidden;
}

.card-product-img-wrapper .button {
  transition: all 0.2s ease;
  background-color: #767676;
  padding: 1rem 0.5rem;
  bottom: -3rem;
  -webkit-transform: translateY(3rem);
      -ms-transform: translateY(3rem);
          transform: translateY(3rem);
  position: absolute;
  z-index: 2;
  color: #fefefe;
  margin-bottom: 0;
}

.card-product-img-wrapper .button:hover {
  background-color: #1779ba;
}

.card-product-img-wrapper img {
  transition: all 0.2s ease;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  width: 100%;
}

.card-product-img-wrapper .card-product-name {
  font-size: 1.375rem;
}

.card-product-img-wrapper .card-product-price {
  font-weight: bold;
}

.card-product-img-wrapper .card-product-description {
  color: #8a8a8a;
  font-size: 0.875rem;
  margin-bottom: 0;
}

/***********************************************************
Searchbar
***********************************************************/


/***********************************************************
CALLOUT
***********************************************************/



/* *********************************************************
FOOTER
************************************************************ */
.wrapFooter{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	/* background: url('RingsystemBack.jpg') no-repeat right top; */
	/* background-color: #0033cc; */
}