@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap");
@import url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
body {
  padding: 0px;
  margin: 0px;
  min-height: calc(100vh + 300px);
}
@media (max-width: 1024px) {
  body.mobile-menu-open {
  }
}

@keyframes Sidebar-out {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes Sidebar-in {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
.mobile-menu {
  display: none;
}
@media (max-width: 1525px) {
  .mobile-menu {
    display: block;
  }
}
.mobile-menu .item-toggle-button {
  cursor: pointer;
}

.mobile-menu {

  height: 50px;
  float:right;
  width: 100%;
  /*overflow-y: scroll;
  -webkit-overflow-scrolling:touch;*/
}
.mobile-menu .mobile-toggle {
  height: 50px;
  width: 50px;
  cursor: pointer;
}
.mobile-menu .mobile-toggle svg g {
  fill: #52685C;
  transition: all 200ms linear;
}
.mobile-menu .mobile-toggle svg g rect {
  transition: all 200ms linear;
}
.mobile-menu .mobile-toggle:hover svg g {
  fill: #52685C;
}
.mobile-menu .mobile-toggle.is-open svg g {
  fill: #52685C;
}
.mobile-menu .mobile-toggle.is-open svg g rect {
  x: 0;
  y: 0;
}
.mobile-menu .mobile-toggle svg{
z-index: 1000;
}
.mobile-menu .mobile-toggle.is-open svg g rect:first-child {
  transform: rotate(45deg) translate(24px, -5px);
}
.mobile-menu .mobile-toggle.is-open svg g rect:nth-child(2n) {
  display: none;
}
.mobile-menu .mobile-toggle.is-open svg g rect:last-child {
  transform: rotate(-45deg) translate(-11px, 38px);
}
.mobile-menu .mobile-toggle.is-open:hover svg g {
  fill: #52685C;
}
.mobile-menu nav {
  display: block;
  position: fixed;
  top: 75px;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 428px;
  animation-name: Sidebar-out;
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
  background: #ffffff;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.51);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.51);
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.51);
  overflow-y: scroll;
}
@media (min-width: 768px) {
  .mobile-menu nav {
    top: 80px;
  }
}
@media (min-width: 1024px) {
  .mobile-menu nav {
    top: 144px;
  }
}
.mobile-menu nav ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.mobile-menu nav.primary-nav > ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  margin-right: 32px;
  margin-left: 32px;
  margin-top:50px;
}
.mobile-menu nav ul li {
  position: relative;
}
/*.mobile-menu nav ul li a {*/
/*  color: #DCE5D0;*/
/*  font-weight: 500;*/
/*  text-decoration: none;*/
/*  transition: all 200ms linear;*/
/*  font-size: 16px;*/
/*}*/

.mobile-menu nav ul li.is-open > a {
  color: #52685C;
}
.mobile-menu nav ul li .secondary-nav {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0ms linear;
}
.mobile-menu nav ul li .secondary-nav.gemeinde-amp-rathaus {
background-color: var(--color-gemeinderathaus);
}
.mobile-menu nav ul li .secondary-nav.leben--amp-wohnen {
  background-color: var(--color-lebenwohnen);
}
.mobile-menu nav ul li .secondary-nav.kultur-amp-freizeit {
background-color: var(--color-kulturfreizeit);
}
.mobile-menu nav ul li .secondary-nav.wirtschaft-amp-arbeit {
background-color: var(--color-wirtschaftarbeit);
}
.mobile-menu nav ul li .secondary-nav.umwelt-amp-klima {
background-color: var(--color-umweltenergie);
}

.mobile-menu nav ul li .secondary-nav > ul > li {
  float: none;
  padding: 10px 20px;
}
.mobile-menu nav ul li .secondary-nav ul li a {
  font-size: 16px;
}
.mobile-menu nav ul li .secondary-nav.is-open {
  max-height: 100%;
  transition: max-height 200ms linear;
}
.mobile-menu nav ul li .tertiary-nav {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0ms linear;
}
.mobile-menu nav ul li .tertiary-nav ul li {
  float: none;
}
.mobile-menu nav ul li .tertiary-nav ul li a {
  font-size: 14px;
}
.mobile-menu nav ul li .tertiary-nav.is-open {
  max-height: 100%;
  transition: max-height 200ms linear;
}
.mobile-menu:not(.is-animating) nav {
  display: none;
}

.mobile-menu.is-open:not(.is-animating) nav, .mobile-menu.is-animating:not(.is-open) nav {
  display: block;
  animation-name: Sidebar-in;
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
}
.just_link,
.has-secondary{
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: 1.5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 24 24' fill='none' stroke='%2352685C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'%3E%3C/line%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");background-repeat: no-repeat;
  background-position: right center;
  border-bottom:2px solid #52685C;
  background-repeat: no-repeat;
}
.just_link{
  background: none;
}
.has-secondary span{
  display: block;
}
.has-secondary.is-open{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 24 24' fill='none' stroke='%2352685C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");  background-position: right center;
  background-position: right 0px top 18px;
}
.has-tertiary{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2352685C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'%3E%3C/line%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
  background-position: right center;
  background-repeat: no-repeat;
  background-position: 95% center;
}
.children.has-tertiary span{
  display: block;
  margin-bottom: 4px;
}
.children.has-tertiary .grandchildren a{
  display: block;
  text-transform: uppercase;
  line-height: 1;
  margin: 0.6rem 0 1.3rem;
}
.has-tertiary.is-open{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2352685C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
  background-position: right 16px top 16px;
}
.has-secondary .secondary-nav
{
  font-weight: 400;
  line-height: 30px;
  font-size: 16px;
}
.has-secondary .secondary-nav a
{
  text-transform: none;
  color: #52685C;
  font-weight: 300;
  line-height: 34px;
  font-size: 16px;
}
.just_link.suche_menu{
  border:none;
}
.just_link.suche_menu a
{
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 24 24' fill='none' stroke='%2352685C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");background-size: cover;
width: 31px;
height: 31px;
font-size: 0px;
margin-top: 15px;

}
/*# sourceMappingURL=style.css.map */