@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900|PT+Sans:400,400i,700,700i&display=swap');

* {
  box-sizing: border-box;
}

html {
}

body {
	font-size: 1rem;
	background-color: #fff;
	overflow-x: hidden;
	padding: 0;
	margin: 0;
  color: #1c1c1b;
}

html > body {
	font-size: 16px;
	font-size: 1em;
}

body.loading {
	overflow: hidden;
}

body.is--fixed, body.page-template-template-fixed-page, body.is--contactform {
  width: 100%;
  height: 100vH;
  overflow: hidden;
}

html, body, article, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, figure, address, cite,
code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, footer, input, textarea, select {
	border: 0 none;
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

p, ul, ol, label, input, select, textarea, dd, dt, td, th, a, caption, span, figcaption, legend, option, h4, h5, h6, .addtoany_header, .wpcf7-response-output {
	color: #000;
	font-family: "Maven Pro", sans-serif;
	font-weight: 400;
  font-size: 1rem;
}

h1, h2, h3, .listing-item .title {
	font-family: "Maven Pro", sans-serif;
  font-weight: 400;
}

h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}

h3 {
  font-size: 1.25rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}

.main--why .entry-content__inner h2, 
.main--heureka .entry-content__inner h2,
.main--gemmason .entry-content__inner h2,
.post-filter-nav span,  {
  font-weight: 500;
}

.footer-top .widget_text:nth-child(2) a, .link--load-more a, .ajax-load-more-wrap .alm-btn-wrap .alm-load-more-btn.done, .alm-btn-wrap .alm-load-more-btn {
  font-weight: 700;
}

.display-posts-listing a.title, .excerpt-more, .link--load-more a, .ajax-load-more-wrap h3.title a, .ajax-load-more-wrap .alm-btn-wrap .alm-load-more-btn.done, .overlay--contact h3 {
  font-weight: 700;
}

/*-------------------------------------------------------------------- header*/

.togglenav {
  position: fixed;
  right: 1em;
  text-transform: uppercase;
  color: #2a3842;
  display: block;
  text-decoration: none;
  top: 2.5rem;
  width: 35px;
  height: 24px;
  z-index: 20;
  display: block;
  -webkit-transition: all 300ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

@media screen and (min-width: 1300px) {
  .togglenav {
    display: none;
  }
}

.togglenav__inner {
  width: 35px;
  height: 4px;
  top: 8px;
  left: 0px;
  display: block;
  background-color: #fff;
  position: absolute;
  -webkit-transition: all 300ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.togglenav__inner:before, .togglenav__inner:after, .closelink:before, .closelink:after {
  content: "";
  height: 4px;
  width: 35px;
  position: absolute;
  left: 0px;
  top: -10px;
  background-color: #fff;
  -webkit-transition: all 300ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.togglenav__inner:after, .closelink:after {
  width: 35px;
  top: 10px;
}

.togglenav.is--active .togglenav__inner {
  background-color: transparent;
}

.togglenav.is--active .togglenav__inner:before, .closelink:before {
  transform: rotate(-135deg);
  top: 0;
  left: 0;
  height: 12px;
}

.togglenav.is--active .togglenav__inner:after, .closelink:after {
  transform: rotate(135deg);
  width: 35px;
  top: 0;
  left: 0px;
  height: 12px;
}

header {
  position: relative;
  max-width: 100rem;
  margin: 0 auto;
}

.custom-logo-link {
  position: fixed;
  height: 5rem;
  width: 10rem;
  left: 1rem;
  top: 2rem;
  z-index: 10;
  -webkit-transition: all 500ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.has--darkheader .custom-logo-link {
  height: 3rem;
  width: 5rem;
}

.wrapper--navigation {
  position: absolute;
  height: 0;
  right: 0;
  left: 0;
  top: 0;
  z-index: 7;
  overflow-x: scroll;
  padding-right: 0;
}

body.is--navi-active {
  height: 0;
  overflow: hidden;
}

.is--navi-active .wrapper--navigation {
  position: fixed;
  top: 0;
  bottom: 0;
  height: 100vH;
  overflow: auto;
  background-color: #fff;
  z-index: 8;
}

.is--navi-active .wrapper--navigation:before {
  content: "";
  position: fixed;
  height: 8rem;
  width: 100%;
  background-color: #fff;
  z-index: 3;
  overflow: hidden;
}

.is--navi-active nav ul a {
  color: #00A071;
  text-align: center;
  border-top: 2px solid #969494;
}

.is--navi-active nav ul a:hover, .current-menu-item:not(.menu-item--shortcut) a, .current-menu-ancestor a:not(.menu-item--shortcut) {
  background-color: #00A071;
  color: #fff;
}

.is--navi-active nav ul a:before, .is--navi-active nav ul a:hover:before {
  content: none;
}

.is--navi-active nav ul li:nth-child(2) a {
  color: #A3184A;
}

.is--navi-active nav ul li:nth-child(2) a:hover, nav ul li.current-menu-item:nth-child(2) a, nav ul li.current-menu-ancestor:nth-child(2) a {
  background-color: #A3184A;
  color: #fff;
}

.is--navi-active nav ul li:nth-child(3) a {
  color: #438BA6;
}

.is--navi-active nav ul li:nth-child(3) a:hover, nav ul li.current-menu-item:nth-child(3) a, nav ul li.current-menu-ancestor:nth-child(3) a {
  background-color: #438BA6;
  color: #fff;
}

.is--navi-active nav ul li:nth-child(3) ul a:hover:before {
  background-color: #438BA6;
  color: #438BA6;
}

.is--navi-active nav ul li:nth-child(4) a {
  color: #E39507;
}

.is--navi-active nav ul li:nth-child(4) a:hover, nav ul li.current-menu-item:nth-child(4) a, nav ul li.current-menu-ancestor:nth-child(4) a {
  background-color: #E39507;
  color: #fff;
}

.is--navi-active nav ul li:last-child a {
  border-top: 2px solid #969494;
  border-bottom: 2px solid #969494;
}

.is--navi-active .sub-menu .menu-item a {
  color: #fff;
}

.is--navi-active .custom-logo-link path {
  fill: #00A071;
}

.is--navi-active .togglenav__inner {
  background-color: #00A071;
}

.is--navi-active .togglenav__inner:before, .is--navi-active .togglenav__inner:after, .is--navi-active .closelink:before, .closelink:after {
  background-color: #00A071;
}

.menu-item {
  display: block;
  vertical-align: middle;
}

.menu-item a {
  position: relative;
  list-style: none;
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 1.5rem 2rem;
  font-size: 1.5rem;
  -webkit-transition: all 300ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.menu-item a:hover {
  color: #009F70;
}

.has--darkheader .menu-item a:hover {
  color: #fff;
}

.menu-item a:before {
  content: "";
  position: absolute;
  background-color: #009F70;
  height: 3px;
  bottom: 0.5rem;
  left: 0.5rem;
  width: 0%;
  display: none;
  -webkit-transition: all 300ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.has--darkheader .menu-item a:before {
  background-color: #fff;
}

@media screen and (min-width: 1300px) {
  nav ul li.current-menu-item:not(.menu-item--shortcut) a, nav ul li.current-menu-ancestor:not(.menu-item--shortcut) a,
  nav ul li.current-menu-item:nth-child(2) a, nav ul li.current-menu-ancestor:nth-child(2) a,
  nav ul li.current-menu-item:nth-child(3) a, nav ul li.current-menu-ancestor:nth-child(3) a,
  nav ul li.current-menu-item:nth-child(4) a, nav ul li.current-menu-ancestor:nth-child(4) a {
    background-color: transparent;
  }

  .menu-item a:hover:before, .menu-item.current-menu-item a:before, .menu-item.current-menu-ancestor a:before {
    content: "";
    width: calc(100% - 1rem);
  }
}

@media screen and (min-width: 1650px) {
  .menu-item a:before {
    left: 2rem;
  }
  .menu-item a:hover:before, .menu-item.current-menu-item a:before, .menu-item.current-menu-ancestor a:before {
    width: calc(100% - 4rem);
  }
}

.menu-item.current-menu-item.menu-item--shortcut a:before, .menu-item.current-menu-ancestor.menu-item--shortcut a:before {
  width: 0;
}

.menu-item:hover .sub-menu .menu-item, .menu-item:hover .sub-menu:before {
  display: block;
}

.sub-menu:before, .sub-menu .menu-item, .sub-menu .menu-item a:before {
  display: block;
  margin: 0;
}
/*
.sub-menu.is--active:before, .sub-menu.is--active .menu-item, .sub-menu.is--active .menu-item a:before {
  display: block;
}*/

.sub-menu {
  display: block;
  position: relative;
  height: 0;
  -webkit-transition: all 500ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  overflow: hidden;
}

.sub-menu .menu-item {
  background-color: #83AABF;
  overflow: hidden;
}

.sub-menu .menu-item a {
  padding: 1rem;
  color: #009F70;
  font-size: 1.25rem;
  -webkit-transition: all 500ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

li:nth-child(3) .sub-menu .menu-item a:hover {
  background-color: #6D8D9E;
  color: #fff;
}

li:nth-child(4) .sub-menu .menu-item a:hover {
  background-color: #E39507;
  color: #fff;
}

.attachment-kommen_bleiben-featured-image {
  height: 100%;
  width: auto;
  max-height: 50vH;
  object-fit: cover;
  max-width: none;
}

@media screen and (min-width: 768px) {
  .attachment-kommen_bleiben-featured-image {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: none;
    object-fit: none;
    margin-top: -10%;
  }
}

.pageheader figure, .pageheader .videocontainer {
  overflow: hidden;
  max-height: 100%;
  clip-path: polygon(0px 0px, 0px 85%, 50% 95%, 100% 85%, 100% 0px);
  -webkit-clip-path: polygon(0px 0px, 0px 85%, 50% 95%, 100% 85%, 100% 0px);
}

@media screen and (min-width: 1366px) {
  .pageheader figure, .pageheader .videocontainer {
    max-height: 90vH;
  }
}

.pageheader figure:before {
  /* content: ""; */ /* TODO */
  width: 100%;
  max-width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.pageheader__hero-image {
  position: relative;
  -webkit-filter: drop-shadow(0 0 10px rgba(0,0,0,1));
  -moz-filter: drop-shadow(0 0 10px rgba(0,0,0,1));
  -ms-filter: drop-shadow(0 0 10px rgba(0,0,0,1));
  -o-filter: drop-shadow(0 0 10px rgba(0,0,0,1));
  filter: drop-shadow(0 0 10px rgba(0,0,0,1));
}

.is--ie .pageheader__hero-image {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
}

.svg-defs {
  position: absolute;
  height: 0;
  width: 0;
}

.pageheader__hero-video {
  height: 50vH;
  overflow: hidden;
}

.pageheader__hero-video video {
  height: 50vH;
  width: auto;
}

@media screen and (min-width: 768px) {
  .pageheader__hero-video {
    height: auto;
    overflow: visible;
  }
  .pageheader__hero-video video {
    width: 100%;
    height: auto;
  }
}

.is--ie .pageheader__hero-image:before {
  content: ".";
  font-size: 0;
  width: 0;
  height: 0;
  border-right: 50vW solid transparent;
  border-bottom: 3rem solid #F0F4F4;
  margin: 0 auto 0 0px;
  bottom: 0;
  position: absolute;
  left: 0;
  box-shadow: inset 0 0 10px #000000;
  z-index: 6;
}

.is--ie .pageheader__hero-image:after {
  content: ".";
  font-size: 0;
  width: 0;
  height: 0;
  border-left: 50vW solid transparent;
  border-bottom: 3rem solid #F0F4F4;
  margin: 0 auto 0 0;
  bottom: 0;
  position: absolute;
  right: 0;
  z-index: 5;
}

.pageheader__cat {
  text-align: center;
}

.main--heureka .pageheader__cat,
.main--gemmason .pageheader__cat {
  color: #fff;
  font-size: 3rem;
  font-weight: 700;
}

.magnific-popup--video {
  display: inline-block;
  padding: 0.75rem 1rem;
  background-color: #009F70;
  border: 1px solid #009F70;
  border-radius: 5px;
  color: #FFF;
  text-decoration: none;
  -webkit-transition: all 1s ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 2rem;
  line-height: 2rem;
}

.magnific-popup--video svg {
  width: 2rem;
  vertical-align: middle;
}

/*
.pageheader__hero-image:before {
  content: "";
  position: absolute;
  background-color: #fff;
  background-repeat: no-repeat;
  width: 52%;
  left: 50%;
  height: 10.5rem;
  bottom: -4.75rem;
  transform: rotate(-10deg);
}

.pageheader__hero-image:after {
  content: "";
  position: absolute;
  background-color: #fff;
  background-repeat: no-repeat;
  width: 52%;
  right: 50%;
  height: 10.5rem;
  bottom: -4.75rem;
  transform: rotate(10deg);
}
*/

.pageheader__inner {
  padding: 0 1rem;
}

.pageheader__headline {
  position: absolute;
  left: 50%;
  top: 20%;
  transform: translate(-50%, 0);
  width: 100%;
  color: #fff;
  font-size: 2.5rem;
  z-index: 6;
  text-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
  text-transform: none;
  text-align: center;
  padding-bottom: 2rem;
}

.main--heureka .pageheader__headline,
.main--gemmason .pageheader__headline {
  font-weight: 700;
  display: inline-block;
  width: auto;
}

.main--heureka .pageheader__headline span,
.main--gemmason .pageheader__headline span {
  font-weight: 400;
  display: inline-block;
  width: auto;
  font-size: 2.5rem;
  color: #fff;
}

.pageheader__text {
position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, 0);
  width: 100%;
  padding: 0 1rem;
  text-align: center;
  padding-top: 2rem;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

.pageheader__text p {
  color: #000;
  font-size: 1rem;
}


@media screen and (min-width: 768px) {
  /* .pageheader__headline {
    top: 35%;
  } */

  .main--heureka .pageheader__headline span,
  .main--gemmason .pageheader__headline span {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1200px) {
  .pageheader__inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    width: 80%;
  }

  /* .main--heureka .pageheader__inner {
    top: 40%;
  } */

  .pageheader__headline {
    position: relative;
    left: 50%;
    top: 15%;
    transform: translate(-50%, 0);
    width: 100%;
  }

  .pageheader__text {
    padding-top: 0;
  }

  .pageheader__text p {
    color: #fff;
    text-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
  }
}

nav[role="navigation"] ul.menu {
  display: inline-block;
  margin-top: 8rem;
  width: 100%;
}

.menu-item--mail,
.menu-item--search {
  display: inline-block;
  position: fixed;
  right: 3.5rem;
  top: 1.5rem;
  z-index: 5;
}

.menu-item--search {
  right: 5.5rem;
  top: 1rem;
}

.menu-item--mail a {
  padding: 1rem;
  z-index: 5;
}

.menu-item--mail a:before {
  display: none;
}

.menu-item--mail path, 
.menu-item--mail polygon,
.menu-item--search path {
  fill: #fff;
  z-index: 5;
}

.is--navi-active .menu-item--mail path, .is--navi-active .menu-item--mail polygon {
  fill: #009F70;
}

nav svg {
  width: 2rem;
  height: 1.5rem;
  z-index: 5;
}

.link--scrolldown {
  display: none;
}

@media screen and (min-width: 1280px) {
  .link--scrolldown {
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 80vH;
    z-index: 5;
    width: 4.5rem;
    height: 2.5rem;
    animation-name: arrowscroll;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-play-state: running;
  }

  @keyframes arrowscroll {
    0%, 100% {
      transform: translate(-50%, 0);
    }
    50% {
      transform: translate(-50%, -0.5rem);
    }
  }
}

@media screen and (min-width: 1400px) {

  .main--heureka .pageheader__inner,
  .main--gemmason .pageheader__inner {
    top: 60%;
  }

  .main--heureka .pageheader__cat,
  .main--gemmason .pageheader__cat {
    margin-top: 20vH;
  }
  
}

.link--scrolldown span {
  display: none;
}

.is--navi-active .link--scrolldown {
  display: none;
}

.nav__link--social {
  position: relative;
  bottom: 1rem;
  left: 50%;
  transform: translate(-50%, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
  margin-top: 3rem;
}

.nav__link--social p {
  position: relative;
  width: 33%;
  text-align: center;
}

.nav__link--social p:nth-child(1)::before, .nav__link--social p:nth-child(2)::before {
  content: "";
  position: absolute;
  right: 0;
  width: 3px;
  height: 100%;
  background-color: #00A070;
}

.nav__service {
  position: relative;
  bottom: 0;
  width: 100%;
  padding: 1rem;
}

.nav__service ul {
  display: flex;
  justify-content: space-between;
}

.nav__service a {
  color: #00A070;
  padding: 0.5rem;
}

.nav__service a:hover::before {
  content: "";
  position: absolute;
  background-color: #009F70;
  height: 3px;
  bottom: 0.5rem;
  left: 0;
  width: 100%;
}

.wrapper-header header:before {
  content:"";
  display:block;
  height: 0rem;
  width: 100vW;
  background-color: #009F70;
  /*opacity: 0.5;*/
  position: fixed;
  left: 0;
  top: 0;
  z-index: 7;
  -webkit-transition: all 500ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.has--darkheader .wrapper-header header:before {
  content:"";
  height: 6rem;
}

@media screen and (min-width: 768px) {
  .pageheader__headline {
    font-size: 4rem;
  }
  .pageheader__text p {
    font-size: 1.2rem;
  }
  .menu-item--mail,
  .menu-item--search {
    display: inline-block;
    position: fixed;
    right: 4rem;
    top: 2rem;
  }

  .menu-item--search {
    right: 6.5rem;
    top: 1.5rem;
  }

  .togglenav {
    top: 3rem;
  }
}

@media screen and (min-width: 1024px) {
  .menu-item--mail,
  .menu-item--search  {
    display: inline-block;
    position: fixed;
    right: 4rem;
    top: 2rem;
  }

  .menu-item--search {
    right: 7rem;
    top: 2rem;
  }

  .custom-logo-link {
    width: 15rem;
    height: 9rem;
    top: 0.5rem;
  }

  .has--darkheader .custom-logo-link {
    height: 5rem;
    width: 10rem;
  }

  .menu-item--mail a,
  .menu-item--search a {
    padding: 1rem 0.5rem;
  }
}

@media screen and (min-width: 1300px) {
  nav {
    height: auto;
    overflow: visible;
    text-align: right;
    position: fixed;
    max-width: 100rem;
    margin: 0 auto;
    width: 100%;
  }

  /*.attachment-kommen_bleiben-featured-image {
    height: auto;
    width: 100%;
    object-fit: initial;
  }*/
  /* .pageheader__hero-image:before {
    content: ".";
    border-bottom: 8.5rem solid #F0F4F4;
  }
  .pageheader__hero-image:after {
    content: ".";
    border-bottom: 8.5rem solid #F0F4F4;
  } */

  .custom-logo-link {
    width: 15rem;
    height: 9rem;
    /* left: 9rem; */
    left: 4rem;
    top: 2rem;
  }
  
  .has--darkheader .wrapper-header header:before {
    content:"";
    height: 8rem;
  }

  /* .pageheader__text {
    top: 55%;
    width: auto;
    padding: 0;
  } */

  .pageheader__text p {
    font-size: 1.25rem;
  }

  .pageheader__headline {
    /*top: 40%;
    width: auto;*/
    font-size: 5rem;
  }

  .main--heureka .pageheader__headline,
  .main--gemmason .pageheader__headline  {
    font-size: 7rem;
  }

  .main--heureka .pageheader__headline span,
  .main--gemmason .pageheader__headline span {
    font-size: 7rem;
  }

  /* .link--scrolldown {
    bottom: 5rem;
  } */

  .wrapper--navigation {
    position: absolute;
    right: 0;
    top: 1.5rem;
    overflow-x: visible;
    padding-right: 4rem;
  }

  nav[role="navigation"] ul.menu {
    margin-top: 0;
    width: auto;
  }

  .menu-item {
    display: inline-block;
  }

  .menu-item a {
    padding: 2rem 0.5rem 1rem;
  }

  .menu-item--mail a,
  .menu-item--search a {
    padding: 2rem 0.5rem 0.5rem;
  }

  .menu-item a:before {
    display: block;
  }

  .sub-menu {
    position: absolute;
    margin-left: 2rem;
  }

  .sub-menu:before {
    content: ".";
    font-size: 0;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 15px solid #fff;
    margin: 0 auto 0 10px;
  }

  .sub-menu .menu-item a {
    padding: 1rem 2rem 1rem 1rem;
    text-align: left;
  }

  .sub-menu .menu-item {
    background-color: #fff;
  }

  .sub-menu .menu-item:first-child {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .sub-menu .menu-item:last-child {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .menu li .sub-menu .menu-item a:hover {
    background-color: #009F70;
    color: #fff;
  }

  .menu-item--mail,
  .menu-item--search {
    display: inline-block;
    position: relative;
    top: auto;
    right: auto;
  }

  .nav__link--social {
    display: none;
  }

  .nav__service {
    display: none;
  }

  .menu-item-has-children a:after {
    content: "";
    width: 0.75rem;
    height: 1rem;
    display: inline-block;
    background: url(../images/arrow_nav.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    vertical-align: text-bottom;
    margin-left: 0.25rem;
  }

  .menu-item-has-children .sub-menu a:after {
    display: none;
  }

  .sub-menu:before, .sub-menu .menu-item, .sub-menu .menu-item a:before {
    display: none;
  }

  .sub-menu {
    height: auto;
  }
}

@media screen and (min-width: 1650px) {
  /* .menu-item {
    margin-right: 1rem;
  }

  .menu-item--mail,
  .menu-item--search {
    margin-right: 0.5rem;
  } */

  .menu-item a {
    padding: 2rem 2rem 1rem;
  }

  .menu-item--mail a,
  .menu-item--search a {
    padding: 2rem 0.5rem 0.5rem;
  }
}

.wrapper--search {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transform: translate(0, -100%);
  background-color: #00A070;
  z-index: 21;
  -webkit-transition: all 500ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;  
}

.wrapper--search.is-active {
  transform: translate(0, 0);
}

form.searchform {
  position: relative;
  max-width: 100rem;
  margin: 0 auto;
  padding: 2rem;
  padding-right: 5rem;
}

form.searchform input {
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: 1.5rem;
  box-shadow: none;
  outline: none;
}

form.searchform input::-webkit-input-placeholder {
  color: #fff;
  opacity: 0.5;
}
form.searchform input::-moz-placeholder {
  color: #fff;
  opacity: 0.5;
}
form.searchform input:-ms-input-placeholder {
  color: #fff;
  opacity: 0.5;
}
form.searchform input:-moz-placeholder {
  color: #fff;
  opacity: 0.5;
}

.link--close-search {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translate(0, -50%);
  width: 3rem;
  height: 3rem;
}

@media screen and (min-width: 105rem) {
  .link--close-search {
    right: 3rem;
  }
}

form.searchform input::-webkit-input-placeholder,
form.searchform input::-moz-placeholder,
form.searchform input:-ms-input-placeholder,
form.searchform input:-moz-placeholder {
  color: #fff;
  opacity: 1;
}

form.searchform button {
  position: absolute;
  background-color: transparent;
  border: 0;
  width: 3rem;
  height: 3rem;
  /* right: 2rem; */
  right: 5rem;
  bottom: 50%;
  transform: translate(0, 50%);
}

form.searchform button:hover {
  cursor: pointer;
}

form.searchform path {
  fill: #fff;
}

.is--navi-active .menu-item--search path {
  fill: #009F70;
}

.result-entries {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.result-entries__entry {
  position: relative;
  padding: 1rem 1rem 5.5rem 1rem;
  flex: 0 0 100%;
  margin-top: 2rem;
  border-radius: 5px;
  border-top: 4px solid #009F70;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  background-color: #fff;
}

@media screen and (min-width: 64rem) {
  .result-entries__entry {
    flex: 0 0 48%;
  }
}

@media screen and (min-width: 102rem) {
  .result-entries {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}

.result-entries h3 a {
  color: #009F70;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
  text-transform: none;
  margin-bottom: 1rem;
  display: block;
  text-decoration: none;
  hyphens: auto;
}

.searchresult h2 span {
  font-size: 2.5rem;
  line-height: 1;
  color: #009F70;
  font-weight: 700;
}

.result-entries .excerpt-more {
  /* left: 1; */
  /* bottom: auto;
  position: relative;
  display: inline-block;
  margin-top: 1rem; */
}

/*-------------------------------------------------------------------- header*/

/*-------------------------------------------------------------------- overlays */

.loading--overlay.is--active {
  z-index: 1000;
  -webkit-transition: opacity 500ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: opacity 500ms ease;
  -o-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
  opacity: 1;
}

.loading--overlay.is--fadeout {
  z-index: 1000;
  -webkit-transition: opacity 800ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: opacity 800ms ease;
  -o-transition: opacity 800ms ease;
  transition: opacity 800ms ease;
  opacity: 0;
}

.overlay--contact,
.overlay--response { 
  z-index: -1;
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  height: 100vH;
  opacity: 0;
  padding: 1rem;
  background-color: rgba(0,0,0,0);
  -webkit-transition: all 800ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: all 800ms ease;
  -o-transition: all 800ms ease;
  transition: all 800ms ease;
}

.overlay--contact.is--fadein,
.overlay--response.is--fadein {
  z-index: 1000;
}

.overlay--contact.is--active,
.overlay--response.is--active {
  opacity: 1;
  background-color: rgba(0,0,0,0.5);
  overflow: scroll;
}

@media screen and (min-width: 42rem) {
  .overlay--contact,
  .overlay--response {
    padding: 0;
  }
}

/*-------------------------------------------------------------------- overlays */

/*-------------------------------------------------------------------- overlay-response */

.popup-response-campaign-people-abroad {
  max-width: 40rem;
  position: relative;
  background-color: #fff;
  border-radius: 5px;
  margin-top: 7.5rem;
  margin-bottom: 5rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12rem;
}

.response__check {
  position: absolute;
  top: 3rem;
  left: 50%;
  transform: translate(-50%, 0);
}

.svg__circle {
  max-width: 6rem;
}

.svg_check {
  max-width: 6rem;
  position: absolute;
  top: 0;
  left: 0;
}

.overlay--response .wp-block-group__inner-container {
  padding: 0 2rem 2rem;
}

.overlay--response h3,
.overlay--response p {
  color: #E39507
}

.overlay--response h3 {
  font-size: 3rem;
  margin-bottom: 2.5rem;
  text-transform: none;
}

.overlay--response p {
  font-size: 1.625rem;
}

div[id="responsePeopleAbroadVideo"] {
  border-top: 4px solid #E39507;
  position: relative;
  min-height: 23rem;
}

div[id="responsePeopleAbroadVideo"] iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*-------------------------------------------------------------------- overlay-response */

/*-------------------------------------------------------------------- content_general */

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

.intro-text {
  max-width: 64rem;
  padding: 2rem 1rem 4rem;
  margin: 0 auto;
  font-size: 1.5rem;
}

.main--start .intro-text {
  color: #009F70;
}

.main--why .intro-text {
  color: #A4184A;
}

.main--heureka .intro-text,
.main--gemmason .intro-text  {
  color: #54a831;
}

.main--help .intro-text {
  color: #428BA7;
}

/*-------------------------------------------------------------------- content_general */

/*-------------------------------------------------------------------- content_welcome*/

main {
  background-color: #F0F4F4;
}

figure.aligncenter {
  margin-left: 50%;
  transform: translate(-50%, 0);
  display: inline-block;
}

/* .container--headline-image .wp-block-group__inner-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.entry-content__inner .container--headline-image h2 {
  margin-left: 0;
  margin-right: 2rem;
} */

img, video {
  height: auto;
  max-width: 100%;
  display: block;
}

.pageheader video {
  max-width: none;
}

.entry-content__inner {
  max-width: 100rem;
  margin: 0 auto;
}

.entry-content__inner h2 {
  text-align: center;
  font-size: 2rem;
  /* max-width: 31rem; */
  max-width: 46rem;
  margin: 0 auto;
  padding: 2rem 0.5rem;
  color: #009F70;
  text-transform: none;
}

.entry-content__inner > p {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media screen and (min-width: 102rem) {
  .entry-content__inner > p {
    padding-left: 0;
    padding-right: 0;
  }
}

.post-filter-nav {
  list-style-type: none;
  /*display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  justify-content: space-around;*/
  margin-bottom: 3rem;
  text-align: center;
}

.post-filter-nav li {
  /* flex: 0 0 40%; */
  display: inline-block;
  padding-right: 0;
  padding-top: 1rem;
  overflow-x: hidden;
  margin: 0 0.5rem;
}

.post-filter-nav a {
  text-decoration: none;
  text-align: center;
  display: block;
  overflow: hidden;
  padding: 1rem 1rem 1rem 5.625rem;
  color: #009F70;
  background-color: #fff;
  border: 1.5px solid #009F70;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 3px 3px 3px 0px rgb(0, 0, 0, 0.3);
  -webkit-transition: all 500ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  /* width: max-content; */
  width: 100%;
  position: relative;
}

.post-filter-nav span {
  color: #009F70;
  background-color: transparent;
  /* padding: 0 2rem; */
  font-size: 1.25rem;
  vertical-align: middle;
  -webkit-transition: all 500ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

@media screen and (min-width: 360px) {
  .post-filter-nav span {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 768px) {
  .post-filter-nav span {
    font-size: 1.75rem;
  }
}

.post-filter-nav a:hover span, .post-filter-nav a.active span {
  color: #fff;
}

.post-filter-nav a.active {
  color: #fff;
  background-color: #009F70;
  border: 1px solid #ffffff;
}

.post-filter-nav a:hover {
  color: #fff;
  background-color: #009F70;
}

.post-filter-nav .svgicon {
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  padding: 0.75rem;
  background-color: #009F70;
  min-width: 4.625rem;
  position: absolute;
  left: 0;
  top: 0;
}

.post-filter-nav a.active .svgicon {
  background-color: #fff;
}

.post-filter-nav svg {
  height: 2.5rem;
}

.post-filter-nav path {
  fill: #ffffff;
}

.post-filter-nav a.active path {
  fill: #009F70;
}

.ajax-load-more-wrap .alm-listing .alm-reveal > .listing-item {
  margin: 0;
  padding: 0;
}

.wp-block-categories-list a:hover {
  color: #fff;
  background-color: #009F70;
}

.display-posts-listing, .ajax-load-more-wrap .alm-listing .alm-reveal {
  display: flex;
  flex-wrap: wrap;
  /*justify-content: space-between;*/
  flex-direction: row;
  padding: 0 1rem;
}

.display-posts-listing .listing-item, .ajax-load-more-wrap .alm-listing .alm-reveal .listing-item {
  position: relative;
  list-style: none;
  flex: 0 0 100%;
  display: inline-block;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  margin-bottom: 3rem;
  padding-bottom: 5rem;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  margin-right: 1rem;
}

.display-posts-listing a {
  text-decoration: none;
}
/*
.display-posts-listing .listing-item .image {
  height: 20rem;
  overflow: hidden;
}*/

.display-posts-listing img, .ajax-load-more-wrap .alm-listing .alm-reveal img {
  max-width: 100%;
  height: 20rem;
  width: 100%;
  object-fit: cover;
  position: relative;
  border-radius: 0;
}

/*
@media screen and (min-width: 1400px) {
  .display-posts-listing img {
    object-fit: none;
  }
}*/

.display-posts-listing a.title, .ajax-load-more-wrap h3.title a {
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #009F70;
  padding: 3rem 1rem 1rem;
  display: block;
  border-top: 4px solid #009F70;
  text-decoration: none;
  text-transform: none;
}

.excerpt {
  display: block;
  padding: 1rem;
}

.excerpt-more {
  position: absolute;
  bottom: 1rem;
  padding: 1rem;
  left: 1rem;
  border: 2px solid #009F70;
  border-radius: 5px;
  color: #009F70;
  text-decoration: none;
  -webkit-transition: all 1s ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.excerpt-more svg {
  width: 1.5rem;
  height: auto;
  margin-right: 1rem;
  vertical-align: middle;
}

.excerpt-more polygon {
  -webkit-transition: all 1s ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.excerpt-more:hover {
  color: #fff;
  background-color: #009F70;
}

.excerpt-more:hover polygon {
  fill: #fff;
}

.category-display, .ajax-load-more-wrap .category {
  position: absolute;
  top: 21rem;
  color:#009F70;
  padding-left: 1rem;
}

@media screen and (min-width: 768px) {
  .category-display, .ajax-load-more-wrap .category {
    top: 22rem;
  }
}

.ajax-load-more-wrap .no-img .category {
  top: 1.5rem;
}

.category-display a {
  color: #009F70;
}

.link--load-more {
  text-align: center;
  padding: 2rem;
}

.alm-btn-wrap {
  text-align: center;
  /*padding-bottom: 2rem;*/
}

.link--load-more a, .ajax-load-more-wrap .alm-btn-wrap .alm-load-more-btn.done,
.alm-btn-wrap .alm-load-more-btn {
  text-decoration: none;
  color: #009F70;
  padding: 1rem 2rem;
  border-radius: 5px;
  border: 2px solid #009F70;
  -webkit-transition: all 1s ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  background-color: transparent;
  opacity: 1;
  height: auto;
  font-size: 1rem;
  line-height: initial;
  cursor: pointer;
}

.ajax-load-more-wrap .alm-btn-wrap .alm-load-more-btn.done:before,
.alm-btn-wrap .alm-load-more-btn:before {
  content: "";
  background: url(../images/loade-more.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 1.6rem;
  height: 2rem;
  vertical-align: middle;
  margin-right: 1rem;
  display: inline-block;
}

.ajax-load-more-wrap .alm-btn-wrap .alm-load-more-btn.done:hover:before {
  content: "";
  background: url(../images/loade-more--white.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 1.6rem;
  height: 2rem;
  vertical-align: middle;
  margin-right: 1rem;
  display: inline-block;
}

.svg-icon--load-more svg {
  width: 1.5rem;
  height: auto;
  vertical-align: middle;
  margin-right: 1rem;
}

.link--load-more a path {
  fill: #009F70;
  -webkit-transition: all 1s ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.link--load-more a:hover, .ajax-load-more-wrap .alm-btn-wrap .alm-load-more-btn.done:hover {
  color: #fff;
  background-color: #009F70;
  cursor: pointer;
}

.link--load-more a:hover path {
  fill: #fff;
}

.no-results.not-found {
  padding: 3rem 1rem;
}

@media screen and (min-width: 768px) {
  .display-posts-listing .listing-item, .ajax-load-more-wrap .alm-listing .alm-reveal .listing-item {
    flex: 0 0 48%;
    margin-right: 1.5rem;
  }
  .display-posts-listing .listing-item:nth-child(2n), .ajax-load-more-wrap .alm-listing .alm-reveal .listing-item:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 1200px) {
  .display-posts-listing .listing-item, .ajax-load-more-wrap .alm-listing .alm-reveal .listing-item {
    padding-bottom: 7rem;
    flex: 0 0 31%;
    margin-right: 2.25rem;
  }

  .display-posts-listing .listing-item:nth-child(2n), .ajax-load-more-wrap .alm-listing .alm-reveal .listing-item:nth-child(2n) {
    margin-right: 2.25rem;
  }

  .display-posts-listing .listing-item:nth-child(3n), .ajax-load-more-wrap .alm-listing .alm-reveal .listing-item:nth-child(3n) {
    margin-right: 0;
  }

  .display-posts-listing, .ajax-load-more-wrap .alm-listing .alm-reveal {
    padding: 0 0 0 1rem;
  }

  .category-display {
    top: 22rem;
  }

  .post-filter-nav li {
    /* flex: 0 0 auto; */
    padding-right: 2.5rem;
    padding-top: 0;
    padding-bottom: 2.5rem;
  }

  .entry-content__inner h2 {
    font-size: 3rem;
    padding: 2rem 0;
  }

  .post-filter-nav {
    margin-bottom: 5rem;
    justify-content: center;
    max-width: 81.25rem;
    margin: 0 auto 5rem;
  }

  .display-posts-listing a.title, .ajax-load-more-wrap h3.title a {
    font-size: 1.75rem;
    line-height: 1.75rem;
  }
  /*.display-posts-listing {
    justify-content: space-around;
  }*/
}

@media screen and (min-width: 1400px) {
  /*.display-posts-listing {
    justify-content: space-between;
  }*/

  .display-posts-listing a.title, .ajax-load-more-wrap h3.title a {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }

  .category-display {
    top: 22rem;
  }
}

/*-------------------------------------------------------------------- content_welcome*/
/*-------------------------------------------------------------------- content_single*/

.main--single {
  padding-bottom: 5rem;
}

.main--single .link--scrolldown {
  display: none;
}

.main--single .entry-content__inner {
  padding: 0 1rem;
}

.main--single .pageheader__hero-image {
  max-height: 50vH;
  overflow: hidden;
}

.post-category-date {
  padding: 2rem 0;
  color: #009F70;
  font-size: 1.25rem;
}

.main--single h1 {
  color: #009F70;
  font-size: 2rem;
  padding-bottom: 2rem;
  font-weight: 700;
  line-height: 2rem;
}

.main--single .post-image {
  padding: 2rem 0;
}

.main--single p,
.main--single a,
.main--single div {
  color: #009F70;
  line-height: 1.4;
}

.main--single a {
  font-size: inherit;
}

.main--single .post-content {
  padding-bottom: 3rem;
}

aside {
  padding: 0 1rem 4rem;
  /* background-color: #F0F4F4; */
}

aside .list--related {
  list-style: none;
  border: 2.5px solid #009F70;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}

aside li, aside li h3, aside li p {
  -webkit-transition: all 500ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

aside li {
  padding: 2rem 2rem 1.75rem;
  border-bottom: 2.5px solid #009F70;
}

aside li:hover {
  background-color: #009F70;
}

aside li:hover h3, aside li:hover p {
  color: #fff;
}

aside li p {
  color: #009F70;
  padding-bottom: 1rem;
}

aside li a {
  text-decoration: none;
}

aside li h3 {
  color: #009F70;
  font-weight: 700;
}

aside li:last-child {
  border-bottom: 0;
}

aside .link--back {
  padding: 2rem;
  background-color: #009F70;
  color: #fff;
  text-decoration: none;
  display: block;
  text-align: center;
  border: 2.5px solid #009F70;
  border-radius: 0 0 5px 5px;
  border-top: none;
  -webkit-transition: all 500ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

aside .link--back:hover {
  background-color: transparent;
  color: #009F70;
}

aside .link--back svg {
  width: 2rem;
  display: inline-block;
  vertical-align: middle;
  transform: rotate(180deg);
  margin-right: 1rem;
}

aside .link--back polygon {
  fill: #fff;
  -webkit-transition: all 500ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

aside .link--back:hover polygon {
  fill: #009F70;
}

.main--single .blocks-gallery-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style-type: none;
}

.main--single  .blocks-gallery-item {
  flex: 0 0 100%;
}

.main--single  .blocks-gallery-item + .blocks-gallery-item {
  padding-top: 1rem;
}

@media screen and (min-width: 48rem) {
  .main--single  .blocks-gallery-item {
    flex: 0 0 48%;
  }

  .main--single  .blocks-gallery-item + .blocks-gallery-item {
    padding-top: 0;
  }

  .main--single  .blocks-gallery-item:nth-child(1n+3) {
    padding-top: 2rem;
  }
}

@media screen and (min-width: 1024px) {
  .wrapper--main-aside {
    max-width: 100rem;
    margin: 0 auto;
  }

  .post-category-date {
    font-size: 1.875rem;
  }

  .main--single h1 {
    font-size: 5rem;
    padding-bottom: 2rem;
    line-height: 5rem;
  }

  .page-content--single {
    width: 66.66%;
    display: inline-block;
  }

  aside {
    display: inline-block;
    width: 31.33%;
    vertical-align: top;
    padding-top: 15rem;
  }

  .main--single .pageheader__hero-image {
    max-height: none;
    overflow: none;
  }

  .main--single .attachment-kommen_bleiben-featured-image {
    object-fit: cover;
    max-height: 100%;
  }
}

/*----------------------------------- content_single need*/

.main--single.main--need h1,
.main--single.main--need h3,
.main--single.main--need a,
.main--single.main--need aside p {
  color: #E39507;
}

.main--single.main--need p,
.main--single.main--need div {
  color: #000;
}

.main--single.main--need .list--related {
  border: 2.5px solid #E39507;
}

.main--single.main--need aside li:hover {
  background-color: #E39507;
}

.main--single.main--need aside li {
  border-bottom: 2.5px solid #E39507;
}

.main--single.main--need aside li:last-child {
  border-bottom: 0;
}

.main--single.main--need li:hover p,
.main--single.main--need li:hover h3 {
  color: #fff;
}

.main--single.main--need .link--back {
  color: #fff;
  background-color: #E39507;
  border: 2.5px solid #E39507;
}

.main--single.main--need .link--back:hover {
  color: #E39507;
  background-color: transparent;
}

.main--single.main--need .link--back:hover polygon {
  fill: #E39507;
}

.main--single.main--need .a2a_svg {
  background-color: #E39507 !important;
}

/*----------------------------------- content_single need*/

/*----------------------------------- content_single oia*/

.main--single[data-type="oia"] .post-category-date,
.main--single[data-type="oia"] h1,
.main--single[data-type="oia"] h3,
.main--single[data-type="oia"] a,
.main--single[data-type="oia"] aside p {
  color: #54a831;
}

.main--single[data-type="oia"] p,
.main--single[data-type="oia"] div {
  color: #000;
}

.main--single[data-type="oia"] .list--related {
  border: 2.5px solid #54a831;
}

.main--single[data-type="oia"] aside li:hover {
  background-color: #54a831;
}

.main--single[data-type="oia"] aside li {
  border-bottom: 2.5px solid #54a831;
}

.main--single[data-type="oia"] aside li:last-child {
  border-bottom: 0;
}

.main--single[data-type="oia"] li:hover p,
.main--single[data-type="oia"] li:hover h3 {
  color: #fff;
}

.main--single[data-type="oia"] .link--back {
  color: #fff;
  background-color: #54a831;
  border: 2.5px solid #54a831;
}

.main--single[data-type="oia"] .link--back:hover {
  color: #54a831;
  background-color: transparent;
}

.main--single[data-type="oia"] .link--back:hover polygon {
  fill: #54a831;
}

.main--single[data-type="oia"] .a2a_svg {
  background-color: #54a831 !important;
}

/*----------------------------------- content_single oia*/
/*-------------------------------------------------------------------- content_single*/
/*-------------------------------------------------------------------- content_why*/
/*----------------------------------- header_why*/

.wrapper-header--why .sub-menu .menu-item a {
  color: #fff;
}

.wrapper-header--why .sub-menu .menu-item a:hover {
  background-color: #A4184A;
  color: #fff;
}

.is--navi-active .wrapper-header--why .menu-item--mail path, .is--navi-active .wrapper-header--why .menu-item--mail polygon {
  fill: #A4184A;
}

.is--navi-active .wrapper-header--why .togglenav__inner:before, .is--navi-active .wrapper-header--why .togglenav__inner:after, .is--navi-active .wrapper-header--why .closelink:before, .closelink:after {
  background-color: #A4184A;
}

.is--navi-active .wrapper-header--why .custom-logo-link path {
  fill: #A4184A;
}

.wrapper-header--why .nav__link--social path, .wrapper-header--why .nav__link--social circle {
  fill: #A4184A;
}

.wrapper-header--why .nav__link--social p:nth-child(1)::before, .wrapper-header--why .nav__link--social p:nth-child(2)::before {
  content: "";
  background-color: #A4184A;
}

.wrapper-header--why header:before {
  background-color: #A4184A;
}

@media screen and (min-width: 1024px) {

  .wrapper-header--why .menu-item a:before {
    background-color: #A4184A;
  }

  .wrapper-header--why .menu-item.current-menu-item a:before, .wrapper-header--why .menu-item.current-menu-ancestor a:before {
    background-color: #fff;
  }

  .wrapper-header--why .menu-item a:hover:before {
    background-color: #A4184A;
  }

  .wrapper-header--why .menu-item a:hover {
    color: #A4184A;
  }

  .has--darkheader .wrapper-header--why .menu-item a:hover {
    color: #fff;
  }

  .has--darkheader .wrapper-header--why .menu-item a:hover:before {
    background-color: #fff;
  }

  .wrapper-header--why .sub-menu .menu-item a {
    color: #A4184A;
  }

  .wrapper-header--why .menu li .sub-menu .menu-item a:hover {
    background-color: #A4184A;
    color: #fff;
  }

  .wrapper-header--why .sub-menu .menu-item a {
    color: #A4184A;
  }
}
/*----------------------------------- header_why*/

.main--why {
  background-color: #F5EFEF;
}
.main--why .pageheader__hero-image::before {
  border-bottom: 3rem solid #F5EFEF;
}

.main--why .pageheader__hero-image::after {
  border-bottom: 3rem solid #F5EFEF;
}

.main--why .magnific-popup--video {
  background-color: #A4184A;
  border: 1px solid #A4184A;
}

.main--why .entry-content__inner h2 {
  color: #A4184A;
  max-width: 36rem;
}


/* -------------------------------------------------- content--heureka */

/*----------------------------------- header_heureka und gemmason */

.wrapper-header--heureka .sub-menu .menu-item a,
.wrapper-header--oia .sub-menu .menu-item a,
.wrapper-header--gemmason .sub-menu .menu-item a {
  color: #fff;
}

.wrapper-header--heureka .sub-menu .menu-item a:hover,
.wrapper-header--oia .sub-menu .menu-item a:hover,
.wrapper-header--gemmason .sub-menu .menu-item a:hover {
  background-color: #54a831;
  color: #fff;
}

.is--navi-active .wrapper-header--heureka .menu-item--mail path,
.is--navi-active .wrapper-header--heureka .menu-item--mail polygon,
.is--navi-active .wrapper-header--oia .menu-item--mail path,
.is--navi-active .wrapper-header--oia .menu-item--mail polygon,
.is--navi-active .wrapper-header--gemmason .menu-item--mail path,
.is--navi-active .wrapper-header--gemmason .menu-item--mail polygon {
  fill: #54a831;
}

.is--navi-active .wrapper-header--heureka .togglenav__inner:before,
.is--navi-active .wrapper-header--heureka .togglenav__inner:after,
.is--navi-active .wrapper-header--heureka .closelink:before, .closelink:after,
.is--navi-active .wrapper-header--oia .togglenav__inner:before,
.is--navi-active .wrapper-header--oia .togglenav__inner:after,
.is--navi-active .wrapper-header--oia .closelink:before,
.is--navi-active .wrapper-header--gemmason .togglenav__inner:before,
.is--navi-active .wrapper-header--gemmason .togglenav__inner:after,
.is--navi-active .wrapper-header--gemmason .closelink:before{
  background-color: #54a831;
}

.is--navi-active .wrapper-header--heureka .custom-logo-link path,
.is--navi-active .wrapper-header--oia .custom-logo-link path,
.is--navi-active .wrapper-header--gemmason .custom-logo-link path {
  fill: #54a831;
}

.wrapper-header--heureka .nav__link--social path,
.wrapper-header--heureka .nav__link--social circle,
.wrapper-header--oia .nav__link--social path,
.wrapper-header--oia .nav__link--social circle,
.wrapper-header--gemmason .nav__link--social path,
.wrapper-header--gemmason .nav__link--social circle {
  fill: #54a831;
}

.wrapper-header--heureka .nav__link--social p:nth-child(1)::before,
.wrapper-header--heureka .nav__link--social p:nth-child(2)::before,
.wrapper-header--oia .nav__link--social p:nth-child(1)::before,
.wrapper-header--oia .nav__link--social p:nth-child(2)::before,
.wrapper-header--gemmason .nav__link--social p:nth-child(1)::before,
.wrapper-header--gemmason .nav__link--social p:nth-child(2)::before  {
  content: "";
  background-color: #54a831;
}

.wrapper-header--heureka header:before,
.wrapper-header--oia header:before,
.wrapper-header--gemmason header:before  {
  background-color: #54a831;
}

@media screen and (min-width: 1024px) {

  .wrapper-header--heureka .menu-item a:before,
  .wrapper-header--oia .menu-item a:before,
  .wrapper-header--gemmason .menu-item a:before  {
    background-color: #54a831;
  }

  .wrapper-header--heureka .menu-item.current-menu-item a:before,
  .wrapper-header--heureka .menu-item.current-menu-ancestor a:before,
  .wrapper-header--oia .menu-item.current-menu-item a:before,
  .wrapper-header--oia .menu-item.current-menu-ancestor a:before,
  .wrapper-header--gemmason .menu-item.current-menu-item a:before,
  .wrapper-header--gemmason .menu-item.current-menu-ancestor a:before {
    background-color: #fff;
  }

  .wrapper-header--heureka .menu-item a:hover:before,
  .wrapper-header--oia .menu-item a:hover:before,
  .wrapper-header--gemmason .menu-item a:hover:before {
    background-color: #000;
  }

  .wrapper-header--heureka .menu-item a:hover,
  .wrapper-header--oia .menu-item a:hover,
  .wrapper-header--gemmason .menu-item a:hover {
    color: #000;
  }

  .has--darkheader .wrapper-header--heureka .menu-item a:hover,
  .has--darkheader .wrapper-header--oia .menu-item a:hover,
  .has--darkheader .wrapper-header--gemmason .menu-item a:hover {
    color: #fff;
  }

  .has--darkheader .wrapper-header--heureka .menu-item a:hover:before,
  .has--darkheader .wrapper-header--oia .menu-item a:hover:before,
  .has--darkheader .wrapper-header--gemmason .menu-item a:hover:before {
    background-color: #fff;
  }

  .wrapper-header--heureka .sub-menu .menu-item a,
  .wrapper-header--oia .sub-menu .menu-item a,
  .wrapper-header--gemmason .sub-menu .menu-item a {
    color: #54a831;
  }

  .wrapper-header--heureka .menu li .sub-menu .menu-item a:hover,
  .wrapper-header--oia .menu li .sub-menu .menu-item a:hover,
  .wrapper-header--gemmason .menu li .sub-menu .menu-item a:hover {
    background-color: #54a831;
    color: #fff;
  }

  .wrapper-header--heureka .sub-menu .menu-item a,
  .wrapper-header--oia .sub-menu .menu-item a,
  .wrapper-header--gemmason .sub-menu .menu-item a {
    color: #54a831;
  }
}
/*----------------------------------- header_heureka + header_gemmason*/

/* .main--heureka {
  background-color: #F5EFEF;
} */

.main--heureka .pageheader__hero-image::before,
.main--gemmason .pageheader__hero-image::before {
  border-bottom: 3rem solid #F5EFEF;
}

.main--heureka .pageheader__hero-image::after,
.main--gemmason .pageheader__hero-image::after  {
  border-bottom: 3rem solid #F5EFEF;
}

.main--heureka .magnific-popup--video,
.main--gemmason .magnific-popup--video {
  background-color: #54a831;
  border: 1px solid #54a831;
}

.main--heureka .entry-content__inner h2,
.main--gemmason .entry-content__inner h2 {
  color: #54a831;
  max-width: 37rem;
}

.main--heureka .entry-content__inner a.title,
.main--gemmason .entry-content__inner a.title {
  color: #54a831;
  padding-left: 1rem;
}

.display-need-listing.display-heureka .link--collapse, 
.main--heureka .is--expanded .collapse-header,
.main--gemmason .display-need-listing.display-gemmas-on .link--collapse, 
.main--gemmason .is--expanded .collapse-header {
  background-color: #54a831;
}

.main--heureka .is--expanded .link--collapse,
.main--gemmason .is--expanded .link--collapse {
  background-color: #fff;
}

.main--heureka .is--expanded .link--collapse polygon,
.main--gemmason .is--expanded .link--collapse polygon {
  fill: #54a831;
}

.main--heureka .display-posts-listing a.title,
.main--gemmason .display-posts-listing a.title {
  border-top: 4px solid #54a831;
}

.main--heureka .display-posts-listing a.title,
.main--gemmason .display-posts-listing a.title {
  color: #54a831;
}


.main--gemmason .display-need-listing.display-gemmas-on .listing-item:nth-child(2) a.title,
.main--gemmason .display-need-listing.display-gemmas-on .listing-item:nth-child(3) a.title {
  color: #000;
}

.main--gemmason .display-need-listing.display-gemmas-on .listing-item:nth-child(2).is--expanded .collapse-header a.title,
.main--gemmason .display-need-listing.display-gemmas-on .listing-item:nth-child(3).is--expanded .collapse-header a.title {
  color: #fff;
}

.main--gemmason .display-need-listing.display-gemmas-on .listing-item:nth-child(2) .link--collapse, 
.main--gemmason .display-need-listing.display-gemmas-on .listing-item:nth-child(2).is--expanded .collapse-header,
.main--gemmason .display-need-listing.display-gemmas-on .listing-item:nth-child(3) .link--collapse, 
.main--gemmason .display-need-listing.display-gemmas-on .listing-item:nth-child(3).is--expanded .collapse-header {
  background-color: #000;
}

.main--gemmason .display-need-listing.display-gemmas-on .listing-item:nth-child(2).is--expanded .link--collapse,
.main--gemmason .display-need-listing.display-gemmas-on .listing-item:nth-child(3).is--expanded .link--collapse {
  background-color: #fff;
}

.main--gemmason .display-need-listing.display-gemmas-on .listing-item:nth-child(2).is--expanded .link--collapse polygon,
.main--gemmason .display-need-listing.display-gemmas-on .listing-item:nth-child(3).is--expanded .link--collapse polygon {
  fill: #000;
}


.main--heureka .excerpt-more,
.main--gemmason .excerpt-more {
  color: #54a831;
  border: 2px solid #54a831;
}

.main--heureka .excerpt-more:hover,
.main--gemmason .excerpt-more:hover {
  background-color: #54a831;
  color: #fff;
}

.main--heureka .excerpt-more polygon,
.main--gemmason .excerpt-more polygon {
  fill: #54a831;
}

.main--heureka .excerpt-more:hover polygon,
.main--gemmason .excerpt-more:hover polygon {
  fill: #fff;
}

.main--heureka .display-posts-listing a.image,
.main--gemmason .display-posts-listing a.image {
  background-color: #cecece;
  display: block;
  position: relative;
}

.main--heureka .display-posts-listing a.image:before,
.main--gemmason .display-posts-listing a.image:before {
  content: "Bildbereich";
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
}

.main--gemmason .pageheader__hero-image img {
  width: 100%;
  object-fit: contain;
}

.main--gemmason .pageheader__header,
.main--gemmason .link--scrolldown {
  display: none;
}

.custom-logo-link path {
  -webkit-transition: all 500ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.header--gemmason .custom-logo-link path {
  fill: #000;
}

.has--darkheader .header--gemmason .custom-logo-link path {
  fill: #fff;
}

.header--gemmason .menu-item a,
.header--gemmason nav > ul > li.current-menu-item:nth-child(4) > a,
.header--gemmason nav > ul > li.current-menu-ancestor:nth-child(4) > a {
  color: #000;
}

.has--darkheader .header--gemmason .menu-item a,
.has--darkheader .header--gemmason nav > ul > li.current-menu-item:nth-child(4) a,
.has--darkheader .header--gemmason nav > ul > li.current-menu-ancestor:nth-child(4) a {
  color: #fff;
}

.has--darkheader .header--gemmason nav > ul > li.current-menu-item:nth-child(4) .sub-menu a,
.has--darkheader .header--gemmason nav > ul > li.current-menu-ancestor:nth-child(4) .sub-menu a {
  color: #54a831;
}

.has--darkheader .wrapper-header--gemmason .sub-menu .menu-item a {
  color: #54a831;
}

/* .main--gemmason p {
  color: #54a831;
} */

/* .main--heureka .display-posts-listing .listing-item__image img {
  opacity: 0;
} */

.logo-solo figure {
  max-width: 20rem;
  width: 100%;
  transform: translate(0);
  margin: 0 auto;
  display: block;
  margin-bottom: 3rem;
  margin-top: 3rem;
}

.gallery-sponsor {
  max-width: 90rem;
  margin: 0 auto;
}

.gallery-sponsor .blocks-gallery-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  list-style-type: none;
  /* margin-bottom: 5rem; */
  padding: 0 1rem 5rem;
}

.gallery-sponsor li {
  flex: 0 0 48%;
  margin-top: 2rem;
}

.gallery-sponsor figure {
  height: 4.5rem;
}

.gallery-sponsor img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

@media screen and (min-width: 48rem) {
  .gallery-sponsor .blocks-gallery-grid {
    justify-content: center;
  }

  .gallery-sponsor li {
    flex: 0 0 auto;
    padding: 0 2.5rem;
    margin-top: 0;
  }
  
  .gallery-sponsor li:nth-child(1n+5) {
    margin-top: 2rem;
  }  
}


/* DANIEL auch das gilt jetzt für alle Listen in diesem Content?
  Also auch für eine noramle Aufzählung innerhalb des Textes
*/
.display-issue-listing {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 5rem;
}

.display-issue-listing .listing-item {
  position: relative;
  border-radius: 5px;
  /* overflow: hidden; */
  flex: 0 0 91%;
  list-style: none;
  margin: 0 1rem 2rem;
  /* background-color: #fff; */
  /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
  /* display: flex;
  flex-direction: row;
  flex-wrap: wrap; */
}

.display-issue-listing .listing-item .listing-item__inner {
  background-color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.collapse-header a.title {
  color: #A4184A;
  font-size: 0.8rem;
  padding: 0.5rem 1rem;
  display: inline-block;
}

.collapse-header .subline {
  padding: 20% 1rem 0.5rem 1rem;
  color: #A4184A;
}

.is--expanded .collapse-header .subline, .is--expanded .collapse-header a.title {
  color: #fff;
  text-decoration: none;
}

.main--why .collapse-content .excerpt {
  padding: 2rem 3rem 2rem 1rem;
  color: #A4184A;
}

.collapse-content .excerpt-more {
  display: none;
}

.display-issue-listing .listing-item a.image {
  position: relative;
  max-height: 16rem;
  overflow: hidden;
  flex: 50%;
}

.display-issue-listing .listing-item a.image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.issue-number {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  font-size: 4.5rem;
  font-weight: 700;
  color: rgba(255,255,255,0.5);
  line-height: 0.8;
}

.link--collapse {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 3.25rem;
  height: 3.25rem;
  background-color: #A4184A;
  display: block;
  padding: 1rem;
  -webkit-transition: all 500ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.is--expanded .link--collapse {
    background-color: #fff;
}

.is--expanded .link--collapse svg {
  transform: rotate(180deg);
}

.is--expanded .link--collapse polygon {
  fill: #A4184A;
}

.collapse-content {
  flex: 0 0 100%;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 500ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: height 500ms ease;
  -o-transition: height 500ms ease;
  transition: height 500ms ease;
}

.collapse-header {
  flex: 0 0 50%;
  -webkit-transition: all 500ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.is--expanded .collapse-header {
  background-color: #A4184A;
}

@media screen and (min-width: 768px) {
  .issue-number {
    font-size: 6.5rem;
  }
}

@media screen and (min-width: 1024px) {
  .main--why .pageheader__hero-image::before{
    border-bottom: 8.5rem solid #F5EFEF;
  }
  .main--why .pageheader__hero-image::after {
    border-bottom: 8.5rem solid #F5EFEF;
  }
  .main--heureka .pageheader__hero-image::before,
  .main--gemmason .pageheader__hero-image::before{
    border-bottom: 8.5rem solid #F5EFEF;
  }
  .main--heureka .pageheader__hero-image::after,
  .main--gemmason .pageheader__hero-image::after {
    border-bottom: 8.5rem solid #F5EFEF;
  }  
  .collapse-header a.title {
    font-size: 1rem;
    padding: 0.5rem 2rem;
  }
  .display-issue-listing {
    justify-content: space-between;
  }
  .display-issue-listing .listing-item {
    flex: 0 0 48%;
    margin: 0 auto 2rem;
  }
  .link--collapse {
    width: 4.25rem;
    height: 4.25rem;
  }
  .collapse-header .subline {
    padding: 20% 2rem 2rem 2rem;
  }
  .issue-number {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1400px) {
  .collapse-header a.title {
    font-size: 1.5rem;
  }

  .display-issue-listing .listing-item {
    margin: 0 0 2rem;
  }

  .issue-number {
    font-size: 10rem;
  }
}

/*----------------------------------- footer_why*/

.wrapper-footer--why .footer-top .widget_text:nth-child(3) a {
  border-bottom: solid 3px #A4184A;
}

.wrapper-footer--why .footer-top .widget_text:nth-child(2) a {
  border-bottom: solid 8px #A4184A;
}

.wrapper-footer--why .footer-top .widget_text:nth-child(2) a:hover {
  color: #A4184A;
}

.wrapper-footer--why .link--external {
  fill: #A4184A;
}

.wrapper-footer--why .link--social p:nth-child(1):before, .wrapper-footer--why .link--social p:nth-child(2):before {
  background-color: #A4184A;
}

.wrapper-footer--why .container--location {
  background: url(../images/spinne_violet.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}

/*----------------------------------- footer_why*/

/*----------------------------------- footer_heureka + footer_gemmason*/

.wrapper-footer--heureka .footer-top .widget_text:nth-child(3) a,
.wrapper-footer--oia .footer-top .widget_text:nth-child(3) a,
.wrapper-footer--gemmason .footer-top .widget_text:nth-child(3) a {
  border-bottom: solid 3px #54a831;
}

.wrapper-footer--heureka .footer-top .widget_text:nth-child(2) a,
.wrapper-footer--oia .footer-top .widget_text:nth-child(2) a,
.wrapper-footer--gemmason .footer-top .widget_text:nth-child(2) a {
  border-bottom: solid 8px #54a831;
}

.wrapper-footer--heureka .footer-top .widget_text:nth-child(2) a:hover,
.wrapper-footer--oia .footer-top .widget_text:nth-child(2) a:hover,
.wrapper-footer--gemmason .footer-top .widget_text:nth-child(2) a:hover {
  color: #54a831;
}

.wrapper-footer--heureka .link--external,
.wrapper-footer--oia .link--external,
.wrapper-footer--gemmason .link--external {
  fill: #54a831;
}

.wrapper-footer--heureka .link--social p:nth-child(1):before,
.wrapper-footer--heureka .link--social p:nth-child(2):before,
.wrapper-footer--oia .link--social p:nth-child(1):before,
.wrapper-footer--oia .link--social p:nth-child(2):before,
.wrapper-footer--gemmason .link--social p:nth-child(1):before,
.wrapper-footer--gemmason .link--social p:nth-child(2):before {
  background-color: #54a831;
}

.wrapper-footer--heureka .container--location,
.wrapper-footer--oia .container--location,
.wrapper-footer--gemmason .container--location {
  background: url(../images/spinne_gruen_heureka.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}

/*----------------------------------- footer_heureka*/

/*-------------------------------------------------------------------- content_why*/
/*-------------------------------------------------------------------- content_help*/
/*----------------------------------- header_help*/


.wrapper-header--help .sub-menu .menu-item a {
  color: #fff;
}

.wrapper-header--help .sub-menu .menu-item a:hover {
  background-color: #428BA7;
  color: #fff;
}

.display-posts-listing a.title, .ajax-load-more-wrap  h3.title {
  border-top: 4px solid #009F70;
}

.is--navi-active .wrapper-header--help .menu-item--mail path, .is--navi-active .wrapper-header--help .menu-item--mail polygon {
  fill: #428BA7;
}

.is--navi-active .wrapper-header--help .togglenav__inner:before, .is--navi-active .wrapper-header--help .togglenav__inner:after, .is--navi-active .wrapper-header--help .closelink:before, .closelink:after {
  background-color: #428BA7;
}

.is--navi-active .wrapper-header--help .custom-logo-link path {
  fill: #428BA7;
}

.wrapper-header--help .nav__link--social path, .wrapper-header--help .nav__link--social circle {
  fill: #428BA7;;
}

.wrapper-header--help .nav__link--social p:nth-child(1)::before, .wrapper-header--help .nav__link--social p:nth-child(2)::before {
  content: "";
  background-color: #428BA7;
}

.wrapper-header--help header:before {
  background-color: #428BA7;
}

@media screen and (min-width: 1300px) {

  .wrapper-header--help .menu-item a:hover {
    color: #428BA7;
  }

  .has--darkheader .wrapper-header--help .menu-item a:hover {
    color: #fff;
  }

  .wrapper-header--help .menu-item a:before {
    background-color: #428BA7;
  }

  .wrapper-header--help .menu-item.current-menu-item a:before, .wrapper-header--help .menu-item.current-menu-ancestor a:before {
    background-color: #fff;
  }

  .has--darkheader .wrapper-header--help .menu-item a:before {
    background-color: #fff;
  }

  .wrapper-header--help .menu-item a:hover:before {
    background-color: #428BA7;
  }

  .has--darkheader .wrapper-header--help .menu-item a:hover:before {
    background-color: #fff;
  }

  .wrapper-header--help .menu li .sub-menu .menu-item a:hover {
    background-color: #428BA7;
    color: #fff;
  }
  .wrapper-header--help .sub-menu .menu-item a {
    color: #428BA7;
  }
}
/*----------------------------------- header_help*/

.main--help {
  background-color: #F0F4F4 /* #F9FAFB; */
}
.main--help .pageheader__hero-image::before{
  border-bottom: 3rem solid #F0F4F4 /* #F9FAFB; */
}

/* .main--help .pageheader__hero-image::after {
  border-bottom: 3rem solid #F9FAFB;
} */

.main--help .entry-content__inner h2,
.main--help .entry-content__inner a {
  color: #428BA7;
}

.main--help .entry-content__inner a.title {
  color: #428BA7;
  padding-left: 1rem;
}

.main--help .display-posts-listing a.title {
  border-top: 4px solid #428BA7;
}

.main--help .excerpt-more {
  border: 1px solid #428BA7;
  color: #428BA7;
}

.main--help .excerpt-more polygon {
  fill: #428BA7;
}

.main--help .excerpt-more:hover {
  color: #fff;
  background-color: #428BA7;
}

.main--help .excerpt-more:hover polygon {
  fill: #fff;
}

.main--help .collapse-content .excerpt {
  padding: 2rem 3rem 2rem 1rem;
  color: #428BA7;
}

@media screen and (min-width: 1024px) {
  .main--help .pageheader__hero-image::before{
    border-bottom: 8.5rem solid #F9FAFB;
  }

  .main--help .pageheader__hero-image::after {
    border-bottom: 8.5rem solid #F9FAFB;
  }
}

.display-faq-listing {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /* margin-bottom: 5rem; */
  padding: 0 1rem 5rem;
}

.display-faq-listing .listing-item {
  background-color: #fff;
  position: relative;
  list-style-type: none;
  flex: 0 0 100%;
  box-shadow: 6.5px 6.5px 4px -5px;
  border-radius: 5px;
  margin-top: 2rem;
  min-height: 6rem;
  overflow: hidden;
}

.display-faq-listing .link--collapse {
  background-color: #438aa7;
  width: 6.25rem;
  height: 6.25rem;
  padding: 2rem;
}

.display-faq-listing header {
  min-height: 6.25rem;
}

.main--help .is--expanded .link--collapse {
  background-color: #fff;
}

.main--help .is--expanded .collapse-header {
  background-color: #438aa7;
}

.display-faq-listing a.title {
  font-size: 1rem;
  font-weight: 700;
  padding: 1.5rem 2rem;
  width: 70%;
}

.main--help .is--expanded a.title {
  color: #fff;
  text-decoration: underline;
}

.main--help .is--expanded .link--collapse polygon {
  fill: #438aa7;
}

@media screen and (min-width: 768px) {
  .display-faq-listing a.title {
    font-size: 1.5rem;
    width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .display-faq-listing li {
    min-height: 4.25rem;
  }

  .display-faq-listing a.title {
    font-size: 2rem;
  }
}

@media screen and (min-width: 1400px) {
  .display-faq-listing a.title {
    font-size: 2.5rem;
  }
}

.display-job-listing, .display-immo-listing, .display-need-listing  {
  /*display: flex;
  flex-direction: row;
  flex-wrap: wrap;*/
  /* margin-bottom: 5rem; */
  padding: 0 1rem 5rem;
}

.display-job-listing .listing-item, .display-immo-listing .listing-item, .display-need-listing .listing-item {
  background-color: #fff;
  position: relative;
  list-style-type: none;
  /*flex: 0 0 100%;*/
  display: inline-block;
  vertical-align: top;
  width: 100%;
  box-shadow: 6.5px 6.5px 4px -5px;
  border-radius: 5px;
  margin-top: 2rem;
  min-height: 4.25rem;
  overflow: hidden;
  margin-right: 1.5rem;
}

.display-job-listing .listing-item:nth-child(2n), .display-immo-listing .listing-item:nth-child(2n),
.display-need-listing .listing-item:nth-child(2n) {
  margin-right: 0;
}

.main--help .display-job-listing a.title,
.main--help .display-immo-listing a.title,
.main--need .display-need-listing a.title,
.main--heureka .display-need-listing.display-heureka a.title,
.main--gemmason .display-need-listing.display-gemmas-on a.title  {
  font-size: 1rem;
  font-weight: 700;
  padding: 1rem 4.5rem 1rem 5rem;
  position: relative;
}

/* .main--need .display-need-listing .listing-item--has-no-image a.title {
  padding: 1rem 2rem 1rem 2rem;
} */

.display-job-listing .listing-item a.title:before {
  content: "";
  background: url(../images/user-friends-solid-praktika.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  max-height: 5rem;
  height: 3.25rem;
  width: 2rem;
  left: 1rem;
  top: 0.5rem;
}

.display-job-listing .listing-item:nth-child(2) a.title:before {
  background: url(../images/mobile-alt-solid-online-job.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 3.5rem;
}

.display-job-listing .listing-item:nth-child(3) a.title:before {
  background: url(../images/hands-helping-solid-ams.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 3rem;
}

.display-job-listing .listing-item:nth-child(4) a.title:before {
  background: url(../images/building-regular-unternehmen.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 3rem;
}

.display-job-listing .listing-item.is--expanded a.title:before {
  content: "";
  background: url(../images/user-friends-solid-praktika-white.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  max-height: 5rem;
  height: 3.25rem;
  width: 2rem;
  left: 1rem;
  top: 0.5rem;
}

.display-job-listing .listing-item.is--expanded:nth-child(2) a.title:before {
  background: url(../images/mobile-alt-solid-online-job-white.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 3.5rem;
}

.display-job-listing .listing-item.is--expanded:nth-child(3) a.title:before {
  background: url(../images/hands-helping-solid-ams-white.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 3rem;
}

.display-job-listing .listing-item.is--expanded:nth-child(4) a.title:before {
  background: url(../images/building-regular-unternehmen-white.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 3rem;
}

.display-immo-listing.display-establish-listing .listing-item a.title:before {
  content: "";
  background: url(../images/power-off-solid-startup.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  max-height: 5rem;
  height: 3.25rem;
  width: 2rem;
  left: 1rem;
  top: 0.5rem;
}

.display-immo-listing.display-establish-listing .listing-item:nth-child(2) a.title:before {
  background: url(../images/city-solid-ansiedeln.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 3.5rem;
}

.display-immo-listing.display-establish-listing .listing-item:nth-child(3) a.title:before {
  background: url(../images/users-solid-co-working.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 3rem;
}

.display-immo-listing.display-establish-listing .listing-item:nth-child(4) a.title:before {
  background: url(../images/key-solid-übergabe.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 3rem;
}

.display-immo-listing.display-establish-listing .listing-item.is--expanded a.title:before {
  content: "";
  background: url(../images/power-off-solid-startup-white.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  max-height: 5rem;
  height: 3.25rem;
  width: 2rem;
  left: 1rem;
  top: 0.5rem;
}

.display-immo-listing.display-establish-listing .listing-item.is--expanded:nth-child(2) a.title:before {
  background: url(../images/city-solid-ansiedeln-white.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 3.5rem;
}

.display-immo-listing.display-establish-listing .listing-item.is--expanded:nth-child(3) a.title:before {
  background: url(../images/users-solid-co-working-white.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 3rem;
}

.display-immo-listing.display-establish-listing .listing-item.is--expanded:nth-child(4) a.title:before {
  background: url(../images/key-solid-übergabe-white.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 3rem;
}

.display-immo-listing .listing-item a.title:before {
  content: "";
  background: url(../images/mobile-alt-solid-online-job.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  max-height: 5rem;
  height: 3.25rem;
  width: 2rem;
  left: 1rem;
  top: 0.5rem;
}

.display-immo-listing .listing-item:nth-child(2) a.title:before {
  background: url(../images/info-circle-solid-gemeinde.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 3.5rem;
}

.display-immo-listing .listing-item:nth-child(3) a.title:before {
  background: url(../images/building-regular-unternehmen.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 3rem;
}

.display-immo-listing .listing-item:nth-child(4) a.title:before {
  background: url(../images/headset-solid-makler.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 3rem;
}

.display-immo-listing .listing-item.is--expanded a.title:before {
  content: "";
  background: url(../images/mobile-alt-solid-online-job-white.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  max-height: 5rem;
  height: 3.25rem;
  width: 2rem;
  left: 1rem;
  top: 0.5rem;
}

.display-immo-listing .listing-item.is--expanded:nth-child(2) a.title:before {
  background: url(../images/info-circle-solid-gemeinde-white.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 3.5rem;
}

.display-immo-listing .listing-item.is--expanded:nth-child(3) a.title:before {
  background: url(../images/building-regular-unternehmen-white.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 3rem;
}

.display-immo-listing .listing-item.is--expanded:nth-child(4) a.title:before {
  background: url(../images/headset-solid-makler-white.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 3rem;
}

.display-need-listing.display-gemmas-on .listing-item a.title:before {
  content: "";
  background: url(../images/users-solid-co-working-orange.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  max-height: 5rem;
  height: 3.25rem;
  width: 2rem;
  left: 1rem;
  top: 0.5rem;
}

.main--gemmason .display-need-listing.display-gemmas-on .listing-item a.title:before {
  content: "";
  background: url(../images/users-solid-co-working-green.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.display-need-listing.display-gemmas-on .listing-item.is--expanded a.title:before {
  content: "";
  background: url(../images/users-solid-co-working-white.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.display-need-listing.display-gemmas-on .listing-item:nth-child(2) a.title:before {
  background: url(../images/puzzle-piece-solid.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 3.5rem;
}

.main--gemmason .display-need-listing.display-gemmas-on .listing-item:nth-child(2) a.title:before {
  background: url(../images/puzzle-piece-solid-black.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.display-need-listing.display-gemmas-on .listing-item.is--expanded:nth-child(2) a.title:before {
  background: url(../images/puzzle-piece-solid-white.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}

.display-need-listing.display-gemmas-on .listing-item:nth-child(3) a.title:before {
  background: url(../images/comments-solid.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 3rem;
}

.main--gemmason .display-need-listing.display-gemmas-on .listing-item:nth-child(3) a.title:before {
  background: url(../images/comments-solid-black.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.display-need-listing.display-gemmas-on .listing-item.is--expanded:nth-child(3) a.title:before {
  background: url(../images/comments-solid-white.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}

.display-need-listing.display-gemmas-on .listing-item:nth-child(4) a.title:before {
  background: url(../images/poll-h-solid.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 3rem;
}

.display-need-listing.display-gemmas-on .listing-item.is--expanded:nth-child(4) a.title:before {
  background: url(../images/poll-h-solid-white.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}



.display-job-listing .link--collapse, .display-immo-listing .link--collapse, .display-need-listing .link--collapse {
  background-color: #438aa7;
  width: 4.25rem;
  height: 4.5rem;
  padding: 1.25rem;
}

.display-job-listing header, .display-immo-listing header, .display-need-listing header {
  min-height: 4.5rem;
}

@media screen and (min-width: 768px) {
  .main--help .display-job-listing a.title,
  .main--help .display-immo-listing a.title,
  .main--need .display-need-listing a.title,
  .main--heureka .display-need-listing.display-heureka a.title,
  .main--gemmason .display-need-listing.display-gemmas-on a.title {
    font-size: 1.5rem;
    padding: 1rem 6.25rem 1rem 6rem;
  }

  .display-job-listing .listing-item a.title:before,
  .display-immo-listing .listing-item a.title:before,
  .display-immo-listing.display-establish-listing .listing-item a.title:before,
  .display-need-listing.display-gemmas-on .listing-item a.title:before {
    height: 5rem;
    width: 2.5rem;
    top: 0.5rem;
  }

  .display-job-listing .listing-item:nth-child(2) a.title:before,
  .display-immo-listing .listing-item:nth-child(2) a.title:before,
  .display-immo-listing.display-establish-listing .listing-item:nth-child(2) a.title:before,
  .display-need-listing.display-gemmas-on .listing-item:nth-child(2) a.title:before {
    width: 4rem;
  }

  .display-job-listing .listing-item:nth-child(3) a.title:before,
  .display-immo-listing .listing-item:nth-child(3) a.title:before,
  .display-immo-listing.display-establish-listing .listing-item:nth-child(3) a.title:before,
  .display-need-listing.display-gemmas-on .listing-item:nth-child(3) a.title:before,
  .display-job-listing .listing-item:nth-child(4) a.title:before,
  .display-immo-listing .listing-item:nth-child(4) a.title:before,
  .display-immo-listing.display-establish-listing .listing-item:nth-child(4) a.title:before,
  .display-need-listing.display-gemmas-on .listing-item:nth-child(4) a.title:before {
    width: 3.5rem;
  }

  /* .display-job-listing .listing-item:nth-child(4) a.title:before,
  .display-immo-listing .listing-item:nth-child(4) a.title:before,
  .display-immo-listing.display-establish-listing .listing-item:nth-child(4) a.title:before,
  .display-need-listing.display-gemmas-on .listing-item:nth-child(4) a.title:before {
    width: 3.5rem;
  } */

  /* .display-job-listing .listing-item.is--expanded a.title:before,
  .display-immo-listing .listing-item.is--expanded a.title:before,
  .display-immo-listing.display-establish-listing .listing-item.is--expanded a.title:before {
    height: 5rem;
    width: 2.5rem;
    top: 0.5rem;
  }

  .display-job-listing .listing-item.is--expanded:nth-child(2) a.title:before,
  .display-immo-listing .listing-item.is--expanded:nth-child(2) a.title:before,
  .display-immo-listing.display-establish-listing .listing-item.is--expanded:nth-child(2) a.title:before {
    width: 4rem;
  }

  .display-job-listing .listing-item.is--expanded:nth-child(3) a.title:before,
  .display-immo-listing .listing-item.is--expanded:nth-child(3) a.title:before,
  .display-immo-listing.display-establish-listing .listing-item.is--expanded:nth-child(2) a.title:before {
    width: 3.5rem;
  }

  .display-job-listing .listing-item.is--expanded:nth-child(4) a.title:before,
  .display-immo-listing .listing-item.is--expanded:nth-child(4) a.title:before,
  .display-immo-listing.display-establish-listing .listing-item.is--expanded:nth-child(2) a.title:before {
    width: 3.5rem;
  } */

  .display-job-listing .link--collapse, .display-immo-listing .link--collapse, .display-need-listing .link--collapse {
    width: 6.25rem;
    height: 6.25rem;
    padding: 1.5rem;
  }

  .display-job-listing header, .display-immo-listing header, .display-need-listing header {
    min-height: 6.25rem;
  }
}

@media screen and (min-width: 1024px) {

  .main--help .display-job-listing a.title,
  .main--help .display-immo-listing a.title,
  .main--need .display-need-listing a.title,
  .main--heureka .display-need-listing.display-heureka a.title,
  .main--gemmason .display-need-listing.display-gemmas-on a.title {
    font-size: 2.5rem;    
    padding: 1rem 9.25rem 1rem 7rem;
    width: 100%;
    /* padding: 1rem 8.25rem 1rem 7rem;
    width: calc(100% - 8rem); */
  }

  .display-job-listing .listing-item a.title:before,
  .display-immo-listing.display-establish-listing .listing-item a.title:before,
  .display-need-listing.display-gemmas-on .listing-item a.title:before {
    height: 5rem;
    width: 4rem;
    top: 1.5rem;
  }

  .display-immo-listing .listing-item a.title:before {
    height: 5rem;
    width: 3rem;
    top: 1.5rem;
  }

  .display-job-listing .listing-item:nth-child(2) a.title:before {
    width: 3rem;
  }

  .display-immo-listing .listing-item:nth-child(2) a.title:before,
  .display-immo-listing.display-establish-listing .listing-item:nth-child(2) a.title:before,
  .display-immo-listing .listing-item.is--expanded:nth-child(2) a.title:before,
  .display-immo-listing.display-establish-listing .listing-item.is--expanded:nth-child(2) a.title:before,
  .display-need-listing.display-gemmas-on .listing-item:nth-child(2) a.title:before {
    width: 4rem;
  }

  .display-job-listing .listing-item:nth-child(3) a.title:before,
  .display-immo-listing .listing-item:nth-child(3) a.title:before,
  .display-immo-listing.display-establish-listing .listing-item:nth-child(3) a.title:before,
  .display-need-listing.display-gemmas-on .listing-item:nth-child(3) a.title:before {
    width: 4rem;
  }

  .display-job-listing .listing-item:nth-child(4) a.title:before,
  .display-immo-listing .listing-item:nth-child(4) a.title:before,
  .display-immo-listing.display-establish-listing .listing-item:nth-child(4) a.title:before,
  .display-need-listing.display-gemmas-on .listing-item:nth-child(4) a.title:before {
    width: 4rem;
  }

  .display-job-listing .listing-item.is--expanded a.title:before,
  .display-immo-listing.display-establish-listing .listing-item.is--expanded a.title:before{
    height: 5rem;
    width: 4rem;
    top: 1.5rem;
  }

  .display-immo-listing .listing-item.is--expanded a.title:before {
    height: 5rem;
    width: 3rem;
    top: 1.5rem;
  }

  .display-job-listing .listing-item.is--expanded:nth-child(2) a.title:before {
    width: 3rem;
  }

  .display-job-listing .listing-item.is--expanded:nth-child(3) a.title:before,
  .display-immo-listing .listing-item.is--expanded:nth-child(3) a.title:before,
  .display-immo-listing.display-establish-listing .listing-item.is--expanded:nth-child(3) a.title:before {
    width: 4rem;
  }

  .display-job-listing .listing-item.is--expanded:nth-child(4) a.title:before,
  .display-immo-listing .listing-item.is--expanded:nth-child(4) a.title:before,
  .display-immo-listing.display-establish-listing .listing-item.is--expanded:nth-child(4) a.title:before {
    width: 4rem;
  }

  .display-job-listing .link--collapse, .display-immo-listing .link--collapse, .display-need-listing .link--collapse {
    width: 8.25rem;
    height: 8.25rem;
    padding: 2.5rem;
  }

  .display-job-listing header, .display-immo-listing header, .display-need-listing header {
    min-height: 8.25rem;
  }
}

@media screen and (min-width: 1300px) {
  .display-job-listing .listing-item, .display-immo-listing .listing-item, .display-need-listing .listing-item {
    /*flex: 0 0 49%;*/
    width: 49%;
  }

  .main--help .display-job-listing a.title,
  .main--help .display-immo-listing a.title,
  .main--need .display-need-listing a.title,
  .main--heureka .display-need-listing.display-heureka a.title,
  .main--gemmason .display-need-listing.display-gemmas-on a.title  {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 1400px) {
  .main--help .display-job-listing a.title,
  .main--help .display-immo-listing a.title,
  .main--need .display-need-listing a.title,
  .main--heureka .display-need-listing.display-heureka a.title,
  .main--gemmason .display-need-listing.display-gemmas-on a.title {
    font-size: 2.5rem;
  }
}

@media screen and (min-width: 1650px) {

  .display-job-listing, .display-immo-listing, .display-need-listing {
    padding-left: 0;
    padding-right: 0;
  }
}

/*----------------------------------- footer_help*/

.wrapper-footer--help .footer-top .widget_text:nth-child(3) a {
  border-bottom: solid 3px #428BA7;
}

.wrapper-footer--help .footer-top .widget_text:nth-child(2) a {
  border-bottom: solid 8px #428BA7;
}

.wrapper-footer--help .footer-top .widget_text:nth-child(2) a:hover {
  color: #428BA7;
}

.wrapper-footer--help .link--external {
  fill: #428BA7;
}

.wrapper-footer--help .link--social p:nth-child(1):before, .wrapper-footer--help .link--social p:nth-child(2):before {
  background-color: #428BA7;
}

.wrapper-footer--help .container--location {
  background: url(../images/spinne_blau.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}

/*----------------------------------- footer_help*/
/*-------------------------------------------------------------------- content_help*/
/*-------------------------------------------------------------------- content_need*/
/*----------------------------------- header_need*/

.wrapper-header--need .sub-menu .menu-item a {
  color: #fff;
}

.wrapper-header--need .sub-menu .menu-item a:hover {
  background-color: #E39507;
  color: #fff;
}

.is--navi-active li:nth-child(4) .sub-menu .menu-item {
  background-color: #EDB45B;
}

.is--navi-active .wrapper-header--need .menu-item--mail path, .is--navi-active .wrapper-header--need .menu-item--mail polygon {
  fill: #E39507;
}

.is--navi-active .wrapper-header--need .togglenav__inner:before, .is--navi-active .wrapper-header--need .togglenav__inner:after, .is--navi-active .wrapper-header--need .closelink:before, .closelink:after {
  background-color: #EDB45B;
}

.is--navi-active .wrapper-header--need .custom-logo-link path {
  fill: #E39507;
}

.wrapper-header--need .nav__link--social path, .wrapper-header--need .nav__link--social circle {
  fill: #E39507;
}

.wrapper-header--need .nav__link--social p:nth-child(1)::before, .wrapper-header--need .nav__link--social p:nth-child(2)::before {
  content: "";
  background-color: #E39507;
}

.wrapper-header--need header:before {
  background-color: #E39507;
}

@media screen and (min-width: 1300px) {

  .wrapper-header--need .menu-item a:hover {
    color: #E39507;
  }

  .has--darkheader .wrapper-header--need .menu-item a:hover {
    color: #fff;
  }

  .wrapper-header--need .menu-item a:before {
    background-color: #E39507;
  }

  .wrapper-header--need .menu-item.current-menu-item a::before, .wrapper-header--need .menu-item.current-menu-ancestor a::before {
    background-color: #fff;
  }

  .wrapper-header--need .menu-item a:hover:before {
    background-color: #E39507;
  }

  .has--darkheader .wrapper-header--need .menu-item a:hover:before {
    background-color: #fff;
  }

  li:nth-child(4) .sub-menu .menu-item {
    background-color: #fff;
  }
  .wrapper-header--need .menu li .sub-menu .menu-item a:hover {
    background-color: #E39507;
    color: #fff;
  }
  .wrapper-header--need .sub-menu .menu-item a {
    color: #E39507;
  }
}
/*----------------------------------- header_need*/

.main--need {
  background-color: #FEFAF5;
}
.main--need .pageheader__hero-image::before{
  border-bottom: 3rem solid #FEFAF5;
}

.main--need .pageheader__hero-image::after {
  border-bottom: 3rem solid #FEFAF5;
}

.main--need .entry-content__inner h2,
.main--need .entry-content__inner > p,
.main--need .entry-content__inner > p > a {
  color: #E39507;
}

.entry-content__inner > p,
.entry-content__inner > p > a {
  font-size: 1.5rem;
}

.main--need  a.title {
  color: #E39507;
}

/* .main--need .excerpt-more{
  display: none;
} */

.button-download a,
.button-link a {
  text-decoration: none;
  text-align: center;
  display: inline-block;
  overflow: hidden;
  padding: 1rem 1rem 1rem 5rem;
  color: #009F70;
  background-color: #fff;
  border: 1.5px solid #009F70;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 3px 3px 3px 0px rgb(0, 0, 0, 0.3);
  -webkit-transition: all 500ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  position: relative;
  margin-top: 1rem;
}

.main--need .button-download a,
.main--need .button-link a {
  color: #E39507;
  border: 1.5px solid #E39507;
}

.main--gemmason .button-download a,
.main--gemmason .button-link a {
  color: #54a831;
  border: 1.5px solid #54a831;
}

.button-link a {
  padding: 1rem;
}

.button-download .svgicon--download {
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  padding: 0.75rem;
  background-color: #009F70;
  position: absolute;
  left: 0;
  top: 0;
  width: 4rem;
}

.button-download .svgicon--download {
  background-color: #009F70;
}

.main--need .button-download .svgicon--download {
  background-color: #E39507;
}

.main--gemmason .button-download .svgicon--download {
  background-color: #54a831;
}

.button-download path {
  fill: #fff;
}

.button-download a:hover,
.button-link a:hover {
  color: #fff;
  background-color: #009F70;
}

.main--need .button-download a:hover,
.main--need .button-link a:hover {
  background-color: #E39507;
}

.main--gemmason .button-download a:hover,
.main--gemmason .button-link a:hover {
  background-color: #54a831;
}

.main--need .display-posts-listing a.title {
  border-top: 4px solid #E39507;
}

.main--need .display-posts-listing a.title {
  color: #E39507;
}

.main--need .excerpt-more {
  color: #E39507;
  border: 2px solid #E39507;
}

.main--need .excerpt-more:hover {
  background-color: #E39507;
  color: #fff;
}

.main--need .excerpt-more polygon {
  fill: #E39507;
}

.main--need .excerpt-more:hover polygon {
  fill: #fff;
}

.main--heureka .button-link a,
.main--gemmason .button-link a {
  color: #54a831;
  border: 1.5px solid #54a831;
}

.main--heureka .button-link a:hover,
.main--gemmason .button-link a:hover {
  color: #fff;
  background-color: #54a831;
}

@media screen and (min-width: 1024px) {
  .main--need .pageheader__hero-image::before{
    border-bottom: 8.5rem solid #FEFAF5;
  }

  .main--need .pageheader__hero-image::after {
    border-bottom: 8.5rem solid #FEFAF5;
  }
}

.display-need-listing .link--collapse, .main--need .is--expanded .collapse-header {
  background-color: #E39507;
}

.main--need .is--expanded .link--collapse polygon {
  fill: #E39507;
}

.main--need .is--expanded .link--collapse {
  background-color: #fff;
}

/*----------------------------------- footer_need*/

.wrapper-footer--need .footer-top .widget_text:nth-child(3) a {
  border-bottom: solid 3px #E39507;
}

.wrapper-footer--need .footer-top .widget_text:nth-child(2) a {
  border-bottom: solid 8px #E39507;
}

.wrapper-footer--need .footer-top .widget_text:nth-child(2) a:hover {
  color: #E39507;
}

.wrapper-footer--need .link--external {
  fill: #E39507;
}

.wrapper-footer--need .link--social p:nth-child(1):before, .wrapper-footer--need .link--social p:nth-child(2):before {
  background-color: #E39507;
}

.wrapper-footer--need .container--location {
  background: url(../images/spinne_orange.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}

/*----------------------------------- footer_need*/
/*-------------------------------------------------------------------- content_need*/

/*-------------------------------------------------------------------- video*/

.wp-block-embed-youtube {
  padding: 2.5rem 1rem;
  max-width: 48rem;
  margin: 0 auto;
}

.wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 100%;
}

.wp-block-embed__wrapper iframe, .wp-block-embed__wrapper object, .wp-block-embed__wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .wp-block-embed-youtube {
    padding: 5rem 0;
  }

  .main--single .wp-block-embed-youtube {
    padding: 2rem 0;
    max-width: 65rem;
  }
}

/*-------------------------------------------------------------------- video*/

/*-------------------------------------------------------------------- share/addtoany */

.excerpt__share {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
}

.main--heureka .a2a_svg.a2a_s__default,
.main--gemmason .a2a_svg.a2a_s__default {
  background-color: #54a831 !important;
}


/*-------------------------------------------------------------------- share/addtoany */

/*-------------------------------------------------------------------- shared count */

.shared-counts-wrap.after_content {
  display: none;
}

.page-content--oia .shared-counts-wrap.after_content {
  display: none; /* [2021-06-14 WS] no longer needed */
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 2rem;
  border: 2.5px solid #54a831;
  border-radius: 5px;
}

.shared-counts-wrap.after_content h3 {
  font-weight: 700;
  text-transform: none;
  padding-bottom: 0.5rem;
  letter-spacing: 0;
}

/*-------------------------------------------------------------------- shared count */

/*-------------------------------------------------------------------- post-ratings */

.post-ratings {
  margin: 1rem 1rem 1rem 0;
  padding-bottom: 1rem;
  position: relative;
  display: inline-block;
  width: auto !important;
  float: right;
}

.post-ratings-text {
  position: absolute;
  left: 0;
  bottom: 0;
}

.display-posts-listing .post-ratings img {
  width: auto;
  object-fit: none;
  height: auto;
  display: inline-block;
}

.display-posts-listing .post-ratings img + img {
  margin-left: 0.5rem;
}


/*-------------------------------------------------------------------- post-ratings */

/*-------------------------------------------------------------------- form*/

.overlay--contact main {
  background-color: transparent;
}

.overlay--contact .entry-content__inner {
  max-width: 40rem;
  position: relative;
  background-color: #fff;
  border-radius: 5px;
  margin-top: 7.5rem;
  margin-bottom: 5rem;
}

.contact--close,
.response--close {
  position: absolute;
  top: -1.5rem;
  right: -1.5rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #009f70;
  color: #fff;
}

.response--close {
  background-color: #E39507;
}

.contact--close:before,
.response--close:before {
  content: "";
  background: url(../images/close.svg);
  background-size: 75%;
  background-repeat: no-repeat;
  width: 2.5rem;
  height: 2.5rem;
  display: block;
  text-align: center;
  background-position: 0.5rem 0.5rem;
}

.overlay--contact .wp-block-image {
  max-height: 18.75rem;
  overflow: hidden;
  border-radius: 5px 5px 0 0;
  border-bottom: 4px solid #009F70;
}

.overlay--contact .form-intro-text.is-success, .overlay--contact .form-intro-text.is-error {
  padding: 2rem;
  color: #009F70;
}

.overlay--contact .form-intro-text.is-error {
  color: red;
}

.overlay--contact h3 {
  padding: 2rem 2rem 0;
  color: #009F70;
  text-transform: none;
  font-size: 1.75rem;
}

form {
  padding : 1.5rem 2rem;
  max-width: 40rem;
}

form p {
  padding: 0.5rem 0;
  color: #009F70;
}

/* form p:nth-child(8) {
  width: 30%;
  display: inline-block;
  vertical-align: middle;
} */

/* form p:nth-child(9) {
  width: 68%;
  font-size: 0.75rem;
  display: inline-block;
  padding: 0 0 0 1.5rem;
  vertical-align: middle;
} */

form label,
form span,
form input,
form textarea,
form select {
  width: 100%;
  display: block;
  color: #009F70;
}

form input,
form textarea,
form select {
  background-color: transparent;
  border: 2.5px solid #009F70;
  padding: 1rem;
  border-radius: 5px;
}

.wpcf7-submit {
  margin-top: 1rem;
  width: auto;
  border-radius: 5px;
  color: #009F70;
  -webkit-transition: all 300ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  font-weight: 700;
  cursor: pointer;
}

.wpcf7-submit:hover {
  color: #fff;
  background-color: #009F70;
}

form span.wpcf7-list-item {
  margin: 0;
}

.wpcf7-form-control-wrap.checkbox {
  display: inline-block;
  width: auto;
  padding-right: 1rem;
}

.wpcf7-acceptance input, .wpcf7-acceptance span {
  display: inline-block;
  width: auto;
}

.wpcf7-acceptance .wpcf7-list-item-label {
  padding-left: 0.5rem;
}

form input::-webkit-input-placeholder,
form input::-moz-placeholder,
form input:-ms-input-placeholder,
form input:-moz-placeholder,
form textarea::-webkit-input-placeholder,
form textarea::-moz-placeholder,
form textarea:-ms-input-placeholder,
form textarea:-moz-placeholder {
  color: #009F70;
  opacity: 1;
}

div[role="alert"] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  padding: 2rem 4rem !important;
  z-index: 1;
  background-color: #009F70;
  color: #fff;
  border: none !important;
  font-size: 2rem;
  text-align: center;
  text-decoration: underline;
  cursor: pointer;
  margin: 0 !important;
  width: 120%;
}

div.wpcf7-mail-sent-ok {
  border-color: #fff !important;
  box-shadow: 0 0 50px rgba(0,0,0,0.5);
}

.wpcf7-acceptance {
  position: relative;
}

.wpcf7-acceptance input {
  position: absolute;
  left: 0;
  top: 0.6rem;
  width: auto;
}

.wpcf7-acceptance .wpcf7-list-item-label {
  padding-left: 1.5rem;
  font-size: 1.5rem;
}

.main--heureka form,
.main--gemmason form {
  max-width: none;
}

.main--heureka form p,
.main--heureka form > p a,
.main--gemmason form p,
.main--gemmason form p a {
  font-size: 1.5rem;
  color: #54a831;
}

.main--heureka form input,
.main--heureka form textarea,
.main--gemmason form input,
.main--gemmason form textarea {
  border: 2.5px solid #54a831;
}

.main--heureka form label,
.main--heureka form span,
.main--heureka form input,
.main--heureka form textarea,
.main--gemmason form label,
.main--gemmason form span,
.main--gemmason form input,
.main--gemmason form textarea {
  color: #54a831;
}

.wpcf7-not-valid-tip, 
.main--heureka form span.wpcf7-not-valid-tip, 
.main--gemmason form span.wpcf7-not-valid-tip,
.main--need form span.wpcf7-not-valid-tip {
  color: red;
}

.main--heureka form label,
.main--heureka form input,
.main--heureka form textarea,
.main--gemmason form label,
.main--gemmason form input,
.main--gemmason form textarea {
  font-size: 1.5rem;
}

.main--heureka form label,
.main--gemmason form label {
  padding-bottom: 0.5rem;
}

.main--heureka .wpcf7-submit:hover,
.main--gemmason .wpcf7-submit:hover {
  background-color: #54a831;
}

.main--heureka form input::-webkit-input-placeholder,
.main--heureka form input::-moz-placeholder,
.main--heureka form input:-ms-input-placeholder,
.main--heureka form input:-moz-placeholder,
.main--heureka form textarea::-webkit-input-placeholder,
.main--heureka form textarea::-moz-placeholder,
.main--heureka form textarea:-ms-input-placeholder,
.main--heureka form textarea:-moz-placeholder,
.main--gemmason form input::-webkit-input-placeholder,
.main--gemmason form input::-moz-placeholder,
.main--gemmason form input:-ms-input-placeholder,
.main--gemmason form input:-moz-placeholder,
.main--gemmason form textarea::-webkit-input-placeholder,
.main--gemmason form textarea::-moz-placeholder,
.main--gemmason form textarea:-ms-input-placeholder,
.main--gemmason form textarea:-moz-placeholder {
  color: #54a831;
  opacity: 1;
}

.main--heureka .wpcf7 form .wpcf7-response-output,
.main--gemmason .wpcf7 form .wpcf7-response-output,
.main--need .wpcf7 form .wpcf7-response-output {
  font-size: 1.5rem;
  padding: 2rem;
  border-width: 3px;
  border-radius: 5px;
  color: #54a831;
  margin-top: 0;
}

.main--heureka .wpcf7 form.invalid .wpcf7-response-output,
.main--gemmason .wpcf7 form.invalid .wpcf7-response-output,
.main--need .wpcf7 form.invalid .wpcf7-response-output {
  color: #ffb900;
}

legend {
  font-size: 1.75rem;
  color: #54a831;
}

.wpcf7-acceptance a {
  color: #54a831;
  font-size: 1.5rem;
}

.main--need form {
  max-width: none;
}

.main--need form p {
  font-size: 1.5rem;
  color: #E39507;
}

.main--need form input,
.main--need form textarea,
.main--need form select {
  border: 2.5px solid #E39507;
}

.main--need form label,
.main--need form span,
.main--need form input,
.main--need form textarea,
.main--need form select {
  color: #E39507;
}

.main--need form label,
.main--need form input,
.main--need form textarea,
.main--need form select {
  font-size: 1.5rem;
}

.main--need form label {
  padding-bottom: 0.5rem;
}

.main--need .wpcf7-submit:hover {
  background-color: #E39507;
}

.main--need form input::-webkit-input-placeholder,
.main--need form input::-moz-placeholder,
.main--need form input:-ms-input-placeholder,
.main--need form input:-moz-placeholder,
.main--need form textarea::-webkit-input-placeholder,
.main--need form textarea::-moz-placeholder,
.main--need form textarea:-ms-input-placeholder,
.main--need form textarea:-moz-placeholder {
  color: #E39507;
  opacity: 1;
}

.main--need legend {
  font-size: 1.75rem;
  color: #E39507;
}

.main--need .wpcf7-acceptance a {
  color: #E39507;
  font-size: 1.5rem;
}

.wpcf7-checkbox {
  margin-bottom: 2rem;
}

input[type="checkbox"],
.wpcf7-list-item-label {
  display: inline-block;
  width: auto;
  vertical-align: top;
}

.wpcf7-list-item-label {
  padding-left: 1rem;
  font-size: 1.25rem;
}
.main--need form input[type="checkbox"] {
  margin-top: 0.5rem;
}

.main--need form input[name="accept-gdpr"] {
  margin-top: 0;
}

.main--need form input[type="checkbox"] + span.wpcf7-list-item-label {
  font-size: 1.5rem;
}

.main--need form .wpcf7-form-control.wpcf7-checkbox {
  display: flex;
  flex-wrap: wrap;
}

.main--need form .wpcf7-form-control.wpcf7-checkbox > * {
  flex: 0 0 100%;
  white-space: nowrap;
  margin-top: 0.5rem;
}

.main--need form .wpcf7-form-control.wpcf7-checkbox label span {
  white-space: normal;
}

div.current-home {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
}

div.current-home .wpcf7-form-control-wrap {
  flex: 0 0 100%;
}

div.current-home .wpcf7-form-control-wrap:nth-child(1n+2) {
  margin-top: 1rem;
}

@media screen and (min-width: 48rem) {
  .main--need form .wpcf7-form-control.wpcf7-checkbox > * {
    flex: 0 0 50%;
  }

  div.current-home .wpcf7-form-control-wrap {
    flex: 0 0 48%;
    margin-right: 4%;
  }

  div.current-home .wpcf7-form-control-wrap:nth-child(1n+2) {
    margin-top: 0;
  }

  div.current-home .wpcf7-form-control-wrap:nth-child(1n+3) {
    margin-top: 1rem;
  }

  div.current-home .wpcf7-form-control-wrap:nth-child(2n+2) {
    margin-right: 0;
  }
}

@media screen and (min-width: 64rem) {
  .main--need form .wpcf7-form-control.wpcf7-checkbox > * {
    flex: 0 0 33.33%;
  }

  div.current-home .wpcf7-form-control-wrap {
    flex: 0 0 31.33%;
    margin-right: 3%;
  }

  div.current-home .wpcf7-form-control-wrap:nth-child(1n+3) {
    margin-top: 0;
  }

  div.current-home .wpcf7-form-control-wrap:nth-child(2n+2) {
    margin-right: 3%;
  }

  div.current-home .wpcf7-form-control-wrap:nth-child(3n+3) {
    margin-right: 0;
  }
}

.main--need .wpcf7 form.sent .wpcf7-response-output {
  font-size: 1.75rem;
  color: #E39507;
  padding: 2rem;
  text-align: center;
  border-color: #E39507;
}

/*-------------------------------------------------------------------- form*/

/*-------------------------------------------------------------------- upload*/

.dnd-upload-counter {
  width: auto;
}

.dnd-upload-counter span {
  display: inline-block;
  width: auto;
}

.cd-upload-btn {
  margin-top: 0.5rem;
  color: #54a831;
  font-weight: bold;
  display: inline-block;
  padding: 1rem 2rem;
  border: 1px solid #54a831;
  border-radius: 5px;
  -webkit-transition: all 300ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.cd-upload-btn:hover {
  color: #fff;
  background-color: #54a831;
}

.main--need .cd-upload-btn {
  color: #E39507;
  border: 1px solid #E39507;
}

.main--need .cd-upload-btn:hover {
  color: #fff;
  background-color: #E39507;
}

/*-------------------------------------------------------------------- upload*/

/*-------------------------------------------------------------------- footer*/

.wrapper-footer {
  background-color: #686868;
  overflow: hidden;
}


.triangle {
  position: relative;
  width: 100vW;
  border-width: 5rem 50vW 0;
  border-style: solid;
  border-color: #F0F4F4 transparent;
  filter: drop-shadow(0 0 10px rgba(0,0,0,1));
}

.wrapper-footer--why .triangle {
  border-color: #F5EFEF transparent;
}

.wrapper-footer--need .triangle {
  border-color: #FEFAF5 transparent;
}

.footer-top {
  max-width: 100rem;
  margin: 0 auto;
  padding-top: 17rem;
  padding-bottom: 4.5rem;
  position: relative;
}

.footer-top h3 {
  color: #fff;
  padding-bottom: 1rem;
  font-size: 1.6rem;
  text-transform: none;
  line-height: 1.6rem;
  text-align: center;
}

.footer-top p, .footer-top a {
  color: #fff;
  text-decoration: none;
}

.wrapper--footer-logos-service .current-menu-item:not(.menu-item--shortcut) a,
.wrapper--footer-logos-service .current-menu-ancestor a:not(.menu-item--shortcut) {
  background: none;
}

.footer-top .widget_text:nth-child(1),
.footer-top .widget_text:nth-child(2),
.footer-top .widget_text:nth-child(3) {
  padding-bottom: 3rem;
  max-width: 32rem;
}

.footer-top .widget_text p {
  font-size: 0.75rem;
  text-align: center;
  padding: 0 1rem;
}

.footer-top .widget_text a {
  font-size: 0.75rem;
}

.footer-top .widget_text:nth-child(3) strong a {
  font-weight: bold;
}

.footer-top .widget_text:nth-child(3) a {
  border-bottom: solid 3px #00A070;
}

.footer-top .widget_text:nth-child(2) p, .footer-top .widget_text:nth-child(2) a {
  font-size: 1.25rem;
}

.footer-top .widget_text:nth-child(2) a:hover {
  color: #00A070;
  -webkit-transition: all 500ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.footer-top .widget_text:nth-child(2) .textwidget {
  text-align: center;
}

.footer-top .widget_text:nth-child(2) a {
  border-bottom: solid 8px #00A070;
  display: inline-block;
  padding: 0 0.25rem;
}

.footer-top .widget_text:nth-child(2) p {
  padding: 0;
}

.container--location {
  position: absolute;
  background: url(../images/spinne_türkis.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  top: -37rem;
  right: 2.5rem;
  width: 100%;
  max-width: 18.5rem;
  height: 13.875rem;
}

.footer-top .widget_custom_html {
  position: absolute;
  bottom: 2rem;
  width: 100%;
}

.footer-top .custom-html-widget {
  max-width: 72rem;
  margin: 0 auto;
  text-align: center;
}

.link--social {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.link--social p {
  width: 33.33%;
  display: inline-block;
  text-align: center;
  position: relative;
}

.link--external {
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  max-width: 3.5rem;
  fill: #00A070;
}

.link--external svg {
  width: 3.5rem;
  height: auto;
}

.link--social p:nth-child(1):before, .link--social p:nth-child(2):before {
  content: "";
  position: absolute;
  right: 0;
  width: 3px;
  height: 100%;
  background-color: #00A070;
}

.wrapper--footer-logos-service {
  background-color: #969595;
}

.footer__logos-service {
  max-width: 100rem;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 2rem 0;
}

.footer__logos {
  flex: 0 0 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}

.footer__logo-column img {
  max-width: 100%;
  height: 1.5rem;
  width: auto;
}

.footer__service {
  text-align: right;
  flex: 0 0 100%;
}

.footer__service ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 1rem;
}

.footer__service li:first-child {
  margin: 0;
}

.footer__service .menu-item a {
  display: initial;
  padding: 1rem;
  font-size: 1.25rem;
}

.footer__service .menu-item a:hover::before {
  left: 1rem;
  width: calc(100% - 2rem);
}

@media screen and (min-width: 768px) {
  .footer-top {
    padding-top: 2rem;
  }
  .container--location {
    /*top: -21rem; social ausgeblendet */
    top: -15rem;
  }
}

@media screen and (min-width: 1024px) {
  .link--external {
    max-width: 6rem;
  }
  .link--external svg {
    width: 6rem;
  }
  .footer-top .widget_custom_html {
    bottom: 5rem;
  }
  .footer-top {
    padding-bottom: 12rem;
    padding-top: 5rem;
  }
  .container--location {
    /*top: -35rem; social ausgeblendet*/
    top: -30rem;
    right: 1rem;
    max-width: 31rem;
    height: 25rem;
  }
  .footer-top h3 {
    padding-bottom: 3rem;
    font-size: 4.5rem;
    line-height: 4.5rem;
    text-align: left;
  }
  .footer-top .widget_text p {
    font-size: 1.25rem;
    text-align: left;
    padding: 0;
  }
  .footer-top .widget_text a {
    font-size: 1.25rem;
  }
  .footer-top .widget_text:nth-child(2) p, .footer-top .widget_text:nth-child(2) a {
    font-size: 2rem;
  }
  /*.footer-top .widget_text:nth-child(2) p {
    padding-right: 4rem;
  }*/
  .footer-top .widget_text:nth-child(2) .textwidget {
    text-align: left;
  }
  .footer-top .widget_text:nth-child(1), .footer-top .widget_text:nth-child(2) {
    margin-left: 1rem;
  }
  .footer-top .link--social p {
    text-align: center;
  }
  .footer__logo-column img {
    height: 4rem;
  }
  .footer__service {
    display: initial;
  }
  /*.footer__service li:first-child {
    margin: 0 1rem 0.5rem 0;
  }*/
}

@media screen and (min-width: 1400px) {
  .container--location {
    /*top: -50rem; social ausgeblendet*/
    top: -30rem;
    right: 0;
    max-width: 45rem;
    height: 35rem;
  }
  .footer-top .widget_text:nth-child(1), .footer-top .widget_text:nth-child(2) {
    margin: 0;
  }
  .link--external {
    max-width: 9rem;
  }
  .link--external svg {
    width: 9rem;
  }
  .footer-top {
    /*padding-bottom: 25rem; social ausgeblendet*/
    padding-bottom: 5rem;
  }
  .footer-top .widget_custom_html {
    bottom: 10rem;
  }
}

/*-------------------------------------------------------------------- footer*/

/*-------------------------------------------------------------------- data-protection, legal-notice*/

.data-protection, .legal-notice {
  padding: 5rem 1rem;
}

.data-protection h3, .legal-notice h3 {
  padding-top: 2.5rem;
  padding-bottom: 1rem;
}

.legal-notice .blocks-gallery-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style-type: none;
  padding-bottom: 2rem;
}

.legal-notice .blocks-gallery-item {
  flex: 0 0 50%;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.legal-notice .blocks-gallery-item:nth-child(4n+1) {
  padding-right: 2rem;
  padding-left: 0;
}

.legal-notice .blocks-gallery-item:nth-child(4n+4) {
  padding-right: 0;
  padding-left: 2rem;
}

@media screen and (min-width: 48rem) {
  .legal-notice .blocks-gallery-grid {
    justify-content: space-between;
    align-items: center;
  }

  .legal-notice .blocks-gallery-item {
    flex: 0 0 21%;
  }
}

@media screen and (min-width: 1650px) {
  .data-protection, .legal-notice {
    padding: 5rem 0;
  }
}

/*-------------------------------------------------------------------- data-protection, legal-notice*/