/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css Function: normalize CSS*/
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;color:black;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],/* 1 */
[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,/* 1 */
menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}
/*! Autor: Lou Scholtissek Date modify: 2017-11-19 Function: Main CSS File, Mobile First */
@media screen {
    body {
        margin: 0;
        padding: 0;
        font-family: 'Muli', sans-serif;
        color: #000;
    }
    img {
        height: auto;
        max-width: 100%;
    }
    h1, h2, h3, h4, h5, h6{
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;
        -webkit-margin-start: 0;
        -webkit-margin-end: 0;
    }
	h5{
		font-size: 20px;
		text-transform: uppercase;
		margin: 25px 0 8px 0;
	}
	h6{
		font-size: 0.9em;
		margin: 0;
	}
	a, a:link, a:visited, a:hover{
	color: #000;
	}
	a.color-00, a.color-00:link, a.color-00:visited, a.color-00:hover{
		color: #000;
	}
	.color-01{
		color: #378E1D;	
	}
    /* ------------------------------------------------------------------------------------------------------- */
    /* ------------------------------ Main Style ------------------------------------------------------------- */
    /* ------------------------------------------------------------------------------------------------------- */
    /* ------------------------------- */
    /* ----------- Header ------------ */
    /* ------------------------------- */
    
    #header {
        position: relative;
    }
    #header.normalfixed {
        position: fixed;
        z-index: 1000;
        width: 100%;
        top: 0;
    }
    #slideshow {
        position: relative;
    }
    #nav_bg {
        position: absolute;
        background-color: #404040;
        left: 0;
        width: 100%;
        height: 80px;
        z-index: 100;
    }
    #nav {
        padding: 0;
        margin: 0;
        width: 100%;
        z-index: 1000;
        background-color: #404040;
    }
    #nav.fixed {
        position: fixed;
        top: 0;
    }
    #nav > #title {
        position: relative;
        margin: 0;
        padding: 0;
        z-index: 1001;
    }
    #nav > #title h1:first-child {
        color: #fff;
        margin: 0;
        padding: 8px 0 0 0;
        text-align: center;
        font-size: 2.7em;
        letter-spacing: 1px;
        line-height: 1;
        text-transform: uppercase;
    }
    #nav > #title h1:last-child {
        color: #378E1D;
        padding: 0 0 8px 0;
        margin: 0;
        text-align: center;
        font-size: 1.2em;
        line-height: 1;
        letter-spacing: 1px;
        text-transform: uppercase;
    }
    #nav > #menu {} #nav > #menu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    #nav > #menu ul.disappeared {
        display: none;
    }
    #nav > #menu ul li {
        border-left: 2px solid #555;
        border-right: 2px solid #555;
        border-top: 2px solid #555;
        background-color: #606060;
        -moz-transition: all 200ms ease-in;
        -webkit-transition: all 200ms ease-in;
        transition: all 200ms ease-in;
    }
    #nav > #menu ul li:last-child {
        border-bottom: 2px solid #555;
    }
    #nav > #menu ul li a {
        display: block;
        color: #fff;
        font-size: 1.2em;
        padding: 8px 16px;
        text-decoration: none;
    }
    #nav > #menu ul li:hover {
        background-color: #378E1D;
        -moz-transition: all 200ms ease-in;
        -webkit-transition: all 200ms ease-in;
        transition: all 200ms ease-in;
    }
    #nav > #menu ul li.active {
        background-color: #378E1D;
    }
    #nav .burger-nav {
        display: block;
        height: 40px;
        width: 100%;
        background: url(../img/burger-nav.png) no-repeat 98% center;
        cursor: pointer;
        background-color: #606060;
    }
    #nav a.burger-nav {
        text-decoration: none;
        color: #fff;
    }
    /* ------------------------------- */
    /* --------- Main Content -------- */
    /* ------------------------------- */
    #main {
        margin: 0;
    }
    #main.normalfixed {
    z-index: 100;
    margin-top: 120px;
    }
    #main.fixed {
    z-index: 100;
    margin-top: 120px;
    }
    #main .title {
        padding: 0.8em;
        margin: 20px 0;
    }
	#main .title.Project {
		margin: 20px 0 auto;
	}
	#main .title_pfeil {
		margin: 20px 0 auto;
	}
    #main .article {
        display: block;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        width: 85%;
    }
    #main h3 {
        display: table;
        border-collapse: collapse;
        white-space: nowrap;
        text-align: center;
        text-transform: uppercase;
        font-size: 1.8em;
        color: #404040;
        letter-spacing: 1px;
    }
    #main h3:before,
    h3:after {
        content: "";
        display: table-cell;
        width: 50%;
        background-image: -webkit-linear-gradient(left, #378e1d 100%, transparent 50%);
        background-image: linear-gradient(to right, #378e1d 100%, transparent 50%);
        background-position: 0 50%;
        background-repeat: repeat-x;
        background-size: 6px 2px;
    }
    #main h3:before {
        border-right: 0.5em solid transparent;
    }
    #main h3:after {
        border-left: 0.5em solid transparent;
    }
	#main .einteilung_projects {
		width: 100%;
		height: 2px;
        background-color: #378e1d;
		color: #378e1d;
		border: #378e1d;
		margin: 60px 0 40px;
	}
	#main .untereinteilung_projects{
		display: block;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        width: 85%;
	}
	#main .title_projects{
		margin: 0 0 10px;
        text-align: center;
        text-transform: uppercase;
        font-size: 1.8em;
        color: #404040;
        letter-spacing: 1px;
	}
    #main .box_chest {
        width: 100%;
        padding-bottom: 2em;
    }
    #main .article_box {
        float: left;
        min-height: 1px;
        width: 100%;
        overflow: hidden;
    }
    #main .box_small {
        display: block;
        box-sizing: border-box;
        position: relative;
        min-height: 1px;
        margin: 2em auto 0 auto;
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    #main .box_small img {
        display: block;
        width: 100%;
    }
    #main .box_small a {
        text-decoration: none;
    }
    #main .box_small a:hover {
        text-decoration: none;
    }
    #main .box_small h6 {
        margin: 0;
        z-index: 10;
    }
    #main .box_title {
        display: block;
        height: 3em;
        width: 100%;
        background-color: white;
    }
    #main .box_title_text-1 {
        height: 1em;
        padding-top: 0.85em;
        width: 100%;
    }
    #main .box_title_text-2 {
        height: 2em;
        padding-top: 0.5em;
        width: 100%;
    }
    #main .box_title_text-3 {
        height: 1em;
        padding-top: 1em;
        width: 100%;
    }
    #main [class^="box_title_text-"] h6 {
        line-height: 1;
        font-size: 1em;
        text-align: center;
        color: #404040;
        text-transform: uppercase;
    }
    #main .box_title_text-1 h6 {
        font-size: 1.3em;
    }
    #main .box_title_text-3 h6 {
        font-size: 1em;
    }
    #main .capacity {
        position: relative;
        width: 100%;
        height: 100%;
        display: block;
    }
    #main .capacity .overlay {
        display: block;
        background: rgba(55, 142, 29, 0);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    #main .capacity:hover .overlay {
        background: rgba(55, 142, 29, 0.8);
    }
    #main .detailSmall{
        background-color: #fff;
		padding: 5px;
    }
    #main .detailSmall h4{
        font-size: 1.75em;
        padding: 10px 10px 0 10px;
		margin: 0;
    }
    #main .detailSmall p{
        font-size: 1.175em;
        padding: 10px;
        margin: 0;
    }
    #main .detailSmall {
        margin-top: 10px;
    }
    #main .detailBig{
        display: none;
		padding: 5px;
		text-align: center;
    }
	#main .detailBig h4{
		margin: 0;
	}
    #main .detailSmall.hide{
        display: none;
    }
     #main .detailBig.hide{
        display: none;
    }
    
    /* ------------------------------- */
    /* ----------- Footer ------------ */
    /* ------------------------------- */
    
    #footer {
        padding: 1.5em;
        background-color: #505050;
        text-align: center;
        color: white;
        font-size: 1.2em;
        line-height: 1;
        letter-spacing: 1px;
    }
    #footer h5 {
        display: block;
        margin: 0;
    }
    #footer a {
        text-decoration: none;
        color: white;
        -webkit-transition: color 150ms linear;
        transition: color 150ms linear;
    }
    #footer a:hover {
        color: rgba(55, 142, 29, 0.5);
        -webkit-transition: color 150ms linear;
        transition: color 150ms linear;
    }
    /* ------------------------------------------------------------------------------------------------------- */
    /* ------------------------------ Specific Options -------------------------------------------------------- */
    /* ------------------------------------------------------------------------------------------------------- */
    /* ----- index.html settings ------ */
    
    #main .box_contact_bg {
        background: rgba(39, 39, 39, 0.29) none repeat scroll 0 0;
        background-color: rgb(40, 40, 40, 0.7);
        background-image: url("../img/SCHOLTISSEK-ELTVILLE_73-overlay.jpg");
        background-position: center 0;
        background-size: auto 100%;
        background-attachment: fixed;
        background-repeat: no-repeat;
		margin-top: 30px;
    }
    #main .box_contact {
        display: block;
        min-height: 1px;
        width: 100%;
        position: relative;
        margin-top: 2.5em;
    }
    #main .box_contact img {
        display: block;
        width: 20%;
        height: auto;
        margin: 0 auto;
    }
    #main .box_contact_text {
        position: relative;
        display: block;
        min-height: 1px;
        width: 100%;
        height: 6em;
        margin-top: 1.8em;
    }
    #main .box_contact_text p {
        position: relative;
        display: block;
        line-height: 1;
        font-weight: bold;
        text-align: center;
        color: #000;
        text-transform: uppercase;
        font-size: 0.9em;
        letter-spacing: 2px;
    }
    #main .slogen {
        margin: 40px 0 0 0;
        color: #404040;
        font-size: 2em;
        text-align: center;
        text-transform: uppercase;
    }
	#main .slogen#slogen-leistungen {
		margin: 50px 0 50px 0;
	}
    #main a.slogen {
        display: block;
        color: #404040;
        font-size: 1.5em;
        text-align: center;
        text-decoration: none;
        -webkit-transition: color 250ms linear;
        transition: color 250ms linear;
        text-transform: none;
    }
    #main a.slogen:hover {
        color: #378e1d;
        -webkit-transition: color 250ms linear;
        transition: color 250ms linear;
    }
    /* ----  Background of the Boxes ---- */
    
    #main .box_picture_bg {
        background-color: #fff;
    }
    /* ----- profil.html Profil-Image ---- */
    
    #main .profil img {
        height: auto;
        width: 100%;
        margin: 20px 0 0 0;
    }
    #main .profil > h4{
        margin: 20px 0;
        padding: 0;
        font-size: 1.75em;
        font-weight: normal;
        color: #fff;
        letter-spacing: 2px;
    }
    #main .profil > p {
        margin: 20px 0;
        padding: 0;
        color: #000;
        font-size: 1em;
        letter-spacing: normal;
    }
    /*-------------------- CSS for JavaScript Plugins ----------------------- */
    /*
|--------------------------------------------------------------------------
| CSS for toggle List
|--------------------------------------------------------------------------
*/
    
    #main .liste {
        display: block;
        width: 90%;
        margin: 0 auto;
    }
    #main .liste h4 {
        margin: 0 auto 0.5em;
        padding: 0;
        color: #404040;
        font-size: 1.4em;
        text-align: center;
        text-transform: uppercase;
    }
    #main .liste h4:hover {
        color: #378E1D;
    }
	#main .liste.privatgaerten h4:hover{
        color: #404040;
    }
	#main .liste > h4.pfeil_button {
		margin-bottom: 40px;
	}
	#main .liste > h4 .pfeil {
		font-size: 30px;
	}
	#main .liste > h4 .pfeil:hover {
	}
    #main .liste ul {
        margin: 0 0 1em 0;
        padding: 0;
        list-style: none;
        list-style-type: square;
    }
    #main .liste li {
        margin: 0;
        padding: 0; 	
        color: #404040;
        font-size: 0.9em;
        text-align: left;
        text-transform: uppercase;
    }
    #main [id^="projektliste-"] {
        display: none;
    }
	#main [id^="inhalt-"] {
        display: none;
    }
	#main .liste p {
		margin: 0 0 1em 0;
        padding: 0;
        color: #404040;
        font-size: 0.9em;
        text-align: justify;
    }
	#main .unterueberschrift {
		font-size: 1.5em;
		text-align: center;
		text-transform: uppercase;
	}
	#main .auflistung {
		font-weight: bold;
		font-size: 0.8em;
		line-height: 1em;
		letter-spacing: 1px;
		text-transform: uppercase;
	}
	#main .verweis {
		font-size: 0.9em;
		font-style: italic;
	}
	#main .imprint {
		font-size: 0.8em;
	}
/* -------------------- anchor Link offset ------- */
a.anchor {
    display: block;
    position: relative;
    top: -80px;
    visibility: hidden;
}
}
/* Autor: Lou Scholtissek Date modify: 2017-11-19 Function: media Screen for medium and big Screen */
@media screen and (min-width: 760px){
/* ---------- Header ------- */
#nav {
	width: 700px;
	display: block;
	position: relative;
	margin: 0 auto;
	z-index: 500;
}
#header.normalfixed {
    position: fixed;
    top: 0;
}
#nav.fixed {
    position: relative;
    bottom: 0;
}
#nav > #title {
	position: relative;
	float: left;
	height: 80px;
	background: none;
}
#nav > #menu {
    float: right;
}
#nav > #menu .burger-nav {
	display: none;
} 
#nav > #menu ul {
}
#nav > #menu ul.disappeared {
	display: block;
}
#nav > #menu ul li {
	float: left;
	border: none;
	height: 80px;
	width: 95px;
}
#nav > #menu ul li:last-child {
	border: none;
}
#nav > #menu > ul > li > a{
    box-sizing: border-box;
    padding: 0;
    padding-top: 25px;
    font-size: 20px;
    text-align: center;
    height: 100%;
}
/* ---------- Main -------- */
#main.normalfixed {
     margin-top: 80px;
}
#main.fixed {
    z-index: 100;
    margin-top: 0;
}
#main .article {
	width: 700px;
	margin: 0 auto;	
}
#main .liste{
	width: 500px;
}
#main .box_chest {
	overflow: hidden;
	width: 100%;
}
#main .box_small {
	box-sizing: border-box;
	float: left;
	width: 50%;
	margin: 0;
	padding: 2em 1em 0 1em;
}
#main .box_contact {
	box-sizing: border-box;
	float: left;
	width: 50%;
	min-height: 1px;
}
#main .profil > h4, #main .profil > p {
	display: block;
	box-sizing: border-box;
	float: left;
	width: 70%;
	padding-left: 1em;
}
#main .profil > p{
    padding-left: 2em;
}
#main .profil img {
	display: block;
	float: left;
	margin: 1em 0 1em 0;
	height: auto;
	width: 30%;
}
#main .box_contact_bg {
	background-size: auto 1200px;
}
    #main .detailBig h4{
        font-size: 1.75em;
        padding: 10px 10px 0 10px;
    }
    #main .detailBig p{
        font-size: 1.175em;
        padding: 10px;
        margin: 0;
    }
    #main .detailSmall {
        display: none;
    }
    #main .detailBig{
        display: block;
    }
    #main .detailSmall.hide{
        display: none;
    }
     #main .detailBig.hide{
        display: none;
    }
/*--------- Slideshow -------- */
.cycle-slideshow {
	height: auto;
}
#custom-pager { 
	bottom: 30px;
	left: 30px;
}
} /*END OF MEDIA - DO NOT DELED */


/* Media for bigger Screen's */
@media screen and (min-width: 980px){
#nav {
	width: 900px;
}
.cycle-slideshow {
	height: 600px;
}
#main .article {
	width: 900px;
}
#main .one-third {
	width: 33.3%;
}
#main .liste{
	width: 600px;
}

} /*END OF MEDIA - DO NOT DELED */

/* Media for BIG Screen's */
@media screen and (min-width: 1280px){
#nav {
	width: 1200px;
}
.cycle-slideshow {
	height: 840px;
}
.cycle-slideshow img {
}
#main .article {
	width: 1200px;
}
#main .box_small {
	width: 25%;
}
#main .box_contact {
	width: 25%;
	height: 120%;
}
#main .contacts {
    width: 50%;
    margin-top: 4em;
}
#main .liste{
	width: 700px;
}
.cycle-slideshow img { 
	margin-top: 0px;
}
} /*END OF MEDIA - DO NOT DELED */

/* Media for BIGGG Screen's --> for slideshow img on index.html*/
@media screen and (min-width: 1400px){
.cycle-slideshow img { 
	margin-top: -100px;
}
#main .box_contact_bg {
	background-size: 100% auto;
}
} /*END OF MEDIA - DO NOT DELED */

/* Media for BIGGGGGG Screen's --> for slideshow img on index.html*/
@media screen and (min-width: 1600px){
.cycle-slideshow img { 
	margin-top: -224px;
}
} /*END OF MEDIA - DO NOT DELED */
@media screen and (min-width: 1800px){
.cycle-slideshow img { 
	margin-top: -224px;
}
} /*END OF MEDIA - DO NOT DELED */
/* touchTouch Gallery | MIT License | github.com/martinaglv/touchTouch Function: Gallery */
#galleryOverlay{width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;z-index:100000;background-color:#222;background-color:rgba(0,0,0,0.8);overflow:hidden;display:none;-moz-transition:opacity 1s ease;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}#galleryOverlay.visible{opacity:1}#gallerySlider{height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;-moz-transition:left .4s ease;-webkit-transition:left .4s ease;transition:left .4s ease}#gallerySlider .placeholder{background:url(../img/loader.svg) no-repeat center center;height:100%;line-height:1px;text-align:center;width:100%;display:inline-block}#gallerySlider .placeholder:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#gallerySlider .placeholder img{display:inline-block;max-height:85%;max-width:85%;vertical-align:middle}#gallerySlider.rightSpring{-moz-animation:rightSpring .3s;-webkit-animation:rightSpring .3s}#gallerySlider.leftSpring{-moz-animation:leftSpring .3s;-webkit-animation:leftSpring .3s}@-moz-keyframes rightSpring{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}@-moz-keyframes leftSpring{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}@-webkit-keyframes rightSpring{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}@-webkit-keyframes leftSpring{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}#prevArrow,#nextArrow{border:none;text-decoration:none;background:url(../img/arrows.png) no-repeat;opacity:1;cursor:pointer;position:absolute;width:43px;height:58px;top:50%;margin-top:-29px;-moz-transition:opacity .2s ease;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}#prevArrow:hover,#nextArrow:hover{opacity:1}#prevArrow{background-position:left top;left:40px}#nextArrow{background-position:right top;right:40px}
/* cycle2 Gallery | Copyright © 2012-2014 M. Alsup. | The Cycle2 plugin is dual licensed under the MIT and GPL licenses. | github.com/malsup/cycle2 */
.cycle-slideshow,.cycle-slideshow *{box-sizing:border-box}.cycle-slideshow{width:100%;min-width:200px;margin:0;padding:0;position:relative;background:url(../img/loader.svg) 50% 50% no-repeat;overflow:hidden}.cycle-slideshow img{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;padding:0;display:block}.cycle-slideshow img:first-child{position:static;z-index:100}#custom-pager{text-align:left;width:100%;z-index:500;position:absolute;left:20px;bottom:20px;overflow:hidden}#custom-pager span{font-size:80px;height:50px;display:inline-block;color:gray;cursor:pointer;-webkit-transition:color 150ms linear;transition:color 150ms linear}#custom-pager span.cycle-pager-active{color:#378e1d;-webkit-transition:color 150ms linear;transition:color 150ms linear}.cycle-pager > *{cursor:pointer}
#lcl_overlay {
 background-color: #fff !important;
 opacity: 1 !important;
}
#display-profil {
	padding: 0 0.8em;
}