@charset "UTF-8";
/*

// Tests
.test-1 {
  @include linear-gradient(#31B7D7, #EDAC7D);
}

.test-2 {
  @include linear-gradient(to right, #E47D7D 0%, #C195D3 50%, #4FB4E8 100%);
}

.test-3 {
  @include linear-gradient(42deg, #B58234 0%, #D2B545 50%, #D7C04D 50.01%, #FFFFFF 100%);
}*/
/**
 * the sticky footer implementation: @include sticky-footer(30px);
 **/
*, *::after, *::before {
  box-sizing: border-box;
  text-rendering: optimizelegibility;
  outline: 0 none;
}

.hyphenate {
  hyphens: auto;
}

.donthyphenate {
  hyphens: none;
}

html {
  color: #040402;
  font-size: 1em;
  line-height: 1.4;
}

body {
  quotes: "� " " �";
  font: 18px/28px Lato, Arial, sans-serif;
  cursor: default;
  background-color: #FCF0E2;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB3aWR0aD0nMTAwJScgaGVpZ2h0PSczMDAnPgoJPGRlZnM+CgkJPGcgaWQ9J2MnPgoJCQk8ZWxsaXBzZSBjeD0nNTAlJyByeD0nNTAlJyByeT0nMTc1JScgZmlsbC1vcGFjaXR5PScwLjE3JyBmaWxsPScjRkNGMEUyJy8+CgkJPC9nPgoJPC9kZWZzPgoJPHJlY3Qgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJScgZmlsbD0nIzk5NUQ2OScvPgoJPHVzZSB4bGluazpocmVmPScjYycgeT0nLTIwMCUnLz4KCTx1c2UgeGxpbms6aHJlZj0nI2MnIHk9Jy0xNjYuNjY2NjY2NjY2NjY2NjklJy8+Cgk8dXNlIHhsaW5rOmhyZWY9JyNjJyB5PSctMTMzLjMzMzMzMzMzMzMzMzM0JScvPgoJPHVzZSB4bGluazpocmVmPScjYycgeT0nLTEwMCUnLz4KCTx1c2UgeGxpbms6aHJlZj0nI2MnIHk9Jy02Ni42NjY2NjY2NjY2NjY2NyUnLz4KCTx1c2UgeGxpbms6aHJlZj0nI2MnIHk9Jy0zMy4zMzMzMzMzMzMzMzMzMzYlJy8+Cgk8dXNlIHhsaW5rOmhyZWY9JyNjJyB5PScwJScvPgoJPHVzZSB4bGluazpocmVmPScjYycgeT0nMzMuMzMzMzMzMzMzMzMzMzM2JScvPgoJPHVzZSB4bGluazpocmVmPScjYycgeT0nNjYuNjY2NjY2NjY2NjY2NjclJy8+Cgk8dXNlIHhsaW5rOmhyZWY9JyNjJyB5PScxMDAlJy8+Cgk8dXNlIHhsaW5rOmhyZWY9JyNjJyB5PScxMzMuMzMzMzMzMzMzMzMzMzQlJy8+Cgk8dXNlIHhsaW5rOmhyZWY9JyNjJyB5PScxNjYuNjY2NjY2NjY2NjY2NjklJy8+Cgk8dXNlIHhsaW5rOmhyZWY9JyNjJyB5PScyMDAlJy8+Cgk8dXNlIHhsaW5rOmhyZWY9JyNjJyB5PScyMzMuMzMzMzMzMzMzMzMzMzQlJy8+Cgk8dXNlIHhsaW5rOmhyZWY9JyNjJyB5PScyNjYuNjY2NjY2NjY2NjY2NyUnLz4KCTx1c2UgeGxpbms6aHJlZj0nI2MnIHk9JzMwMCUnLz4KPC9zdmc+");
}

h1, h2, h3 {
  font-family: "Boogaloo", "Droid Serif", serif;
  padding-top: 2px;
  margin: auto;
  clear: both;
  color: #4E0E31;
}

h1 {
  color: #040402;
}

#viewportwidth {
  top: 0;
  left: 0;
  position: absolute;
  background-color: red;
  z-index: 555;
  font-size: 2rem;
  display: block;
  width: 200px;
}

/*----------------------------------------Top Anchor---------------------------------*/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  overflow: hidden;
  width: 51px;
  height: 51px;
  border: none;
  text-indent: 100%;
  background: url("ui.totop.png") no-repeat left top;
  z-index: 500;
}

#toTopHover {
  background: url("ui.totop.png") no-repeat left -51px;
  width: 51px;
  height: 51px;
  display: block;
  overflow: hidden;
  float: left;
  opacity: 0;
  z-index: 500;
}

#toTop:active, #toTop:focus {
  outline: none;
}

#wrapper {
  box-shadow: inset 4px 4px 15px 4px rgba(4, 4, 2, 0.75), inset -2px 3px 15px 4px rgba(243, 57, 96, 0.35);
  position: relative;
  padding: 30px 20%;
  z-index: 3;
}

#container {
  position: relative;
  margin: 0 auto;
  max-width: 1400px;
  z-index: 10;
  padding-top: 30px;
}

.merke {
  font: 24px/29px "Boogaloo", "Droid Serif", serif;
  color: #F33960;
  padding: 0.5em;
  background: white;
  box-shadow: rgba(158, 158, 158, 0.7) 2px 2px 10px;
  border: 1px solid #FCF0E2;
}

a {
  color: #040402;
  text-decoration: none;
  font-style: italic;
  font-size: 0.875em;
}

a:visited {
  color: #4E0E31;
}

a:focus {
  color: #DCAAB6;
}

a:hover {
  color: #F33960;
}

a:active {
  color: #DCAAB6;
}

@media only screen and (max-width: 766px) {
  body {
    font-size: 1.125em;
  }
  #wrapper {
    padding: 0 5%;
  }
  h2 {
    color: #5f2645;
  }
}

@media only screen and (max-width: 378px) {
  font-size: 1.25em;
  #wrapper {
    padding: 5px;
  }
  h2 {
    color: #713e5a;
  }
}

@media only screen and (min-width: 1240px) {
  #wrapper {
    padding: 0 25%;
  }
  h2 {
    color: #040402;
  }
}

#HyphenatorToggleBox {
  display: none;
}

h1 {
  font-size: 1.8em;
  line-height: 1.5em;
}

h2 {
  font-size: 1.6em;
  line-height: 1em;
}

h3 {
  font-size: 1.4em;
  line-height: 0.5em;
}

h4 {
  font-size: 1.2em;
  line-height: 0em;
}