.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}
/* 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;}
}