/*overflow issue on mobile*/
html {background-color: black;}
body {
	overflow-x: hidden;	
}
/*stop scrolling when mobile menu open*/
html.noScroll, body.noScroll {
	margin:0;
	min-height:100%;
	overflow:hidden;
}
body.posFixed {
	position: fixed;
}
/*make desktop menus invisible*/
#top, #topStatic {
	visibility: hidden;
}
/*make social media invisible*/
#socialMedia {
	visibility: hidden;
}
/*float logo right*/
#logoGruen {
	right:0;
	z-index: 160;
}
/*cover whole viewport with bgr-img*/
#landingBgr {
	width:100%;height:100%;
	left:0;top:0;
	background-image: url(../img/bgrLandingMobile.jpg);
}
#galerieBgr {
	width:100%;height:100%;
	left:0;top:0;
	background-image: url(../img/beispiele-gartenbau-mobile.jpg);
}
#landingGalerie .btnLLight,
#landingGalerie .btnLDark {
	bottom:50px;
}
#mobileMenuBar {
	position:fixed;
	top:0;
	z-index: 140;
	width:100%;
	height:40.39px;
	background-color: black;
}
#mobileMenuBarFixed {
	position:absolute;
	top:0;
	z-index: 150;
	width:100%;
	height:40.39px;
	background-color: black;
}
#mobileMenu {
	display: block;
}
.hamburgerMenu {
	position: relative;
	height:40px;
	width:50px;
	left:0;
	-webkit-transition: all .3s .2s ease-in-out;
	-moz-transition: all .3s .2s ease-in-out;
	transition: all .3s .2s ease-in-out;
}
.hamburgerMenu.menuOpen {
	left:calc(-40px + 50%);	
}
.topLeftBar, .centreBar, .bottomRightBar {
	position: relative;
	width:30px;height:3px;
	background-color: whitesmoke;
	left:10px;
}
.topLeftBar {	
	top:8px;	
	-webkit-transition: all .3s .2s ease-in-out;
	-moz-transition: all .3s .2s ease-in-out;
	transition: all .3s .2s ease-in-out;
}
.topLeftBar.rotate {
	-ms-transform: rotate(45deg) translate(3px, 13px); /* IE 9 */
    -webkit-transform: rotate(45deg) translate(3px, 13px); /* Safari */
    transform: rotate(45deg) translate(3px, 13px);	
}
.centreBar {
	top:14px;
	opacity: 1;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
}
.centreBar.zeroOpacity {
	opacity:0;
}
.bottomRightBar {
	top:20px;
	-webkit-transition: all .3s .2s ease-in-out;
	-moz-transition: all .3s .2s ease-in-out;
	transition: all .3s .2s ease-in-out;
}
.bottomRightBar.rotate {
	-ms-transform: rotate(-45deg) translate(0, -10px); /* IE 9 */
    -webkit-transform: rotate(-45deg) translate(0, -10px); /* Safari */
    transform: rotate(-45deg) translate(0, -10px);
}
#landingName h1 {
	left: 0;
	font-size: 15vw;		
}
#landingName h1.stretchFont {
	letter-spacing: .3em;
}
#landingName h3 {
	font-size: 10vw;
	left: 20%;
	letter-spacing: .3em;
}
#arrowDown {
	position: absolute;
	z-index:110;
	bottom:0;left:0;
	width:100%;height:40px;
	background:black;
}
#arrowDown img {
	position:relative;
	left:49%; bottom: -10px;
	width: 24px;height:18px;
	background: url(../img/arrowDownSprite32.svg) 0 0 no-repeat;	
}
#mobileMenu img {
	width:25px;
}
#mobileMenu ul li {
	margin-bottom: 3.3vh;
}
#mobileMenu li a {
	width:100%;
}
#mobileMenu {
	text-align: right;
	position: fixed;
	top:0;left:-50%;
	z-index:100;
	width:50%;
	height:100%;
	background-color:whitesmoke;
	-webkit-transition: all .4s .1s ease-in-out;
	-moz-transition: all .4s .1s ease-in-out;
	transition: all .4s .1s ease-in-out;
	box-sizing: border-box;
	padding:10px 20px 10px 10px;
	font-size: 4vw;
}
#mobileMenu.toggleMenu {
	left:0;
}
#darkenBgr {
	position: fixed;
	top:0;left:-100%;
	z-index:99;
	width:100%;
	height:100%;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	background-color:rgba(0,0,0,.7);
	
}
#darkenBgr.darkenBgr {
	left:0;
}
.imgBox, .imgFrame, #baumLogo, #gardeningTools, #titleDienstleistungen2 {
	display: none;
}
.txtBox {
	text-align: left;
	width:90%;
	padding-left:5%;
}
#ueberUns .txtBox{
	width:90%;
	padding-left:5%;
}
#ueberUns .strichLeft {	
	height:50px;
}
#gardeningAusschnitt, #toolsAusschnitt {
	display:block;
	width:100%;height:150px;
}
#gardeningAusschnitt {		
	background: url(../img/oak_tree_ausschnitt.jpg) white 0 0 no-repeat;
}
#toolsAusschnitt {
	background: url(../img/gardeningToolAusschnitt.jpg) white 0 0 no-repeat;
}
#dienstleistungen {
	padding:70px 0 30px 0;
}
#titleDienstleistungen {
	float: left;
	width:90%;
}
#titleDienstleistungen p, #titleDienstleistungen h3 {
	margin-left:0;
}
#faqs {
	padding-bottom: 70px;
}
#kontakt .strichLeft {
	height:50px;
}
#kontakt #innerWrapper{
	margin-left:2%;width:96%;
}
.fontSmall{
	font-size: 1em;
}
#anschrift {
	position: static;
	padding-left:4%;
	margin-top:45px;
	/*set rotation back to 0*/
	-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}
#impressum {
	background-color: black;
	color: white;
}