@font-face {
  font-family: 'Roboto';
  src: url('./Roboto-Light.woff');
  src: url('./Roboto-Light.woff2') format('woff2'),
  url('./Roboto-Light.woff') format('woff');
  font-style: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('Roboto-Medium.woff2') format('woff2'),
      url('Roboto-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('Roboto-LightItalic.woff2') format('woff2'),
      url('Roboto-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('Roboto-MediumItalic.woff2') format('woff2'),
      url('Roboto-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

:root {
  --green: #66B233;
  --blk: #1A1919;
  --big: 3rem;
  --hl: 2rem;
  --mid: 1.5rem;
  --text: 1rem;
}

body, html {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 200;
  font-size: 20px;
  line-height: 1.4;
  color: var(--blk);
}

* {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
}

a {
  color: var(--green);
  text-decoration: none;
}
a:not([no-trans],.arrow-before){
  -webkit-transition: color .3s ease, background-color .3s ease;
  -o-transition: color .3s ease, background-color .3s ease;
  transition: color .3s ease, background-color .3s ease;
  padding: 1px 3px;
  margin: -1px -3px;
}
a:not([no-trans],.arrow-before):hover {
  color: #fff;
  background-color: var(--green);
}
img, svg {
  width: 100%;
  height: auto;
  display: block;
}
img {-webkit-transition: -webkit-filter .2s ease;transition: -webkit-filter .2s ease;-o-transition: filter .2s ease;transition: filter .2s ease;transition: filter .2s ease, -webkit-filter .2s ease;}
/* img.lazyload{-webkit-filter:blur(10px);filter:blur(10px)}
img.lazyloading{-webkit-filter:blur(5px);filter:blur(5px)}
img.lazyloaded{-webkit-filter:unset;filter:unset;} */
h1, h2, h3, h4 {
  font-weight: 200;
  color: var(--green);
}
h1 {
  margin-bottom: 2rem;
  font-size: var(--big);
  line-height: 1;
}
h1 span {
  font-size: var(--hl);
  color: var(--blk);
}
h2 {
  font-size: var(--hl);
}
h3 {font-size: var(--mid)}
b {font-weight: 500;}
ul {
  list-style: none;
  padding: 0;
}
ul li {
  border: 2px dotted var(--green);
  padding: .5rem 0;
  background-color: #fff;
  margin-bottom: -2px;
  border-left: unset;
  border-right: unset;
  break-inside: avoid-column;
}
ul.borderless li {
  border: unset;
  background-color: unset;
}
li.listhead {
  border-top: unset;
  padding-top: 0;
}
li h2 {font-size: var(--mid)}
p:not(:last-child){
  margin-bottom: 1em;
}
.bigger {font-size: var(--mid)}
ul.twocol {
  -webkit-column-count:2;
     -moz-column-count:2;
          column-count:2;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
}
h2.lhead {padding-bottom: .5rem;}
li a:not(.arrow-before) {color: var(--blk)}

.arrow-before {
  padding-left: 1.9em;
  display: inline-block;
}
.arrow-before:before {
  content: "";
  height: 1em;
  width: 1.4em;
  display: block;
  background: url(../media/arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0.2em;
  /* -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); */
}

.page-width {
  max-width: 1260px;
  width: 100%;
  margin: auto;
  padding: 0 30px;
}
body:not([temp=home]){
  padding-top: 8rem;
}
.grid{display:-ms-grid;display:grid;-ms-grid-template-columns:repeat(12, 1fr);-ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem;row-gap:1.5rem;}@media only screen and (max-width:768px){.grid{-webkit-column-gap:unset;-moz-column-gap:unset;column-gap:unset}}.grid .col-1{-ms-grid-column:1 / span 1;grid-column:1 / span 1}.grid .col-1-2{-ms-grid-column:1 / span 2;grid-column:1 / span 2}.grid .col-1-3{-ms-grid-column:1 / span 3;grid-column:1 / span 3}.grid .col-1-4{-ms-grid-column:1 / span 4;grid-column:1 / span 4}.grid .col-1-5{-ms-grid-column:1 / span 5;grid-column:1 / span 5}.grid .col-1-6{-ms-grid-column:1 / span 6;grid-column:1 / span 6}.grid .col-1-7{-ms-grid-column:1 / span 7;grid-column:1 / span 7}.grid .col-1-8{-ms-grid-column:1 / span 8;grid-column:1 / span 8}.grid .col-1-9{-ms-grid-column:1 / span 9;grid-column:1 / span 9}.grid .col-1-10{-ms-grid-column:1 / span 10;grid-column:1 / span 10}.grid .col-1-11{-ms-grid-column:1 / span 11;grid-column:1 / span 11}.grid .col-1-12{-ms-grid-column:1 / span 12;grid-column:1 / span 12}.grid .span-1{-ms-grid-column-end:span 1;grid-column-end:span 1}.grid .col-2{-ms-grid-column:2 / span 1;grid-column:2 / span 1}.grid .col-2-3{-ms-grid-column:2 / span 2;grid-column:2 / span 2}.grid .col-2-4{-ms-grid-column:2 / span 3;grid-column:2 / span 3}.grid .col-2-5{-ms-grid-column:2 / span 4;grid-column:2 / span 4}.grid .col-2-6{-ms-grid-column:2 / span 5;grid-column:2 / span 5}.grid .col-2-7{-ms-grid-column:2 / span 6;grid-column:2 / span 6}.grid .col-2-8{-ms-grid-column:2 / span 7;grid-column:2 / span 7}.grid .col-2-9{-ms-grid-column:2 / span 8;grid-column:2 / span 8}.grid .col-2-10{-ms-grid-column:2 / span 9;grid-column:2 / span 9}.grid .col-2-11{-ms-grid-column:2 / span 10;grid-column:2 / span 10}.grid .col-2-12{-ms-grid-column:2 / span 11;grid-column:2 / span 11}.grid .span-2{-ms-grid-column-end:span 2;grid-column-end:span 2}.grid .col-3{-ms-grid-column:3 / span 1;grid-column:3 / span 1}.grid .col-3-4{-ms-grid-column:3 / span 2;grid-column:3 / span 2}.grid .col-3-5{-ms-grid-column:3 / span 3;grid-column:3 / span 3}.grid .col-3-6{-ms-grid-column:3 / span 4;grid-column:3 / span 4}.grid .col-3-7{-ms-grid-column:3 / span 5;grid-column:3 / span 5}.grid .col-3-8{-ms-grid-column:3 / span 6;grid-column:3 / span 6}.grid .col-3-9{-ms-grid-column:3 / span 7;grid-column:3 / span 7}.grid .col-3-10{-ms-grid-column:3 / span 8;grid-column:3 / span 8}.grid .col-3-11{-ms-grid-column:3 / span 9;grid-column:3 / span 9}.grid .col-3-12{-ms-grid-column:3 / span 10;grid-column:3 / span 10}.grid .span-3{-ms-grid-column-end:span 3;grid-column-end:span 3}.grid .col-4{-ms-grid-column:4 / span 1;grid-column:4 / span 1}.grid .col-4-5{-ms-grid-column:4 / span 2;grid-column:4 / span 2}.grid .col-4-6{-ms-grid-column:4 / span 3;grid-column:4 / span 3}.grid .col-4-7{-ms-grid-column:4 / span 4;grid-column:4 / span 4}.grid .col-4-8{-ms-grid-column:4 / span 5;grid-column:4 / span 5}.grid .col-4-9{-ms-grid-column:4 / span 6;grid-column:4 / span 6}.grid .col-4-10{-ms-grid-column:4 / span 7;grid-column:4 / span 7}.grid .col-4-11{-ms-grid-column:4 / span 8;grid-column:4 / span 8}.grid .col-4-12{-ms-grid-column:4 / span 9;grid-column:4 / span 9}.grid .span-4{-ms-grid-column-end:span 4;grid-column-end:span 4}.grid .col-5{-ms-grid-column:5 / span 1;grid-column:5 / span 1}.grid .col-5-6{-ms-grid-column:5 / span 2;grid-column:5 / span 2}.grid .col-5-7{-ms-grid-column:5 / span 3;grid-column:5 / span 3}.grid .col-5-8{-ms-grid-column:5 / span 4;grid-column:5 / span 4}.grid .col-5-9{-ms-grid-column:5 / span 5;grid-column:5 / span 5}.grid .col-5-10{-ms-grid-column:5 / span 6;grid-column:5 / span 6}.grid .col-5-11{-ms-grid-column:5 / span 7;grid-column:5 / span 7}.grid .col-5-12{-ms-grid-column:5 / span 8;grid-column:5 / span 8}.grid .span-5{-ms-grid-column-end:span 5;grid-column-end:span 5}.grid .col-6{-ms-grid-column:6 / span 1;grid-column:6 / span 1}.grid .col-6-7{-ms-grid-column:6 / span 2;grid-column:6 / span 2}.grid .col-6-8{-ms-grid-column:6 / span 3;grid-column:6 / span 3}.grid .col-6-9{-ms-grid-column:6 / span 4;grid-column:6 / span 4}.grid .col-6-10{-ms-grid-column:6 / span 5;grid-column:6 / span 5}.grid .col-6-11{-ms-grid-column:6 / span 6;grid-column:6 / span 6}.grid .col-6-12{-ms-grid-column:6 / span 7;grid-column:6 / span 7}.grid .span-6{-ms-grid-column-end:span 6;grid-column-end:span 6}.grid .col-7{-ms-grid-column:7 / span 1;grid-column:7 / span 1}.grid .col-7-8{-ms-grid-column:7 / span 2;grid-column:7 / span 2}.grid .col-7-9{-ms-grid-column:7 / span 3;grid-column:7 / span 3}.grid .col-7-10{-ms-grid-column:7 / span 4;grid-column:7 / span 4}.grid .col-7-11{-ms-grid-column:7 / span 5;grid-column:7 / span 5}.grid .col-7-12{-ms-grid-column:7 / span 6;grid-column:7 / span 6}.grid .span-7{-ms-grid-column-end:span 7;grid-column-end:span 7}.grid .col-8{-ms-grid-column:8 / span 1;grid-column:8 / span 1}.grid .col-8-9{-ms-grid-column:8 / span 2;grid-column:8 / span 2}.grid .col-8-10{-ms-grid-column:8 / span 3;grid-column:8 / span 3}.grid .col-8-11{-ms-grid-column:8 / span 4;grid-column:8 / span 4}.grid .col-8-12{-ms-grid-column:8 / span 5;grid-column:8 / span 5}.grid .span-8{-ms-grid-column-end:span 8;grid-column-end:span 8}.grid .col-9{-ms-grid-column:9 / span 1;grid-column:9 / span 1}.grid .col-9-10{-ms-grid-column:9 / span 2;grid-column:9 / span 2}.grid .col-9-11{-ms-grid-column:9 / span 3;grid-column:9 / span 3}.grid .col-9-12{-ms-grid-column:9 / span 4;grid-column:9 / span 4}.grid .span-9{-ms-grid-column-end:span 9;grid-column-end:span 9}.grid .col-10{-ms-grid-column:10 / span 1;grid-column:10 / span 1}.grid .col-10-11{-ms-grid-column:10 / span 2;grid-column:10 / span 2}.grid .col-10-12{-ms-grid-column:10 / span 3;grid-column:10 / span 3}.grid .span-10{-ms-grid-column-end:span 10;grid-column-end:span 10}.grid .col-11{-ms-grid-column:11 / span 1;grid-column:11 / span 1}.grid .col-11-12{-ms-grid-column:11 / span 2;grid-column:11 / span 2}.grid .span-11{-ms-grid-column-end:span 11;grid-column-end:span 11}.grid .col-12{-ms-grid-column:12 / span 1;grid-column:12 / span 1}.grid .span-12{-ms-grid-column-end:span 12;grid-column-end:span 12} .grid .rowspan-2 {-ms-grid-row-end: span 2; grid-row-end: span 2;}@media only screen and (max-width:768px){.grid .col-1,.grid .col-1-2,.grid .col-1-3,.grid .col-1-4,.grid .col-1-5,.grid .col-1-6,.grid .col-1-7,.grid .col-1-8,.grid .col-1-9,.grid .col-1-10,.grid .col-1-11,.grid .col-1-12,.grid .grid.col-2,.grid .col-2-3,.grid .col-2-4,.grid .col-2-5,.grid .col-2-6,.grid .col-2-7,.grid .col-2-8,.grid .col-2-9,.grid .col-2-10,.grid .col-2-11,.grid .col-2-12,.grid .grid.col-3,.grid .col-3-4,.grid .col-3-5,.grid .col-3-6,.grid .col-3-7,.grid .col-3-8,.grid .col-3-9,.grid .col-3-10,.grid .col-3-11,.grid .col-3-12,.grid .grid.col-4,.grid .col-4-5,.grid .col-4-6,.grid .col-4-7,.grid .col-4-8,.grid .col-4-9,.grid .col-4-10,.grid .col-4-11,.grid .col-4-12,.grid .grid.col-5,.grid .col-5-6,.grid .col-5-7,.grid .col-5-8,.grid .col-5-9,.grid .col-5-10,.grid .col-5-11,.grid .col-5-12,.grid .grid.col-6,.grid .col-6-7,.grid .col-6-8,.grid .col-6-9,.grid .col-6-10,.grid .col-6-11,.grid .col-6-12,.grid .grid.col-7,.grid .col-7-8,.grid .col-7-9,.grid .col-7-10,.grid .col-7-11,.grid .col-7-12,.grid .grid.col-8,.grid .col-8-9,.grid .col-8-10,.grid .col-8-11,.grid .col-8-12,.grid .grid.col-9,.grid .col-9-10,.grid .col-9-11,.grid .col-9-12,.grid .grid.col-10,.grid .col-10-11,.grid .col-10-12,.grid .grid.col-11,.grid .col-11-12,.grid .grid.col-12, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-8, .span-9, .span-10, .span-11, .span-12{-ms-grid-column:1 / span 12!important;grid-column:1 / span 12!important;-ms-grid-row:auto !important;grid-row:auto !important}}
.grid.half {-ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-columns:repeat(6, 1fr);}
section {
  margin: 6rem 0;
}
.subsection {
  margin: 3.5rem 0;
}


.header {
  padding: 1rem 0;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 100;
  background-color: #fff;
  -webkit-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease;
}
.header .page-width {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header .logo {max-width: 50vw; width: 285px;}
.header .menu-toggle svg path {fill: var(--blk)}
.menu-is-open .header .menu-toggle svg path {fill: #fff;}
button.menu-toggle {
  padding: 0;
  border: none;
  width: 40px;
  height: 40px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  cursor: pointer;
  background-color: unset;
}
.menu-toggle svg {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.menu-toggle [close] {display: none;}
.menu {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  background-color: var(--green);
  width: 100vw;
  z-index: 99;
  padding-top: 8rem;
  display: none;
  overflow-y: scroll;
  padding-bottom: 6rem;
}
.menu li {
  background-color: var(--green);
  border-color: #fff;
}
.menu li a , .menu li h2, .menu a, .footer , .footer li a{color: #fff;}
.menu li a:hover, .footer li a:hover {background-color: #fff; color: var(--green)}
.footer .borderless li {
  padding: .1rem 0;
}
.footer ul li.spacebefore:not(:first-child){padding-top: 1.5rem;}

.menu-is-open .logo svg path, .header.unscrolled svg path {fill: #fff}
.menu-is-open .menu-toggle [close] {display: block;}
.menu-is-open .menu-toggle [open] {display: none;}
.menu-is-open .header {background-color: var(--green);}
body.menu-is-open {overflow: hidden;}
.menublock + .menublock {margin-top: 5rem;}

.header.unscrolled {
  background-color: unset;
}


.swiper#header {
  height: 100vh;
  z-index: auto;
}
#header .page-width {height: 100%;}
#header .ptitle {
  position: absolute;
  bottom: 0.5rem;
  right: 1.5rem;
  color: #fff;
  background-color: var(--blk);
  padding: 1px 7px;
  font-size: .7rem;
}
#header img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#header .headtext {
  position: absolute;
  width: 100%;
  bottom: 6rem;
  pointer-events: none;
  z-index: 101;
}
body.menu-is-open #header .headtext {z-index: 2;}
.headtext .page-width {height: auto;}
.headtext h1 {
  color: #fff;
  display: inline;
  background-color: var(--green);
  line-height: 1.45;
  padding: .2rem 0;
  -webkit-box-shadow: 0.5rem 0 0 var(--green), -0.5rem 0 0 var(--green);
          box-shadow: 0.5rem 0 0 var(--green), -0.5rem 0 0 var(--green);
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
  /* text-decoration: underline; */
  /* text-decoration-color: var(--green); */
  /* text-decoration-skip-ink: none; */
  /* text-decoration-thickness: 3.6rem; */
  /* text-underline-offset: -2.7rem;*/
}
#header a {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
}

.r-list ul {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
}

[temp=projekt] .col-8-12 p {margin-top: 2.2rem;}

ul.filter {
  margin-bottom: 1.5rem;
  row-gap: 0;
}
.filter li {
  color: var(--green);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
.filter li a {
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  display: inline-block;
}
.filter li.active .arrow-before {
  color: var(--blk);
  padding-left: 0;
}
.filter li.active .arrow-before:before {content: unset;}
.filter li.active .arrow-before:after {
  content: "";
  display: inline-block;
  width: 0.8em;
  height: 0.9em;
  background: url(../media/close.svg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  margin-left: .5em;
  vertical-align: middle;
}
.grid[filter] {-webkit-transition: opacity .2s ease;-o-transition: opacity .2s ease;transition: opacity .2s ease;}
.hidden {display: none;}

.grid-item a {
  padding: 0;
  margin: 0;
  color: #fff;
  width: 100%;
  height: 100%;
  display: block;
}
.grid-item h3 {color: inherit;}
.grid-item .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  opacity: 0;
  -webkit-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease;
}
.grid-item .overlay-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: var(--green);
  left: 0;
  mix-blend-mode: multiply;
  opacity: 0;
  -webkit-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease;
}
.grid-item a:hover .overlay, .grid-item a:hover .overlay-bg {opacity: 1;}
.grid-item.rowspan-2 img {height: 100%; -o-object-fit: cover; object-fit: cover;}

ul + ul.head {margin-top: 1.5rem;}
[type] .image.wider, #büro .image{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
section.group .title {-ms-grid-column: 1;-ms-grid-column-span: 12;grid-column: 1 / span 12}
section.group .text {-ms-grid-column: 1;-ms-grid-column-span: 7;grid-column: 1 / span 7; -ms-grid-row: 2; grid-row: 2;}
section.group .quote {-ms-grid-column: 9;-ms-grid-column-span: 4;grid-column: 9 / span 4; -ms-grid-row: 2; grid-row: 2;}
.leistung-item .text {margin-bottom: 1.5rem; margin-top: 4rem;}
.leistung-item .quote {margin-top: 7rem;}
[type=even] .page-width, [type=odd] .page-width {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
}
[type=odd] .page-width {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
[type=even] .page-width {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
[type=even] .page-width > div, [type=odd] .page-width > div {width: calc(50% - 0.75rem)}
[type=odd] .image, #büro .image{
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
[type=even] .image.wider{
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
[type] h2 {margin-bottom: 1.5rem}
.leistung-item .quote {width: 80%}
[type=even] .quote {margin-left: 20%;}
.stickycontent {
  position: sticky;
  top: 8rem;
}
.scnd {padding-top: 4rem;}
.scnd ul + ul {
  margin-top: 1.5rem;
}
/*
.leistung-item[type=odd] .text{
  grid-column: 6 / span 7;
  grid-row: 2;
}
.leistung-item[type=odd] .quote{
  grid-column: 1 / span 4;
}
.leistung-item[type=odd] .lists{
  grid-column: 6 / span 7;
}
.leistung-item[type=even] .title{
  grid-column: 8 / span 5;
}
.leistung-item[type=even] .text{
  grid-column: 1 / span 7;
  grid-row: 2;
}
.leistung-item[type=even] .quote{
  grid-column: 9 / span 4;
}
.leistung-item[type=even] .lists{
  grid-column: 1 / span 7;
  grid-row: 3;
} */
@media only screen and (min-width: 1260px){
  [type] .image.wider img, #büro .image img {
    width: calc(100% + 50vw - 630px);
    max-width: 750px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.lists[closed] h3:after {
  content: "";
  height: 0.55em;
  width: 0.8em;
  display: inline-block;
  background: url(../media/toggle-arrow.svg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  margin-left: 0.5em;
  vertical-align: middle;
  -webkit-transition: background-position .3s ease, -webkit-transform .3s ease;
  transition: background-position .3s ease, -webkit-transform .3s ease;
  -o-transition: background-position .3s ease, transform .3s ease;
  transition: background-position .3s ease, transform .3s ease;
  transition: background-position .3s ease, transform .3s ease, -webkit-transform .3s ease;
}
.lists[closed] .listhead.active h3:after {
  background-position: bottom center;
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.lists[closed] ul.listbody {display: none;}
.lists[closed] .listhead {cursor:pointer}

.jobcontent h2 {margin-bottom: 1.5rem;}
.jobcontent .grid {row-gap: 3.5rem;}
.jobcontent h3 + ul {margin-top: .5rem;}
#angebot {margin-top: 2rem;}
#angebot ul{
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
}
#angebot h3 {padding-bottom: .5rem;}

section#nachhaltigkeit {
  background-color: var(--green);
  color: #fff;
  padding-top: 3rem;
  padding-bottom: 4rem;
}
section#nachhaltigkeit h2, section#nachhaltigkeit a {color: #fff;}
section#nachhaltigkeit a {font-weight: 500;}

.trenner {
  padding: 0 1.5rem;
  max-width: 1590px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
  margin: auto;
}
.trenner div {width: 50%}

#geschäftsleitung .image {
  margin-bottom: 2.5rem;
  margin-top: 1rem;
}
#geschäftsleitung ul {width: 80%}


.footer {
  padding: 5rem 0;
  background-color: var(--green);
  color: #fff;
}
.footerlogo svg {
  width: 100%;
  height: auto;
}
.footerlogo svg path {fill: #fff;}

@media only screen and (max-width: 1000px){
  body, html {
    font-size: 18px;
  }
  .grid .col-1-8 {-ms-grid-column: 1;-ms-grid-column-span: 10;grid-column: 1 / span 10;}
  #büro .col-8-12{-ms-grid-column: 7;-ms-grid-column-span: 6;grid-column: 7 / span 6;}
  #leistungen .col-1-5 {-ms-grid-column: 1;-ms-grid-column-span: 6;grid-column: 1 / span 6;}
  #karriere .col-3-7 {-ms-grid-column: 3;-ms-grid-column-span: 6;grid-column: 3 / span 6;}
  #geschäftsleitung ul {width: 90%;}
  .menu .col-1-4 {-ms-grid-column: 1;-ms-grid-column-span: 5;grid-column: 1 / span 5}
  .menu .col-6-9 {-ms-grid-column: 7;-ms-grid-column-span: 5;grid-column: 7 / span 5;}
  .r-list ul {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
}

@media only screen and (max-width: 768px){
  html, body {
    font-size: 16px;
    --mid: 1.25rem;
    --big: 2rem;
    --hl: 1.75rem;
  }
  #leistungen .col-7-10 {-ms-grid-row: 2!important;grid-row: 2!important;}
  .grid.filter, #projekte .grid, .grid[filter] {-webkit-column-gap: 1.5rem!important;-moz-column-gap: 1.5rem!important;column-gap: 1.5rem!important}
  .filter .span-3, #projekte .grid-item, [temp=projekte] .grid-item {-ms-grid-column-span: 6!important;grid-column: span 6!important}
  .menu .grid {row-gap: 3rem;}
  .menublock + .menublock {margin-top: 3rem;}
  #nachhaltigkeit .image {margin-top: 2rem;}
  .footerlogo {
    max-width: 300px;
    margin-left: auto;
  }
  .footer {padding: 2rem 0 3rem;}
  .grid .dir {-ms-grid-column: 1!important;-ms-grid-column-span: 7!important;grid-column: 1 / span 7!important;}
  [type=even] .page-width, [type=odd] .page-width {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  [type=even] .page-width > div, [type=odd] .page-width > div {width: 100%;}
  section.group .text {-ms-grid-column: 1;-ms-grid-column-span: 12;grid-column: 1 / span 12;}
  section.group .quote {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1 / span 12;
    grid-row: unset;
    padding: 0 5% 0 15%;
  }
  .leistung-item .quote {
    margin-left: 15%;
    margin-top: 2rem;
  }
  .leistung-item .text {margin-top: 2rem;}
  ul.twocol {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
  .scnd {padding-top: 1.5rem;}
  .grid-item .overlay {padding: .5rem; line-height: 1.2; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
  #angebot ul {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
  #header .headtext {bottom: 20vh;}
}

@media only screen and (max-width: 500px){
  .r-list ul {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
  .filter .span-3 {-ms-grid-column-span: 12!important;grid-column: span 12!important;}
  .grid, #projekte .grid:not(.filter), .grid[filter] {-webkit-column-gap: 1rem!important;-moz-column-gap: 1rem!important;column-gap: 1rem!important; row-gap: 1rem;}
  .page-width {
    padding: 0 15px;
  }
  .trenner {padding: 0; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;}
  .headtext h1 {
    padding: .25rem 0;
    -webkit-box-shadow: 0.25rem 0 0 var(--green), -0.25rem 0 0 var(--green);
            box-shadow: 0.25rem 0 0 var(--green), -0.25rem 0 0 var(--green)
  }
  #projekte .grid-item {-ms-grid-column-span: 12!important;grid-column: span 12!important;}
  /* .grid-item .overlay-bg {
    opacity: 1;
    height: 40%;
    bottom: 0;
    top: unset;
    background: rgb(102,178,51);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(102,178,51,0)), color-stop(60%, rgba(102,178,51,1)));
    background: -o-linear-gradient(top, rgba(102,178,51,0) 0%, rgba(102,178,51,1) 60%);
    background: linear-gradient(180deg, rgba(102,178,51,0) 0%, rgba(102,178,51,1) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#66b233",endColorstr="#66b233",GradientType=1);
  }
  .grid-item .overlay {opacity: 1;} */
  section {margin: 4rem 0;}
  .subsection {margin: 2.5rem 0;}
  .grid .dir {
    -ms-grid-column-span: 9!important;
    grid-column: 1 / span 9!important;
  }
}