/* stylelint-disable */
/* stylelint-enable */
.hatching-white {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Cg%3E%3Cpolygon class='st0' points='0,0 0,0.7 0.7,0 '/%3E%3Cpolygon class='st0' points='19.3,0 0,19.3 0,20.7 20.7,0 '/%3E%3Cpolygon class='st0' points='39.3,0 0,39.3 0,40.7 40.7,0 '/%3E%3Cpolygon class='st0' points='59.3,0 0,59.3 0,60.7 60.7,0 '/%3E%3Cpolygon class='st0' points='79.3,0 0,79.3 0,80.7 80.7,0 '/%3E%3Cpolygon class='st0' points='100,0 99.3,0 0,99.3 0,100 0.7,100 100,0.7 '/%3E%3Cpolygon class='st0' points='20.7,100 100,20.7 100,19.3 19.3,100 '/%3E%3Cpolygon class='st0' points='40.7,100 100,40.7 100,39.3 39.3,100 '/%3E%3Cpolygon class='st0' points='60.7,100 100,60.7 100,59.3 59.3,100 '/%3E%3Cpolygon class='st0' points='80.7,100 100,80.7 100,79.3 79.3,100 '/%3E%3Cpolygon class='st0' points='100,100 100,99.3 99.3,100 '/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 7rem;
}

.space-before-extra-small {
  margin-top: 0 !important;
}

.space-after-extra-small {
  margin-bottom: 0 !important;
}
.space-after-extra-small + .co {
  margin-top: 0;
}

.space-before-small {
  margin-top: 3rem !important;
}

.space-after-small {
  margin-bottom: 3rem !important;
}
.space-after-small + .co {
  margin-top: 0;
}

.space-before-medium {
  margin-top: 5rem !important;
}

.space-after-medium {
  margin-bottom: 5rem !important;
}
.space-after-medium + .co {
  margin-top: 0;
}

.space-before-large {
  margin-top: 7rem !important;
}

.space-after-large {
  margin-bottom: 7rem !important;
}
.space-after-large + .co {
  margin-top: 0;
}

.space-before-extra-large {
  margin-top: 15rem !important;
}

.space-after-extra-large {
  margin-bottom: 15rem !important;
}
.space-after-extra-large + .co {
  margin-top: 0;
}

.campaign-btw2021 {
  /* #33385 modify areal-navigation */
  /* #33392 remove campaign-header bgcolor and set arrows to gray */
  /* #33387 remove text-transform and set color to dark gray for campaign-header text and campaign navigation  */
  /*

  #33391 set color hatches as background

  background svg generator:
  http://www.patternify.com/

  live:
  pid 9824  startpage
  pid 9825  klimaneutrale kommune
  pid 9874  leistungsstarke kommune
  pid 9875  lebenswerte kommune

  live-neu:
  pid 9824  startpage
  pid 9825  klimaneutrale kommune
  pid 9986  leistungsstarke kommune
  pid 9988  lebenswerte kommune

  stage:
  pid 6629  startpage
  pid 9662  klimaneutrale kommune
  pid 9663  leistungsstarke kommune
  pid 9664  lebenswerte kommune

  colors see also variables ll. 72ff

  */
  /* #33390 replace svg-icons */
}
.campaign-btw2021 .areal-navigation {
  background-color: white;
  overflow: hidden;
  padding: 0 1rem;
}
.campaign-btw2021 .areal-navigation ul {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 1.5rem;
  margin-top: 0;
}
.campaign-btw2021 .areal-navigation svg {
  height: 80px;
}
@media (min-width: 33.75em) {
  .campaign-btw2021 .areal-navigation svg {
    height: 120px;
  }
}
@media (min-width: 61.25em) {
  .campaign-btw2021 .areal-navigation svg {
    height: 160px;
  }
}
@media (min-width: 75em) {
  .campaign-btw2021 .areal-navigation svg {
    height: 180px;
  }
}
.campaign-btw2021 .areal-navigation__header {
  display: none;
}
.campaign-btw2021 .areal-navigation__links li {
  -ms-flex-preferred-size: 33.3%;
      flex-basis: 33.3%;
  margin-top: 2rem;
  width: 33.3%;
}
.campaign-btw2021 .areal-navigation__links li a {
  height: auto;
  padding: 0;
}
.campaign-btw2021 .areal-navigation__links li span {
  font-size: 0.7em;
  font-weight: bold;
  line-height: 1.3;
  margin-top: 1rem;
  text-align: center;
}
@media (min-width: 33.75em) {
  .campaign-btw2021 .areal-navigation__links li span {
    font-size: 0.9em;
  }
}
@media (min-width: 46.25em) {
  .campaign-btw2021 .areal-navigation__links li span {
    font-size: 1em;
  }
}
.campaign-btw2021 .areal-navigation__links li a:focus,
.campaign-btw2021 .areal-navigation__links li a:hover {
  background-color: transparent;
  box-shadow: none !important;
}
.campaign-btw2021 .campaign-header__media::before {
  background: none;
}
.campaign-btw2021 .document-campaign-header .scroll-down polyline {
  fill: #141414;
}
.campaign-btw2021 .areal-navigation__links li span,
.campaign-btw2021 .campaign-nav {
  text-transform: none;
}
.campaign-btw2021 .campaign-header,
.campaign-btw2021 .campaign-nav {
  color: #141414;
}
.campaign-btw2021 .co--wwt3-stage--quotes .quote {
  background-color: white;
}
.campaign-btw2021 .positions-quote,
.campaign-btw2021 .quote__main {
  box-shadow: none;
  color: #141414;
  text-align: center;
}
.campaign-btw2021 .positions-quote blockquote,
.campaign-btw2021 .quote__main blockquote {
  text-align: center;
}
.campaign-btw2021 .positions-quote__main blockquote,
.campaign-btw2021 .quote__content p {
  display: inline;
}
.campaign-btw2021 .newsletter-subscription-teaser {
  position: relative;
}
.campaign-btw2021 .newsletter-subscription-teaser:after {
  background: url("../img/svg-sprite-2e4d8448.svg") no-repeat;
  height: 35px;
  background-position: 0px 0px;
  width: 43px;
  background-size: 514px 6088px;
  bottom: auto;
  content: "";
  display: block;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 17px;
}
@media (min-width: 33.75em) {
  .campaign-btw2021 .newsletter-subscription-teaser:after {
    bottom: 0;
    left: calc(1rem + 15px);
    right: auto;
    top: 0;
  }
}
.campaign-btw2021 .to-top {
  position: absolute;
}
.campaign-btw2021 .to-top:before {
  background: url("../img/svg-sprite-2e4d8448.svg") no-repeat;
  height: 13px;
  background-position: 0px -461px;
  width: 22px;
  background-size: 514px 6088px;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.campaign-btw2021 .print-button {
  position: relative;
}
.campaign-btw2021 .print-button:before {
  background: url("../img/svg-sprite-2e4d8448.svg") no-repeat;
  height: 24px;
  background-position: 0px -437px;
  width: 23px;
  background-size: 514px 6088px;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.campaign-btw2021 .positions-download {
  position: relative;
}
.campaign-btw2021 .positions-download:before {
  background: url("../img/svg-sprite-2e4d8448.svg") no-repeat;
  height: 53px;
  background-position: 0px -187px;
  width: 53px;
  background-size: 514px 6088px;
  bottom: 0;
  content: "";
  display: block;
  left: 0.75em;
  margin: auto;
  position: absolute;
  right: auto;
  top: 0;
}
.campaign-btw2021 .figure__zoom-button {
  position: relative;
}
.campaign-btw2021 .figure__zoom-button:before {
  background: url("../img/svg-sprite-2e4d8448.svg") no-repeat;
  height: 27px;
  background-position: 0px -410px;
  width: 27px;
  background-size: 514px 6088px;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.campaign-btw2021 .mediawall-video {
  position: relative;
}
.campaign-btw2021 .mediawall-video:before {
  background: url("../img/svg-sprite-2e4d8448.svg") no-repeat;
  height: 64px;
  background-position: 0px -67px;
  width: 84px;
  background-size: 514px 6088px;
  bottom: 3px;
  content: "";
  display: block;
  left: 4px;
  margin: auto;
  position: absolute;
  right: auto;
  top: auto;
  transform: rotate(0deg) scale(0.5);
  pointer-events: none;
  z-index: 42;
}
@media (min-width: 46.25em) {
  .campaign-btw2021 .mediawall-video:before {
    bottom: 10px;
    left: 13px;
    transform: scale(0.75);
  }
}
@media (min-width: 61.25em) {
  .campaign-btw2021 .mediawall-video:before {
    bottom: 14px;
    left: 18px;
    transform: scale(1);
  }
}
.campaign-btw2021 .positions-download--icon-audio:before {
  height: 56px;
  background-position: 0px -131px;
  width: 56px;
}
.campaign-btw2021 .figure__download-button {
  position: relative;
}
.campaign-btw2021 .figure__download-button:before {
  background: url("../img/svg-sprite-2e4d8448.svg") no-repeat;
  height: 23px;
  background-position: 0px -364px;
  width: 22px;
  background-size: 514px 6088px;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.campaign-btw2021 .link--download:hover, .campaign-btw2021 .link--download:focus {
  position: relative;
}
.campaign-btw2021 .link--download:hover:before, .campaign-btw2021 .link--download:focus:before {
  background: url("../img/svg-sprite-2e4d8448.svg") no-repeat;
  height: 23px;
  background-position: 0px -387px;
  width: 22px;
  background-size: 514px 6088px;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.campaign-btw2021 .slick-arrow {
  position: absolute;
  height: 60px;
  width: 33px;
}
.campaign-btw2021 .slick-arrow:before {
  background: url("../img/svg-sprite-2e4d8448.svg") no-repeat;
  height: 60px;
  background-position: 0px -304px;
  width: 33px;
  background-size: 514px 6088px;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(0deg) scale(0.5);
}
@media (min-width: 33.75em) {
  .campaign-btw2021 .positions-quote {
    position: relative;
    padding: 1em 2em 1em 5.5em;
  }
  .campaign-btw2021 .positions-quote:before {
    background: url("../img/svg-sprite-2e4d8448.svg") no-repeat;
    height: 64px;
    background-position: 0px -240px;
    width: 64px;
    background-size: 514px 6088px;
    bottom: 0;
    content: "";
    display: block;
    left: 1.5em;
    margin: auto;
    position: absolute;
    right: auto;
    top: 0;
  }
}
.campaign-btw2021 .quote__content {
  position: relative;
}
.campaign-btw2021 .quote__content:before {
  background: url("../img/svg-sprite-2e4d8448.svg") no-repeat;
  height: 32px;
  background-position: 0px -35px;
  width: 49px;
  background-size: 514px 6088px;
  bottom: -1rem;
  content: "";
  display: block;
  left: auto;
  margin: auto;
  position: absolute;
  right: 0;
  top: auto;
}
@media (min-width: 46.25em) {
  .campaign-btw2021 .quote__content:before {
    bottom: 3rem;
    left: 0;
    right: auto;
    top: 0;
  }
}

/* #33390 remove red arrows from default- and counter-headers */
.pagetype-campaign.pagetype-campaign-btw2021 .co--div .co__title::before,
.pagetype-campaign.pagetype-campaign-btw2021 .coGallery .co__title::before,
.pagetype-campaign.pagetype-campaign-btw2021 .co--table .co__title::before,
.pagetype-campaign.pagetype-campaign-btw2021 .co--quote .co__title::before,
.pagetype-campaign.pagetype-campaign-btw2021 .co--uploads .co__title::before,
.pagetype-campaign.pagetype-campaign-btw2021 .co--fce-positions .co__title::before,
.pagetype-campaign.pagetype-campaign-btw2021 .co--fce-projectslider .co__title::before,
.pagetype-campaign.pagetype-campaign-btw2021 .co--vku-bestpractice .co__title::before,
.pagetype-campaign.pagetype-campaign-btw2021 .co--vku-mitglieder .co__title::before,
.pagetype-campaign.pagetype-campaign-btw2021 .document-main .co--bullets .co__title::before,
.pagetype-campaign.pagetype-campaign-btw2021 .document-main .co--textmedia .co__title::before,
.pagetype-campaign.pagetype-campaign-btw2021 .counter__title::before,
.pagetype-campaign.pagetype-campaign-btw2021 .areal-navigation__links li span::before {
  display: none;
}

/* pid 9825  klimaneutrale kommune color-btw2021-green */
.campaign-btw2021--green .positions-quote,
.campaign-btw2021--green .quote__main,
.page-9662 .positions-quote,
.page-9662 .quote__main,
.page-9825 .positions-quote,
.page-9825 .quote__main {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVQoU2NkIALEPCv+z0hIHUjREqleRrwKYYpAhuFUiKwIp0J0RVgVYlOEoRCXIhSF+BTBFRJSBFZIjCKQQgAC9ia/n4HxQAAAAABJRU5ErkJggg==") repeat;
}

/* pid 9986  leistungsstarke kommune color-btw2021-blue	*/
.campaign-btw2021--blue .positions-quote,
.campaign-btw2021--blue .quote__main,
.page-9663 .positions-quote,
.page-9663 .quote__main,
.page-9986 .positions-quote,
.page-9986 .quote__main {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAP0lEQVQoU43M2QkAIAwEUbcn+68gPa0EBa9c8/0YtEpCInVCtg7EcCGd+fBAPnyQDQ30QwfdMEAbJmjCAlI4AKy1HdWZ6es/AAAAAElFTkSuQmCC") repeat;
}

/* pid 9988  lebenswerte kommune color-btw2021-yellow  */
.campaign-btw2021--yellow .positions-quote,
.campaign-btw2021--yellow .quote__main,
.page-9664 .positions-quote,
.page-9664 .quote__main,
.page-9988 .positions-quote,
.page-9988 .quote__main {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAPklEQVQoU43M2Q0AIAgFQSjQai0QAwnGgwfs92SZGskk4coZGsQpdKQzCE8E4YtCGKEPInTBDG1YIYMdpHABmNsdvF1fjVwAAAAASUVORK5CYII=") repeat;
}

/* #33392 show campaign-header image fullwidth in mobile devices */
@media (orientation: portrait) {
  .campaign-btw2021 .campaign-header__media img {
    height: auto;
    width: 100%;
  }
}