li {
  margin: 0px;
  padding: 0px;
}
ul {
  list-style-type: none;
}

 /* ------------------ Images ------------------ */
.img-100-width{
  width: 100%;
}
.preview-img {
    max-width: 100%;
    max-height: 100%;
}
.img-atelier-container{
    height: 350px;
    overflow: hidden;
    margin-bottom: 50px;
}
.map{
  height: 350px;
}
@media only screen and (min-width : 1200px) {
  .img-atelier{
      width: 100%;
  }
}
@media only screen and (max-width : 1200px) {
  .img-atelier{
      height: 100%;
  }
}
@media (max-width : 992px) {
  .img-atelier{
      width: 100%;
      height: auto;
  }
  .img-atelier-container{
    width: 100%;
    height: auto;
  }
  .map{
  height: 400px;
  }
}
div.square {
  position: relative;
}

div.square img.square-fix {
    width: 100%;
    height: auto;
}
div.square img.square-img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
div.square img.square-fix.square-fix-home {
    height: 90vw;
}
@media (min-width: 768px) {
    div.square img.square-fix.square-fix-home {
        height: 600px;
    }
}
@media (min-width: 992px) {
    div.square img.square-fix.square-fix-home {
        height: 760px;
    }
}
@media (min-width: 1200px) {
    div.square img.square-fix.square-fix-home {
        height: 890px;
    }
}
 /* ------------------ Slider Fade ------------------ */

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
 /* ------------------ Slider Head ------------------ */
 .carousel-head {
    width: 100%;
 }
 .sliderImage-head{
    width: 100%;
}
 .container-slider{
  margin-top: 75px;
  padding: 0px;
}
 /* ------------------ Slider Shop ------------------ */
 .carousel {
  height: 100%;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
 }
.carousel-inner > .item {
  height: 100%;
}
.carousel-inner > .item > img {
  max-height: 100%;
}
.sliderImage{
  width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
}
.arrow-left {
  width:25%;
  height:100%;
  cursor: url(https://carladequervain.ch/images/icons/arrow-left.svg), auto;
}

.arrow-right {
  width:25%;
  height:100%;
  cursor: url(https://carladequervain.ch/images/icons/arrow-right.svg), auto;
}
.crosspoint {
  cursor: url(https://carladequervain.ch/images/icons/crosspoint.svg), auto;
}

.arrow-product {
  width: 50%;
}

 /* ------------------ Links ------------------ */
.nav-active{
  color: #BC8F8F;
}
.button-outline{
  border: 1px solid black;
  padding: 5px 8px;
  margin: 5px 5px 5px 0px;
}
.button-outline:hover, .button-outline > a:hover,
.button-outline > a:active, .button-outline > a:focus{
  background-color: #282828;
  color: white;
}
 /* ------------------ Typography ------------------ */
h1, h2, h3, h4, h5, h6, p, .p-medium, .circular {
	font-style: normal;
  margin: 0px;
  text-rendering: optimizeLegibility;
}
h1, h3, h4, h5, h6 {
  /* font-family: "Mercury Display A", "Mercury Display B", Times, Serif; */
  font-weight: 400;
	font-size: 35px;
  line-height: 41px;
  letter-spacing: 1px;
  text-align: center;
  color: #282828;
}
p, .p-medium, .p-nav, .p-nav-center, .circular {
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #282828  ;
}
.circular{
  font-size: 35px;
  line-height: 41px;
  text-align: center;
}
.homeContentBlocks h3{
    margin-left: 16.66666667%;
    margin-right: 16.66666667%;
}
@media (max-width: 991px) {
    .homeContentBlocks h3{
        margin-left: 8.33333333%;
        margin-right: 8.33333333%;
    }
}
.homeContentBlocks h3,
.p-medium{
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.5px;
  text-align: center;
}
.homeContentBlocks h3 a,
.p-medium a{
  text-decoration: underline;
}
.homeContentBlocks h3 + h3 {
    margin-top: 20px;
}
.p-small-black p,
.p-small-black a {
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.5px;
  color: #282828;
}
.p-small-black a:hover{
  color: #BC8F8F;
  text-decoration: none;
}
.p-left-align{
  text-align: left;
  float: left;
}
 /* ------------------ Nav Bar ------------------ */
.svg-logo {
  width: 200px;
  height: 75px;
}
@media (min-width: 768px) {
  .svg-logo {
    width: 300px;
    height: 75px;
  }
}
.svg-logo2 {
  width: 187px;
  height: 75px;
}
@media (min-width: 768px) {
  .svg-logo2 {
    width: 281px;
    height: 75px;
  }
}
.p-nav, .p-nav-center{
  font-weight: 400px;
  font-size: 19px;
  line-height: 35px;
  letter-spacing: 1px;
  color: white;
  text-rendering: optimizeLegibility;
}

a:hover.p-nav svg g {
  stroke: #BC8F8F;
}
.p-nav-center{
  text-align: center;
}
@media (max-width: 992px){
  .p-nav, .p-nav-right{
    text-align: center;
  }
}
.nav-top-main{
  margin-top: 25px;
}
@media (max-width: 991px){
   .nav-top, .nav-top-main{
    margin-top: 0px;
  }
}
.p-nav-active{
  color: #BC8F8F;
}
.burger {
  margin-top: 28px;
}
 /* ------------------ Backgrounds & Spaces ------------------ */
.neg-background{
  width: 100%;
  background-color: #efeeed;
}
.color-background{
  width: 100%;
  background-color: #fbbb8f;
}
.text-topL-bottomL-space{
  margin-top: 100px;
  margin-bottom: 100px;
}
.text-topM-bottomM-space{
  margin-top: 50px;
  margin-bottom: 50px;
}
.text-topM-bottomL-space{
  margin-top: 50px;
  margin-bottom: 100px;
}
.text-topL-bottomM-space{
  margin-top: 100px;
  margin-bottom: 50px;
}
.text-bottomL-space{
  margin-bottom: 100px;
}
.text-bottomL-space-padding{
  padding-bottom: 100px;
}
.text-bottomXL-space{
  margin-bottom: 200px;
}
.text-topL-space{
  margin-top: 100px;
}
.text-topM-space{
  margin-top: 50px;
}
.text-topM-bottomS-space{
  margin-top: 50px;
  margin-bottom: 25px;
}
.text-topS-bottomS-space{
  margin-top: 25px;
  margin-bottom: 25px;
}
.text-bottomM-space{
  margin-bottom: 50px;
}
.text-topS-space{
  margin-top: 25px;
}
.text-bottomS-space{
  margin-bottom: 25px;
}
.text-topML-bottomML-space{
  margin-top: 75px;
  margin-bottom: 75px;
}

/* Layout: PopUp
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
#popup {
  /* background-color: #F5F5F5; */
  background-color: #282828;
  position: fixed;
  bottom: 0px;
  z-index: 3000;
  padding-top: 25px;
  padding-bottom: 25px;
  width: 100%;
  display: none;
}

#popup img {
  padding-bottom: 15px;
}

#popup a {
  text-decoration: underline;
}

#popup .p-medium p {
  color: white;
}

#popup h6 {
  cursor: pointer;
  color: white;
}

/* Layout: Retailers
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.flex-item {
  width: 100%;
}

@media (min-width: 992px) {
  .flex-item {
    width: 33.3333%;
  }
}
/* Layout: Retailers
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.logo-swiss-label img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 10%;
    padding-top: 60px;
}
/* Newsletter
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.newsletter-background-color {
    background-color: #bfbfbf;
}
#newsletter-form form {
    text-align: center;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.5px;
}
#newsletter-form .checkbox {
    display: block;
    padding-top: 20px;
    padding-bottom: 30px;
}
#newsletter-form button,
#newsletter-form input{
    padding: 4px 10px;
    border-radius: 0;
    border: 0;
}
#newsletter-form input{
    margin-top: 10px;
}
@media (min-width: 604px) {
    #newsletter-form input{
        margin-top: 0px;
    }
}

/* Social Icons
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
table.social-icons {
    margin-left: auto;
    margin-right: auto;
}
table.social-icons td{
    border-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;