.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
@charset "UTF-8";
.contao-cookiebar {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  display: flex;
  font-size: 0;
  letter-spacing: 0;
  text-align: center;
  padding: 15px;
  max-height: 100vh;
  box-sizing: border-box;
  pointer-events: none;
  overflow: hidden;
}
.contao-cookiebar * {
  box-sizing: border-box;
}
.contao-cookiebar .cc-inner {
  display: inline-block;
  overflow-y: auto;
  max-height: 100%;
  max-width: 100%;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  font-size: 1rem;
  text-align: left;
}
.contao-cookiebar.cc-top {
  align-items: flex-start;
}
.contao-cookiebar.cc-top.cc-active .cc-inner {
  animation: cookiebar-top-in 0.5s ease-in-out forwards;
}
.contao-cookiebar.cc-top.cc-saved .cc-inner {
  animation: cookiebar-top-out 0.5s ease-in-out forwards;
}
.contao-cookiebar.cc-bottom {
  align-items: flex-end;
}
.contao-cookiebar.cc-bottom.cc-active .cc-inner {
  animation: cookiebar-bottom-in 0.5s ease-in-out forwards;
}
.contao-cookiebar.cc-bottom.cc-saved .cc-inner {
  animation: cookiebar-bottom-out 0.5s ease-in-out forwards;
}
.contao-cookiebar.cc-middle {
  align-items: center;
  justify-content: center;
}
.contao-cookiebar.cc-middle.cc-active .cc-inner {
  animation: cookiebar-middle-in 0.5s ease-in-out forwards;
}
.contao-cookiebar.cc-middle.cc-saved .cc-inner {
  animation: cookiebar-middle-out 0.5s ease-in-out forwards;
}
.contao-cookiebar.cc-left {
  justify-content: flex-start;
}
.contao-cookiebar.cc-right {
  justify-content: flex-end;
}
.contao-cookiebar .cc-head h1:first-child, .contao-cookiebar .cc-head h2:first-child, .contao-cookiebar .cc-head h3:first-child, .contao-cookiebar .cc-head h4:first-child, .contao-cookiebar .cc-head h5:first-child, .contao-cookiebar .cc-head h6:first-child {
  margin-top: 0;
}
.contao-cookiebar .cc-head p {
  margin-bottom: 15px;
}
.contao-cookiebar .cc-btn {
  display: inline-block;
  cursor: pointer;
  width: 100%;
  padding: 8px 14px;
  margin-bottom: 8px;
  font-size: 15px;
  outline: 0 none;
  border: 1px solid #cfcfcf;
  border-radius: 4px;
  color: #444;
  background: #f5f5f5;
}
.contao-cookiebar .cc-btn:hover {
  background: #ececec;
}
.contao-cookiebar .cc-btn:last-child {
  margin-bottom: 0;
}
.contao-cookiebar .grayscale .cc-btn {
  background: #f1efef;
}
.contao-cookiebar .grayscale .cc-btn:hover {
  background: #ececec;
}
.contao-cookiebar .grayscale .cc-btn.success {
  background: #fbfbfb;
}
.contao-cookiebar .grayscale .cc-btn.success:hover {
  background: #f7f7f7;
}
.contao-cookiebar .highlight .cc-btn.success {
  background: #4e9e3e;
  border-color: #3e7830;
  color: #fff;
}
.contao-cookiebar .highlight .cc-btn.success:hover {
  background: #4c933f;
}
.contao-cookiebar label {
  position: relative;
  display: block;
  padding: 8px 13px 8px 0;
  line-height: 1.2rem;
}
.contao-cookiebar label.group {
  font-weight: 600;
}
.contao-cookiebar input {
  position: absolute;
  width: 1px;
  height: 1px;
  outline: 0 none;
  opacity: 0;
}
.contao-cookiebar input + label {
  padding: 8px 13px 8px 50px;
  cursor: pointer;
}
.contao-cookiebar input + label:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 35px;
  height: 18px;
  margin: 0;
  box-sizing: content-box;
  border-radius: 10px;
  background: #fff;
  border: 2px solid #9c9b99;
  transition: border-color 0.2s;
}
.contao-cookiebar input + label:after {
  display: block;
  content: "";
  position: absolute;
  top: 10px;
  left: 4px;
  width: 14px;
  height: 14px;
  border-radius: 10px;
  background: #9c9b99;
  transition: background 0.2s, margin-left 0.2s, padding 0.2s;
}
.contao-cookiebar input + label:active:after {
  padding-left: 5px;
}
.contao-cookiebar input.cc-group-half + label:after {
  background: linear-gradient(to right, #9c9b99 0%, #9c9b99 50%, #399d32 50%, #399d32 100%);
}
.contao-cookiebar input:checked + label:after {
  background: #399d32;
  margin-left: 17px;
}
.contao-cookiebar input:checked + label:active:after {
  margin-left: 12px;
}
.contao-cookiebar input:checked + label:before {
  background: #dcf3db;
  border-color: #399d32;
}
.contao-cookiebar input:disabled + label {
  pointer-events: none;
}
.contao-cookiebar input:disabled + label:after {
  background: #c8c7c5;
}
.contao-cookiebar input:disabled + label:before {
  background: #f4f4f4;
  border-color: #c8c7c5;
}
.contao-cookiebar.cc-active .cc-inner {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.contao-cookiebar.cc-active.cc-blocked {
  pointer-events: auto;
  animation: cookiebar-overlay-in 0.5s ease-in-out forwards;
}
.contao-cookiebar.cc-saved.cc-inner {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.contao-cookiebar.cc-saved.cc-blocked {
  pointer-events: none;
  animation: cookiebar-overlay-out 0.5s ease-in-out forwards;
}

@media (min-width: 768px) {
  .contao-cookiebar .cc-btn {
    width: auto;
    margin-bottom: 0;
  }
  .contao-cookiebar .cc-inner {
    max-width: 750px;
  }
}
@keyframes cookiebar-overlay-in {
  0% {
    background: rgba(0, 0, 0, 0);
  }
  100% {
    background: rgba(0, 0, 0, 0.75);
  }
}
@keyframes cookiebar-overlay-out {
  0% {
    background: rgba(0, 0, 0, 0.75);
  }
  100% {
    background: rgba(0, 0, 0, 0);
    visibility: hidden;
  }
}
@keyframes cookiebar-top-in {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes cookiebar-top-out {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
  }
}
@keyframes cookiebar-middle-in {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes cookiebar-middle-out {
  0% {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
  }
}
@keyframes cookiebar-bottom-in {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes cookiebar-bottom-out {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
  }
}
.contao-cookiebar {
  color: #444444;
}
.contao-cookiebar p {
  color: #868686;
  line-height: 1.4;
}
.contao-cookiebar .cc-inner {
  padding: 25px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  background: #fff;
}
.contao-cookiebar .cc-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: center;
  position: relative;
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  margin-bottom: 10px;
}
.contao-cookiebar .cc-group > label {
  flex-grow: 1;
  margin: 5px 0 5px 10px;
}
.contao-cookiebar .cc-group .cc-detail-btn {
  border: 0 none;
  outline: 0 none;
  background: transparent;
  font-size: 13px;
  letter-spacing: 0;
  text-transform: initial;
  cursor: pointer;
  color: #a2a2a2;
  padding: 8px 10px;
  line-height: 1.2rem;
}
.contao-cookiebar .cc-group .cc-detail-btn span:nth-child(2) {
  display: none;
}
.contao-cookiebar .cc-group .cc-detail-btn.cc-active span:nth-child(1) {
  display: none;
}
.contao-cookiebar .cc-group .cc-detail-btn.cc-active span:nth-child(2) {
  display: inline;
}
.contao-cookiebar .cc-group .cc-detail-btn:hover {
  color: #717171;
}
.contao-cookiebar .cc-group .cc-detail-btn-details {
  display: inline-block;
  border: 0 none;
  outline: 0 none;
  background: transparent;
  font-size: 13px;
  letter-spacing: 0;
  text-transform: initial;
  cursor: pointer;
  color: #a2a2a2;
  text-decoration: underline;
  padding: 0;
  margin: 0 0 10px;
}
.contao-cookiebar .cc-group .cc-detail-btn-details span:nth-child(2) {
  display: none;
}
.contao-cookiebar .cc-group .cc-detail-btn-details.cc-active span:nth-child(1) {
  display: none;
}
.contao-cookiebar .cc-group .cc-detail-btn-details.cc-active span:nth-child(2) {
  display: inline;
}
.contao-cookiebar .cc-group .cc-detail-btn-details:hover {
  color: #717171;
}
.contao-cookiebar .cc-cookies {
  display: none;
  width: 100%;
  background: #fbfbfb;
  border-radius: 0 0 5px 5px;
}
.contao-cookiebar .cc-cookies > p {
  font-size: 0.875rem;
}
.contao-cookiebar .cc-cookies > p, .contao-cookiebar .cc-cookies > .cc-cookie {
  margin: 0;
  padding: 15px;
  border-top: 1px solid #e6e6e6;
}
.contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info {
  font-size: 0.875rem;
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #efefef;
}
.contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info > div > span {
  font-weight: 600;
}
.contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info > div + div {
  margin-top: 5px;
  word-wrap: break-word;
}
.contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info + button.cc-detail-btn-details {
  margin-top: 15px;
}
.contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-desc > p {
  margin-bottom: 0;
}
.contao-cookiebar .cc-cookies .cc-cookie label.cookie + p, .contao-cookiebar .cc-cookies .cc-cookie label.cookie + .cc-cookie-info, .contao-cookiebar .cc-cookies .cc-cookie label.cookie + button.cc-detail-btn-details {
  margin-top: 10px;
}
.contao-cookiebar .cc-cookies .cc-cookie p {
  margin: 0 0 15px;
  font-size: 0.875rem;
}
.contao-cookiebar .cc-footer, .contao-cookiebar .cc-info {
  text-align: center;
}
.contao-cookiebar .cc-info {
  margin-top: 15px;
}
.contao-cookiebar .cc-info > p {
  font-size: 0.875rem;
}
.contao-cookiebar .cc-info > a {
  display: inline-block;
  font-size: 0.813rem;
  color: #a2a2a2;
  text-decoration: none;
}
.contao-cookiebar .cc-info > a:hover {
  color: #717171;
}
.contao-cookiebar .cc-info > a + a:before {
  display: inline-block;
  content: "·";
  margin-right: 5px;
}
/* normalize */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color:transparent; color:#8c8b8b;text-decoration:none; display:inline-block;}
a:active, a:hover { outline: 0; color:#000;}
abbr[title] { border-bottom: 1px dotted; }
b, strong, .bold {font-family:'sansemi';}
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
hr { box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; -webkit-appearance: none; border-radius: 0;}
select { border-radius: 0;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="checkbox"] {-webkit-appearance: checkbox;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; border-radius: 0;-webkit-appearance: none !important;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
legend { border: 0;  padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0;}
td, th { padding: 0; vertical-align: top;}
::-moz-selection {background: #8ccae5; text-shadow: none; }
audio, canvas, iframe, svg, video { vertical-align: middle; }
img { vertical-align: top; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.hidden, .invisible { display: none !important; }
.clearfix:before, .clearfix:after { content: " ";  display: table; }
.clearfix:after, .clear { clear: both; }
/* nur safari */
* {-webkit-tap-highlight-color: rgba(0,0,0,0);}
svg:not(:root) { overflow: hidden; }

/* allgemein */
* { margin:0; padding:0; border:0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html,body { height:100%; width:100%; font-size: 100%}
html { font-size:100%; }
*:focus  { outline: 0; }
ul, ol { margin: 0; padding: 0 ; }
nav ul, ul { list-style: none; list-style-image: none;list-style-position: outside;}
.home-li li::before {position:relative;}
main li {position:relative; padding-left:14px;margin-bottom:10px;}
main li:before {content: "";position:absolute;display:block;width:4px;height:4px;background: url('../../files/method/methodpix/dot.svg') no-repeat;left: 0;top:10px;}

.transit, input.submit {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.loading {position:fixed; top:50%; left:50%; margin:-40px 0 0 -40px; width:80px; height:80px; background:url('../../files/method/methodpix/4kreis.png') no-repeat center center; -webkit-animation-duration: 1s; animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both; -webkit-animation-name: pulse; 	animation-name: pulse;	-webkit-animation-iteration-count: infinite;}
@-webkit-keyframes pulse {  0% { -webkit-transform: scale(0.7); } 50% { -webkit-transform: scale(1.0); } 100% { -webkit-transform: scale(0.7); } }
@keyframes pulse {  0% { transform: scale(0.7); } 50% { transform: scale(1.0); } 100% { transform: scale(0.7); } }
.no-js .wrap {opacity:1;}
.no-js .loading {display:none;}

/*FUCKYOUMS*/
.leist img, .kont img, .top img {pointer-events:none;}

/************** FONTS *****************/
@font-face {font-family: 'sansbold';src: url('../../files/method/css/fonts/opensans-bold-webfont.woff2') format('woff2'),url('../../files/method/css/fonts/opensans-bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'sansreg';src: url('../../files/method/css/fonts/opensans-regular-webfont.woff2') format('woff2'),url('../../files/method/css/fonts/opensans-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'sansemi';src: url('../../files/method/css/fonts/opensans-semibold.woff2') format('woff2'),url('../../files/method/css/fonts/opensans-semibold.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'montlight';src: url('../../files/method/css/fonts/montserrat-light-webfont.woff2') format('woff2'),url('../../files/method/css/fonts/montserrat-light-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'montmedi';src: url('../../files/method/css/fonts/montserrat-medium.woff2') format('woff2'),url('../../files/method/css/fonts/montserrat-medium.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'montreg';src: url('../../files/method/css/fonts/montserrat-regular-webfont.woff2') format('woff2'),url('../../files/method/css/fonts/montserrat-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'montbold';src: url('../../files/method/css/fonts/montserrat-bold.woff2') format('woff2'),url('../../files/method/css/fonts/montserrat-bold.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'montextrabold';src: url('../../files/method/css/fonts/montserrat-extrabold.woff2') format('woff2'),url('../../files/method/css/fonts/montserrat-extrabold.woff') format('woff');font-weight: normal;font-style: normal;}

body {font-family:'sansreg', sans-serif; font-weight: 400; color:#000; font-size:14px; line-height:26px; background:#fff;}

h1 {font-size:34px; line-height:38px; letter-spacing:1px;margin-bottom:20px;font-family:'montmedi';}
h2 {font-size:24px; line-height:30px; letter-spacing:1px;margin-bottom:20px;font-family:'montmedi';}
h3 {font-size:16px; line-height:26px;font-family:'montmedi';}
h4 {font-size:16px; line-height:26px;font-family:'montreg';}
h5 {font-size:16px; line-height:26px;margin-bottom:10px;font-family:'montlight';}
h6 {font-size:34px; line-height:44px; letter-spacing:1px;font-family:'montlight';}
/* COLORZ */
.gray {color:#8c8b8b;}
.hellgray {color:#d9e0e0;}
/* ### tinyMCE ### */
.monsterratfliess {font-size:14px; line-height:20px;font-family:'montreg',sans-serif;}
.monsterratmini {font-size:10px; line-height:14px;font-family:'montreg',sans-serif;}
.grau {color:#8c8b8b!important;}
.grauhell {color:#d9e0e0!important;}
.weiss {color:#fff!important;}
.orange {color:#f27100!important;}

.sp60 {padding-bottom:60px;}
.sp100 {padding-bottom:100px;}

.mobile {display:none;}
.off {display:block;}
.left {float:left;}
.right {float:right;}

/* ######### CONTAINER ######## */
.wrap {opacity:0;}
.headcont {width:100%;position:relative;}
.bgwhite {width:100%;position:relative;}
.bgdnkl {background:#393d44;background:url('../../files/method/methodpix/h_footer.jpg') no-repeat;background-size:cover;}
.center {max-width:1400px; padding:0 2%;}
.projekte .center {max-width:1430px; padding:0 2%;}
.detail .center {max-width:1428px; padding:0 2%;}
.filter {max-width:1400px; padding:44px 2% 0;}
.centerkl {max-width:900px;padding:0 2% 80px;}
.center, .filter, .centerkl {margin:0 auto; position:relative;}
.centerhead {position:relative;width:100%;padding:50px 0 1%;}
.centernav {max-width:1400px; margin:0 auto; position:relative;padding:0 2%;z-index:9999;}
.kleen {max-width:900px;}
/********** MOBHEAD ********/
.mobhead {width:100%;background:#f5f4f3;padding:30px 40px;}
.mobhead .mobhelog {display:none;}

/********** MAIN **********/
.home main {position:relative;width:100%;padding-top:50px;}
.projekte main {position:relative;width:100%;padding-top:10px;}
img {width:100%;height:auto;}
.flexcont {display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}   

/********** HEADER **********/
header {position:relative; width:100%;}
header #loga {float:left;position:relative;width:400px;height:40px;margin-bottom:15px;margin-left:-30px;z-index:998;}
header #logo {position:relative;width:300px;height:40px;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
header #logo img {width:100%;height:auto;}
.detail header #logo img {opacity:0.2;}
/********** HEADERBILD **********/
.header_image {position:relative;float:left;width:100%;}

/********** Navigation **********/
#navi {float:right;width:60%;padding-top:56px;z-index:997;}
.navigation {position:relative;z-index:1000;font-weight:300;color:#8c8b8b;letter-spacing:0.5px;}
.main_nav li {display:inline-block;margin-right:2px;position:relative;}
.main_nav li:last-child {margin-right:0;}
.main_nav ul {text-align:right;}
.main_nav li a {line-height:18px;padding:10px 12px 8px;color:#8c8b8b;font-size:16px;display:inline-block;text-align:center;font-family:'montreg';-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.main_nav li:last-child a {padding:10px 0 8px 12px;}
.main_nav li a:hover, .main_nav li.trail a:hover {color:#000;}
.main_nav li.trail a {color:#000;font-size:16px;font-family:'montreg';}
.main_nav li.active {padding:8px 12px 6px;font-size:16px;font-family:'montreg';}
.main_nav li.active .active, .main_nav .level_2 li.forward .forward {color:#000;text-align:center;}

.main_nav .level_2 {position:absolute;display:none;transition: transform 250ms ease-in-out;background:#fff;left:0;top: 42px;}
.main_nav li:hover .level_2 {display:block;opacity: 1;animation-name: fadeInOpacity;animation-iteration-count: 1;animation-timing-function: ease-in;animation-duration: 0.4s;}
@keyframes fadeInOpacity {0% {opacity: 0;} 100% {opacity: 1;}}
.main_nav .level_2 li {border-bottom:1px solid #a5a9af;display:block;width:100%;margin-right:0;height:auto;padding:0;}
.main_nav .level_2 li a {font-size:16px;line-height:40px;display:block;width:100%;white-space:nowrap;color:#000;padding:6px 20px;height:auto;text-align:left;}
.main_nav .level_2 li.active, .main_nav .level_2 li.forward {color:#778484;padding:10px 20px;text-align:left;}
.main_nav .level_2 li.active .active, .main_nav .level_2 li.forward .forward {line-height:40px;}
.main_nav .level_2 li.active .active {color:#778484;}
.main_nav .level_2 li:first-child {border-top:1px solid #a5a9af;}
.main_nav .level_2 li:last-child {border-bottom:none;}
.main_nav .level_2 li a { }
.main_nav .level_2 li.trail a { color:#fff; background:#778484;}
.main_nav .level_2 li:hover a { color:#fff; background:#778484; }

/* hamburger */
label.hamburg {display:none;z-index:1001;background:none; width:59px; height:50px; position:absolute; top:18px; right:34px; cursor:pointer; margin-left:auto; margin-right:auto;border-radius:4px;}
input#hamburg {display:none}

/* COOL HAMBURGER */
svg {height: 80px;position: absolute;width: 80px;}
.plates {display: flex;flex-wrap: wrap;max-height:160px;}
.plate {height:80px;width:80px;}
.burger {filter: url(#gooeyness);}
.x {transform: scale(0);transition: transform 400ms;}
.line {fill: none;stroke: #000;stroke-width: 6px;stroke-linecap: round;stroke-linejoin: round;transform-origin: 50%;transition: stroke-dasharray 500ms 200ms, stroke-dashoffset 500ms 200ms, transform 500ms 200ms;}
.x .line {stroke-width: 5.5px;}
/* First plate */
.plate1 .line2 {stroke-dasharray: 40 200;stroke-dashoffset: 0px;}
.plate1 .line3 {stroke-dasharray: 40 179;stroke-dashoffset: 0px;}
.active .line {transition: stroke-dasharray 500ms, stroke-dashoffset 500ms, transform 500ms;}
.active.plate1 .line1 {transform: scale(0, 1);transition: transform 500ms 100ms;}
.active.plate1 .line2 {stroke-dasharray: 5px 200;stroke-dashoffset: -164px;}
.active.plate1 .line3 {stroke-dasharray: 5px 179;stroke-dashoffset: -142px;}
.active .x {transform: scale(1);transition: transform 400ms 350ms;}

.onscroll { opacity: 1; -webkit-transition: opacity .7s ease-in, margin-top .7s ease-out; transition: opacity .7s ease-in, margin-top .7s ease-out; }
.onscroll-hidden { opacity: 0; margin-top:0; }

.go_top {position:fixed; right:20px; bottom:20px; width:35px; height:35px; background:#000; z-index:999; text-align:center; display:none;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.go_top:hover {background:#5f6f75;}
.go_top .arrow {width:18px; height:18px; border-top:3px solid #fff; border-left:3px solid #fff; position:absolute; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg); top:13px; left:9px;}

.go_ruck {position:fixed; right:75px; bottom:20px; width:146px; height:35px; background:#000;padding:6px 0 0 10px;font-size:20px;color:#fff;font-family:'montreg';z-index:999; text-align:left; display:none;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.go_ruck:hover {background:#5f6f75;color:#fff;}
.go_ruck .arrow {width:18px; height:18px; border-top:3px solid #fff; border-left:3px solid #fff; position:absolute; -moz-transform: rotate(225deg); -ms-transform: rotate(225deg);-o-transform: rotate(225deg);-webkit-transform: rotate(225deg); top:4px; right:10px;}


/* STICKY Navi fest */
.sticky {z-index:9999;position:fixed!important;width:100%;margin-top:0!important;background:rgba(255,255,255,0.9);border-bottom: 1px solid #fff;}
.home .sticky + .headcont {padding-top:200px;}
.home #navfest {height:200px;}

.projekte .sticky + .headcont {padding-top:230px;}
.projekte #navfest {height:230px;}

.detail .sticky + .headcont {padding-top:160px;}
.detail #navfest {height:160px;}
/************** SLIDER NAV *************/
.rsts-skin-default .rsts-prev, .rsts-skin-default .rsts-next {top:0;width: 40%;height:100%;bottom: 0px;background-repeat:no-repeat;border:0;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} 
.rsts-skin-default .rsts-prev {left:0;background-image:none;}
.rsts-skin-default .rsts-next {right:0;background-image:none;}
.rsts-skin-default .rsts-prev:hover, .rsts-skin-default .rsts-next:hover {background:none;}

/************** PROJEKTE ***************/
.plist .layout_short {width: 31.3%;text-align: left;/* margin-right:4%; */float:left;/* margin-bottom:50px */margin:0 1% 50px;}
/* .plist .layout_short:nth-child(2n) {margin-right:0;} */
.projectbox .ppix {margin-bottom:15px;overflow:hidden;}
.projectbox h2, .projectbox p {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.projectbox h2 {margin-bottom:0;font-size:16px;line-height:20px;font-family:'montmedi';}
.projectbox p {margin-bottom:0;font-size:16px;line-height:24px;font-family:'montreg';}
.plist a:hover img {scale:1.1;}

.ce_rsce_bild1, .ce_rsce_text1, .ce_rsce_leer, .ce_rsce_doppel, .ce_rsce_dreiviertel, .ce_rsce_voll, .ce_rsce_text_doppelt, .ce_rsce_textbild_weiter, .ce_rsce_text_start {float:left;margin:0 1% 2%;}
/* .mod_newsreader .layout_full h1 {display:none;} */
.ce_rsce_bild1, .ce_rsce_text1, .ce_rsce_leer {width:23%;}
.ce_rsce_text1, .ce_rsce_text_doppelt, .ce_rsce_text_start, .ce_rsce_textbild_weiter {text-align:left;position:relative;}
.ce_rsce_doppel, .ce_rsce_text_doppelt, .ce_rsce_text_start, .ce_rsce_textbild_weiter {width:48%;}
.ce_rsce_dreiviertel {width:73%;} 
.ce_rsce_voll {width:98%;} 
.ce_rsce_text1 h2, .ce_rsce_text_doppelt h2, .ce_rsce_textbild_weiter h2, .ce_rsce_text_start h2 {display:none;}
.ce_rsce_text_doppelt, .ce_rsce_text_start {line-height:22px;}
/* .ce_rsce_text1, .ce_rsce_text_doppelt, .ce_rsce_textbild_weiter {padding:0;} */
.ce_rsce_textbild_weiter .image_container {z-index:18;position:relative;}
.ce_rsce_textbild_weiter .txtdoppelt {position:absolute;z-index:15;top:0;}
#picweg {transition:opacity 1s;}

.detail .txtheight {height:470px;}
.detail button {background:none;font-size:16px;font-family:'montreg';color:#8c8b8b;}
.detail #projekte, .detail #bestand {position:absolute;bottom:0;}
.detail #bestand {right:0;}
.detail button:hover {color:#000;}
.detail .element-item h1 {padding:0 1%;}
.detail .tabstand {width:50px;}
/* .ruckblicker {padding:230px 0 0;} */
.fotonachweis {float:left;padding: 0 30px 0 0;text-align: right;width:100%;}
.detail .back {float: left;width: 100%;}
.back a {font-size:16px;font-family:'montreg';color:#8c8b8b;padding:6px 20px 6px 20px;width:100%;text-align:left;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.back a:hover {color:#000;}
.lino {width:100%;height:1px;float:left;position:relative;;}

#more {display:none;}

.mod_newscategories button:first-child, .subnav button:first-child {padding:10px 24px 8px 0;}
.mod_newscategories, .subnav {margin-bottom:25px;}
/* .subnav a {padding:10px 12px 8px 0;margin-bottom:25px;} */
.mod_newscategories button:last-child {margin-right:0;}
.mod_newscategories button, .subnav button {margin-right:2px;padding:10px 24px 8px 0;line-height:18px;color:#8c8b8b;font-size:16px;display:inline-block;text-align:center;font-family:'montreg';background:transparent;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.mod_newscategories button:hover, .mod_newscategories button.is-checked, .subnav button:hover {color:#000;}

/*  rückblick ausgeblendet bei projekt100 */
.projekt100 #bestand, .projekt100 #ruckblick, .projekt100 .go_ruck {display:none;}
.anbau-blumenviertel #bestand, .anbau-blumenviertel #ruckblick {display:none;} 
/************* UBERUNS ************/
.inhall {width:100%;margin:30px 0 60px;}
.txtl {width:46%;margin-right:8%;float:left;text-align:left;}
.txtl img {width:76px;height:63px;}
.txtr {width:46%;float:left;text-align:left;}
.txtr, .txtl {padding:10px 0 10px;}
.txt70 {width:70%;margin-right:2%;float:left;text-align:left;}
.txt100 {width:100%;margin-right:2%;float:left;text-align:left;}

.sobutt {width:50%;margin:0 auto;text-align:center;}
.sobutt a {color:#9daeae;border:1px solid #9daeae;padding:5px 20px;}
.sobutt a:hover {background:#9daeae;color:#fff;}

.kontbutt {width:60%;margin:0 auto;text-align:center;}
.kontbutt a {color:#fff;background:#f27100;padding:20px 40px;font-size:60px;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.kontbutt a:hover {background:#000;color:#fff;}

.kont1butt {width:60%;margin:0 auto;text-align:center;}
.kont1butt a {border-radius: 18px;color:#fff;background:#f27100;padding:30px 40px;font-size:60px;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.kont1butt a:hover {background:#000;color:#fff;}

/************* KONTAKT ************/
#map {min-height:560px;height:100%;width:100%;}
.leaflet-control-attribution {display:none;}

.ce_rsce_lino, .ce_rsce_anker {width:100%;position:relative;float:left;}
hr {border-top:1px solid #cee0ea;margin:30px 0;width:60%;}

/* TEL */
.tel {color:#778484;}
.tel:hover {color:#525e65;}

/********** FOOTER **********/
footer {position:relative;width:100%;padding:80px 0;background:#fff;float:left;}
.fooleft, .foomid, .fooright {width:31%;padding:0 0 20px;float:left;}
.projekte .fooleft, .detail .fooleft {padding: 0 0 20px 20px;}
.fooleft, .foomid {margin-right:2%;}
.fooleft, .foomid, .fooright {color:#000;margin-bottom:10%;}
.fooleft {text-align:left;}
.fooright {text-align:right;}

.linewhite {border-top:1px solid #667b82;margin:30px 0;width:60%;}

.fooleft .mod_customnav a {color:#8c8b8b;font-family:'montreg';font-size:16px;}
.fooleft .mod_customnav a:hover {color:#000;}
/* .fooleft li.active strong {padding:6px 0;font-weight: 400;font-family:'montreg';font-size:16px;} */
.fooleft li.active {font-family:'montreg';font-size:16px;}
.fooleft .cook {font-family:'montreg';font-size:16px;}

.foologoleft {width:60%;float:left;padding:0 15px 0 0;}
.foologoright {width:40%;float:right;}
.mini {font-size:12px;color:#8c8b8b;}
footer .tel {color:#000;}
footer .tel:hover {color:#778484;}

/*######## Cookie #####*/
/* .contao-cookiebar {background:rgba(224,237,244,0.5);} */
.contao-cookiebar .highlight .cc-btn.success {background:#778484;border-color: #778484;color: #fff;}
.contao-cookiebar .highlight .cc-btn.success:hover {background: #fff;border-color: #778484;color: #778484;}
.ce_cookiebarOpener a {padding:10px 20px;color:#fff;background:#8a9524;}
.contao-cookiebar .highlight .cc-btn.deny {display:none;}


/****************************** MEDIAX **********************/
@media (min-width: 2260px) {
    .center, .centernav, .filter {max-width:1800px;}
    .projekte .center {max-width:1830px; padding:0 2%;}
    .filter {padding:44px 2% 0;}
    .centerkl {max-width:1000px;}
    .detail .center {max-width:1828px;}
    .detail .txtheight {height:610px;}
    .fotonachweis {padding: 0 34px 0 0;}
}
@media (max-width: 1660px) {
}
@media (max-width: 1430px) {
    header #loga {margin-left:0;}
    .projekte .center {padding:0 3%;}
    .center {padding:0 40px;}
    .filter {padding:54px 4% 0;}
    .centerkl {padding:0 40px 80px;}
}
@media (max-width: 1370px) {
    
    /* .detail .txtheight {height:448px;} */
    .detail .txtheight {height: 100%;padding-bottom: 40px;}
}
@media (max-width: 1340px) {
   /*  .detail .txtheight {height:440px;} */
}

@media (max-width: 1260px) {
    /* .detail .txtheight {height:410px;} */
}

@media (max-width: 1210px) {
    .plist .layout_short {width: 48%;}
    .off {display:none;}
    .mobile {display:block;}
	.navigation {position:fixed;margin-top:0; top:0px; right:0; width:100%; max-height:100%;display:none;overflow: hidden; bottom:0;}
    label.hamburg {display: block;}
	.overflowbox { position: relative; top:0; height: calc(100% - 10px); max-height: 100%; overflow:auto; background:#f5f4f3;}
	.main_nav {margin-top:120px;position: relative; margin-bottom:20px; font-weight:400;font-size:22px;}
	.main_nav li {text-align: center;float:none; margin-right:0;width:100%;position:relative;border-bottom: 1px solid #fff;padding:0;}
    .main_nav li:hover .level_2 {animation-name:fadeOffOpacity;display:none;}	
    .main_nav li a {color:#8c8b8b;width:100%;padding:30px 15px;}
    .main_nav li:last-child a {color:#8c8b8b;width:100%;padding:30px 15px;}
    .main_nav li:hover, .main_nav li.trail:hover, .main_nav li:last-child:hover {background:#fff;color:#000;}
    .main_nav li.trail a {border-bottom:1px solid #fff;}
    .main_nav li.active {padding:30px 0;display:block;border-bottom: 1px solid #fff;width:100%;background:#fff;text-align:center;}
    .main_nav li.active .active, .main_nav li:hover.active .active {}
    .main_nav li.trail .level_2 a {background:#fff;color:#000;}
    .main_nav .level_2 {top:0;}
    .main_nav .level_2 li.active {padding:30px 0;text-align:center;}
    .main_nav .level_2 li.active .active {line-height: 20px;}
	.main_nav li.active .level_2, .main_nav li.trail .level_2 {display:block; position:relative; width:100%;}
	.main_nav .level_2 li {border-bottom: 1px solid #92a9b5;text-transform:none; }	
	.main_nav .level_2 li a {color:#4b5053;font-size:16px; line-height:30px;white-space:normal;padding:30px 15px;text-align:center;}
	.main_nav .level_2 li.trail  { color:#fff; background:#778484;border-bottom: 1px solid #fff;}
	.main_nav .level_2 li:hover a { color:#fff; background:#778484; }
	#navi {margin-top:0;width:100%;padding-top:0;}
	#logo {margin-bottom:20px;}
    .home .sticky + .headcont {padding-top:130px;}
    .home #navfest {height:130px;}
    .projekte .sticky + .headcont {padding-top:170px;}
    .projekte #navfest {height:170px;}
    .detail .sticky + .headcont {padding-top:140px;}
    .detail #navfest {height:140px;}
    .mobhead .mobhelog {display:block;}
    /* .detail .txtheight {height:400px;} */
    .centerhead {padding:2% 0 1%;}
}
@media (max-width: 1150px) {
    .ce_rsce_bild1, .ce_rsce_text1 {width:48%;}
    .ce_rsce_dreiviertel {width:100%;}
	.ce_rsce_leer {display:none;}
}
@media (max-width: 1024px) {
    .ce_rsce_4kreis {width:40%;margin-right:6%;}
}
@media (max-width: 990px) {
    .ce_rsce_text_doppelt, .ce_rsce_textbild_weiter, .ce_rsce_text_start {width:100%;}
}
@media (max-width: 850px) {
	h1 {font-size:34px; line-height:36px; }
	.plist .layout_short {width:100%;margin-right:0;}
	.ce_rsce_bild1, .ce_rsce_text1, .ce_rsce_doppel, .ce_rsce_dreiviertel {width:100%;margin-right:0;}
	.ce_rsce_leer {display:none;}
	.ce_rsce_text1 {padding:40px 0;}
	.fotonachweis {padding: 0 0 230px 0;}
}
@media (max-width: 768px) {
	.navigation {width:100%; }
	.main_nav .level_2 {text-transform:none;}
	h2 {font-size:22px; line-height:26px; }
	h4 {font-size:18px; line-height:20px; }
    .txtl, .txtr {width:100%;margin-right:0;}
    .kont1butt a {padding:20px 30px;font-size:40px;}

}
@media (max-width: 730px) {
    .startlogo {margin:0 auto;}
    .textblox {padding:40px 8% 20px;}
}
@media (max-width: 650px) {
    .centerstart {padding:2% 3%;}
    header #logo {position:relative; top:0; width:210px; height:33px;}
    header #loga {width:210px; height:33px;}
    label.hamburg {top:10px;}
    .fooleft, .foomid, .fooright {width:100%;}
	.fooright {text-align:left;}  
    .ce_rsce_4kreis {width:100%;margin-right:0%;}
    .home .sticky + .headcont {padding-top:100px;}
    .home #navfest {height:100px;}
    .projekte .sticky + .headcont {padding-top:190px;}
    .projekte #navfest {height:190px;}    
    .detail .sticky + .headcont {padding-top:100px;}
    .detail #navfest {height:100px;}
    .center {padding:0 2%;}
    .projekte .center {padding:0 1%;}
    .filter {padding:54px 2% 0;}
    .centerkl {padding:0 2% 80px;}
    .kont1butt a {padding:20px 30px;}
    .kont1butt {width:70%;}
}
@media (max-width: 500px) {
	h1 {font-size:24px; line-height:30px;}
	h2 {font-size:22px; line-height:26px;}
	.headblox {padding:80px 10px;}
	.navigation {font-size:18px; }
	.main_nav li { line-height:30px;}
	#map {min-height:400px;}
	.projekte .sticky + .headcont {padding-top:250px;}
    .projekte #navfest {height:250px;}
    .kont1butt a {font-size:30px;}
    .kont1butt {width:80%;}
}
@media (max-width: 460px) {

}
@media (max-width: 440px) { 
    label.hamburg {top:26px;right: 20px;}
    h2 {letter-spacing:0;}
    .centerstart {padding: 5% 3%;}
    .home main {padding-top:20px;}
    .detail .txtheight {/* height:450px; */margin-bottom:6%;}
    .kont1butt {width:90%;}
    .kont1butt a {padding:20px 40px;}
}