.show {
  display: block !important; }

nav {
  position: absolute;
  right: 0;
  top: 150px; }

nav ul {
  list-style: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0; }

.nav {
  width: auto;
  height: 50px;
  margin: 0 0 0 0;
  background: #ffffff;
  color: #000000; }
  .nav a {
    display: inline-block;
    height: 50px;
    background-color: #ffffff;
    padding: 0 18px;
    margin: 0 -2px;
    line-height: 50px;
    cursor: pointer;
    text-decoration: none;
    color: black;
    font-size: 14pt;
    font-weight: 400; }
    .nav a:hover {
      background: #e7d98d; }

.nav__menu {
  line-height: 26px;
  font-weight: 300;
  display: block; }

.nav__menu-item {
  display: inline-block;
  position: relative; }
  .nav__menu-item:hover {
    background-color: #e7d98d; }
    .nav__menu-item:hover .nav__submenu {
      display: block;
      height: auto;
      overflow: visible; }

.nav__submenu {
  font-weight: 300;
  text-transform: none;
  display: none;
  position: absolute;
  z-index: 2;
  width: 280px;
  background-color: #ffffff; }

.nav__submenu-item {
  color: #000000; }
  .nav__submenu-item a {
    background: #ffffff;
    width: 100%; }
    .nav__submenu-item a:hover {
      background: #e7d98d; }

#toggle-btn {
  display: none;
  width: 50px;
  height: 50px;
  position: absolute;
  z-index: 3;
  right: 0px;
  top: 0px;
  margin: 0 0px 0 0px;
  padding: 0px;
  background: transparent; }
  #toggle-btn svg {
    height: 50px;
    width: 50px; }

#toggle-hamburger {
  fill: #000000;
  width: 50px;
  height: 50px;
  padding: 5px;
  background-color: transparent; }

.nav-chevron {
  width: 25px;
  height: 22px;
  margin: 0;
  -webkit-transform: scale(0.8) translateY(6px) translateX(5px);
      -ms-transform: scale(0.8) translateY(6px) translateX(5px);
          transform: scale(0.8) translateY(6px) translateX(5px); }

@media all and (max-width: 1200px) {
  .show {
    margin-top: 50px; }
  #toggle-btn {
    display: block; }
  .nav__menu {
    display: none;
    background: #ffffff; }
  .nav__menu-item {
    display: block;
    width: 100%; }
  nav a {
    width: 100%; }
  nav .nav__submenu {
    width: 100%; }
  .nav {
    width: 100%;
    background: transparent;
    margin: 0 0px 0 0;
    position: absolute;
    top: 50px; }
    .nav a {
      font-size: 12pt;
      height: 30px;
      line-height: 30px;
      padding: 0 10px;
      background-color: #f4f4f4; }
  .nav__menu-item {
    display: inline-block;
    position: relative; }
    .nav__menu-item .nav__submenu {
      display: block;
      height: auto;
      overflow: visible;
      background-color: #f4f4f4; }
  .nav__submenu-item {
    width: 50%;
    display: inline-block;
    float: left;
    background: color-2; }
    .nav__submenu-item a {
      background: #ffffff;
      border-right: 1px solid #cccccc;
      border-bottom: 1px solid #cccccc;
      border-top: 1px solid #cccccc; }
  .nav__submenu {
    display: none;
    overflow: hidden; }
  #submenu-2 {
    margin-top: 90px; }
  #submenu-3 {
    margin-top: 60px; }
  .nav-chevron {
    width: 25px;
    height: 22px;
    margin: 0;
    -webkit-transform: scale(0.5) translateY(13px) translateX(-8px);
        -ms-transform: scale(0.5) translateY(13px) translateX(-8px);
            transform: scale(0.5) translateY(13px) translateX(-8px);
    opacity: 0.7; }
  .nav__menu {
    border-bottom: 4px solid #e7d98d; } }

@media all and (max-width: 768px) {
  .nav a {
    font-size: 10pt; } }

html {
  box-sizing: border-box;
  overflow-x: hidden; }

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }
  *:before, *:after {
    box-sizing: border-box; }

html, body {
  height: 100%; }

img {
  max-width: 100%; }

body {
  font-family: 'Open Sans', sans-serif;
  background: #f4f4f4; }

.clearfix {
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0px; }

.bar-1 {
  height: 50px;
  background: white; }

.bar-2 {
  height: 50px;
  background: #e7d98d; }

.bar-3 {
  height: 100px;
  background: #e7d98d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left;
  padding-left: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.bar-4 {
  height: 50px;
  background: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0px 0px 0px 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.bar-5 {
  height: 50px;
  background: white; }

#ee-logo {
  width: 234px;
  height: 90%;
  background-image: url(../img/erdin-logo.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 10; }

#ee-slogan {
  width: 480px;
  height: 90%;
  background-image: url(../img/erdin-slogan.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

header {
  height: calc(100% - 300px);
  min-height: 700px;
  width: 100%;
  background-image: url(../img/bg-l.jpg);
  background-size: cover;
  background-position: center; }

/* SECTION STYLING */
section {
  min-height: 300px;
  height: auto;
  max-width: 1000px;
  margin: 0 auto; }
  section h2 {
    text-align: left;
    max-width: 100%;
    margin: 50px auto 30px;
    padding: 0 5%; }
  section p {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 5%;
    font-size: 1.2em; }
  td {
    padding-bottom: 5px;
    padding-right: 20px;
    font-size: 1.2em;}

  section #ee-images {
    height: auto;
    margin: 50px 0; }
    section #ee-images .ee-img-row1 {
      height: 26%;
      min-height: 280px;
      max-height: 350px;
      width: 43%;
      display: inline-block;
      background: gray;
      margin: 30px 1% 20px 5%; }
    section #ee-images .ee-img-row2 {
      height: 26%;
      min-height: 280px;
      max-height: 350px;
      width: 43%;
      display: inline-block;
      background: gray;
      margin: 30px 1% 20px 5%; }
    section #ee-images .ee-img-row3 {
      height: 46%;
      width: 90%;
      margin: 30px 5% 20px 5%;
      display: inline-block;
      background: gray;
      min-height: 380px;
      max-height: 450px; }
  section .ee-img-row4 {
    height: 46%;
    width: 90%;
    margin: 0px 5% 20px 5%;
    display: inline-block;
    background: gray;
    min-height: 380px;
    max-height: 450px; }

/* FOOTER STYLING */
#ee-footer {
  height: 50px;
  background-color: #e7d98d;
  color: black;
  font-size: 16px;
  width: 100%;
  text-align: center; }
  #ee-footer p {
    float: left; }
  #ee-footer a {
    color: black;
    text-decoration: none;
    cursor: pointer; }
  #ee-footer .ee-footer-item {
    text-align: center;
    line-height: 50px; }
  #ee-footer .footer-content {
    padding: 0 10px;
    display: inline-block; }
  #ee-footer #ee-footer-1::after {
    content: "|";
    margin: 0 10px 0 0; }
  #ee-footer #ee-footer-2::after {
    content: "|";
    margin: 0 10px 0 0; }
  #ee-footer #ee-footer-3::after {
    content: "";
    margin: 0 0px 0 0; }
  #ee-footer #ee-footer-1 {
    width: auto; }
  #ee-footer #ee-footer-2 {
    width: auto; }
  #ee-footer #ee-footer-3 {
    width: auto; }
  #ee-footer #ee-footer-item-2 {
    float: left;
    width: auto; }

#map {
  height: 100%; }

@media all and (max-width: 1200px) {
  header {
    background-image: url(../img/bg-m.jpg);
    height: calc(100% - 250px); }
  .bar-1 {
    height: 0px; }
  #ee-images .ee-img-row1 {
    max-height: 300px; } }

@media all and (max-width: 900px) {
  header {
    height: calc(100% - 300px); }
  .bar-2 {
    height: 100px; }
  #ee-footer #ee-footer-1 {
    width: 100%; }
  #ee-footer #ee-footer-2 {
    width: auto; }
  #ee-footer #ee-footer-3 {
    width: auto; }
  #ee-footer #ee-footer-1::after {
    content: "";
    margin: 0 0px 0 0; }
  #ee-footer #ee-footer-2::after {
    content: "";
    margin: 0 0px 0 0; }
  #ee-footer #ee-footer-3::after {
    content: "";
    margin: 0 0px 0 0; }
  #ee-footer #ee-footer-item-2 {
    width: 100%; } }

@media all and (max-width: 768px) {
  header {
    background-image: url(../img/bg-s.jpg);
    background-height: calc(100% - 300px); }
  section #ee-images .ee-img-row1 {
    height: 46%;
    width: 90%;
    margin: 30px 5% 20px 5%; }
  section #ee-images .ee-img-row2 {
    height: 46%;
    width: 90%;
    margin: 30px 5% 20px 5%; } }

@media all and (max-width: 500px) {
  header {
    background-image: url(../img/bg-xs.jpg);
    height: calc(100% - 250px); }
  .bar-5 {
    height: 0px; }
  #ee-footer {
    font-size: 9pt; } }

#ee-images #ee-img-1-1_1 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/rahmen/rahmen-02.jpg); }

#ee-images #ee-img-1-1_2 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/rahmen/rahmen-03.jpg); }

#ee-images #ee-img-1-1_3 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/rahmen/rahmen-01.jpg); }

#ee-images #ee-img-1-1_4 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/rahmen/rahmen-05.jpg); }

#ee-images #ee-img-1-1_5 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/rahmen/rahmen-06.jpg); }

#ee-images #ee-img-1-1_6 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/rahmen/rahmen-07.jpg); }

#ee-images #ee-img-1-2_1 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/vergoldungen/vergoldung-05.jpg); }

#ee-images #ee-img-1-2_2 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/vergoldungen/vergoldung-02.jpg); }

#ee-images #ee-img-1-2_3 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/vergoldungen/vergoldung-03.jpg); }

#ee-images #ee-img-1-2_4 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/vergoldungen/vergoldung-06.jpg); }

#ee-images #ee-img-1-2_5 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/vergoldungen/vergoldung-01.jpg); }

#ee-images #ee-img-1-2_6 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/vergoldungen/vergoldung-07.jpg); }

#ee-images #ee-img-1-3_1 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/buchbindearbeiten/buchbindearbeiten-01.jpg); }

#ee-images #ee-img-1-3_2 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/buchbindearbeiten/buchbindearbeiten-02.jpg); }

#ee-images #ee-img-1-3_3 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/buchbindearbeiten/buchbindearbeiten-03.jpg); }

#ee-images #ee-img-1-3_4 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/buchbindearbeiten/buchbindearbeiten-04.jpg); }

#ee-images #ee-img-1-5_1 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/restaurierungen/restaurierungen-02.jpg); }

#ee-images #ee-img-1-5_2 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/restaurierungen/restaurierungen-03.jpg); }

#ee-images #ee-img-1-5_3 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/restaurierungen/restaurierungen-04.jpg); }

#ee-images #ee-img-1-6_1 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/spiegel/spiegel-01.jpg); }

#ee-images #ee-img-1-6_2 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/spiegel/spiegel-02.jpg); }

#ee-images #ee-img-1-6_3 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/spiegel/spiegel-03.jpg); }

#ee-images #ee-img-1-6_4 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/spiegel/spiegel-04.jpg); }

#ee-images #ee-img-2-1_1 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/schmuck/schmuck-01.jpg); }

#ee-images #ee-img-2-1_2 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/schmuck/schmuck-04.jpg); }

#ee-images #ee-img-2-1_3 {
  background-size: cover;
  background-image: url(../img/schmuck/schmuck-02.jpg); }

#ee-images #ee-img-2-1_4 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/schmuck/schmuck-07.jpg); }

#ee-images #ee-img-2-1_5 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/schmuck/schmuck-05.jpg); }

#ee-images #ee-img-2-1_6 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/schmuck/schmuck-03.jpg); }

#ee-images #ee-img-2-2_1 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/wohnaccessoires/wohnaccessoires-01.jpg); }

#ee-images #ee-img-2-2_2 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/wohnaccessoires/wohnaccessoires-02.jpg); }

#ee-images #ee-img-2-2_3 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/wohnaccessoires/wohnaccessoires-03.jpg); }

#ee-images #ee-img-2-2_4 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/wohnaccessoires/wohnaccessoires-04.jpg); }

#ee-images #ee-img-2-2_5 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/wohnaccessoires/wohnaccessoires-05.jpg); }

#ee-images #ee-img-2-2_6 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/wohnaccessoires/wohnaccessoires-06.jpg); }

#ee-images #ee-img-2-3_1 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/saisonales/saisonales-01.jpg); }

#ee-images #ee-img-2-3_2 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/saisonales/saisonales-02.jpg); }

#ee-images #ee-img-2-3_3 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/saisonales/saisonales-03.jpg); }

#ee-images #ee-img-2-3_4 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/saisonales/saisonales-04.jpg); }

#ee-images #ee-img-2-4_1 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/geschenke/geschenke-01.jpg); }

#ee-images #ee-img-2-4_2 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/geschenke/geschenke-02.jpg); }

#ee-images #ee-img-2-4_3 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/geschenke/geschenke-03.jpg); }

#ee-images #ee-img-2-4_4 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/geschenke/geschenke-04.jpg); }

#ee-images #ee-img-2-5_1 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/kunstobjekte/kunstobjekte-01.jpg); }

#ee-images #ee-img-2-5_2 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/kunstobjekte/kunstobjekte-02.jpg); }

#ee-images #ee-img-2-5_3 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/kunstobjekte/kunstobjekte-03.jpg); }

#ee-images #ee-img-2-5_4 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/kunstobjekte/kunstobjekte-04.jpg); }

#ee-images #ee-img-2-5_5 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/kunstobjekte/kunstobjekte-05.jpg); }

#ee-images #ee-img-2-5_6 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/kunstobjekte/kunstobjekte-06.jpg); }

#ee-images #ee-img-3-1 {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/anlaesse/flyer-01.jpg);
  background-color: #f4f4f4;
  min-height: 400px; }

#ee-images #ee-img-3-2 {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/anlaesse/flyer-02.jpg);
  background-color: #f4f4f4;
  min-height: 400px; }

#ee-images #ee-img-3-3 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/anlaesse/anlaesse-3.jpeg);
  min-height: 700px;}

#ee-images #ee-img-4 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/uebermich/uebermich-01.jpg); }

#ee-images #ee-img-5 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/kontakt/kontakt-04.jpg); }