#container {
  max-width: 100%;
  padding-top: 90px;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 90px;
  z-index: 90;
  background: url("/fileadmin/Resources/Public/Images/bg.jpg") no-repeat top center #dadada;
  box-shadow: 0 4px 11px -3px rgba(0, 0, 0, 0.8);
  display: flex;
  float: none;
  flex-direction: column;
  justify-content: end;
}
.header .logo {
  position: absolute;
  left: calc(50% - 80px);
  top: 5px;
  width: 160px;
}

.content {
  padding: 0;
  width: 100%;
}
.content article {
  padding: 15px;
}
.content .left-content,
.content .right-content {
  width: 100%;
  float: none;
  padding: 0;
}

.powermail_form {
  margin: 0;
}
.powermail_form label {
  float: none;
  width: 100%;
  margin-bottom: 5px;
}
.powermail_form input, .powermail_form textarea {
  width: calc(100% - 31px);
  padding: 5px 15px;
  font-size: 15px;
}
.powermail_form input.powermail_submit {
  margin: 0;
  padding: 7px 20px;
}

.frontview {
  border: 0;
  width: 100%;
}
.frontview .image img {
  width: 100%;
  height: auto;
}
.frontview .teaser {
  display: none;
}

.ce-textpic {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.ce-textpic .ce-gallery {
  width: 100%;
  float: none;
  margin: 20px 0 !important;
  order: 1;
}
.ce-textpic .ce-bodytext {
  width: 100%;
  order: 0;
}

.main-nav {
  margin: 0;
  width: 100%;
}
.main-nav ul {
  display: flex;
}
.main-nav ul li {
  flex-grow: 1;
  flex-basis: 0;
  background: none;
  padding: 0;
  float: none;
  height: inherit;
}
.main-nav ul li a {
  display: inline-block;
  font-size: 15px;
  padding: 12px 7.5px;
}

table {
  max-width: 100%;
}

img {
  max-width: 100%;
  height: auto;
}

p {
  line-height: 20px;
  font-size: 15px;
  margin-bottom: 25px;
}

h1 {
  font-size: 22px;
  line-height: 27px;
}

.footer {
  padding-top: 15px;
  margin-bottom: 15px;
}
.footer .footer-nav {
  display: flex;
  float: none;
  justify-content: center;
}

.menu-open .rightcontent .content {
  opacity: 0.3;
}
.menu-open.layout-default .wrap .yellow {
  transform: translateX(0);
}

.mobilemenu-wrap {
  z-index: 50;
  position: absolute;
  top: 10px;
  display: block;
  right: 15px;
}

.hamburger {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  z-index: 999;
}
.hamburger > div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 35px;
  height: 4px;
  background-color: #0C244B;
  transform: translate(-50%, -50%);
  border-radius: 2px;
}
.hamburger > div:before, .hamburger > div:after {
  position: absolute;
  content: "";
  width: 35px;
  height: 4px;
  border-radius: 2px;
  background-color: #0C244B;
}
.hamburger > div:before {
  transform: translateY(-9px);
  animation: burger3 250ms linear;
}
.hamburger > div:after {
  transform: translateY(9px);
  animation: burger4 250ms linear;
}

@keyframes burger3 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px) rotate(0deg);
  }
}
@keyframes burger4 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(5px) rotate(0deg);
  }
}
#menu {
  display: none;
}
#menu:checked ~ .hamburger > div {
  visibility: hidden;
}
#menu:checked ~ .hamburger > div:before, #menu:checked ~ .hamburger > div:after {
  visibility: visible;
  background-color: #0C244B;
  transform-origin: center center;
  transform: translateY(0);
  transition: all 250ms linear;
}
#menu:checked ~ .hamburger > div:before {
  transform: rotate(-45deg);
  animation: burger1 250ms linear;
}
#menu:checked ~ .hamburger > div:after {
  transform: rotate(45deg);
  animation: burger2 250ms linear;
}

@keyframes burger1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0) rotate(-45deg);
  }
}
@keyframes burger2 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0) rotate(45deg);
  }
}

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