/* CSS Document */

			  
		  
              
.navbar-default {
    background-color: #402f2d;
    border-color: #402f2d;
  }



a:link {
    text-decoration: none;
    color: #3b271e;
  }

a:visited {
    text-decoration: none;
    color: #3b271e;
  }

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

a:active {
    text-decoration: none;
  }




a.speziell:link {
    text-decoration: none;
    color: #fff;
  }

a.speziell:visited {
    text-decoration: none;
    color: #fff;
}

a.speziell:hover {
    text-decoration: none;
    color: #3b271e;
  }

a.speziell:active {
    text-decoration: none;
  }





a.fuss:link {
    text-decoration: none;
    color: #fff;
  }

a.fuss:visited {
    text-decoration: none;
    color: #fff;
  }

a.fuss:hover {
    text-decoration: none;
    color: #fc0;
  }

a.fuss:active {
    text-decoration: none;
  }





a.dunkel:link {
    text-decoration: none;
    color: #fffae7;
  }

a.dunkel:visited {
    text-decoration: none;
    color: #fffae7;
  }

a.dunkel:hover {
    text-decoration: none;
    color: #fc0;
  }

a.dunkel:active {
    text-decoration: none;
  }





a.hell:link {
    text-decoration: none;
    color: #000;
  }

a.hell:visited {
    text-decoration: none;
    color: #000;
  }

a.hell:hover {
    text-decoration: none;
    color: #dc364f;
  }

a.hell:active {
    text-decoration: none;
  }





a.pfeile:link {
    text-decoration: none;
    color: #fffae7;
  }

a.pfeile:visited {
    text-decoration: none;
    color: #fffae7;
  }

a.pfeile:hover {
    text-decoration: none;
    color: #fffae7;
  }

a.pfeile:active {
    text-decoration: none;
  }



			  
body {
    background-color: #f2d9bd;
  }

.h1-index {
    font-family: 'Oleo Script', cursive, Verdana, Geneva, sans-serif;
    color: #f5a9a6;
    font-size: 34px;
    margin-bottom: -10px;
  }




h2, .einleitungshead, .einleitungshead-xs {
	font-family: 'Merriweather', Verdana, Geneva, sans-serif;
    color: #fff;
  }

.h2-index {
    margin-left: 20px;
    font-size: 20px;
    line-height: 30px
  }

@media (max-width: 767px) {
    .h2-index {
    margin-left: 5px;
    line-height: 25px;
  }
}




.einleitungshead {
	margin-left: 20px;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: -12px
	}


@media (max-width: 767px) {
    .einleitungshead  {
	margin-left: 5px;
    margin-bottom: -10px;
    margin-top: 20px;
    line-height: 25px;
    }
}





.produkt-h2-index, .produkt-h2-index-hell {
    text-align: center;
    font-family: 'Raleway', Verdana, Geneva, sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    margin-top: 2px;
    margin-bottom: 2px;
  }

.produkt-h2-index {
    color: #fffae7;
  }

.produkt-h2-index-hell {
    color: #000;
  }




p {
    color: #402f2d;
  }




.p-index {
    margin-left: 23px;
    font-size: 16px;
    color: #fff;
  }

@media (max-width: 767px) {
    .p-index {
    margin-left: 7px;
  }
}
			  
			  
			  
			  
			  
.wrapper-index {
    background-color: rgba(255,255,255,0.7);
    padding: 0px 15px 10px 15px;
  }

 @media (max-width: 320px) {

  .wrapper-index {
      border-radius: 0px;
      margin-top: 0px;
      padding-top: 20px;
      background-color: rgba(255,255,255,0.7);
      }
  }





@media (max-width: 467px) {
    .Etikett-Index {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 65px;
    }
}


@media (min-width: 468px) and (max-width: 767px) {
    .Etikett-Index {
    position: absolute;
	z-index: 1;
	float: left;
	margin-top: -90px;
	margin-left: 190px;
    }
}


@media (min-width: 768px) {
    .Etikett-Index {
    position: absolute;
    z-index: 10;
    left: -465px;
    right: 0;
    margin: auto;
    top: 65px;
    }
}


@media (min-width: 992px) {
    .Etikett-Index {
    position: absolute;
    left: -160px;
    right: 0;
    margin: auto;
    top: 65px;
    }
}


@media (min-width: 1200px) {
    .Etikett-Index {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 65px;
    }
}



@media (min-width: 768px) and (max-width: 991px) {
    .Hochzeitskarte-01-Index {
    display: none;
    }
    .Hochzeitskarte-02-Index {
    display: none;
    }
    .Hochzeitskarte-03-Index {
    position: absolute;
    z-index: 3;
    left: -465px;
    right: 0;
    margin: auto;
    top: 270px;
    transform: rotate(3deg) scale(0.95);
    }
}



@media (min-width: 992px) and (max-width: 1199px) {
    .Hochzeitskarte-01-Index {
    position: absolute;
    z-index: 2;
    left: -620px;
    right: 0;
    margin: auto;
    top: 115px;
    transform: rotate(-5deg) scale(0.93);
    }
    .Hochzeitskarte-02-Index {
    position: absolute;
    z-index: 1;
    left: -300px;
    right: 0;
    margin: auto;
    top: 355px;
    transform: rotate(5deg) scale(0.93);
    }
    .Hochzeitskarte-03-Index {
    position: absolute;
    z-index: 3;
    left: -730px;
    right: 0;
    margin: auto;
    top: 390px;
    transform: rotate(-5deg) scale(0.93);
    }
}


@media (min-width: 1200px) {
    .Hochzeitskarte-01-Index {
    position: absolute;
    z-index: 2;
    left: -485px;
    right: 0;
    margin: auto;
    top: 125px;
    transform: rotate(-5deg);
    }
    .Hochzeitskarte-02-Index {
    position: absolute;
    z-index: 1;
    left: -300px;
    right: 0;
    margin: auto;
    top: 380px;
    transform: rotate(5deg);
    }
    .Hochzeitskarte-03-Index {
    position: absolute;
    z-index: 3;
    left: -930px;
    right: 0;
    margin: auto;
    top: 270px;
    transform: rotate(-5deg);
    }
}



.index-text-wrapper {
	margin-left: auto;
	margin-right: auto;
    background-color: rgba(107,72,46,0.9);
	border-radius: 13px;
	}


@media (max-width: 320px) { 
	.index-text-wrapper {
	margin-top: 50px;
	max-width: 320px;
    border-radius: 13px 13px 0px 0px;
	}
}


@media (min-width: 321px) and (max-width: 767px) { 
	.index-text-wrapper {
	margin-top: 50px;
	padding-left: 20px;
	padding-right: 20px;
	max-width: 360px;
	}
}


@media (min-width: 768px) and (max-width: 991px) { 
	.index-text-wrapper {
	margin-top: 30px;
	max-width: 781px;
	}
}


@media (min-width: 992px) { 
	.index-text-wrapper {
	margin-top: 30px;
	min-width: 992px;
	max-width: 1199px;
	}
}


@media (min-width: 1200px) {
	.index-text-wrapper {
	margin-top: 30px;
	width: 100%;
	}
}





.index-textfeld {
    float: right;
	margin-left: auto;
	margin-right: auto;
    padding-top: 40px;
    padding-bottom: 30px;
	max-width: 480px;
	}


@media (max-width: 320px) {
  .index-textfeld {
      padding-bottom: 50px;
    }
}


@media (max-width: 467px) {
    .index-textfeld {
    margin-top: 50px;
    }
}


@media (max-width: 1199px) {
    .index-textfeld {
	max-width: 465px;
    }
}



			
			  
/* left und right carusel-pfeile*/
			  
.left {
    margin: 3px 0px 3px 2px;
    border-bottom-left-radius: 13px; 
    border-top-left-radius: 13px;
  }

.right {
    margin: 3px 2px 3px 0px;
    border-bottom-right-radius: 13px; 
    border-top-right-radius: 13px;
  }

  .carousel-control {
      top: 90%;
      text-shadow: 0 0px 0px rgba(255, 250, 231, 1.0);
  }


  .carousel-control.right {
      background-image: none;
      filter: alpha(opacity=100);
      opacity: 1.0;
  }


  .carousel-control.left {
      background-image: none;
      filter: alpha(opacity=100);
      opacity: 1.0;
  }


.carousel-indicators {
    top: 92%;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
  }



.produkt-box-wrapper {
    margin-top:30px;
  }


.produkt-box {
    margin-bottom:30px;
  }


.produkt-border-box {
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    border-style: solid;
    border-width: 0px;
    border-color: #fff;
    border-bottom: none;
    width: 100%;
  }


.preis-border-box {
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
    border-style: solid;
    border-width: 0px;
    border-color: #fff;
    border-top: none;
    background-color: #fff;
    width: 100%;
    height: 140px;
    padding: 10px 10px 12px 10px;
  }


  .preis-p, .preis-p-hell {
      font-weight: 400;
  }

  .Best-Nr-bold, .Best-Nr-bold-hell {
      font-weight: 700;
      font-size: 16px;
  }

  .Best-Nr-bold-Preis, .Best-Nr-bold-Preis-hell {
      font-weight: 700;
      font-size: 18px;
  }


.preis-p, .preis-p-hell, .Best-Nr-bold-Preis, .Best-Nr-bold-Preis-hell, .Best-Nr-bold, .Best-Nr-bold-hell {
    font-family: 'Raleway', Verdana, Geneva, sans-serif;
    text-align: center;
  }

.preis-p, .Best-Nr-bold-Preis, .Best-Nr-bold, .info-text-p, .info-text-h2, .info-text-h3 {
    color: #fffae7;
  }


.preis-p-hell, .Best-Nr-bold-Preis-hell, .Best-Nr-bold-hell {
    color: #000;
  }


.info-text-border-box {
    border-radius: 13px;
    border-style: solid;
    border-width: 0px;
    border-color: #fff;
    width: 100%;
    padding: 10px 30px 30px 30px;
  }


.schmuckbild-box {
    border-radius: 13px;
    border-style: solid;
    border-width: 0px;
    border-color: #fff;
  }


.einl-texte, .einl-sprueche, .einl-zitat {
    text-align: center;
  }


.einl-texte, .einl-sprueche, .einl-zitat {
    color: #402f2d;
    background-color: #cab097;
  }


.einl-texte-p {
    margin-bottom: 20px;
  }


.einl-texte-h2 {
    margin-bottom: 30px;
  }


.einl-sprueche {
    padding-top: 30px;
  }


.einl-sprueche-p {
    margin-bottom: 20px;
    font-size: 18px;
    margin-top: 8px;
  }


.info-text-h2, .einl-texte-h2 {
    font-family: 'Oleo Script', cursive, Verdana, Geneva, sans-serif;
    font-size: 30px;
    font-weight: 400;
  }


.info-text-h3 {
    font-size: 18px;
    font-weight: 700;
  }


.info-text-p, .einl-texte-p, .info-text-h3 {
    font-family: 'Merriweather', Verdana, Geneva, sans-serif;
    padding-left: 2px;
  }


.einl-texte-p, .einl-sprueche-p {
    font-family: 'Merriweather', Verdana, Geneva, sans-serif;
  }


.einl-zitat {
    font-family: 'Raleway', Verdana, Geneva, sans-serif;
    font-size: 16px;
  }


.fussleiste {
    background-color: #402f2d;
  }