/*---SETTINGS---*/
/*---GENERAL---*/
h1, h2, h3, p, span, li {
  font-family: 'Playfair Display';
  color: #3F3F3F; }

p {
  line-height: 2; }

h1, h2, h3 {
  font-weight: bold; }

h2 {
  font-size: 2rem; }

h3 {
  font-size: 1.5rem; }

.big-text {
  font-size: 1.3rem;
  margin-top: -.5rem;
  line-height: 1.5; }

html, body {
  height: 100%;
  background-color: white; }

@media screen and (max-width: 39.9375em) {
  h2 {
    font-size: 1rem; }

  h3 {
    font-size: .9rem; }

  .big-text {
    font-size: .8rem; }

  p, li {
    font-size: .6rem; } }
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  h2 {
    font-size: 1.5rem; }

  h3 {
    font-size: 1.2rem; }

  .big-text {
    font-size: 1rem; } }
ul.real-list li {
  font-family: 'Playfair Display';
  margin-bottom: 1rem; }

/*---BUTTON---*/
.button {
  background-color: #F7BAA1;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  color: white;
  font-weight: bold;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-top: 1.5rem; }
  .button:hover {
    background-color: #f39872; }

/*---NAV---*/
.sticky-topbar {
  width: 100%;
  background-color: white;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  z-index: 99 !important; }

.title-bar-title {
  padding-left: .5rem; }

@media screen and (max-width: 39.9375em) {
  .top-bar-wrapper {
    border-bottom: none !important; }

  .top-bar-right .menu {
    margin-top: 1rem; }
    .top-bar-right .menu li {
      display: block; }
      .top-bar-right .menu li a {
        padding-left: 0; } }
ul.orbit-container {
  height: 100% !important; }

* {
  transition: all .2s;
  outline: none; }

.title-bar {
  background: #F7BAA1; }

.top-bar {
  background-color: white;
  padding-left: 0;
  padding-right: 0;
  font-family: 'Open Sans' !important; }
  .top-bar ul {
    background-color: white; }
  .top-bar .top-bar-left .menu-text {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0; }
    .top-bar .top-bar-left .menu-text a {
      padding-left: 0; }
  .top-bar .top-bar-right .menu li:last-child a {
    padding-right: 0; }
  .top-bar .is-dropdown-submenu {
    border: none;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: .5rem; }
  .top-bar .menu li a {
    color: #F7BAA1;
    font-family: 'Open Sans' !important; }
    .top-bar .menu li a:hover {
      color: #f39872; }
    .top-bar .menu li a img {
      position: relative !important;
      top: -10px !important;
      float: right; }
  .top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-color: #F7BAA1 transparent; }

/*---TOP-SLIDER---*/
.orbit .slider-text-wrapper {
  position: absolute;
  bottom: 5%;
  left: 10%; }
.orbit .orbit-slide h1, .orbit .orbit-slide h2, .orbit .orbit-slide p {
  color: white;
  text-shadow: 1px 1px 4px black; }

/*---SECTIONS---*/
#about {
  padding: 8rem 0;
  background-image: url("../img/konfetti-bg-top.png");
  background-position: top;
  background-repeat: repeat-x;
  background-color: #F9F9F9; }
  @media screen and (max-width: 39.9375em) {
    #about {
      padding: 3rem 0; } }
  #about img {
    margin-bottom: 2rem; }

#about-jujuju {
  padding: 8rem 0;
  background-image: url("../img/konfetti-bg-right.png");
  background-position: right top;
  background-repeat: no-repeat;
  background-color: #F7BAA1; }
  @media screen and (max-width: 39.9375em) {
    #about-jujuju {
      padding: 3rem 0; } }
  #about-jujuju h2, #about-jujuju p {
    color: white; }
  #about-jujuju h1 {
    color: white; }

@media screen and (max-width: 39.9375em) {
  #service .grid-container {
    margin-top: 2rem !important; }
  #service h1 {
    color: #F7BAA1 !important;
    text-shadow: none !important; } }
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  #service .grid-container {
    margin-top: -10rem !important; }
  #service .grid-container.fix {
    margin-top: 0rem !important; }
  #service h1 {
    color: #F7BAA1 !important;
    text-shadow: none !important; } }
#service img {
  width: 100%; }
#service .grid-container {
  margin-top: -20rem; }
  #service .grid-container .service-wrapper {
    background-color: white;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 1.3rem 2rem;
    margin-bottom: 2rem; }
#service .grid-container.fix {
  margin-top: 0rem; }
#service h1 {
  color: white;
  text-shadow: 1px 1px 4px black;
  margin-bottom: 3rem; }
#service .partner-wrapper img {
  margin-bottom: 2rem; }
#service hr {
  border-bottom: #E4E4E4 solid thin;
  margin: 3rem 0 5rem 0; }
#service .deko-price-wrapper span {
  font-style: italic;
  font-size: 1rem;
  display: inline-block; }
#service .deko-price-wrapper span.price-text {
  font-style: normal;
  font-size: .8rem; }
#service .jujujubg {
  background-color: #F7BAA1;
  background-image: url("../img/konfetti-bg-right.png");
  background-position: right top;
  background-repeat: no-repeat; }
  #service .jujujubg h2, #service .jujujubg h3, #service .jujujubg p, #service .jujujubg span {
    color: white; }
  #service .jujujubg .button {
    background-color: white;
    color: #F7BAA1; }
  #service .jujujubg hr {
    border-bottom: white solid thin; }

@media screen and (max-width: 39.9375em) {
  #location .grid-container {
    top: -5rem !important;
    margin-top: 10rem; } }
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  #location .grid-container {
    top: 0 !important;
    margin-top: 5rem; } }
#location .grid-container {
  position: relative;
  top: 8rem; }
#location img {
  width: 100%;
  position: relative;
  top: -10rem;
  z-index: -1; }
#location h1 {
  color: #F7BAA1; }

#impressions {
  padding-bottom: 5rem; }
  @media screen and (max-width: 39.9375em) {
    #impressions {
      margin-top: -5rem; } }
  #impressions h1 {
    color: #F7BAA1;
    margin-bottom: 3rem; }
  #impressions img {
    margin-bottom: 2rem; }

#contact {
  padding: 8rem 0;
  background-image: url("../img/contact-bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover; }
  @media screen and (max-width: 39.9375em) {
    #contact {
      padding: 3rem 0 !important; } }
  #contact h1 {
    margin-bottom: 3rem; }
  #contact h1, #contact h2, #contact p, #contact a, #contact span {
    color: white; }
  #contact a {
    font-family: 'Playfair Display';
    font-weight: bold; }
    #contact a:hover {
      text-decoration: underline; }
  #contact hr {
    border-bottom: white solid thin; }

/*---FORM---*/
form {
  margin-top: 3rem; }
  form .form-inputs input:last-child {
    margin-bottom: 0 !important; }
  form .button {
    background-color: white;
    color: #F7BAA1; }
  form label {
    color: white; }

input, textarea {
  background: transparent !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border-bottom: solid white thin !important;
  color: white !important;
  font-family: 'Playfair Display' !important;
  font-weight: bold !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  font-size: 1.3rem !important;
  margin-bottom: 2rem !important;
  padding-left: 0 !important;
  line-height: 1.5 !important; }

input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: white;
  opacity: .5; }

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: white;
  opacity: .5; }

input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: white;
  opacity: .5; }

input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: white;
  opacity: .5; }

input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: white;
  opacity: .5; }

input::placeholder {
  /* Most modern browsers support this now. */
  color: white;
  opacity: .5; }

textarea::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: white;
  opacity: .5; }

textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: white;
  opacity: .5; }

textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: white;
  opacity: .5; }

textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: white;
  opacity: .5; }

textarea::-ms-input-placeholder {
  /* Microsoft Edge */
  color: white;
  opacity: .5; }

textarea::placeholder {
  /* Most modern browsers support this now. */
  color: white;
  opacity: .5; }

textarea {
  height: 100%; }

@media screen and (max-width: 39.9375em) {
  textarea {
    margin-top: 1rem; } }
#dsgvo {
  float: left;
  margin-left: 0;
  margin-right: 0.1rem;
  margin-bottom: 0 !important;
  position: relative;
  top: 6px; }

/*---FOOTER---*/
footer {
  padding: 3rem 0;
  background-color: #F9F9F9;
  font-family: 'Open Sans'; }
  footer .menu li a {
    padding-left: 0;
    color: #F7BAA1; }
    footer .menu li a:hover {
      color: #f39872; }

/*---HELPER---*/
.img-text-fix {
  margin-top: 1rem; }

.mrt1-5 {
  margin-top: 1.5rem; }

.mrb1 {
  margin-bottom: 1rem; }

.mrb5 {
  margin-bottom: 5rem; }

.mrt5 {
  padding-top: 5rem; }

.mrbt5 {
  padding-top: 5rem;
  padding-bottom: 5rem; }

.badge-nav-fix {
  padding-right: 0px !important; }

.g-bg {
  background-color: #F9F9F9; }

.space-top {
  margin-top: 30rem; }

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .space-top {
    margin-top: 15rem; } }
@media screen and (max-width: 39.9375em) {
  .space-top {
    margin-top: 3rem; }

  .mrb5 {
    margin-bottom: 0; }

  .mrbt5 {
    padding-top: 3rem;
    padding-bottom: 3rem; } }
.seperator {
  height: 20rem;
  background-image: url("../img/konfetti-bg-top.png");
  background-position: top;
  background-repeat: repeat-x; }

/*# sourceMappingURL=app.css.map */