/*  Typo
----------------------------------------------- */

a{text-decoration:none;}
#navigation a:link, a:visited
{
text-decoration: none;
color:#A4A391;
font-size:22px;
padding: 5px;
}
a:active {
text-decoration: none;
}

#navigation a.current,
#navigation a:hover { 
text-decoration:none; 
background-color:#A4A391;
padding: 5px;
color:#ffffff;
}

a.a-collection:link, a.a-collection:visited{
text-decoration:none;
color:#BE7F15;
position: relative;
}

a.a-collection:hover{
color:#BE7F15;
}

a.a-collection::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  bottom: -3px;
  left: 0;
  background-color: #BE7F15;
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

a.a-collection:hover::before {
  transform: scaleX(1);
}



body {
font-family: 'Raleway', sans-serif;
}

h1 { font:bold 18px/140% "Raleway", Verdana, sans-serif; }
h2 { font:bold 14px/140% "Raleway", Verdana, sans-serif; }

p {	font: 11px/140% Raleway, Geneva, Arial, Helvetica, sans-serif;}


.webseite-main-intro{
font-size: 28px;
    line-height: 1.3;
    font-family: 'Raleway';
    font-weight: bold;
}


ul {
  list-style: none; /* Remove default bullets */
}

.j-module.j-text  ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #BF4A01; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}



/*  Layout
----------------------------------------------- */
#container {
    width: 1440px;
    margin-right: auto;
    margin-left: auto;
}

#header{
    margin: 20px 0 50px 0;
display:flex;
}

.logo-wrap {
float:left;
}

#content{
clear:left;
}



/*  Navigation
----------------------------------------------- */
.navigation-wrap{
inline-block;
}

h1.website-main-title{
color: #BE7F15;
font-weight:bold;
}

#navigation ul > li {
    display: inline-block;
list-style: none;
  text-align: left;
    padding-right: 45px;
}
#navigation ul > li::before {
content: none;
}

#navigation ul > li:first-of-type {
padding-left: 50px;
}

/* Buttons
-------------------------------------------------- */
.j-module.j-callToAction{
display: inline-block;
}

.j-module.j-callToAction a.j-calltoaction-link.j-calltoaction-link-style-2{
background-color: #d19247;
border:none;
    -webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

.j-module.j-callToAction a.j-calltoaction-link.j-calltoaction-link-style-2:hover{
background-color: #BF4A01;
}

/* Produktkachel
-------------------------------------------------- */

.j-module.j-product {
    margin-bottom: 40px;
    transition: box-shadow 300ms linear;
    border-radius: 8px;
    padding: 20px !important;
}

.j-module.j-product:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}