.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  /* Default for 1600x900 videos 16:9 ratio*/
  padding-top: 0px;
  height: 0;
  overflow: hidden; }
  .responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.respsize {
  display: none;
  background-color: red;
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 10px;
  z-index: 9999999;
  font-family: 'FF DIN Pro Medium';
  color: #FFF; }

@media (max-width: 1280px) {
  .resp-xlarge {
    display: block; }
  .resp-large,
  .resp-medium,
  .resp-small {
    display: none; } }

@media (max-width: 1024px) {
  .resp-large {
    display: block; }
  .resp-xlarge,
  .resp-medium,
  .resp-small {
    display: none; } }

@media (max-width: 1023px) {
  .resp-medium {
    display: block; }
  .resp-large,
  .resp-xlarge,
  .resp-small {
    display: none; } }

@media (max-width: 667px) {
  .resp-small {
    display: block; }
  .resp-large,
  .resp-medium,
  .resp-xlarge {
    display: none; } }

.nav--column-1,
.nav--column-2,
.nav--column-3 {
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }

div.editlink a {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 5px;
  background-color: #eb6a22;
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'FF DIN Pro Medium' !important;
  text-decoration: none;
  z-index: 97; }

div.editlink-container a {
  display: block;
  position: fixed;
  right: 0;
  bottom: 0;
  padding: 5px;
  background-color: #eb6a22;
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'FF DIN Pro Medium' !important;
  text-decoration: none;
  z-index: 97; }

form#user-login {
  width: 800px;
  margin: 0px auto;
  padding-top: 230px; }

section {
  position: relative; }

* {
  outline: none; }

main.error-403, main.error-404 {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px; }

input[type="text"], input[type="submit"], input[type="number"] {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

a.button {
  display: block;
  position: relative;
  background-color: #ffffff;
  padding: 25px;
  color: #eb6a22;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 16px;
  line-height: 18px;
  font-weight: 700;
  /*@media (max-width: 945px) {
		padding: 20px;
	}
	@media (max-width: 900px) {
		font-size: 14px;
	}*/ }
  a.button.button--slim {
    padding: 15px;
    padding-top: 15px !important;
    padding-bottom: 15px !important; }
  a.button.button--bluegreen {
    color: #3ba4ad; }
  a.button.button--inline {
    display: inline-block;
    padding-right: 50px; }
  a.button:after {
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    font-size: 13px;
    vertical-align: middle;
    padding-left: 10px;
    margin-top: 1px;
    position: absolute;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    right: 25px;
    top: 50%;
    transform: translateY(-50%); }
  a.button.entsorgungskompass-link {
    font-size: 19px !important; }
    @media (max-width: 1024px) {
      a.button.entsorgungskompass-link {
        font-size: 14px !important;
        padding: 15px; }
        a.button.entsorgungskompass-link::after {
          right: 15px; } }
  @media (max-width: 667px) {
    a.button.button-icon--calendar {
      padding-left: 40px; } }
  a.button.button-icon--calendar:before {
    content: "\f073";
    font-family: FontAwesome;
    font-style: normal;
    display: inline-block;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 20px;
    padding-right: 15px;
    vertical-align: middle;
    margin-top: -5px; }
    @media (max-width: 667px) {
      a.button.button-icon--calendar:before {
        padding-right: 0;
        padding-left: 0px;
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        margin-top: 0; } }
  @media (max-width: 667px) {
    a.button.button-icon--compass {
      padding-left: 40px; } }
  a.button.button-icon--compass:before {
    content: "\f14e";
    font-family: FontAwesome;
    font-style: normal;
    display: inline-block;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 20px;
    padding-right: 15px;
    vertical-align: middle;
    margin-top: -5px; }
    @media (max-width: 667px) {
      a.button.button-icon--compass:before {
        padding-right: 0;
        padding-left: 0px;
        position: absolute;
        left: 15px;
        top: 25px; } }
  @media (max-width: 667px) {
    a.button.button-icon--clouddownload {
      padding-left: 40px; } }
  a.button.button-icon--clouddownload:before {
    content: "\f0ed";
    font-family: FontAwesome;
    font-style: normal;
    display: inline-block;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 20px;
    padding-right: 15px;
    vertical-align: middle;
    margin-top: -5px; }
    @media (max-width: 667px) {
      a.button.button-icon--clouddownload:before {
        padding-right: 0;
        padding-left: 0px;
        position: absolute;
        left: 15px;
        top: 25px; } }
  @media (max-width: 667px) {
    a.button.button-icon--pencilsquareo {
      padding-left: 40px; } }
  a.button.button-icon--pencilsquareo:before {
    content: "\f044";
    font-family: FontAwesome;
    font-style: normal;
    display: inline-block;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 20px;
    padding-right: 15px;
    vertical-align: middle;
    margin-top: -5px; }
    @media (max-width: 667px) {
      a.button.button-icon--pencilsquareo:before {
        padding-right: 0;
        padding-left: 0px;
        position: absolute;
        left: 15px;
        top: 25px; } }
  @media (max-width: 667px) {
    a.button.button-icon--fax {
      padding-left: 40px; } }
  a.button.button-icon--fax:before {
    content: "\f1ac";
    font-family: FontAwesome;
    font-style: normal;
    display: inline-block;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 20px;
    padding-right: 15px;
    vertical-align: middle;
    margin-top: -5px; }
    @media (max-width: 667px) {
      a.button.button-icon--fax:before {
        padding-right: 0;
        padding-left: 0px;
        position: absolute;
        left: 15px;
        top: 25px; } }
  @media (max-width: 667px) {
    a.button.button-icon--flugzeug {
      padding-left: 40px; } }
  a.button.button-icon--flugzeug:before {
    content: "\f1d8";
    font-family: FontAwesome;
    font-style: normal;
    display: inline-block;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 20px;
    padding-right: 15px;
    vertical-align: middle;
    margin-top: -5px; }
    @media (max-width: 667px) {
      a.button.button-icon--flugzeug:before {
        padding-right: 0;
        padding-left: 0px;
        position: absolute;
        left: 15px;
        top: 25px; } }
  a.button.button-icon--email:before {
    content: "\f003";
    font-family: FontAwesome;
    font-style: normal;
    display: inline-block;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 20px;
    padding-right: 15px;
    vertical-align: middle;
    margin-top: -5px; }
  a.button.button-icon--telefon:before {
    content: "\f095";
    font-family: FontAwesome;
    font-style: normal;
    display: inline-block;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 20px;
    padding-right: 15px;
    vertical-align: middle;
    margin-top: -5px; }
  a.button.button-icon--telefon {
    cursor: default; }
    a.button.button-icon--telefon:after {
      content: ""; }
  a.button.button--full {
    background-color: #eb6a22;
    color: #ffffff;
    font-size: 20px;
    line-height: 22px;
    padding-top: 20px;
    padding-bottom: 20px; }
    @media (max-width: 667px) {
      a.button.button--full {
        font-size: 14px; } }
    @media (max-width: 667px) {
      a.button.button--full::after {
        display: none; } }
  a.button.button-icon--download:after {
    /*content: "\f078";*/
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    font-size: 13px;
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
    position: absolute;
    right: 25px;
    width: 15px;
    height: 15px; }
    @media (max-width: 1023px) {
      a.button.button-icon--download:after {
        right: 10px; } }
  a.button.button-icon--return:before {
    content: "\f060";
    font-family: FontAwesome;
    font-style: normal;
    display: inline-block;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 20px;
    padding-right: 15px;
    vertical-align: middle;
    margin-top: -5px; }
  a.button.button-icon--return:after {
    content: ""; }
  a.button.button-icon--reload {
    padding-left: 55px; }
  a.button.button-icon--reload:before {
    content: "\f0e2";
    font-family: FontAwesome;
    font-style: normal;
    display: inline-block;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 20px;
    padding-right: 15px;
    vertical-align: middle;
    /*margin-top: -5px;*/
    position: absolute;
    left: 25px;
    top: 25px; }
  a.button.button-icon--reload:after {
    content: ""; }
  a.button:hover:after {
    right: 20px; }
  a.button:hover.button-icon--download:after {
    /*right: 25px;*/
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    /*@include transform-origin("left center");*/
    moz-transform-origin: 10% center;
    -o-transform-origin: 10% center;
    -ms-transform-origin: 10% center;
    -webkit-transform-origin: 10% center;
    transform-origin: 10% center; }
  @media (max-width: 768px) {
    a.button {
      font-size: 14px;
      padding: 15px; } }

body {
  font-family: 'Open Sans Condensed', sans-serif;
  color: #818181;
  font-size: 15px;
  line-height: 25px; }

p, li {
  font-family: 'Open Sans', sans-serif; }

a {
  font-family: 'Open Sans Condensed', sans-serif; }

h1 {
  color: #3ba4ad;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 33px;
  margin: 0px;
  padding-bottom: 30px; }
  h1.white {
    color: #ffffff; }
  @media (max-width: 1023px) {
    h1 {
      font-size: 22px;
      line-height: 24px; } }
  @media (max-width: 667px) {
    h1 {
      padding-bottom: 30px; } }

h3 {
  line-height: 30px; }
  @media (max-width: 1023px) {
    h3 {
      font-size: 18px;
      line-height: 20px; } }

section.hero--slider div.hero--slider-slickslider div.slick-slide {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 720px; }
  section.hero--slider div.hero--slider-slickslider div.slick-slide img {
    width: 100%;
    opacity: 0; }
  section.hero--slider div.hero--slider-slickslider div.slick-slide div.caption {
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translate(0%, -50%);
    width: 100%;
    color: #ffffff; }
    section.hero--slider div.hero--slider-slickslider div.slick-slide div.caption h1 {
      color: #ffffff;
      font-size: 67px;
      line-height: 70px;
      margin: 0px;
      padding: 0px; }
      section.hero--slider div.hero--slider-slickslider div.slick-slide div.caption h1 span {
        position: relative; }
        section.hero--slider div.hero--slider-slickslider div.slick-slide div.caption h1 span i {
          position: absolute;
          width: calc(100% + 20px);
          height: 10px;
          background-color: #eb6a22;
          left: -10px;
          top: 50%;
          transform: translate(0%, -50%); }
          @media (max-width: 667px) {
            section.hero--slider div.hero--slider-slickslider div.slick-slide div.caption h1 span i {
              height: 6px;
              left: -8px;
              width: calc(100% + 15px); } }
      @media (max-width: 1024px) {
        section.hero--slider div.hero--slider-slickslider div.slick-slide div.caption h1 {
          font-size: 45px;
          line-height: 50px; } }
      @media (max-width: 667px) {
        section.hero--slider div.hero--slider-slickslider div.slick-slide div.caption h1 {
          font-size: 35px;
          line-height: 35px; } }
    @media (max-width: 1024px) {
      section.hero--slider div.hero--slider-slickslider div.slick-slide div.caption {
        top: 45%; } }
  @media (max-width: 1024px) {
    section.hero--slider div.hero--slider-slickslider div.slick-slide {
      height: 520px; } }
  @media (max-width: 1023px) {
    section.hero--slider div.hero--slider-slickslider div.slick-slide {
      height: 680px; } }
  @media (max-width: 667px) {
    section.hero--slider div.hero--slider-slickslider div.slick-slide {
      height: 420px; } }

section.hero--slider div.hero--slider-slickslider .slick-prev {
  position: absolute;
  left: 0px;
  top: 50%;
  z-index: 97;
  color: #FFF;
  font-size: 30px;
  transform: translate(0%, -50%); }

section.hero--slider div.hero--slider-slickslider .slick-next {
  position: absolute;
  right: 0px;
  top: 50%;
  z-index: 97;
  color: #FFF;
  font-size: 30px;
  transform: translate(0%, -50%); }

section.hero--slider div.hero--slider-slickslider .slick-dots {
  position: absolute;
  left: 0px;
  bottom: 130px;
  z-index: 90;
  width: 100%;
  text-align: center; }
  section.hero--slider div.hero--slider-slickslider .slick-dots li {
    display: inline-block; }
    section.hero--slider div.hero--slider-slickslider .slick-dots li button {
      background-color: transparent;
      text-indent: -9999px;
      width: 13px;
      height: 13px;
      border-radius: 13px;
      margin-left: 7px;
      margin-right: 7px;
      border: 1px solid #ffffff;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      opacity: 0.6;
      cursor: pointer; }
    section.hero--slider div.hero--slider-slickslider .slick-dots li:hover button, section.hero--slider div.hero--slider-slickslider .slick-dots li.slick-active button {
      background-color: #eb6a22;
      opacity: 1; }

section.hero--slider div.hero--slider-slickslider .hero--slider-cta {
  display: table;
  background-color: #eb6a22;
  font-size: 16px;
  color: #FFF;
  border: 2px solid #FFF;
  width: 90px;
  height: 90px;
  border-radius: 90px;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none; }
  section.hero--slider div.hero--slider-slickslider .hero--slider-cta span {
    display: table-cell;
    vertical-align: middle; }

div.region-content {
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }

main {
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }
  main.offcanvas--open {
    -webkit-transform: translate(-100%, 0px);
    -moz-transform: translate(-100, 0px);
    -o-transform: translate(-100, 0px);
    -ms-transform: translate(-100, 0px);
    transform: translate(-100, 0px);
    overflow: hidden; }
    main.offcanvas--open div.region-content {
      opacity: 0.2; }
  @media (max-width: 1023px) {
    main {
      padding-top: 100px; } }
  @media (max-width: 667px) {
    main {
      padding-top: 70px; } }

@media (max-width: 1024px) {
  section.modul--slider-wichtige-themen {
    padding-left: 20px;
    padding-right: 20px; } }

section.modul--slider-wichtige-themen div.modul--slider-wichtige-themen-headline {
  background-color: #f2f2f2;
  text-align: center; }
  section.modul--slider-wichtige-themen div.modul--slider-wichtige-themen-headline h1 {
    padding-bottom: 35px;
    padding-top: 35px; }

section.modul--slider-wichtige-themen div.modul--slider-wichtige-themen-content {
  background-color: #3ba4ad;
  height: 238px; }
  section.modul--slider-wichtige-themen div.modul--slider-wichtige-themen-content > div.row {
    height: 100%; }
    section.modul--slider-wichtige-themen div.modul--slider-wichtige-themen-content > div.row > div.columns {
      height: 100%; }
  section.modul--slider-wichtige-themen div.modul--slider-wichtige-themen-content h1 {
    color: #ffffff;
    font-size: 40px;
    line-height: 40px;
    margin: 0px;
    padding: 0px; }
    section.modul--slider-wichtige-themen div.modul--slider-wichtige-themen-content h1 span {
      position: relative; }
      section.modul--slider-wichtige-themen div.modul--slider-wichtige-themen-content h1 span i {
        position: absolute;
        width: calc(100% + 10px);
        height: 4px;
        background-color: #eb6a22;
        left: -10px;
        top: 50%;
        transform: translate(0%, -50%); }
  section.modul--slider-wichtige-themen div.modul--slider-wichtige-themen-content p {
    color: #FFF;
    font-size: 18px; }
  section.modul--slider-wichtige-themen div.modul--slider-wichtige-themen-content .slider-wichtige-themen {
    height: 100%; }
    section.modul--slider-wichtige-themen div.modul--slider-wichtige-themen-content .slider-wichtige-themen div.slick-list {
      height: 100%;
      overflow: inherit !important; }
      section.modul--slider-wichtige-themen div.modul--slider-wichtige-themen-content .slider-wichtige-themen div.slick-list div.slick-track {
        height: 100%; }
        section.modul--slider-wichtige-themen div.modul--slider-wichtige-themen-content .slider-wichtige-themen div.slick-list div.slick-track div.slick-slide {
          background-color: red;
          position: relative; }
  section.modul--slider-wichtige-themen div.modul--slider-wichtige-themen-content .slider-wichtige-themen-cta {
    display: table;
    background-color: #eb6a22;
    font-size: 16px;
    line-height: 16px;
    color: #FFF;
    border: 2px solid #FFF;
    width: 90px;
    height: 90px;
    border-radius: 90px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none; }
    section.modul--slider-wichtige-themen div.modul--slider-wichtige-themen-content .slider-wichtige-themen-cta span {
      display: table-cell;
      vertical-align: middle; }
  section.modul--slider-wichtige-themen div.modul--slider-wichtige-themen-content .slider-wichtige-themen-img {
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 999; }
  section.modul--slider-wichtige-themen div.modul--slider-wichtige-themen-content .slider-wichtige-themen-content {
    position: absolute;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 30px;
    left: 0px; }

.block-menu-block div.contextual-links-wrapper {
  display: none !important; }

div.row--breadcrumb {
  display: none;
  height: 147px;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  color: #3ba4ad;
  overflow: hidden;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }
  div.row--breadcrumb span {
    color: #ababab; }
  div.row--breadcrumb a {
    color: #ababab;
    text-decoration: none;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    div.row--breadcrumb a:hover {
      color: #3ba4ad; }
  div.row--breadcrumb div.row--breadcrumb-content {
    padding-top: 35px;
    padding-bottom: 20px;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
  div.row--breadcrumb div.row--breadcrumb-headline {
    padding-bottom: 35px; }
    div.row--breadcrumb div.row--breadcrumb-headline h1 {
      padding-bottom: 0px;
      color: #696969; }

body.not-front div.region-content {
  padding-top: 330px; }

body.not-front .mfp-content div.region-content {
  padding-top: 0; }

body.not-front div.row--breadcrumb {
  display: block; }

body.not-front nav {
  background-color: #e5e5e5; }
  body.not-front nav:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #e5e5e5;
    border-width: 16px;
    margin-left: -16px; }

@media (max-width: 1023px) {
  body.not-front div.region-content {
    padding-top: 60px; } }

div.layer--soft {
  background-color: rgba(59, 164, 173, 0.9);
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 98; }

div.search--wrapper {
  display: none;
  position: absolute;
  left: 0px;
  top: 102px;
  width: 100%;
  z-index: 999 !important; }
  div.search--wrapper.search--resized {
    top: 70px; }
  div.search--wrapper div.search--wrapper-inner {
    padding: 25px;
    width: calc(100% - 1px);
    background-color: #01747e;
    background-image: -moz-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
    background-image: -webkit-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
    background-image: -ms-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
    color: #FFF; }
    div.search--wrapper div.search--wrapper-inner h1 {
      color: #FFF;
      padding-bottom: 0px; }

nav {
  position: fixed;
  width: 100%;
  z-index: 99; }
  nav .nav-shadow {
    position: relative; }
    nav .nav-shadow::after {
      content: "";
      display: block;
      position: absolute;
      left: 6px;
      right: 6px;
      top: 101px;
      z-index: -1;
      -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.5);
      box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.5); }
      @media (max-width: 1024px) {
        nav .nav-shadow::after {
          top: 81px; } }
  nav div.row {
    padding-left: 8px;
    padding-right: 8px; }
    nav div.row div.columns {
      padding: 0px;
      display: table; }
      nav div.row div.columns div.nav--logo {
        background-color: #FFF;
        padding-top: 16px;
        padding-bottom: 16px;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 50px; }
        nav div.row div.columns div.nav--logo a {
          display: block; }
          nav div.row div.columns div.nav--logo a svg,
          nav div.row div.columns div.nav--logo a img {
            width: 90%; }
            nav div.row div.columns div.nav--logo a svg.logo--resized,
            nav div.row div.columns div.nav--logo a img.logo--resized {
              display: none;
              width: 40px; }
      nav div.row div.columns div.nav--mainmenu {
        display: table-cell;
        vertical-align: middle;
        background-color: #3ba4ad;
        background-image: -moz-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
        background-image: -webkit-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
        background-image: -ms-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
        padding-left: 15px;
        padding-right: 15px; }
        nav div.row div.columns div.nav--mainmenu ul {
          margin: 0px;
          padding: 0px;
          list-style-type: none;
          text-align: center;
          width: 100%; }
          nav div.row div.columns div.nav--mainmenu ul li {
            padding: 0px;
            margin: 0px;
            list-style-type: none;
            list-style-image: none;
            position: relative;
            display: inline-block;
            padding-left: 30px;
            padding-right: 30px; }
            @media (max-width: 1280px) {
              nav div.row div.columns div.nav--mainmenu ul li {
                padding-left: 10px;
                padding-right: 10px; } }
            nav div.row div.columns div.nav--mainmenu ul li a {
              font-size: 20px;
              font-weight: 700;
              text-decoration: none;
              color: #ffffff;
              text-transform: uppercase; }
            nav div.row div.columns div.nav--mainmenu ul li ul {
              position: absolute;
              left: 50%;
              top: 23px;
              transform: translate(-50%, 0%);
              min-width: 400px;
              display: none;
              padding-top: 20px;
              z-index: 999; }
              nav div.row div.columns div.nav--mainmenu ul li ul li {
                display: block;
                text-align: left;
                padding-left: 30px;
                padding-right: 30px;
                background-color: rgba(235, 106, 34, 0.9); }
                nav div.row div.columns div.nav--mainmenu ul li ul li a {
                  font-size: 20px;
                  line-height: 46px;
                  position: relative;
                  border-bottom: 2px solid #ffffff;
                  display: block;
                  padding-left: 30px; }
                  nav div.row div.columns div.nav--mainmenu ul li ul li a:after {
                    content: "\f054";
                    position: absolute;
                    font-family: FontAwesome;
                    font-style: normal;
                    display: inline-block;
                    text-decoration: inherit;
                    font-size: 13px;
                    vertical-align: middle;
                    right: 30px;
                    top: 2px; }
                nav div.row div.columns div.nav--mainmenu ul li ul li.last {
                  padding-bottom: 10px; }
                  nav div.row div.columns div.nav--mainmenu ul li ul li.last a {
                    border-bottom: none; }
                nav div.row div.columns div.nav--mainmenu ul li ul li.first {
                  padding-top: 10px; }
              nav div.row div.columns div.nav--mainmenu ul li ul:before {
                bottom: calc(100% - 20px);
                left: 50%;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                border-bottom-color: rgba(235, 106, 34, 0.9);
                border-width: 10px;
                margin-left: -10px; }
            nav div.row div.columns div.nav--mainmenu ul li:hover ul {
              display: block;
              z-index: 9999; }
      nav div.row div.columns div.nav--sidemenu {
        display: table-cell;
        vertical-align: middle;
        background-color: #01747e;
        background-image: -moz-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
        background-image: -webkit-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
        background-image: -ms-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
        padding-left: 15px;
        padding-right: 15px; }
        nav div.row div.columns div.nav--sidemenu ul {
          margin: 0px;
          padding: 0px;
          list-style-type: none;
          text-align: center;
          display: table;
          table-layout: fixed;
          width: 100%; }
          nav div.row div.columns div.nav--sidemenu ul li {
            display: table-cell; }
            nav div.row div.columns div.nav--sidemenu ul li a {
              font-size: 12px;
              font-weight: 700;
              text-decoration: none;
              color: #ffffff;
              text-transform: uppercase; }
            nav div.row div.columns div.nav--sidemenu ul li i {
              font-size: 27px;
              display: block; }
  nav.nav--resized {
    /*
		div.row--breadcrumb-headline{
			display: none;
		}
		div.nav--sidemenu{
			span{
				display: none;
			}
		}
		*/ }
    nav.nav--resized .nav-shadow::after {
      top: 66px; }
      @media (max-width: 1024px) {
        nav.nav--resized .nav-shadow::after {
          top: 66px; } }
    nav.nav--resized div.row div.columns div.nav--logo {
      background-image: url(../img/logo_azv_bildmarke.svg); }
    nav.nav--resized div.row div.columns .logo--full {
      opacity: 0; }
    nav.nav--resized div.row--breadcrumb {
      height: 60px; }
    nav.nav--resized div.row--breadcrumb-content {
      padding-top: 18px;
      padding-bottom: 20px; }
    nav.nav--resized div.row div.columns {
      height: 70px !important; }
      nav.nav--resized div.row div.columns div.nav--logo {
        height: 70px !important; }
  @media (max-width: 1024px) {
    nav {
      padding-left: 20px;
      padding-right: 20px; } }
  @media (max-width: 1023px) {
    nav {
      display: none; } }

div.nav--mobile {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 99;
  background-color: #FFF;
  height: 100px; }
  div.nav--mobile > div.row {
    height: 100px; }
    div.nav--mobile > div.row .columns {
      height: 100px;
      display: table; }
  div.nav--mobile .nav-shadow {
    position: relative;
    height: 100px; }
    @media (max-width: 667px) {
      div.nav--mobile .nav-shadow {
        height: 70px; } }
    div.nav--mobile .nav-shadow::after {
      content: "";
      display: block;
      position: absolute;
      left: 0px;
      right: 0px;
      z-index: -1;
      -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.5);
      box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.5); }
  div.nav--mobile a.nav--mobile-link {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    height: 100px; }
    @media (max-width: 667px) {
      div.nav--mobile a.nav--mobile-link {
        height: 70px; } }
    div.nav--mobile a.nav--mobile-link img {
      width: 100%; }
      @media (max-width: 667px) {
        div.nav--mobile a.nav--mobile-link img {
          max-height: 50px; } }
  div.nav--mobile div.nav--mobile-wrapper {
    width: 100px;
    height: 100px;
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: #eb6a22; }
    div.nav--mobile div.nav--mobile-wrapper div#nav--mobile-icon {
      margin: 0px auto;
      margin-top: 37px;
      width: 26px;
      height: 26px;
      position: relative;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .5s ease-in-out;
      -moz-transition: .5s ease-in-out;
      -o-transition: .5s ease-in-out;
      transition: .5s ease-in-out;
      cursor: pointer; }
      div.nav--mobile div.nav--mobile-wrapper div#nav--mobile-icon span {
        display: block;
        position: absolute;
        height: 6px;
        width: 100%;
        background: #fff;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out; }
      div.nav--mobile div.nav--mobile-wrapper div#nav--mobile-icon span:nth-child(1) {
        top: 0px; }
      div.nav--mobile div.nav--mobile-wrapper div#nav--mobile-icon span:nth-child(2), div.nav--mobile div.nav--mobile-wrapper div#nav--mobile-icon span:nth-child(3) {
        top: 10px; }
      div.nav--mobile div.nav--mobile-wrapper div#nav--mobile-icon span:nth-child(4) {
        top: 20px; }
      div.nav--mobile div.nav--mobile-wrapper div#nav--mobile-icon.open span:nth-child(1) {
        top: 10px;
        width: 0%;
        left: 50%; }
      div.nav--mobile div.nav--mobile-wrapper div#nav--mobile-icon.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
      div.nav--mobile div.nav--mobile-wrapper div#nav--mobile-icon.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      div.nav--mobile div.nav--mobile-wrapper div#nav--mobile-icon.open span:nth-child(4) {
        top: 10px;
        width: 0%;
        left: 50%; }
      @media (max-width: 667px) {
        div.nav--mobile div.nav--mobile-wrapper div#nav--mobile-icon {
          margin-top: 24px; } }
    @media (max-width: 667px) {
      div.nav--mobile div.nav--mobile-wrapper {
        width: 70px;
        height: 70px; } }
  @media (max-width: 1023px) {
    div.nav--mobile {
      display: block; } }
  @media (max-width: 667px) {
    div.nav--mobile {
      height: 70px; } }

div.menu--offcanvas {
  position: fixed;
  right: -100%;
  top: 100px;
  width: 100%;
  background-color: rgba(24, 100, 107, 0.9);
  height: 100%;
  z-index: 999;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  overflow-y: auto; }
  div.menu--offcanvas.menu--offcanvas-open {
    right: 0px; }
  div.menu--offcanvas ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none; }
    div.menu--offcanvas ul li {
      display: block;
      padding: 0px;
      margin: 0px;
      list-style-type: none;
      list-style-image: none;
      background-color: #3ba4ad; }
      div.menu--offcanvas ul li a {
        display: block;
        text-decoration: none;
        color: #FFF;
        text-align: center;
        margin: 0px;
        padding: 0px;
        font-size: 18px;
        font-weight: 700;
        padding-top: 30px;
        padding-bottom: 30px;
        border-bottom: 2px solid #fff;
        margin-left: 30px;
        margin-right: 30px;
        text-transform: uppercase; }
        div.menu--offcanvas ul li a.active--link {
          border-bottom: 2px solid transparent; }
        @media (max-width: 667px) {
          div.menu--offcanvas ul li a {
            padding-top: 15px;
            padding-bottom: 15px; } }
      div.menu--offcanvas ul li ul {
        display: none; }
        div.menu--offcanvas ul li ul li {
          background-color: #eb6a22; }
          div.menu--offcanvas ul li ul li a {
            border-bottom: 1px solid #FFF;
            text-transform: uppercase;
            padding-top: 15px;
            padding-bottom: 15px;
            border-bottom: 2px solid #FFF; }
            div.menu--offcanvas ul li ul li a:after {
              content: "" !important; }
            @media (max-width: 667px) {
              div.menu--offcanvas ul li ul li a {
                padding-top: 10px;
                padding-bottom: 10px; } }
      div.menu--offcanvas ul li.last a {
        border-bottom: none; }
      div.menu--offcanvas ul li.expanded a:after {
        content: "\f078";
        font-family: FontAwesome;
        font-style: normal;
        display: inline-block;
        text-decoration: inherit;
        font-size: 13px;
        vertical-align: middle;
        padding: 0px;
        margin: 0px;
        position: absolute;
        right: 40px;
        width: 15px;
        height: 15px; }
  div.menu--offcanvas div.menu--offcanvas-service {
    padding-top: 20px;
    padding-bottom: 60px;
    background-color: #01747e;
    background-image: -moz-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
    background-image: -webkit-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
    background-image: -ms-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%); }
    div.menu--offcanvas div.menu--offcanvas-service a {
      font-size: 12px;
      font-weight: 700;
      text-decoration: none;
      color: #ffffff;
      text-transform: uppercase; }
    div.menu--offcanvas div.menu--offcanvas-service i {
      font-size: 27px;
      display: block; }
    div.menu--offcanvas div.menu--offcanvas-service div.menu--offcanvas-service-kontakt {
      border-left: 2px solid #FFF;
      /*border-right: 2px solid #FFF;*/ }
    div.menu--offcanvas div.menu--offcanvas-service .mobile-search {
      display: none; }
    @media (max-width: 1023px) {
      div.menu--offcanvas div.menu--offcanvas-service div.modul--abfallkalender-suche-formular {
        display: block; } }
  @media (max-width: 667px) {
    div.menu--offcanvas {
      top: 70px; } }

section.modul--artikel-grid {
  padding-bottom: 70px; }
  @media (max-width: 1024px) {
    section.modul--artikel-grid {
      padding-left: 20px;
      padding-right: 20px; } }
  section.modul--artikel-grid .modul--artikel-box {
    background-color: #f3f3f3;
    border: 1px solid #bfbfbf;
    border-bottom: none;
    color: #818181;
    font-size: 15px;
    /*18px;*/
    line-height: 22px;
    border-bottom: 7px solid #eb6a22;
    margin-bottom: 55px; }
    section.modul--artikel-grid .modul--artikel-box img {
      border-bottom: 1px solid #bfbfbf;
      width: 100%; }
    section.modul--artikel-grid .modul--artikel-box div.modul--artikel-box-text {
      padding: 25px; }
      @media (max-width: 1023px) {
        section.modul--artikel-grid .modul--artikel-box div.modul--artikel-box-text {
          font-size: 16px;
          padding: 15px; } }
    section.modul--artikel-grid .modul--artikel-box h2 {
      font-size: 30px;
      line-height: 32px;
      color: #818181;
      margin: 0px;
      padding: 0px; }
      section.modul--artikel-grid .modul--artikel-box h2.news {
        color: #3ba4ad;
        text-transform: uppercase;
        font-size: 30px;
        line-height: 33px;
        margin: 0px;
        padding-bottom: 25px; }
        @media (max-width: 1024px) {
          section.modul--artikel-grid .modul--artikel-box h2.news {
            font-size: 24px;
            line-height: 26px; } }
        @media (max-width: 1023px) {
          section.modul--artikel-grid .modul--artikel-box h2.news {
            font-size: 20px;
            line-height: 22px;
            padding-bottom: 15px; } }
        @media (max-width: 667px) {
          section.modul--artikel-grid .modul--artikel-box h2.news {
            padding-bottom: 5px; } }
      @media (max-width: 1024px) {
        section.modul--artikel-grid .modul--artikel-box h2 {
          font-size: 24px;
          line-height: 26px; } }
      @media (max-width: 1023px) {
        section.modul--artikel-grid .modul--artikel-box h2 {
          font-size: 20px;
          line-height: 22px; } }
    @media (max-width: 667px) {
      section.modul--artikel-grid .modul--artikel-box {
        margin-bottom: 30px; } }

div.modul--abfallkalender-suche-formular {
  height: 210px;
  display: table-cell;
  vertical-align: middle;
  width: 100%; }
  div.modul--abfallkalender-suche-formular.search--generell {
    height: auto;
    padding-top: 30px; }
  div.modul--abfallkalender-suche-formular div {
    position: relative; }
    div.modul--abfallkalender-suche-formular div i.fa {
      color: #818181;
      font-size: 25px;
      position: absolute;
      left: 25px;
      top: 50%;
      transform: translate(0%, -50%); }
      @media (max-width: 1023px) {
        div.modul--abfallkalender-suche-formular div i.fa {
          left: 15px; } }
  div.modul--abfallkalender-suche-formular input[type="submit"] {
    position: absolute;
    right: 13px;
    top: 5px;
    background-color: #eb6a22;
    background-image: url(../img/icon-send.svg);
    background-repeat: no-repeat;
    background-size: 45px;
    background-position: center center;
    border: none;
    width: 75px;
    height: 75px;
    cursor: pointer; }
    div.modul--abfallkalender-suche-formular input[type="submit"].front {
      right: 5px; }
    @media (max-width: 1023px) {
      div.modul--abfallkalender-suche-formular input[type="submit"] {
        width: 52px;
        height: 52px; } }
  div.modul--abfallkalender-suche-formular input[type="text"] {
    display: block;
    font-size: 20px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    border: none;
    width: 100%;
    padding: 31px;
    padding-left: 60px;
    color: #818181; }
    div.modul--abfallkalender-suche-formular input[type="text"]::-webkit-input-placeholder {
      color: #818181;
      text-transform: uppercase;
      font-weight: 700; }
    div.modul--abfallkalender-suche-formular input[type="text"]::-moz-placeholder {
      color: #818181;
      text-transform: uppercase;
      font-weight: 700; }
    div.modul--abfallkalender-suche-formular input[type="text"]:-ms-input-placeholder {
      color: #818181;
      text-transform: uppercase;
      font-weight: 700; }
    div.modul--abfallkalender-suche-formular input[type="text"]:-moz-placeholder {
      color: #818181;
      text-transform: uppercase;
      font-weight: 700; }
    @media (max-width: 1023px) {
      div.modul--abfallkalender-suche-formular input[type="text"] {
        padding: 0;
        padding-left: 50px;
        font-size: 18px;
        line-height: 62px; } }
  div.modul--abfallkalender-suche-formular.modul--abfallkalender-suche-formular-sperrmuell {
    width: 100%;
    display: block;
    padding-top: 1em; }
    div.modul--abfallkalender-suche-formular.modul--abfallkalender-suche-formular-sperrmuell input {
      padding: 31px; }
    div.modul--abfallkalender-suche-formular.modul--abfallkalender-suche-formular-sperrmuell input[type="text"] {
      width: 100%;
      /*82.7%;*/
      display: inline-block;
      font-weight: 700;
      line-height: 80px;
      padding: 0;
      padding-left: 25px;
      text-transform: uppercase;
      /*float: right;*/
      /*
			@media (max-width: 1252px) {
				width: 81%;
			}
			@media (max-width: 1150px) {
				width: 80%;
			}
			@media (max-width: 1100px) {
				width: 78%;
			}*/ }
      @media (max-width: 1023px) {
        div.modul--abfallkalender-suche-formular.modul--abfallkalender-suche-formular-sperrmuell input[type="text"] {
          line-height: 37px;
          font-size: 15px;
          /*padding: 0;
				padding-left: 15px;
				padding-right: 35px;*/ } }
      @media (max-width: 667px) {
        div.modul--abfallkalender-suche-formular.modul--abfallkalender-suche-formular-sperrmuell input[type="text"] {
          padding-left: 10px; } }
    div.modul--abfallkalender-suche-formular.modul--abfallkalender-suche-formular-sperrmuell input[type="submit"] {
      background-image: url(../img/icon-plus.svg);
      background-size: 26px;
      width: 70px;
      height: 70px; }
      @media (max-width: 1023px) {
        div.modul--abfallkalender-suche-formular.modul--abfallkalender-suche-formular-sperrmuell input[type="submit"] {
          background-size: 15px;
          width: 27px;
          height: 27px;
          padding: 0; } }
    div.modul--abfallkalender-suche-formular.modul--abfallkalender-suche-formular-sperrmuell input[type="number"] {
      padding: 0;
      padding-left: 10px;
      padding-right: 10px;
      width: 100%;
      line-height: 80px;
      text-align: center;
      border: none;
      font-size: 20px;
      font-family: 'Open Sans Condensed', sans-serif;
      font-weight: 700;
      color: #818181;
      text-transform: uppercase;
      -moz-appearance: textfield; }
      @media (max-width: 1023px) {
        div.modul--abfallkalender-suche-formular.modul--abfallkalender-suche-formular-sperrmuell input[type="number"] {
          padding: 0;
          line-height: 37px;
          font-size: 15px;
          width: 60px; } }
      @media (max-width: 667px) {
        div.modul--abfallkalender-suche-formular.modul--abfallkalender-suche-formular-sperrmuell input[type="number"] {
          width: 50px;
          text-align: left;
          padding-left: 10px; } }
    div.modul--abfallkalender-suche-formular.modul--abfallkalender-suche-formular-sperrmuell input[type="number"]::-webkit-outer-spin-button,
    div.modul--abfallkalender-suche-formular.modul--abfallkalender-suche-formular-sperrmuell input[type="number"]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    div.modul--abfallkalender-suche-formular.modul--abfallkalender-suche-formular-sperrmuell #livesearch {
      color: #ffffff;
      background-color: #01747e;
      width: 100%;
      /*82.7%;*/
      float: right;
      font-weight: 700;
      padding: 16px 31px;
      display: none;
      text-transform: uppercase;
      position: absolute;
      right: 0;
      top: 84px;
      z-index: 99; }
      div.modul--abfallkalender-suche-formular.modul--abfallkalender-suche-formular-sperrmuell #livesearch .term-result {
        display: block;
        padding: 10px 0;
        border-top: 1px solid #ffffff;
        position: relative; }
        div.modul--abfallkalender-suche-formular.modul--abfallkalender-suche-formular-sperrmuell #livesearch .term-result .term-result-text {
          cursor: pointer; }
          @media (max-width: 1023px) {
            div.modul--abfallkalender-suche-formular.modul--abfallkalender-suche-formular-sperrmuell #livesearch .term-result .term-result-text {
              font-size: 14px; } }
        div.modul--abfallkalender-suche-formular.modul--abfallkalender-suche-formular-sperrmuell #livesearch .term-result .term-result-add {
          cursor: pointer;
          position: absolute;
          right: 5px;
          top: 50%;
          transform: translateY(-50%);
          font-style: normal;
          font-size: 25px; }
          @media (max-width: 1023px) {
            div.modul--abfallkalender-suche-formular.modul--abfallkalender-suche-formular-sperrmuell #livesearch .term-result .term-result-add {
              font-size: 20px; } }
        div.modul--abfallkalender-suche-formular.modul--abfallkalender-suche-formular-sperrmuell #livesearch .term-result:first-child {
          border-top: none; }
        @media (max-width: 1023px) {
          div.modul--abfallkalender-suche-formular.modul--abfallkalender-suche-formular-sperrmuell #livesearch .term-result {
            padding: 6px 0; } }
      div.modul--abfallkalender-suche-formular.modul--abfallkalender-suche-formular-sperrmuell #livesearch::after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(1, 116, 126, 0);
        border-bottom-color: #01747e;
        border-width: 10px;
        margin-left: -10px; }
      @media (max-width: 1023px) {
        div.modul--abfallkalender-suche-formular.modul--abfallkalender-suche-formular-sperrmuell #livesearch {
          top: 48px;
          padding: 5px 15px; } }
  @media (max-width: 1023px) {
    div.modul--abfallkalender-suche-formular {
      height: 100px; } }
  @media (max-width: 667px) {
    div.modul--abfallkalender-suche-formular {
      height: auto;
      padding-bottom: 30px;
      padding-left: 0;
      padding-right: 0; } }

section.modul--abfallkalender-suche {
  color: #ffffff;
  position: relative;
  padding-bottom: 155px;
  position: relative; }
  section.modul--abfallkalender-suche div.modul--abfallkalender-suche-inner {
    position: absolute;
    left: 0px;
    top: -105px;
    width: 100%; }
    @media (max-width: 667px) {
      section.modul--abfallkalender-suche div.modul--abfallkalender-suche-inner {
        position: relative;
        left: auto;
        top: auto;
        background-color: #3ba4ad;
        background-image: -moz-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
        background-image: -webkit-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
        background-image: -ms-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%); } }
  section.modul--abfallkalender-suche div.modul--abfallkalender-suche-wrapper {
    background-color: #3ba4ad;
    background-image: -moz-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
    background-image: -webkit-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
    background-image: -ms-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%); }
    section.modul--abfallkalender-suche div.modul--abfallkalender-suche-wrapper > div.row > div.columns {
      display: table; }
    @media (max-width: 667px) {
      section.modul--abfallkalender-suche div.modul--abfallkalender-suche-wrapper div.columns {
        padding: 0px; } }
  section.modul--abfallkalender-suche div.modul--abfallkalender-suche-icon {
    background-color: #eb6a22;
    background-image: -moz-linear-gradient(108deg, #4d4d4d 0%, rgba(77, 77, 77, 0) 0%);
    background-image: -webkit-linear-gradient(108deg, #4d4d4d 0%, rgba(77, 77, 77, 0) 0%);
    background-image: -ms-linear-gradient(108deg, #4d4d4d 0%, rgba(77, 77, 77, 0) 0%);
    height: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 70px;
    display: table;
    width: 100%;
    position: relative; }
    section.modul--abfallkalender-suche div.modul--abfallkalender-suche-icon i {
      display: table-cell;
      vertical-align: middle; }
    section.modul--abfallkalender-suche div.modul--abfallkalender-suche-icon img.visual--muellauto {
      position: absolute;
      right: -120px;
      bottom: -70px; }
      @media (max-width: 667px) {
        section.modul--abfallkalender-suche div.modul--abfallkalender-suche-icon img.visual--muellauto {
          position: absolute;
          right: 0px;
          bottom: 0px;
          width: 230px; } }
    @media (max-width: 667px) {
      section.modul--abfallkalender-suche div.modul--abfallkalender-suche-icon {
        font-size: 30px;
        text-align: left;
        padding: 30px; } }
  section.modul--abfallkalender-suche h1 {
    padding-bottom: 0px;
    color: #ffffff; }
  section.modul--abfallkalender-suche div.modul--abfallkalender-text {
    display: table-cell;
    vertical-align: middle; }
    @media (max-width: 1023px) {
      section.modul--abfallkalender-suche div.modul--abfallkalender-text {
        padding-top: 20px;
        padding-bottom: 10px; } }
    @media (max-width: 667px) {
      section.modul--abfallkalender-suche div.modul--abfallkalender-text {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 30px; } }
  @media (max-width: 1023px) {
    section.modul--abfallkalender-suche div.modul--abfallkalender-filter {
      padding-bottom: 30px; } }
  @media (max-width: 667px) {
    section.modul--abfallkalender-suche {
      padding-bottom: 30px; } }

.modul--ansprechpartner-flat {
  margin-bottom: 15px !important; }

@media (max-width: 1024px) {
  section.modul--ansprechpartner {
    padding-left: 20px;
    padding-right: 20px; } }

section.modul--ansprechpartner h2 {
  text-transform: uppercase;
  display: block;
  position: relative;
  font-size: 28px;
  /* !important;*/
  /*padding-left: 50px !important;*/ }
  section.modul--ansprechpartner h2 div {
    display: inline-block; }
  section.modul--ansprechpartner h2 span {
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
    display: block;
    padding-top: 5px;
    text-transform: none;
    font-family: "Open Sans", sans-serif; }
  section.modul--ansprechpartner h2:before {
    content: "\f2bd";
    font-family: FontAwesome;
    font-style: normal;
    display: inline-block;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 40px;
    line-height: 40px;
    vertical-align: middle;
    /*padding-right: 15px;
			margin-top: -25px;*/
    display: none;
    /*inline-block;*/
    position: absolute;
    left: 0;
    top: -3px; }
  section.modul--ansprechpartner h2.one-row {
    padding: 0px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding-left: 15px; }
    section.modul--ansprechpartner h2.one-row::before {
      top: 50%;
      transform: translateY(-50%); }

section.modul--ansprechpartner p {
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-top: 50px; }
  section.modul--ansprechpartner p b {
    font-size: 25px;
    padding-top: 5px;
    display: block;
    font-family: "Open Sans Condensed", sans-serif; }
    @media (max-width: 1024px) {
      section.modul--ansprechpartner p b {
        font-size: 24px;
        line-height: 26px; } }
    @media (max-width: 1023px) {
      section.modul--ansprechpartner p b {
        font-size: 20px;
        line-height: 22px; } }

section.modul--ansprechpartner .divider {
  width: 100%;
  background-color: #FFF;
  display: block;
  padding-left: 25px;
  padding-right: 25px; }
  section.modul--ansprechpartner .divider span {
    display: block;
    height: 1px;
    background-color: #bfbfbf; }

section.modul--ansprechpartner .hide-for-tablet-quer, section.modul--ansprechpartner .show-for-tablet-quer {
  display: none; }

@media (min-width: 769px) and (max-width: 1230px) {
  section.modul--ansprechpartner .hide-for-tablet-quer {
    display: none !important; }
  section.modul--ansprechpartner .show-for-tablet-quer {
    display: block; } }

section.modul--sperrmuellanmeldung div.inner {
  padding: 40px;
  padding-bottom: 9px; }
  @media (max-width: 667px) {
    section.modul--sperrmuellanmeldung div.inner {
      padding: 20px; } }
  section.modul--sperrmuellanmeldung div.inner.inner--entsorgung {
    background-color: #3ba4ad;
    background-image: -moz-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
    background-image: -webkit-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
    background-image: -ms-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
    color: #FFF;
    position: relative; }
    section.modul--sperrmuellanmeldung div.inner.inner--entsorgung h1 {
      color: #FFF;
      padding-bottom: 0px; }
  section.modul--sperrmuellanmeldung div.inner.inner--entsorgungstypen {
    background-color: #f6f4f5;
    color: #818181;
    display: none;
    padding-bottom: 30px;
    position: relative; }
    section.modul--sperrmuellanmeldung div.inner.inner--entsorgungstypen .clear-all-terms, section.modul--sperrmuellanmeldung div.inner.inner--entsorgungstypen .reset-all-terms {
      color: #eb6a22;
      cursor: pointer;
      font-weight: 700;
      text-transform: uppercase; }
    section.modul--sperrmuellanmeldung div.inner.inner--entsorgungstypen .term-remove {
      cursor: pointer; }
    section.modul--sperrmuellanmeldung div.inner.inner--entsorgungstypen .term-anzahl-spalte {
      color: #3ba4ad;
      font-size: 20px;
      line-height: 30px;
      font-weight: 700;
      text-align: center;
      position: relative;
      border-bottom: 1px solid #c3c3c3;
      padding-bottom: 7px;
      margin-bottom: 18px; }
      section.modul--sperrmuellanmeldung div.inner.inner--entsorgungstypen .term-anzahl-spalte.headline {
        font-size: 16px;
        text-transform: uppercase;
        margin-bottom: 35px;
        border: none;
        padding-bottom: 0; }
      @media (max-width: 667px) {
        section.modul--sperrmuellanmeldung div.inner.inner--entsorgungstypen .term-anzahl-spalte {
          font-size: 15px; } }
    section.modul--sperrmuellanmeldung div.inner.inner--entsorgungstypen .term-count-up {
      position: absolute;
      top: 0;
      right: 20px;
      color: #eb6a22;
      font-size: 14px;
      cursor: pointer; }
      @media (max-width: 667px) {
        section.modul--sperrmuellanmeldung div.inner.inner--entsorgungstypen .term-count-up {
          right: 50%;
          transform: translateX(50%);
          top: -7px; } }
    section.modul--sperrmuellanmeldung div.inner.inner--entsorgungstypen .term-count-down {
      position: absolute;
      bottom: 25px;
      right: 20px;
      color: #eb6a22;
      font-size: 14px;
      cursor: pointer; }
      @media (max-width: 667px) {
        section.modul--sperrmuellanmeldung div.inner.inner--entsorgungstypen .term-count-down {
          right: 50%;
          transform: translateX(50%);
          bottom: 20px; } }
    section.modul--sperrmuellanmeldung div.inner.inner--entsorgungstypen .term-name-spalte {
      font-size: 20px;
      line-height: 30px;
      font-weight: 700;
      position: relative;
      border-bottom: 1px solid #c3c3c3;
      padding-bottom: 7px;
      margin-bottom: 18px;
      padding-left: 4.16667%; }
      section.modul--sperrmuellanmeldung div.inner.inner--entsorgungstypen .term-name-spalte.headline {
        font-size: 16px;
        text-transform: uppercase;
        margin-bottom: 35px;
        border: none;
        padding-bottom: 0; }
      @media (max-width: 667px) {
        section.modul--sperrmuellanmeldung div.inner.inner--entsorgungstypen .term-name-spalte {
          font-size: 15px; } }
    section.modul--sperrmuellanmeldung div.inner.inner--entsorgungstypen .term-edit-spalte {
      font-size: 20px;
      line-height: 30px;
      text-align: center;
      position: relative;
      border-bottom: 1px solid #c3c3c3;
      padding-bottom: 7px;
      margin-bottom: 18px; }
      section.modul--sperrmuellanmeldung div.inner.inner--entsorgungstypen .term-edit-spalte.headline {
        text-transform: uppercase;
        margin-bottom: 35px;
        border: none;
        padding-bottom: 0; }
    section.modul--sperrmuellanmeldung div.inner.inner--entsorgungstypen::after {
      bottom: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(1, 116, 126, 0);
      border-bottom-color: #f6f4f5;
      border-width: 16px;
      margin-left: -16px; }
    section.modul--sperrmuellanmeldung div.inner.inner--entsorgungstypen textarea {
      position: relative;
      padding: 10px;
      width: 100%;
      height: 200px;
      font-family: 'Open Sans Condensed', sans-serif;
      color: #818181;
      font-weight: 700;
      font-size: 15px;
      border: 1px solid #ffffff;
      resize: none;
      margin-top: 20px;
      margin-bottom: 20px; }
    section.modul--sperrmuellanmeldung div.inner.inner--entsorgungstypen textarea::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      text-transform: uppercase; }
    section.modul--sperrmuellanmeldung div.inner.inner--entsorgungstypen textarea::-moz-placeholder {
      /* Firefox 19+ */
      text-transform: uppercase; }
    section.modul--sperrmuellanmeldung div.inner.inner--entsorgungstypen textarea:-ms-input-placeholder {
      /* IE 10+ */
      text-transform: uppercase; }
    section.modul--sperrmuellanmeldung div.inner.inner--entsorgungstypen textarea:-moz-placeholder {
      /* Firefox 18- */
      text-transform: uppercase; }
  section.modul--sperrmuellanmeldung div.inner.inner--persoenliche-daten {
    background-color: #01747e;
    background-image: -moz-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
    background-image: -webkit-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
    background-image: -ms-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
    color: #FFF; }
    section.modul--sperrmuellanmeldung div.inner.inner--persoenliche-daten h1 {
      color: #FFF;
      padding-bottom: 0px; }
  section.modul--sperrmuellanmeldung div.inner.inner--abholadresse {
    display: none;
    background-color: #3ba4ad;
    background-image: -moz-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
    background-image: -webkit-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
    background-image: -ms-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
    color: #FFF;
    position: relative; }
    section.modul--sperrmuellanmeldung div.inner.inner--abholadresse h1 {
      color: #FFF;
      padding-bottom: 0px; }
    section.modul--sperrmuellanmeldung div.inner.inner--abholadresse:after {
      top: 0%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-top-color: #01747e;
      border-width: 16px;
      margin-left: -16px; }

section.modul--sperrmuellanmeldung .term-count-numberfield-up {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  color: #eb6a22;
  font-size: 20px;
  cursor: pointer;
  display: inline-block; }
  section.modul--sperrmuellanmeldung .term-count-numberfield-up::before {
    font-family: FontAwesome;
    content: "\f077"; }
  @media (max-width: 667px) {
    section.modul--sperrmuellanmeldung .term-count-numberfield-up {
      font-size: 14px;
      left: 30px;
      transform: translateX(0); } }

section.modul--sperrmuellanmeldung .term-count-numberfield-down {
  content: "\f078";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  color: #eb6a22;
  font-size: 20px;
  cursor: pointer;
  display: inline-block; }
  section.modul--sperrmuellanmeldung .term-count-numberfield-down::before {
    font-family: FontAwesome;
    content: "\f078"; }
  @media (max-width: 667px) {
    section.modul--sperrmuellanmeldung .term-count-numberfield-down {
      font-size: 14px;
      left: 30px;
      transform: translateX(0); } }

section.modul--sperrmuellanmeldung .error-message {
  background-color: #ffcfcf;
  display: none; }
  section.modul--sperrmuellanmeldung .error-message ul {
    list-style-type: square; }
    section.modul--sperrmuellanmeldung .error-message ul li {
      font-family: 'Open Sans Condensed', sans-serif;
      font-size: 15px; }

section.modul--sperrmuellanmeldung .modul--sperrmuellanmeldung-layer {
  background-color: rgba(255, 255, 255, 0.9);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  display: none; }
  section.modul--sperrmuellanmeldung .modul--sperrmuellanmeldung-layer .row {
    position: relative;
    height: 100%; }
    section.modul--sperrmuellanmeldung .modul--sperrmuellanmeldung-layer .row .columns {
      position: relative;
      height: 100%; }
      section.modul--sperrmuellanmeldung .modul--sperrmuellanmeldung-layer .row .columns .modul--sperrmuellanmeldung-layer-inner {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        background-color: #3ba4ad;
        background-image: -moz-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
        background-image: -webkit-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
        background-image: -ms-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
        font-size: 18px;
        font-weight: 300;
        text-transform: none;
        color: #FFF;
        padding: 25px; }
        section.modul--sperrmuellanmeldung .modul--sperrmuellanmeldung-layer .row .columns .modul--sperrmuellanmeldung-layer-inner h1 {
          color: #ffffff;
          padding-bottom: 0px !important; }
        section.modul--sperrmuellanmeldung .modul--sperrmuellanmeldung-layer .row .columns .modul--sperrmuellanmeldung-layer-inner a {
          margin-bottom: 10px; }

section.modul--sperrmuellanmeldung input.form--text {
  display: block;
  font-size: 15px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  border: none;
  width: 100%;
  padding: 10px;
  color: #818181;
  margin-bottom: 16px; }
  section.modul--sperrmuellanmeldung input.form--text::-webkit-input-placeholder {
    color: #818181;
    text-transform: uppercase; }
  section.modul--sperrmuellanmeldung input.form--text::-moz-placeholder {
    color: #818181;
    text-transform: uppercase;
    font-weight: 700; }
  section.modul--sperrmuellanmeldung input.form--text:-ms-input-placeholder {
    color: #818181;
    text-transform: uppercase;
    font-weight: 700; }
  section.modul--sperrmuellanmeldung input.form--text:-moz-placeholder {
    color: #818181;
    text-transform: uppercase;
    font-weight: 700; }
  section.modul--sperrmuellanmeldung input.form--text.gebuehrenbescheidnummer::-moz-placeholder {
    color: #eb6a22 !important; }
  section.modul--sperrmuellanmeldung input.form--text.gebuehrenbescheidnummer:-ms-input-placeholder {
    color: #eb6a22 !important; }
  section.modul--sperrmuellanmeldung input.form--text.gebuehrenbescheidnummer:-moz-placeholder {
    color: #eb6a22 !important; }

section.modul--sperrmuellanmeldung input[type="checkbox"], section.modul--sperrmuellanmeldung input[type="radio"], section.modul--sperrmuellanmeldung input[name="abholadresse"] {
  display: none; }

section.modul--sperrmuellanmeldung input[type="checkbox"] + label:before, section.modul--sperrmuellanmeldung input[type="radio"] + label:before, section.modul--sperrmuellanmeldung input[name="abholadresse"] + label::before {
  content: '\00a0';
  display: inline-block;
  width: 37px;
  height: 37px;
  font-size: 24px;
  font-family: FontAwesome;
  background-color: #FFF;
  color: #eb6a22;
  text-align: center;
  cursor: pointer;
  padding-top: 5px; }
  @media (max-width: 667px) {
    section.modul--sperrmuellanmeldung input[type="checkbox"] + label:before, section.modul--sperrmuellanmeldung input[type="radio"] + label:before, section.modul--sperrmuellanmeldung input[name="abholadresse"] + label::before {
      position: absolute; } }

section.modul--sperrmuellanmeldung input[type="checkbox"]:checked + label:before, section.modul--sperrmuellanmeldung input[type="radio"]:checked + label:before, section.modul--sperrmuellanmeldung input[name="abholadresse"]:checked + label::before {
  content: '\f00c'; }

section.modul--sperrmuellanmeldung span.label {
  padding-left: 15px; }
  @media (max-width: 667px) {
    section.modul--sperrmuellanmeldung span.label {
      padding-left: 50px;
      display: inline-block; } }

section.modul--text-bild {
  padding-bottom: 70px; }
  section.modul--text-bild a.button {
    margin-top: 20px; }
  section.modul--text-bild img {
    width: 100%; }
    @media (max-width: 1023px) {
      section.modul--text-bild img.small-margin {
        margin-bottom: 20px; } }
  @media (max-width: 1024px) {
    section.modul--text-bild {
      padding-left: 20px;
      padding-right: 20px; } }
  @media (max-width: 667px) {
    section.modul--text-bild {
      padding-bottom: 30px; }
      section.modul--text-bild h1 {
        padding-top: 30px;
        padding-bottom: 20px; } }

section.modul--text-zweispaltig {
  padding-bottom: 70px;
  /*font-size: 18px;
	line-height: 22px;*/ }
  @media (max-width: 1024px) {
    section.modul--text-zweispaltig {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 30px; } }

section.modul--news-uebersicht {
  background-color: #01747e;
  padding-bottom: 0px;
  margin-bottom: 70px;
  padding-top: 55px; }
  @media (max-width: 1024px) {
    section.modul--news-uebersicht {
      padding-left: 0;
      padding-right: 0; }
      section.modul--news-uebersicht .neuigkeiten-liste {
        padding-left: 20px;
        padding-right: 20px; } }
  section.modul--news-uebersicht h1 {
    padding-bottom: 55px; }
  section.modul--news-uebersicht div.modul--news-uebersicht-mehr {
    background-color: #ffffff;
    text-align: center;
    position: relative; }
    section.modul--news-uebersicht div.modul--news-uebersicht-mehr:before {
      top: 0;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-top-color: #01747e;
      border-width: 16px;
      margin-left: -16px; }
    section.modul--news-uebersicht div.modul--news-uebersicht-mehr a.button {
      margin-top: 50px;
      padding: 0px;
      display: inline-block;
      padding-right: 50px; }

section.modul--abfallarten {
  padding-bottom: 70px; }
  @media (max-width: 1024px) {
    section.modul--abfallarten {
      padding-left: 20px;
      padding-right: 20px; } }
  section.modul--abfallarten div.modul--abfallarten-box {
    border: 1px solid #bfbfbf;
    margin-bottom: 24px;
    font-size: 18px;
    position: relative; }
    section.modul--abfallarten div.modul--abfallarten-box p {
      margin: 0px; }
    section.modul--abfallarten div.modul--abfallarten-box div.modul--abfallarten-box-text {
      padding: 15px;
      height: 100%;
      position: relative; }
      @media (max-width: 1024px) {
        section.modul--abfallarten div.modul--abfallarten-box div.modul--abfallarten-box-text.box-right {
          padding: 0; }
          section.modul--abfallarten div.modul--abfallarten-box div.modul--abfallarten-box-text.box-right a.button::after {
            right: 0; } }
      section.modul--abfallarten div.modul--abfallarten-box div.modul--abfallarten-box-text h1 {
        font-size: 30px;
        padding: 0px;
        margin: 0px;
        padding-bottom: 15px;
        color: #818181; }
      section.modul--abfallarten div.modul--abfallarten-box div.modul--abfallarten-box-text.modul--abfallarten-box-text-gray {
        background-color: #e5e5e5; }
      section.modul--abfallarten div.modul--abfallarten-box div.modul--abfallarten-box-text a {
        padding: 0px;
        position: absolute;
        bottom: 15px;
        width: calc(100% - 30px); }
        @media (max-width: 1023px) {
          section.modul--abfallarten div.modul--abfallarten-box div.modul--abfallarten-box-text a {
            line-height: 28px; } }
        @media (max-width: 667px) {
          section.modul--abfallarten div.modul--abfallarten-box div.modul--abfallarten-box-text a {
            padding-left: 40px; } }
    section.modul--abfallarten div.modul--abfallarten-box h2 {
      font-size: 20px;
      line-height: 23px;
      color: #818181;
      margin: 0px;
      padding: 0px;
      padding-bottom: 32px;
      text-transform: uppercase; }
      section.modul--abfallarten div.modul--abfallarten-box h2.blue {
        color: #3ba4ad; }
    section.modul--abfallarten div.modul--abfallarten-box div.modul--abfallarten-box-img {
      height: 100%;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      border-right: 12px solid #59a227; }
      section.modul--abfallarten div.modul--abfallarten-box div.modul--abfallarten-box-img.modul--abfallarten-box-img-0 {
        border-color: #59a227; }
      section.modul--abfallarten div.modul--abfallarten-box div.modul--abfallarten-box-img.modul--abfallarten-box-img-1 {
        border-color: #7f1031; }
      section.modul--abfallarten div.modul--abfallarten-box div.modul--abfallarten-box-img.modul--abfallarten-box-img-2 {
        border-color: #f7bc00; }
      section.modul--abfallarten div.modul--abfallarten-box div.modul--abfallarten-box-img.modul--abfallarten-box-img-3 {
        border-color: #004f7a; }
      section.modul--abfallarten div.modul--abfallarten-box div.modul--abfallarten-box-img.modul--abfallarten-box-img-4 {
        border-color: #9e458c; }
      section.modul--abfallarten div.modul--abfallarten-box div.modul--abfallarten-box-img.modul--abfallarten-box-img-5 {
        border-color: #1495cf; }
      section.modul--abfallarten div.modul--abfallarten-box div.modul--abfallarten-box-img.modul--abfallarten-box-img-6 {
        border-color: #F8054F; }
      @media (max-width: 667px) {
        section.modul--abfallarten div.modul--abfallarten-box div.modul--abfallarten-box-img {
          height: 250px; } }
  section.modul--abfallarten div.row--abfallarten-info {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 55px; }
    section.modul--abfallarten div.row--abfallarten-info > div.columns {
      padding: 0px;
      position: relative; }
    section.modul--abfallarten div.row--abfallarten-info div.abfallarten-info-box-left {
      background-color: #eb6a22;
      background-image: -moz-linear-gradient(108deg, #4d4d4d 0%, rgba(77, 77, 77, 0) 0%);
      background-image: -webkit-linear-gradient(108deg, #4d4d4d 0%, rgba(77, 77, 77, 0) 0%);
      background-image: -ms-linear-gradient(108deg, #4d4d4d 0%, rgba(77, 77, 77, 0) 0%);
      height: 100%;
      padding: 30px;
      padding-top: 17px;
      padding-bottom: 0px; }
      section.modul--abfallarten div.row--abfallarten-info div.abfallarten-info-box-left h1 {
        padding: 0px;
        padding-top: 13px; }
        @media (max-width: 1023px) {
          section.modul--abfallarten div.row--abfallarten-info div.abfallarten-info-box-left h1 {
            margin-bottom: 30px; } }
      section.modul--abfallarten div.row--abfallarten-info div.abfallarten-info-box-left .columns {
        position: relative; }
      section.modul--abfallarten div.row--abfallarten-info div.abfallarten-info-box-left img {
        /*margin-bottom: -30px;*/
        position: absolute;
        bottom: -30px;
        left: 50%;
        transform: translateX(-50%); }
        @media (max-width: 1024px) {
          section.modul--abfallarten div.row--abfallarten-info div.abfallarten-info-box-left img {
            bottom: -19px; } }
        @media (max-width: 667px) {
          section.modul--abfallarten div.row--abfallarten-info div.abfallarten-info-box-left img {
            bottom: -190px; } }
      section.modul--abfallarten div.row--abfallarten-info div.abfallarten-info-box-left:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(245, 0, 0, 0);
        border-bottom-color: #eb6a22;
        border-width: 15px;
        margin-left: -15px; }
      @media (max-width: 667px) {
        section.modul--abfallarten div.row--abfallarten-info div.abfallarten-info-box-left {
          height: 200px; } }
    section.modul--abfallarten div.row--abfallarten-info div.abfallarten-info-box-right {
      background-color: #3ba4ad;
      background-image: -moz-linear-gradient(100deg, #4d4d4d 0%, rgba(77, 77, 77, 0) 0%);
      background-image: -webkit-linear-gradient(100deg, #4d4d4d 0%, rgba(77, 77, 77, 0) 0%);
      background-image: -ms-linear-gradient(100deg, #4d4d4d 0%, rgba(77, 77, 77, 0) 0%);
      color: #ffffff;
      font-size: 18px;
      line-height: 22px;
      height: 100%;
      padding: 30px; }
    section.modul--abfallarten div.row--abfallarten-info .columns {
      height: 100%; }

section.modul--download-liste {
  padding-bottom: 70px; }
  @media (max-width: 1024px) {
    section.modul--download-liste {
      padding-left: 20px;
      padding-right: 20px; } }
  section.modul--download-liste div.download--element {
    border: 1px solid #bfbfbf;
    border-bottom: 7px solid #eb6a22;
    margin-bottom: 25px; }
    section.modul--download-liste div.download--element .columns {
      display: table;
      position: relative; }
      section.modul--download-liste div.download--element .columns div.download--element-inner {
        display: table-cell;
        vertical-align: middle;
        padding: 15px; }
        section.modul--download-liste div.download--element .columns div.download--element-inner i {
          font-size: 27px; }
          @media (max-width: 1023px) {
            section.modul--download-liste div.download--element .columns div.download--element-inner i {
              font-size: 22px; } }
        @media (max-width: 667px) {
          section.modul--download-liste div.download--element .columns div.download--element-inner {
            /*padding-bottom: 0px;*/ } }
      section.modul--download-liste div.download--element .columns div.download--element-inner-title {
        background-color: #f2f2f2; }
      section.modul--download-liste div.download--element .columns .download-icon {
        position: absolute;
        top: 50%;
        left: 8px;
        transform: translateY(-50%); }
        @media (max-width: 667px) {
          section.modul--download-liste div.download--element .columns .download-icon {
            position: relative;
            top: auto;
            left: auto;
            transform: none; } }
    section.modul--download-liste div.download--element h2 {
      font-size: 24px;
      line-height: 24px;
      color: #818181;
      text-transform: uppercase;
      margin: 0px; }
      section.modul--download-liste div.download--element h2 span {
        font-weight: normal;
        text-transform: none;
        padding-top: 5px;
        display: block; }
        @media (max-width: 667px) {
          section.modul--download-liste div.download--element h2 span {
            padding: 0px;
            display: block;
            padding-top: 5px; } }
      @media (max-width: 1024px) {
        section.modul--download-liste div.download--element h2 {
          font-size: 20px;
          line-height: 22px; } }
      @media (max-width: 1023px) {
        section.modul--download-liste div.download--element h2 {
          font-size: 15px;
          line-height: 18px; } }
    @media (max-width: 1023px) {
      section.modul--download-liste div.download--element .button-icon--download {
        font-size: 14px;
        padding: 10px;
        padding-top: 10px !important;
        padding-bottom: 10px !important; } }

span.button-switch {
  display: block;
  margin-top: 10px;
  width: 55px;
  height: 19px;
  background-color: #FFF;
  position: relative;
  cursor: pointer;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }
  span.button-switch i {
    display: block;
    width: 21px;
    height: 13px;
    position: absolute;
    left: 3px;
    top: 3px;
    background-color: #c9c9c9;
    background-image: url(../img/button--switch-0.png);
    background-position: center center;
    background-repeat: no-repeat;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
  span.button-switch.active i {
    background-color: #eb6a22;
    right: 3px;
    left: auto;
    background-image: url(../img/button--switch-1.png); }
  span.button-switch:hover i {
    background-color: #eb6a22; }

section.modul--abfallkalender {
  position: relative;
  padding-bottom: 70px;
  font-size: 22px;
  line-height: 23px;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase; }
  @media (max-width: 1024px) {
    section.modul--abfallkalender {
      padding-left: 20px;
      padding-right: 20px; } }
  @media (max-width: 1023px) {
    section.modul--abfallkalender {
      font-size: 20px; } }
  @media (max-width: 667px) {
    section.modul--abfallkalender {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (max-width: 1024px) {
    section.modul--abfallkalender .button-switch {
      width: 50px; } }
  section.modul--abfallkalender div.modul--abfallkalender-config {
    cursor: pointer;
    background-color: #e7e5e5;
    color: #7a7878;
    font-size: 18px;
    padding: 15px;
    padding-left: 25px;
    padding-right: 45px;
    position: relative; }
    section.modul--abfallkalender div.modul--abfallkalender-config i {
      color: #eb6a22;
      position: absolute;
      right: 25px;
      top: 50%;
      transform: translateY(-50%); }
  section.modul--abfallkalender div.modul--abfallkalender-suche-wrapper {
    background-color: #3ba4ad;
    background-image: -moz-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
    background-image: -webkit-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
    background-image: -ms-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%); }
    section.modul--abfallkalender div.modul--abfallkalender-suche-wrapper > div.row > div.columns {
      display: table; }
  section.modul--abfallkalender div.modul--abfallkalender-suche-icon {
    background-color: #eb6a22;
    background-image: -moz-linear-gradient(108deg, #4d4d4d 0%, rgba(77, 77, 77, 0) 0%);
    background-image: -webkit-linear-gradient(108deg, #4d4d4d 0%, rgba(77, 77, 77, 0) 0%);
    background-image: -ms-linear-gradient(108deg, #4d4d4d 0%, rgba(77, 77, 77, 0) 0%);
    height: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 70px;
    display: table;
    width: 100%;
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px; }
    section.modul--abfallkalender div.modul--abfallkalender-suche-icon i {
      display: table-cell;
      vertical-align: middle; }
      @media (max-width: 1023px) {
        section.modul--abfallkalender div.modul--abfallkalender-suche-icon i {
          font-size: 40px; } }
    @media (max-width: 1023px) {
      section.modul--abfallkalender div.modul--abfallkalender-suche-icon {
        padding-top: 20px;
        padding-bottom: 20px; } }
  section.modul--abfallkalender div.abfallkalender--filter-column {
    height: 100%;
    display: table; }
    section.modul--abfallkalender div.abfallkalender--filter-column div.filter--element {
      display: table-cell;
      vertical-align: middle; }
      section.modul--abfallkalender div.abfallkalender--filter-column div.filter--element img {
        padding-bottom: 5px;
        width: 35px; }
  section.modul--abfallkalender div.modul--abfallkalender-text {
    display: table-cell;
    vertical-align: middle;
    padding-top: 50px;
    padding-bottom: 50px; }
    section.modul--abfallkalender div.modul--abfallkalender-text h1 {
      padding: 0px;
      color: #FFF; }
    section.modul--abfallkalender div.modul--abfallkalender-text p {
      font-size: 15px;
      font-weight: 300;
      line-height: 25px;
      text-transform: none; }
    @media (max-width: 1023px) {
      section.modul--abfallkalender div.modul--abfallkalender-text {
        padding-top: 30px;
        padding-bottom: 20px; } }
  section.modul--abfallkalender .modul--abfallkalender-filter b {
    text-transform: none;
    font-size: 15px; }
    @media (max-width: 1024px) {
      section.modul--abfallkalender .modul--abfallkalender-filter b {
        font-size: 10px; } }
  @media (max-width: 1023px) {
    section.modul--abfallkalender .modul--abfallkalender-filter {
      padding-bottom: 30px; } }
  section.modul--abfallkalender .modul--abfallkalender-monate {
    background-color: #e7e5e5;
    padding-top: 20px;
    padding-bottom: 20px; }
    section.modul--abfallkalender .modul--abfallkalender-monate .columns {
      text-align: center; }
    section.modul--abfallkalender .modul--abfallkalender-monate span {
      font-size: 16px;
      text-transform: uppercase;
      color: #eb6a22;
      cursor: pointer;
      display: block;
      position: relative;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      -webkit-transition: all 0.2s;
      transition: all 0.2s; }
      section.modul--abfallkalender .modul--abfallkalender-monate span.active, section.modul--abfallkalender .modul--abfallkalender-monate span:hover {
        color: #3ba4ad; }
        section.modul--abfallkalender .modul--abfallkalender-monate span.active:after, section.modul--abfallkalender .modul--abfallkalender-monate span:hover:after {
          bottom: -20px;
          left: 50%;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
          border-color: rgba(136, 183, 213, 0);
          border-bottom-color: #f6f5f5;
          border-width: 15px;
          margin-left: -15px; }
      @media (max-width: 1024px) {
        section.modul--abfallkalender .modul--abfallkalender-monate span {
          font-size: 12px; } }
      @media (max-width: 1023px) {
        section.modul--abfallkalender .modul--abfallkalender-monate span {
          font-size: 10px; } }
  section.modul--abfallkalender .modul--abfallkalender-kalender {
    background-color: #f6f5f5; }
  section.modul--abfallkalender div#abfallkalender {
    padding-top: 60px; }
    @media (max-width: 1023px) {
      section.modul--abfallkalender div#abfallkalender {
        padding-top: 30px; } }
    section.modul--abfallkalender div#abfallkalender .fc-prev-button {
      display: inline-block; }
      section.modul--abfallkalender div#abfallkalender .fc-prev-button:after {
        cursor: pointer;
        width: 20px;
        height: 20px;
        content: "\f053";
        font-family: FontAwesome;
        font-style: normal;
        display: inline-block;
        text-decoration: inherit;
        color: #eb6a22 !important;
        font-size: 13px; }
    section.modul--abfallkalender div#abfallkalender .fc-next-button {
      display: inline-block;
      vertical-align: middle; }
      section.modul--abfallkalender div#abfallkalender .fc-next-button:after {
        cursor: pointer;
        width: 20px;
        height: 20px;
        content: "\f054";
        font-family: FontAwesome;
        font-style: normal;
        display: inline-block;
        text-decoration: inherit;
        color: #eb6a22 !important;
        font-size: 13px; }
    section.modul--abfallkalender div#abfallkalender h2 {
      font-size: 40px;
      line-height: 40px;
      color: #3ba4ad;
      vertical-align: middle;
      display: inline-block;
      width: 300px; }
      @media (max-width: 1023px) {
        section.modul--abfallkalender div#abfallkalender h2 {
          font-size: 22px;
          line-height: 24px; } }
      @media (max-width: 667px) {
        section.modul--abfallkalender div#abfallkalender h2 {
          width: 200px; } }
    @media (max-width: 1023px) {
      section.modul--abfallkalender div#abfallkalender .fc-toolbar {
        padding-bottom: 15px; } }
    @media (max-width: 1023px) {
      section.modul--abfallkalender div#abfallkalender .fc-basic-view .fc-day-number {
        padding: 0; } }
    @media (max-width: 667px) {
      section.modul--abfallkalender div#abfallkalender .fc-basic-view .fc-day-number {
        width: 100%; } }
    @media (max-width: 1023px) {
      section.modul--abfallkalender div#abfallkalender .fc-day-number > span.fc-day-number-day {
        font-size: 14px !important;
        padding: 2px !important;
        width: 23px !important; } }
    @media (max-width: 667px) {
      section.modul--abfallkalender div#abfallkalender .fc-day-number > span.fc-day-number-day {
        width: 100% !important;
        padding: 0px !important; } }
    @media (max-width: 1023px) {
      section.modul--abfallkalender div#abfallkalender .fc-day-number > span.fc-day-number-month {
        font-size: 14px;
        padding: 2px !important;
        padding-left: 5px !important;
        padding-right: 5px !important; } }
    @media (max-width: 667px) {
      section.modul--abfallkalender div#abfallkalender .fc-day-number > span.fc-day-number-month {
        font-size: 12px;
        padding: 2px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100%;
        text-align: center; } }
    @media (max-width: 1023px) {
      section.modul--abfallkalender div#abfallkalender .calendar--event--rm, section.modul--abfallkalender div#abfallkalender .calendar--event--ppk, section.modul--abfallkalender div#abfallkalender .calendar--event--bio, section.modul--abfallkalender div#abfallkalender .calendar--event--gt, section.modul--abfallkalender div#abfallkalender .calendar--event--sm, section.modul--abfallkalender div#abfallkalender .calendar--event--bs {
        width: 22px;
        height: 22px; } }
    @media (max-width: 1023px) {
      section.modul--abfallkalender div#abfallkalender td.fc-week-number {
        width: 30px !important; } }
    @media (max-width: 667px) {
      section.modul--abfallkalender div#abfallkalender td.fc-week-number {
        width: 1px !important; }
        section.modul--abfallkalender div#abfallkalender td.fc-week-number span {
          display: none; } }
    section.modul--abfallkalender div#abfallkalender div.fc-view table thead.fc-head {
      display: none; }
    section.modul--abfallkalender div#abfallkalender div.fc-view table tbody {
      background-color: #f6f5f5; }
    section.modul--abfallkalender div#abfallkalender .fc-day-top {
      background-color: #ffffff; }
      section.modul--abfallkalender div#abfallkalender .fc-day-top span {
        float: left;
        color: #818181;
        background-color: #dfdfdf; }
  @media (max-width: 667px) {
    section.modul--abfallkalender .fc-unthemed th, section.modul--abfallkalender .fc-unthemed td, section.modul--abfallkalender .fc-unthemed thead, section.modul--abfallkalender .fc-unthemed tbody, section.modul--abfallkalender .fc-unthemed .fc-divider, section.modul--abfallkalender .fc-unthemed .fc-row, section.modul--abfallkalender .fc-unthemed .fc-content, section.modul--abfallkalender .fc-unthemed .fc-popover, section.modul--abfallkalender .fc-unthemed .fc-list-view, section.modul--abfallkalender .fc-unthemed .fc-list-heading td {
      border-right: 5px solid #f6f5f5; } }
  section.modul--abfallkalender div.modul--abfallkalender-formular {
    position: relative; }
    section.modul--abfallkalender div.modul--abfallkalender-formular input[type="submit"] {
      position: absolute;
      right: 0px;
      top: 0px;
      background-color: #eb6a22;
      background-image: url(../img/icon-send.svg);
      background-repeat: no-repeat;
      background-size: 30px;
      background-position: center center;
      border: none;
      width: 95px;
      height: 60px;
      cursor: pointer; }
      @media (max-width: 1023px) {
        section.modul--abfallkalender div.modul--abfallkalender-formular input[type="submit"] {
          width: 75px; } }
      @media (max-width: 667px) {
        section.modul--abfallkalender div.modul--abfallkalender-formular input[type="submit"] {
          background-size: 25px;
          width: 40px;
          height: 40px; } }
    section.modul--abfallkalender div.modul--abfallkalender-formular input[type="text"] {
      display: block;
      font-size: 18px;
      font-family: 'Open Sans Condensed', sans-serif;
      font-weight: 700;
      border: none;
      width: 100%;
      padding: 20px;
      color: #818181; }
      section.modul--abfallkalender div.modul--abfallkalender-formular input[type="text"]::-webkit-input-placeholder {
        color: #818181;
        text-transform: uppercase; }
      section.modul--abfallkalender div.modul--abfallkalender-formular input[type="text"]::-moz-placeholder {
        color: #818181;
        text-transform: uppercase;
        font-weight: 700; }
      section.modul--abfallkalender div.modul--abfallkalender-formular input[type="text"]:-ms-input-placeholder {
        color: #818181;
        text-transform: uppercase;
        font-weight: 700; }
      section.modul--abfallkalender div.modul--abfallkalender-formular input[type="text"]:-moz-placeholder {
        color: #818181;
        text-transform: uppercase;
        font-weight: 700; }
      @media (max-width: 1024px) {
        section.modul--abfallkalender div.modul--abfallkalender-formular input[type="text"] {
          line-height: 60px;
          padding-top: 0;
          padding-bottom: 0; } }
      @media (max-width: 1023px) {
        section.modul--abfallkalender div.modul--abfallkalender-formular input[type="text"] {
          font-size: 14px;
          line-height: 60px;
          padding-top: 0;
          padding-bottom: 0; } }
      @media (max-width: 667px) {
        section.modul--abfallkalender div.modul--abfallkalender-formular input[type="text"] {
          padding-left: 10px;
          line-height: 40px; } }
    @media (max-width: 667px) {
      section.modul--abfallkalender div.modul--abfallkalender-formular {
        margin-top: 20px; } }
  section.modul--abfallkalender img.icon--newsletter {
    display: inline-block;
    width: 60px;
    vertical-align: top; }
    @media (max-width: 1023px) {
      section.modul--abfallkalender img.icon--newsletter {
        width: 40px; } }
  section.modul--abfallkalender span {
    display: inline-block; }
  section.modul--abfallkalender div.modul--abfallkalender-email-erinnerung {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #3ba4ad;
    background-image: -moz-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
    background-image: -webkit-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
    background-image: -ms-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%); }
    section.modul--abfallkalender div.modul--abfallkalender-email-erinnerung .success-message {
      display: none;
      color: #6dbf57;
      font-size: 18px;
      line-height: 22px;
      font-weight: 300;
      text-transform: none;
      background-color: #ffffff;
      padding: 5px 10px; }
    section.modul--abfallkalender div.modul--abfallkalender-email-erinnerung .error-message {
      display: none;
      color: #ff0000;
      padding-top: 15px;
      font-size: 18px;
      line-height: 22px;
      font-weight: 300;
      text-transform: none; }
    @media (max-width: 1023px) {
      section.modul--abfallkalender div.modul--abfallkalender-email-erinnerung {
        padding-top: 20px;
        padding-bottom: 20px; }
        section.modul--abfallkalender div.modul--abfallkalender-email-erinnerung span {
          width: 270px; }
          section.modul--abfallkalender div.modul--abfallkalender-email-erinnerung span br {
            display: none; } }
    @media (max-width: 667px) {
      section.modul--abfallkalender div.modul--abfallkalender-email-erinnerung span {
        width: 220px; }
        section.modul--abfallkalender div.modul--abfallkalender-email-erinnerung span br {
          display: none; } }
  section.modul--abfallkalender div.modul--abfallkalender-download {
    background-color: #f6f5f5;
    padding-bottom: 60px;
    padding-top: 90px;
    color: #818181; }
    section.modul--abfallkalender div.modul--abfallkalender-download p {
      font-size: 15px;
      line-height: 25px;
      font-weight: 300;
      text-transform: none; }
    section.modul--abfallkalender div.modul--abfallkalender-download h1 {
      padding: 0px;
      color: #818181; }
    section.modul--abfallkalender div.modul--abfallkalender-download a.modul--abfallkalender-download-link {
      display: block;
      background-color: #eb6a22;
      color: #FFF;
      text-decoration: none;
      height: 100%;
      display: table;
      width: 100%; }
      section.modul--abfallkalender div.modul--abfallkalender-download a.modul--abfallkalender-download-link b {
        display: block; }
      section.modul--abfallkalender div.modul--abfallkalender-download a.modul--abfallkalender-download-link span {
        font-weight: 300;
        display: block;
        padding-top: 5px; }
      section.modul--abfallkalender div.modul--abfallkalender-download a.modul--abfallkalender-download-link div {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        padding-left: 40px; }
        @media (max-width: 1024px) {
          section.modul--abfallkalender div.modul--abfallkalender-download a.modul--abfallkalender-download-link div {
            padding-left: 20px; } }
        @media (max-width: 1023px) {
          section.modul--abfallkalender div.modul--abfallkalender-download a.modul--abfallkalender-download-link div {
            padding-left: 20px;
            font-size: 20px; } }
        section.modul--abfallkalender div.modul--abfallkalender-download a.modul--abfallkalender-download-link div div {
          display: inline-block;
          width: 250px;
          padding-left: 0px; }
          @media (max-width: 1023px) {
            section.modul--abfallkalender div.modul--abfallkalender-download a.modul--abfallkalender-download-link div div {
              width: 230px; } }
          @media (max-width: 667px) {
            section.modul--abfallkalender div.modul--abfallkalender-download a.modul--abfallkalender-download-link div div {
              width: 190px; } }
      section.modul--abfallkalender div.modul--abfallkalender-download a.modul--abfallkalender-download-link i {
        display: inline-block;
        font-size: 50px;
        padding-right: 10px; }
        @media (max-width: 667px) {
          section.modul--abfallkalender div.modul--abfallkalender-download a.modul--abfallkalender-download-link i {
            font-size: 30px; } }
      section.modul--abfallkalender div.modul--abfallkalender-download a.modul--abfallkalender-download-link img {
        margin-right: 10px;
        width: 40px;
        height: 40px;
        vertical-align: top; }
        @media (max-width: 667px) {
          section.modul--abfallkalender div.modul--abfallkalender-download a.modul--abfallkalender-download-link img {
            width: 25px;
            height: 25px; } }
      @media (max-width: 1023px) {
        section.modul--abfallkalender div.modul--abfallkalender-download a.modul--abfallkalender-download-link {
          margin-top: 20px;
          padding: 20px 0; } }
  section.modul--abfallkalender div.modul--abfallkalender-layer {
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
    /*98;*/ }
    @media (max-width: 1024px) {
      section.modul--abfallkalender div.modul--abfallkalender-layer .selectric-items {
        height: 260px !important; } }
    section.modul--abfallkalender div.modul--abfallkalender-layer .entsorgungskompass-close, section.modul--abfallkalender div.modul--abfallkalender-layer .abfallkalender-close {
      display: none; }
    section.modul--abfallkalender div.modul--abfallkalender-layer .row {
      height: 100%;
      position: relative; }
      section.modul--abfallkalender div.modul--abfallkalender-layer .row .columns {
        height: 100%;
        position: relative; }
        section.modul--abfallkalender div.modul--abfallkalender-layer .row .columns div.modul--abfallkalender-layer-inner {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 100%;
          background-color: #3ba4ad;
          background-image: -moz-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
          background-image: -webkit-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
          background-image: -ms-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
          font-size: 15px;
          line-height: 25px;
          font-weight: 300;
          text-transform: none;
          color: #FFF;
          padding: 45px; }
          section.modul--abfallkalender div.modul--abfallkalender-layer .row .columns div.modul--abfallkalender-layer-inner h1 {
            color: #FFF;
            padding-bottom: 0px !important; }
            @media (max-width: 1024px) {
              section.modul--abfallkalender div.modul--abfallkalender-layer .row .columns div.modul--abfallkalender-layer-inner h1 {
                font-size: 24px;
                line-height: 28px; } }
          section.modul--abfallkalender div.modul--abfallkalender-layer .row .columns div.modul--abfallkalender-layer-inner .layer--close {
            position: absolute;
            right: 13px;
            top: 10px;
            font-size: 21px;
            cursor: pointer; }
          @media (max-width: 1024px) {
            section.modul--abfallkalender div.modul--abfallkalender-layer .row .columns div.modul--abfallkalender-layer-inner {
              padding: 25px;
              top: 35%; }
              section.modul--abfallkalender div.modul--abfallkalender-layer .row .columns div.modul--abfallkalender-layer-inner br {
                display: none; } }
          @media (max-width: 1023px) {
            section.modul--abfallkalender div.modul--abfallkalender-layer .row .columns div.modul--abfallkalender-layer-inner {
              padding: 25px; } }
          @media (max-width: 667px) {
            section.modul--abfallkalender div.modul--abfallkalender-layer .row .columns div.modul--abfallkalender-layer-inner .selectric .label {
              font-size: 15px;
              line-height: 40px;
              padding: 0;
              padding-left: 30px;
              height: auto; }
              section.modul--abfallkalender div.modul--abfallkalender-layer .row .columns div.modul--abfallkalender-layer-inner .selectric .label::before {
                left: 10px;
                font-size: 20px; }
            section.modul--abfallkalender div.modul--abfallkalender-layer .row .columns div.modul--abfallkalender-layer-inner .selectric .button {
              width: 40px;
              height: 40px; } }
  section.modul--abfallkalender .baumschnitt-row {
    padding-bottom: 20px; }
    section.modul--abfallkalender .baumschnitt-row .bg-color-baumschnitt {
      background-color: #f6f5f5; }
      section.modul--abfallkalender .baumschnitt-row .bg-color-baumschnitt .start-col {
        color: #3ba4ad;
        background-color: #e0e0e0;
        padding-top: 40px;
        padding-bottom: 40px;
        font-size: 30px;
        position: relative; }
        @media (max-width: 667px) {
          section.modul--abfallkalender .baumschnitt-row .bg-color-baumschnitt .start-col {
            font-size: 20px;
            padding-top: 15px;
            padding-bottom: 15px; } }
        section.modul--abfallkalender .baumschnitt-row .bg-color-baumschnitt .start-col::after {
          left: 100%;
          top: 50%;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
          border-color: rgba(224, 224, 224, 0);
          border-left-color: #e0e0e0;
          border-width: 15px;
          margin-top: -15px; }
          @media (max-width: 1023px) {
            section.modul--abfallkalender .baumschnitt-row .bg-color-baumschnitt .start-col::after {
              display: none; } }
      section.modul--abfallkalender .baumschnitt-row .bg-color-baumschnitt .text-col {
        color: #818181;
        padding-top: 40px; }
        @media (max-width: 667px) {
          section.modul--abfallkalender .baumschnitt-row .bg-color-baumschnitt .text-col {
            padding-top: 15px;
            padding-bottom: 15px; } }

section.modul--abfallkalender-email-erinnerung-bestaetigung {
  padding-bottom: 70px;
  font-size: 18px;
  line-height: 22px; }
  section.modul--abfallkalender-email-erinnerung-bestaetigung a {
    color: #eb6a22;
    text-decoration: none; }
    section.modul--abfallkalender-email-erinnerung-bestaetigung a:hover {
      text-decoration: underline; }
  section.modul--abfallkalender-email-erinnerung-bestaetigung .editlink a {
    color: #ffffff; }

@media (max-width: 1024px) {
  section.modul--entsorgungskompass {
    padding-left: 20px;
    padding-right: 20px; } }

@media (max-width: 667px) {
  section.modul--entsorgungskompass {
    padding-left: 0;
    padding-right: 0; } }

section.modul--entsorgungskompass input#entsorgungskompass_suchwert_1, section.modul--entsorgungskompass input#entsorgungskompass_suchwert_2 {
  text-transform: uppercase; }
  @media (max-width: 1023px) {
    section.modul--entsorgungskompass input#entsorgungskompass_suchwert_1, section.modul--entsorgungskompass input#entsorgungskompass_suchwert_2 {
      padding: 0;
      padding-left: 60px;
      line-height: 40px;
      margin-bottom: 20px;
      font-size: 14px; } }

section.modul--entsorgungskompass input#address {
  display: block;
  font-size: 20px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  border: none;
  width: 100%;
  padding: 31px;
  padding-left: 60px;
  color: #818181; }
  @media (max-width: 667px) {
    section.modul--entsorgungskompass input#address {
      font-size: 15px;
      line-height: 40px;
      padding: 0;
      padding-left: 40px; } }

section.modul--entsorgungskompass .address-search {
  position: relative; }
  section.modul--entsorgungskompass .address-search i.fa-home {
    color: #818181;
    font-size: 25px;
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translate(0%, -50%); }
  section.modul--entsorgungskompass .address-search i.fa-compass {
    color: #818181;
    font-size: 25px;
    width: 75px;
    height: 75px;
    background-color: #eb6a22;
    color: #ffffff;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translate(0%, -50%);
    cursor: pointer;
    text-align: center;
    line-height: 75px;
    font-size: 56px; }
  @media (max-width: 667px) {
    section.modul--entsorgungskompass .address-search i.fa-home {
      font-size: 20px;
      left: 10px; }
    section.modul--entsorgungskompass .address-search i.fa-compass {
      width: 35px;
      height: 35px;
      line-height: 35px;
      font-size: 27px; } }

section.modul--entsorgungskompass .hide-tablet-quer-entsorgungskompass, section.modul--entsorgungskompass .show-tablet-quer-entsorgungskompass {
  display: none; }

@media (min-width: 1025px) {
  section.modul--entsorgungskompass .hide-tablet-quer-entsorgungskompass {
    display: block; } }

@media (min-width: 769px) and (max-width: 1024px) {
  section.modul--entsorgungskompass .hide-tablet-quer-entsorgungskompass {
    display: none !important; }
  section.modul--entsorgungskompass .show-tablet-quer-entsorgungskompass {
    display: block; }
    section.modul--entsorgungskompass .show-tablet-quer-entsorgungskompass .modul--abfallkalender-suche-formular {
      height: auto;
      padding-bottom: 30px; }
    section.modul--entsorgungskompass .show-tablet-quer-entsorgungskompass .modul--abfallkalender-text {
      padding-top: 40px;
      padding-bottom: 10px; } }

@media (max-width: 768px) {
  section.modul--entsorgungskompass .hide-tablet-quer-entsorgungskompass {
    display: block; } }

section.modul--entsorgungskompass div.modul--abfallkalender-alphabet {
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 0px; }
  section.modul--entsorgungskompass div.modul--abfallkalender-alphabet ul {
    text-align: justify;
    margin: 0px;
    padding: 0px;
    list-style-type: none; }
    section.modul--entsorgungskompass div.modul--abfallkalender-alphabet ul:after {
      content: "";
      display: inline-block;
      padding-left: 100%; }
    section.modul--entsorgungskompass div.modul--abfallkalender-alphabet ul li {
      display: inline-block;
      color: #eb6a22;
      cursor: pointer;
      position: relative; }
      section.modul--entsorgungskompass div.modul--abfallkalender-alphabet ul li:hover {
        color: #3ba4ad; }
      section.modul--entsorgungskompass div.modul--abfallkalender-alphabet ul li.active {
        color: #3ba4ad; }
        section.modul--entsorgungskompass div.modul--abfallkalender-alphabet ul li.active::after {
          bottom: -22px;
          left: 50%;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
          border-bottom-color: #F6F5F5;
          border-width: 10px;
          margin-left: -10px; }

section.modul--entsorgungskompass div.modul--entsorgungskompass-inhalt {
  background-color: #F6F5F5;
  padding-top: 40px;
  padding-bottom: 40px;
  display: none; }
  section.modul--entsorgungskompass div.modul--entsorgungskompass-inhalt .modul--entsorgungskompass-inhalt-liste h3 {
    color: #818181;
    font-size: 14px;
    line-height: 14px;
    margin: 0px;
    padding: 0px;
    padding-bottom: 30px; }
    section.modul--entsorgungskompass div.modul--entsorgungskompass-inhalt .modul--entsorgungskompass-inhalt-liste h3.art {
      color: #3ba4ad; }
  section.modul--entsorgungskompass div.modul--entsorgungskompass-inhalt .modul--entsorgungskompass-inhalt-liste .description {
    color: #ababab;
    font-size: 14px;
    text-transform: none;
    line-height: 30px; }
    @media (max-width: 667px) {
      section.modul--entsorgungskompass div.modul--entsorgungskompass-inhalt .modul--entsorgungskompass-inhalt-liste .description {
        line-height: 22px;
        font-size: 15px; } }
  section.modul--entsorgungskompass div.modul--entsorgungskompass-inhalt .modul--entsorgungskompass-inhalt-liste ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none; }
    section.modul--entsorgungskompass div.modul--entsorgungskompass-inhalt .modul--entsorgungskompass-inhalt-liste ul li {
      display: block;
      border-bottom: 1px solid #c3c3c3;
      font-size: 18px;
      color: #818181;
      /*padding-top: 15px;
					padding-bottom: 15px;*/
      line-height: 38px; }
      section.modul--entsorgungskompass div.modul--entsorgungskompass-inhalt .modul--entsorgungskompass-inhalt-liste ul li:last-child {
        border-bottom: none;
        padding-bottom: 0px; }
      @media (max-width: 667px) {
        section.modul--entsorgungskompass div.modul--entsorgungskompass-inhalt .modul--entsorgungskompass-inhalt-liste ul li {
          font-size: 15px;
          line-height: 22px;
          padding-top: 5px;
          padding-bottom: 5px; }
          section.modul--entsorgungskompass div.modul--entsorgungskompass-inhalt .modul--entsorgungskompass-inhalt-liste ul li .entsorgungsort-mobil {
            display: block;
            color: #818181; } }
    section.modul--entsorgungskompass div.modul--entsorgungskompass-inhalt .modul--entsorgungskompass-inhalt-liste ul.first-row li {
      color: #3ba4ad; }
  section.modul--entsorgungskompass div.modul--entsorgungskompass-inhalt .close-entsorgungsliste {
    color: #eb6a22;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 30px; }

section.modul--entsorgungskompass .modul--entsorgungskompass-map {
  background-color: #3ba4ad;
  margin-top: 11px; }
  section.modul--entsorgungskompass .modul--entsorgungskompass-map #entsorgungskompass_map {
    height: 480px;
    width: 100%; }

section.modul--entsorgungskompass .entsorgungskompass-map-filter {
  font-size: 16px;
  line-height: 22px;
  text-transform: none; }
  section.modul--entsorgungskompass .entsorgungskompass-map-filter span.button-switch {
    margin-right: 15px; }
    @media (max-width: 1023px) {
      section.modul--entsorgungskompass .entsorgungskompass-map-filter span.button-switch {
        vertical-align: top; } }
  section.modul--entsorgungskompass .entsorgungskompass-map-filter span.text {
    margin-bottom: 10px; }
    @media (max-width: 1023px) {
      section.modul--entsorgungskompass .entsorgungskompass-map-filter span.text {
        width: 105px;
        margin-top: 7px; } }
    @media (max-width: 667px) {
      section.modul--entsorgungskompass .entsorgungskompass-map-filter span.text {
        width: auto; } }

section.modul--entsorgungskompass div.modul--abfallkalender-suche-formular {
  height: 210px;
  display: table-cell;
  vertical-align: middle;
  width: 100%; }
  @media (max-width: 1023px) {
    section.modul--entsorgungskompass div.modul--abfallkalender-suche-formular {
      height: auto; } }
  section.modul--entsorgungskompass div.modul--abfallkalender-suche-formular div {
    position: relative; }
    section.modul--entsorgungskompass div.modul--abfallkalender-suche-formular div i.fa {
      position: absolute;
      left: 0px;
      top: 0px;
      color: #818181;
      font-size: 25px;
      position: absolute;
      left: 25px;
      top: 50%;
      transform: translate(0%, -50%); }
      @media (max-width: 667px) {
        section.modul--entsorgungskompass div.modul--abfallkalender-suche-formular div i.fa {
          left: 10px;
          font-size: 20px; } }
  section.modul--entsorgungskompass div.modul--abfallkalender-suche-formular input[type="submit"] {
    position: absolute;
    right: 5px;
    top: 5px;
    background-color: #eb6a22;
    background-image: url(../img/icon-send.svg);
    background-repeat: no-repeat;
    background-size: 45px;
    background-position: center center;
    border: none;
    width: 75px;
    height: 75px;
    cursor: pointer; }
    @media (max-width: 1023px) {
      section.modul--entsorgungskompass div.modul--abfallkalender-suche-formular input[type="submit"] {
        background-size: 20px;
        width: 30px;
        height: 30px;
        padding: 0; } }
  section.modul--entsorgungskompass div.modul--abfallkalender-suche-formular input[type="text"] {
    display: block;
    font-size: 20px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    border: none;
    width: 100%;
    padding: 31px;
    padding-left: 60px;
    color: #818181; }
    section.modul--entsorgungskompass div.modul--abfallkalender-suche-formular input[type="text"]::-webkit-input-placeholder {
      color: #818181;
      text-transform: uppercase;
      font-weight: 700; }
    section.modul--entsorgungskompass div.modul--abfallkalender-suche-formular input[type="text"]::-moz-placeholder {
      color: #818181;
      text-transform: uppercase;
      font-weight: 700; }
    section.modul--entsorgungskompass div.modul--abfallkalender-suche-formular input[type="text"]:-ms-input-placeholder {
      color: #818181;
      text-transform: uppercase;
      font-weight: 700; }
    section.modul--entsorgungskompass div.modul--abfallkalender-suche-formular input[type="text"]:-moz-placeholder {
      color: #818181;
      text-transform: uppercase;
      font-weight: 700; }
    @media (max-width: 667px) {
      section.modul--entsorgungskompass div.modul--abfallkalender-suche-formular input[type="text"] {
        padding-left: 40px !important; } }

footer {
  padding-top: 80px;
  /*200px;*/ }
  @media (max-width: 1023px) {
    footer {
      padding-top: 60px; } }
  @media (max-width: 667px) {
    footer {
      padding-top: 0; } }
  footer div.footer--kontakt {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f2f2f2;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYzVlM2VmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM0YmFkZDIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMjc4ZmJhIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzhlZDRmMSIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
    background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(0, #f2f2f2), color-stop(0.5, #f2f2f2), color-stop(0.5, #e0e0e0), color-stop(1, #e0e0e0));
    background-image: -webkit-repeating-linear-gradient(left, #f2f2f2 0%, #f2f2f2 50%, #e0e0e0 50%, #e0e0e0 100%);
    background-image: repeating-linear-gradient(to right, #f2f2f2 0%, #f2f2f2 50%, #e0e0e0 50%, #e0e0e0 100%);
    background-image: -ms-repeating-linear-gradient(left, #f2f2f2 0%, #f2f2f2 50%, #e0e0e0 50%, #e0e0e0 100%);
    color: #818181; }
    footer div.footer--kontakt p {
      font-size: 15px;
      line-height: 25px;
      margin: 0px;
      padding: 0px;
      padding-top: 5px;
      padding-bottom: 5px; }
    footer div.footer--kontakt img.icon {
      display: inline-block; }
      footer div.footer--kontakt img.icon.icon--anfahrt {
        width: 38px; }
        @media (max-width: 1024px) {
          footer div.footer--kontakt img.icon.icon--anfahrt {
            width: 50px; } }
    footer div.footer--kontakt h2 {
      margin: 0px;
      padding: 0px;
      font-size: 20px;
      line-height: 22px;
      text-transform: uppercase;
      color: #818181; }
      @media (max-width: 768px) {
        footer div.footer--kontakt h2 {
          font-size: 16px;
          line-height: 20px; } }
    footer div.footer--kontakt a.button {
      color: #eb6a22;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 20px;
      line-height: 20px;
      font-weight: 700;
      background-color: transparent;
      padding: 0px;
      padding-right: 50px;
      display: inline-block; }
      footer div.footer--kontakt a.button.button--arrow:after {
        content: "\f054";
        font-family: FontAwesome;
        font-style: normal;
        display: inline-block;
        text-decoration: inherit;
        font-size: 13px;
        vertical-align: middle;
        padding-left: 10px;
        margin-top: 1px; }
      @media (max-width: 768px) {
        footer div.footer--kontakt a.button {
          font-size: 16px; } }
    @media (max-width: 667px) {
      footer div.footer--kontakt {
        background-color: #FFF;
        background: none;
        padding-bottom: 0px; } }
    @media (max-width: 667px) {
      footer div.footer--kontakt div.column--footer-kontakt-0 {
        background-color: #f2f2f2;
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 20px;
        padding-right: 20px; }
        footer div.footer--kontakt div.column--footer-kontakt-0 a {
          margin-top: 15px; } }
    @media (max-width: 667px) {
      footer div.footer--kontakt div.column--footer-kontakt-1 {
        background-color: #e0e0e0;
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 20px;
        padding-right: 20px; }
        footer div.footer--kontakt div.column--footer-kontakt-1 a {
          margin-top: 15px; } }
  footer div.footer--bottomline {
    border-bottom: 11px solid #3ba4ad;
    background-color: #818181;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #ffffff;
    font-weight: 300;
    font-size: 18px; }
    @media (max-width: 1024px) {
      footer div.footer--bottomline {
        padding-left: 20px;
        padding-right: 20px; } }
    @media (max-width: 667px) {
      footer div.footer--bottomline {
        text-align: center;
        border-bottom: none;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 30px; } }
    @media (max-width: 667px) {
      footer div.footer--bottomline div.footer--bottomline-submenu {
        text-align: center;
        border-bottom: none;
        padding-top: 30px; } }
  footer ul {
    margin: 0px;
    padding: 0px; }
    footer ul li {
      display: inline-block;
      list-style-type: none;
      padding-right: 40px; }
      footer ul li a {
        color: #ffffff;
        font-weight: 700;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 16px;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        transition: all 0.2s; }
        footer ul li a:hover {
          color: #eb6a22; }
      footer ul li.last {
        padding-right: 0px; }
      @media (max-width: 667px) {
        footer ul li {
          display: block;
          text-align: center;
          padding: 0;
          padding-bottom: 10px;
          /*padding-left: 10px;
				padding-right: 10px;*/ } }
    @media (max-width: 667px) {
      footer ul {
        text-align: center;
        padding-top: 30px; } }
  footer img {
    padding-left: 10px; }

.selectric .label {
  padding-left: 40px; }
  .selectric .label:before {
    content: "\f015";
    font-family: FontAwesome;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    font-size: 25px;
    vertical-align: middle;
    left: 20px;
    position: absolute; }
  .selectric .label.checked:before {
    content: "\f00c";
    color: #eb6a22; }

div.selectric-scroll ul li[data-index="0"] {
  display: none; }

div.selectric-above .label:before {
  content: "\f00c";
  color: #eb6a22; }

div.selectric-above.selectric-open .label:before {
  content: "\f015";
  color: #818181; }

div.modul--news {
  background-color: #FFF; }
  div.modul--news div.inner {
    /*padding: 40px;*/ }
  div.modul--news .inner-col {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px; }
    div.modul--news .inner-col.padd-right {
      padding-right: 40px; }
    @media (max-width: 667px) {
      div.modul--news .inner-col {
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px; }
        div.modul--news .inner-col.padd-right {
          padding-right: 20px; } }
  div.modul--news .mfp-close {
    right: 0 !important; }
  div.modul--news img {
    opacity: 0; }
  div.modul--news .button--inline {
    padding-right: 10px;
    padding-left: 0;
    margin-right: 10px;
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent; }
    div.modul--news .button--inline::after {
      right: -5px; }
    div.modul--news .button--inline:hover::after {
      right: -8px; }

a.sticky--kalender {
  display: block;
  width: 90px;
  height: 90px;
  background-color: #eb6a22;
  color: #FFF;
  font-size: 35px;
  text-align: center;
  position: fixed;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 90; }
  a.sticky--kalender i {
    padding-top: 25px; }
  @media (max-width: 1024px) {
    a.sticky--kalender {
      width: 70px;
      height: 70px;
      font-size: 25px; }
      a.sticky--kalender i {
        padding-top: 22px; } }
  @media (max-width: 1023px) {
    a.sticky--kalender {
      width: 50px;
      height: 50px;
      font-size: 25px; }
      a.sticky--kalender i {
        padding-top: 12px; } }
  @media (max-width: 667px) {
    a.sticky--kalender {
      display: none; } }

section.modul--sperrmuellanmeldung-bestaetigung {
  padding-bottom: 70px;
  font-size: 18px;
  line-height: 22px; }
  section.modul--sperrmuellanmeldung-bestaetigung a {
    color: #eb6a22;
    text-decoration: none; }
    section.modul--sperrmuellanmeldung-bestaetigung a:hover {
      text-decoration: underline; }
  section.modul--sperrmuellanmeldung-bestaetigung .editlink a {
    color: #ffffff; }

div.region-content form.search-form {
  display: none; }

section.modul--search-results {
  font-size: 16px;
  padding-bottom: 57px; }
  section.modul--search-results .modul--search-results-inner {
    padding: 60px;
    padding-top: 10px;
    padding-bottom: 10px; }
    section.modul--search-results .modul--search-results-inner .headline {
      color: #818181; }
      section.modul--search-results .modul--search-results-inner .headline a {
        color: #818181;
        text-decoration: none; }
    section.modul--search-results .modul--search-results-inner .link--show-more {
      color: #ffffff;
      text-decoration: none;
      font-weight: 600;
      text-transform: uppercase;
      display: inline-block;
      padding: 8px 15px;
      background-color: #eb6a22; }

ul.pager {
  padding: 0px !important;
  margin: 0px !important;
  margin-top: 60px !important; }
  ul.pager li {
    display: inline-block !important;
    padding: 10px !important;
    height: 40px;
    padding-left: 16px !important;
    padding-right: 16px !important;
    color: #FFF;
    margin: 0px;
    background-color: #b4b4b4;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    vertical-align: top; }
    ul.pager li a {
      color: #FFF;
      display: block;
      text-decoration: none;
      font-family: "Open Sans", sans-serif; }
    ul.pager li.pager-current, ul.pager li:hover {
      background-color: #3ba4ad; }

.cookie {
  background-color: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(5px);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99;
  padding: 0;
  display: none;
  cursor: pointer;
  text-align: center;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 15px;
  /*&:hover {
		opacity: 1;
	}*/ }
  .cookie .inner {
    background-color: #f3f3f3;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 30px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 500px; }
    .cookie .inner .headline-text {
      text-transform: uppercase;
      font-size: 30px;
      line-height: 33px;
      margin-bottom: 20px;
      color: #818181;
      font-weight: 700; }
    .cookie .inner .info-text {
      font-size: 18px;
      line-height: 22px;
      color: #818181;
      margin-bottom: 30px;
      font-weight: 400;
      text-align: left; }
      .cookie .inner .info-text a {
        text-decoration: underline;
        color: #818181; }
    .cookie .inner .button-container {
      font-size: 18px;
      font-weight: 700;
      text-align: center; }
      .cookie .inner .button-container .accept {
        width: 100%;
        padding: 8px 0;
        background-color: #eb6a22;
        color: #ffffff;
        margin-bottom: 5px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px; }
      .cookie .inner .button-container .decline {
        width: 100%;
        padding: 8px 0;
        background-color: #818181;
        color: #ffffff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px; }
  @media (max-width: 640px) {
    .cookie .inner {
      width: 95%;
      padding: 20px; }
      .cookie .inner .headline-text {
        font-size: 24px;
        line-height: 26px; } }

.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8); }

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0; }

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8; }

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0; }

.selectric-abfallkalender--auswahl-1,
.selectric-abfallkalender--auswahl-2,
.abfallkalender--auswahl-1,
.abfallkalender--auswahl-2,
.selectric-baumschnitt--auswahl-1,
.selectric-baumschnitt--auswahl-2,
.baumschnitt--auswahl-1,
.baumschnitt--auswahl-2 {
  display: none; }

#toolbar a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 12px; }

section.modul--kontaktformular h1 {
  color: #ffffff;
  padding-bottom: 20px; }

section.modul--kontaktformular p {
  color: #ffffff;
  padding-bottom: 20px; }

section.modul--kontaktformular .bgcolor {
  background-color: #01747e;
  padding-top: 50px;
  padding-bottom: 50px; }

section.modul--kontaktformular input[type='text'] {
  line-height: 37px;
  display: block;
  font-size: 15px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  border: none;
  width: 100%;
  color: #818181;
  margin-bottom: 16px;
  padding: 0 10px;
  background-color: #ffffff; }
  section.modul--kontaktformular input[type='text'].error {
    background-color: #ffcfcf; }

section.modul--kontaktformular textarea {
  line-height: 20px;
  display: block;
  font-size: 15px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  border: none;
  width: 100%;
  color: #818181;
  padding: 0 10px;
  resize: none;
  height: 184px;
  background-color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px; }
  section.modul--kontaktformular textarea.error {
    background-color: #ffcfcf; }

section.modul--kontaktformular .success-message-kontakt {
  margin-top: 16px;
  display: none;
  color: #818181;
  padding: 10px;
  background-color: #ffffff;
  font-family: 'Open Sans', sans-serif; }

section.modul--kontaktformular .error-message-kontakt {
  margin-top: 16px;
  display: none;
  color: #ff0000;
  padding: 10px;
  background-color: #ffffff;
  font-family: 'Open Sans', sans-serif; }

section.modul--kontaktformular .modul--kontaktformular-layer {
  background-color: rgba(255, 255, 255, 0.9);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  display: none; }
  section.modul--kontaktformular .modul--kontaktformular-layer .row {
    position: relative;
    height: 100%; }
    section.modul--kontaktformular .modul--kontaktformular-layer .row .columns {
      position: relative;
      height: 100%; }
      section.modul--kontaktformular .modul--kontaktformular-layer .row .columns .modul--kontaktformular-layer-inner {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        background-color: #3ba4ad;
        background-image: -moz-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
        background-image: -webkit-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
        background-image: -ms-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
        font-size: 18px;
        font-weight: 300;
        text-transform: none;
        color: #FFF;
        padding: 25px; }
        section.modul--kontaktformular .modul--kontaktformular-layer .row .columns .modul--kontaktformular-layer-inner h1 {
          color: #ffffff;
          padding-bottom: 0px !important; }
        section.modul--kontaktformular .modul--kontaktformular-layer .row .columns .modul--kontaktformular-layer-inner a {
          margin-bottom: 10px; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: transparent; }

.view-inserate-tauschboerse .inner-widgets {
  background-color: #e5e5e5;
  padding: 20px 25px;
  position: relative; }

.view-inserate-tauschboerse .views-exposed-widgets {
  margin-bottom: 0; }

.view-inserate-tauschboerse .views-exposed-form .views-exposed-widget {
  float: none;
  padding: 0;
  margin: 0; }

.view-inserate-tauschboerse .form-submit {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  padding: 10px 15px;
  background-color: #818181;
  cursor: pointer;
  margin: 0 !important;
  border: none !important;
  width: 100%; }

.view-inserate-tauschboerse .form-text {
  display: block;
  font-size: 18px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  border: none;
  width: 100%;
  padding: 10px;
  line-height: 20px;
  color: #818181; }
  @media (max-width: 667px) {
    .view-inserate-tauschboerse .form-text {
      margin-bottom: 10px; } }

@media (max-width: 667px) {
  .view-inserate-tauschboerse div.selectric {
    margin-bottom: 10px; } }

.view-inserate-tauschboerse div.selectric-scroll ul li[data-index="0"] {
  display: block; }

.view-inserate-tauschboerse .form-type-select .selectric-wrapper {
  margin-bottom: 0; }
  .view-inserate-tauschboerse .form-type-select .selectric-wrapper .selectric {
    border: none; }
    .view-inserate-tauschboerse .form-type-select .selectric-wrapper .selectric .label {
      font-size: 18px;
      font-family: 'Open Sans Condensed', sans-serif;
      font-weight: 700;
      line-height: 20px;
      padding: 10px 25px;
      padding-right: 65px;
      margin: 0 !important;
      height: auto; }
      .view-inserate-tauschboerse .form-type-select .selectric-wrapper .selectric .label::before {
        display: none; }
      @media (max-width: 667px) {
        .view-inserate-tauschboerse .form-type-select .selectric-wrapper .selectric .label {
          padding-left: 10px; } }
    .view-inserate-tauschboerse .form-type-select .selectric-wrapper .selectric .button {
      background-color: #01747e;
      width: 45px;
      height: 40px; }
  .view-inserate-tauschboerse .form-type-select .selectric-wrapper .selectric-items li:hover {
    background-color: #f2f2f2; }

.view-inserate-tauschboerse .add-inserat {
  background-color: #eb6a22;
  color: #ffffff;
  font-size: 22px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  text-decoration: none;
  width: 100%;
  text-align: center;
  display: block;
  line-height: 80px;
  text-transform: uppercase; }
  .view-inserate-tauschboerse .add-inserat span {
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 35px;
    line-height: 35px;
    vertical-align: sub;
    margin-right: 10px; }
  @media (max-width: 768px) {
    .view-inserate-tauschboerse .add-inserat {
      line-height: 20px;
      padding-top: 10px;
      padding-bottom: 15px; } }
  @media (max-width: 667px) {
    .view-inserate-tauschboerse .add-inserat {
      margin-bottom: 10px; } }

.view-inserate-tauschboerse .views-exposed-form {
  margin-bottom: 50px; }

.view-inserate-tauschboerse .infotext {
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 20px;
  font-size: 18px; }
  .view-inserate-tauschboerse .infotext .active-category-count {
    color: #3ba4ad; }

.view-inserate-tauschboerse .infotext-large {
  margin: 0px;
  padding: 0px;
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  font-family: 'Open Sans Condensed', sans-serif;
  color: #818181; }

section.modul--inserat {
  margin-bottom: 30px;
  font-family: 'Open Sans', sans-serif;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  section.modul--inserat .mfp-image-holder .mfp-close, section.modul--inserat .mfp-iframe-holder .mfp-close {
    color: transparent; }
  section.modul--inserat .relative {
    position: relative; }
  section.modul--inserat .bg-color {
    background-color: #f2f2f2; }
  section.modul--inserat .first-image {
    width: 100%;
    height: auto; }
  section.modul--inserat .more-images {
    margin-top: 10px; }
  section.modul--inserat .social {
    margin: 60px 0 20px 0; }
    section.modul--inserat .social .social-headline {
      font-family: 'Open Sans Condensed';
      font-weight: 700; }
    section.modul--inserat .social .social-icons a {
      display: inline-block; }
      section.modul--inserat .social .social-icons a img {
        display: block; }
    @media (max-width: 667px) {
      section.modul--inserat .social {
        margin: 30px 0 20px 0;
        padding-left: 20px;
        padding-right: 20px; } }
  @media (max-width: 667px) {
    section.modul--inserat .form {
      padding-left: 20px;
      padding-right: 20px; } }
  section.modul--inserat .verschenken-tauschen-text {
    color: #3ba4ad;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 0 10px; }
  section.modul--inserat .small-medium-artikel-infos {
    background-color: #f2f2f2;
    padding-top: 28px;
    padding-bottom: 25px; }
    section.modul--inserat .small-medium-artikel-infos .icon-verschenken {
      width: 23px;
      height: 23px;
      display: inline-block;
      vertical-align: middle; }
    section.modul--inserat .small-medium-artikel-infos .icon-tauschen {
      width: 28px;
      height: 22px;
      display: inline-block;
      vertical-align: middle; }
    section.modul--inserat .small-medium-artikel-infos .verschenken-tauschen-text {
      display: inline-block;
      vertical-align: middle;
      padding: 0;
      font-size: 14px;
      margin-left: 5px; }
    section.modul--inserat .small-medium-artikel-infos .icon-ort {
      width: 13px;
      height: 19px;
      display: inline-block;
      vertical-align: middle; }
  section.modul--inserat .artikel {
    position: relative; }
    section.modul--inserat .artikel .artikel-headline {
      font-size: 30px;
      line-height: 33px;
      padding: 0px;
      margin: 0px;
      padding-top: 8px;
      padding-bottom: 15px;
      color: #818181;
      font-family: 'Open Sans Condensed';
      font-weight: 700;
      cursor: pointer; }
      @media (max-width: 768px) {
        section.modul--inserat .artikel .artikel-headline {
          padding-right: 40px; } }
      @media (max-width: 667px) {
        section.modul--inserat .artikel .artikel-headline {
          padding-top: 20px; } }
    @media (max-width: 667px) {
      section.modul--inserat .artikel {
        padding-left: 20px;
        padding-right: 20px; } }
  section.modul--inserat .inner.inner-details {
    background-color: #e5e5e5;
    padding: 10px;
    position: relative; }
    section.modul--inserat .inner.inner-details .open-inserat-details {
      position: absolute;
      width: 40px;
      height: 40px;
      right: -30px;
      top: 5px;
      cursor: pointer; }
      section.modul--inserat .inner.inner-details .open-inserat-details .inner-container {
        position: relative;
        width: 40px;
        height: 40px; }
        section.modul--inserat .inner.inner-details .open-inserat-details .inner-container::after {
          margin: auto;
          width: 20px;
          height: 24px;
          border-bottom: none;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          content: "\f078";
          font-family: FontAwesome;
          font-style: normal;
          text-decoration: inherit;
          font-size: 20px;
          vertical-align: middle;
          color: rgba(112, 112, 112, 0.35); }
      @media (max-width: 768px) {
        section.modul--inserat .inner.inner-details .open-inserat-details {
          right: 5px; } }
      @media (max-width: 667px) {
        section.modul--inserat .inner.inner-details .open-inserat-details {
          top: 15px; } }
    section.modul--inserat .inner.inner-details .close-inserat-details {
      position: absolute;
      width: 40px;
      height: 40px;
      right: -30px;
      top: 5px;
      cursor: pointer;
      display: none; }
      section.modul--inserat .inner.inner-details .close-inserat-details .inner-container {
        position: relative;
        width: 40px;
        height: 40px; }
        section.modul--inserat .inner.inner-details .close-inserat-details .inner-container::after {
          margin: auto;
          width: 24px;
          height: 24px;
          border-bottom: none;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          content: "\f00d";
          font-family: FontAwesome;
          font-style: normal;
          text-decoration: inherit;
          font-size: 24px;
          vertical-align: middle; }
      @media (max-width: 768px) {
        section.modul--inserat .inner.inner-details .close-inserat-details {
          right: 5px; } }
      @media (max-width: 667px) {
        section.modul--inserat .inner.inner-details .close-inserat-details {
          top: 15px; } }
    @media (max-width: 667px) {
      section.modul--inserat .inner.inner-details {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0; } }
  section.modul--inserat .inner.inner-preis-ort {
    padding-top: 50px;
    padding-bottom: 20px; }
    section.modul--inserat .inner.inner-preis-ort .preis {
      font-size: 48px;
      font-family: 'Open Sans Condensed';
      font-weight: 700;
      color: #3ba4ad;
      line-height: 54px;
      margin-bottom: 10px; }
    section.modul--inserat .inner.inner-preis-ort .ort .icon-ort {
      width: 12px;
      height: 18px; }
  section.modul--inserat .inserat-beschreibung-hidden, section.modul--inserat .hidden-content, section.modul--inserat .hidden-images {
    display: none; }
  section.modul--inserat .formular-headline {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    color: #818181;
    font-family: 'Open Sans Condensed', sans-serif;
    padding-top: 40px;
    padding-bottom: 20px; }
  section.modul--inserat input.form--text {
    display: block;
    font-size: 15px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    border: none;
    width: 100%;
    padding: 10px;
    color: #818181;
    margin-bottom: 16px; }
    section.modul--inserat input.form--text.error {
      background-color: rgba(255, 0, 0, 0.05); }
  section.modul--inserat textarea.form--text {
    position: relative;
    padding: 10px;
    width: 100%;
    height: 200px;
    font-family: 'Open Sans Condensed', sans-serif;
    color: #818181;
    font-weight: 700;
    font-size: 15px;
    border: none;
    resize: none; }
    section.modul--inserat textarea.form--text.error {
      background-color: rgba(255, 0, 0, 0.05); }
  section.modul--inserat .submit-inserat-anfrage {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 25px;
    cursor: pointer;
    text-align: center;
    margin-bottom: 10px; }
    section.modul--inserat .submit-inserat-anfrage::after {
      display: none; }
  section.modul--inserat .success-message {
    display: none;
    color: #6dbf57;
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    text-transform: none;
    padding-bottom: 20px; }
  section.modul--inserat .error-message {
    display: none;
    color: #ff0000;
    padding-bottom: 20px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    text-transform: none; }
  section.modul--inserat input.inserat-datenschutz-check {
    display: none; }
  section.modul--inserat input.inserat-datenschutz-check + label::before {
    content: '\00a0';
    display: inline-block;
    width: 37px;
    height: 37px;
    font-size: 24px;
    font-family: FontAwesome;
    background-color: #ffffff;
    color: #eb6a22;
    text-align: center;
    cursor: pointer;
    padding-top: 5px; }
    @media (max-width: 667px) {
      section.modul--inserat input.inserat-datenschutz-check + label::before {
        position: absolute; } }
  section.modul--inserat input.inserat-datenschutz-check:checked + label::before {
    content: '\f00c'; }
  section.modul--inserat label {
    cursor: pointer;
    margin-bottom: 20px; }
    section.modul--inserat label .label {
      padding-left: 10px;
      font-weight: 400; }
      section.modul--inserat label .label a {
        color: inherit;
        text-decoration: underline;
        font-weight: 700;
        font-family: "Open Sans", sans-serif; }
      @media (max-width: 667px) {
        section.modul--inserat label .label {
          padding-left: 60px;
          display: inline-block;
          vertical-align: top; } }
      section.modul--inserat label .label.error {
        color: rgba(255, 0, 0, 0.5); }

section.modul--inserat-anlegen .relative {
  position: relative; }

section.modul--inserat-anlegen .bg-color {
  background-color: #f2f2f2;
  margin-bottom: 16px;
  position: relative; }
  section.modul--inserat-anlegen .bg-color.headline {
    margin-bottom: 20px; }
    section.modul--inserat-anlegen .bg-color.headline .headline {
      font-size: 20px;
      line-height: 30px;
      padding: 20px 30px;
      font-family: 'Open Sans Condensed';
      font-weight: 700; }
      @media (max-width: 667px) {
        section.modul--inserat-anlegen .bg-color.headline .headline {
          text-align: center; } }

section.modul--inserat-anlegen .open-close-nutzungsbedingungen {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 15px;
  top: 30px;
  cursor: pointer; }
  section.modul--inserat-anlegen .open-close-nutzungsbedingungen .inner-container {
    position: relative;
    width: 40px;
    height: 40px; }
    section.modul--inserat-anlegen .open-close-nutzungsbedingungen .inner-container::after {
      margin: auto;
      width: 20px;
      height: 24px;
      border-bottom: none;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      content: "\f078";
      font-family: FontAwesome;
      font-style: normal;
      text-decoration: inherit;
      font-size: 20px;
      vertical-align: middle;
      color: rgba(112, 112, 112, 0.35);
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
  section.modul--inserat-anlegen .open-close-nutzungsbedingungen.open .inner-container::after {
    content: "\f00d"; }

section.modul--inserat-anlegen .padding-left-right {
  padding-top: 0px;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 20px; }
  @media (max-width: 768px) {
    section.modul--inserat-anlegen .padding-left-right {
      padding-right: 40px; } }

section.modul--inserat-anlegen .padding-right-left {
  padding-top: 0px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 40px; }
  @media (max-width: 768px) {
    section.modul--inserat-anlegen .padding-right-left {
      padding-left: 40px; } }

section.modul--inserat-anlegen .formular-headline {
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  color: #818181;
  font-family: 'Open Sans Condensed', sans-serif;
  padding-top: 40px;
  padding-bottom: 20px; }

section.modul--inserat-anlegen input.form--text {
  display: block;
  font-size: 15px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  border: none;
  width: 100%;
  padding: 10px;
  color: #818181;
  margin-bottom: 16px; }
  section.modul--inserat-anlegen input.form--text.error {
    background-color: rgba(255, 0, 0, 0.05); }

section.modul--inserat-anlegen textarea.form--text {
  position: relative;
  padding: 10px;
  width: 100%;
  height: 143px;
  font-family: 'Open Sans Condensed', sans-serif;
  color: #818181;
  font-weight: 700;
  font-size: 15px;
  border: none;
  resize: none;
  margin-bottom: 16px; }
  section.modul--inserat-anlegen textarea.form--text.error {
    background-color: rgba(255, 0, 0, 0.05); }

section.modul--inserat-anlegen input[name="inserat_datenschutz"], section.modul--inserat-anlegen input[name="inserat_autoloeschung"], section.modul--inserat-anlegen input[name="inserat_nutzungsbedingungen"], section.modul--inserat-anlegen input[name="inserat_loeschen"] {
  display: none; }

section.modul--inserat-anlegen input[name="inserat_datenschutz"] + label::before, section.modul--inserat-anlegen input[name="inserat_autoloeschung"] + label::before, section.modul--inserat-anlegen input[name="inserat_nutzungsbedingungen"] + label::before, section.modul--inserat-anlegen input[name="inserat_loeschen"] + label::before {
  content: '\00a0';
  display: inline-block;
  width: 37px;
  height: 37px;
  font-size: 24px;
  font-family: FontAwesome;
  background-color: #ffffff;
  color: #eb6a22;
  text-align: center;
  cursor: pointer;
  padding-top: 5px; }
  @media (max-width: 667px) {
    section.modul--inserat-anlegen input[name="inserat_datenschutz"] + label::before, section.modul--inserat-anlegen input[name="inserat_autoloeschung"] + label::before, section.modul--inserat-anlegen input[name="inserat_nutzungsbedingungen"] + label::before, section.modul--inserat-anlegen input[name="inserat_loeschen"] + label::before {
      position: absolute; } }

section.modul--inserat-anlegen input[name="inserat_datenschutz"]:checked + label::before, section.modul--inserat-anlegen input[name="inserat_autoloeschung"]:checked + label::before, section.modul--inserat-anlegen input[name="inserat_nutzungsbedingungen"]:checked + label::before, section.modul--inserat-anlegen input[name="inserat_loeschen"]:checked + label::before {
  content: '\f00c'; }

section.modul--inserat-anlegen label {
  cursor: pointer; }
  section.modul--inserat-anlegen label .label {
    padding-left: 10px;
    font-weight: 400; }
    @media (max-width: 667px) {
      section.modul--inserat-anlegen label .label {
        padding-left: 60px;
        display: inline-block;
        vertical-align: top; } }
    section.modul--inserat-anlegen label .label.error {
      color: rgba(255, 0, 0, 0.5); }

section.modul--inserat-anlegen input[name="inserat_plz"], section.modul--inserat-anlegen input[name="inserat_ort"] {
  background-image: url("../img/icon-eye.svg");
  background-position: 97% center;
  background-repeat: no-repeat; }

section.modul--inserat-anlegen .selectric-wrapper {
  margin-bottom: 16px; }
  section.modul--inserat-anlegen .selectric-wrapper .selectric {
    border: none;
    background: transparent; }
    section.modul--inserat-anlegen .selectric-wrapper .selectric .label {
      font-size: 15px;
      font-family: 'Open Sans Condensed', sans-serif;
      font-weight: 700;
      padding: 10px;
      padding-right: 65px;
      margin: 0 !important;
      height: 37px;
      line-height: 17px;
      background-color: #ffffff; }
      section.modul--inserat-anlegen .selectric-wrapper .selectric .label::before {
        display: none; }
    section.modul--inserat-anlegen .selectric-wrapper .selectric .button {
      background-color: #01747e;
      width: 40px;
      height: 37px; }
  section.modul--inserat-anlegen .selectric-wrapper .selectric-items li {
    font-size: 15px;
    padding: 10px;
    line-height: 17px; }

section.modul--inserat-anlegen .submit-inserat-neu {
  text-align: left; }

section.modul--inserat-anlegen .close-inserat-anlegen-formular {
  height: 70px;
  background-color: #eb6a22; }
  section.modul--inserat-anlegen .close-inserat-anlegen-formular::after {
    right: auto;
    left: 50%;
    content: "\f00d";
    transform: translate(-50%, -50%);
    font-size: 20px;
    color: #ffffff; }

section.modul--inserat-anlegen .image-uploaded-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  display: none; }
  section.modul--inserat-anlegen .image-uploaded-container .btn-delete {
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background-color: #ffffff; }
    section.modul--inserat-anlegen .image-uploaded-container .btn-delete::after {
      content: "\f00d";
      font-size: 14px;
      color: #01747e;
      font-family: FontAwesome;
      position: absolute;
      width: 14px;
      height: 14px;
      right: 5.5px;
      top: 5.5px; }
  section.modul--inserat-anlegen .image-uploaded-container img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }

section.modul--inserat-anlegen .datenschutz-text p {
  margin-top: 0; }

section.modul--inserat-anlegen .selectric-inserat-art .selectric span.label.error, section.modul--inserat-anlegen .selectric-inserat-kategorien .selectric span.label.error {
  background-color: rgba(255, 0, 0, 0.05); }

section.modul--inserat-anlegen .success-message {
  display: none;
  color: #6dbf57;
  font-size: 18px;
  line-height: 22px;
  font-weight: 300;
  text-transform: none;
  padding-bottom: 20px; }

section.modul--inserat-anlegen .error-message {
  display: none;
  color: #ff0000;
  padding-bottom: 20px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 300;
  text-transform: none; }

section.modul--inserat-anlegen .modul--inserat-anlegen-layer {
  background-color: rgba(255, 255, 255, 0.9);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  display: none; }
  section.modul--inserat-anlegen .modul--inserat-anlegen-layer .row {
    position: relative;
    height: 100%; }
    section.modul--inserat-anlegen .modul--inserat-anlegen-layer .row .columns {
      position: relative;
      height: 100%; }
      section.modul--inserat-anlegen .modul--inserat-anlegen-layer .row .columns .modul--inserat-anlegen-layer-inner {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        background-color: #3ba4ad;
        background-image: -moz-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
        background-image: -webkit-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
        background-image: -ms-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
        font-size: 18px;
        font-weight: 300;
        text-transform: none;
        color: #FFF;
        padding: 25px; }
        section.modul--inserat-anlegen .modul--inserat-anlegen-layer .row .columns .modul--inserat-anlegen-layer-inner h1 {
          color: #ffffff;
          padding-bottom: 0px !important; }
        section.modul--inserat-anlegen .modul--inserat-anlegen-layer .row .columns .modul--inserat-anlegen-layer-inner a {
          margin-bottom: 10px; }

.modul--anfrage-senden-layer {
  background-color: rgba(255, 255, 255, 0.9);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  display: none; }
  .modul--anfrage-senden-layer .row {
    position: relative;
    height: 100%; }
    .modul--anfrage-senden-layer .row .columns {
      position: relative;
      height: 100%; }
      .modul--anfrage-senden-layer .row .columns .modul--inserat-anlegen-layer-inner {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        background-color: #3ba4ad;
        background-image: -moz-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
        background-image: -webkit-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
        background-image: -ms-linear-gradient(100deg, rgba(77, 77, 77, 0.2) 0%, rgba(77, 77, 77, 0) 100%);
        font-size: 18px;
        font-weight: 300;
        text-transform: none;
        color: #FFF;
        padding: 25px; }
        .modul--anfrage-senden-layer .row .columns .modul--inserat-anlegen-layer-inner h1 {
          color: #ffffff;
          padding-bottom: 0px !important; }
        .modul--anfrage-senden-layer .row .columns .modul--inserat-anlegen-layer-inner a {
          margin-bottom: 10px; }

#eof {
  display: none; }