/*--------------------------------------------------------------
Meyer Gartenbau
--------------------------------------------------------------*/
.acf-input .acf-taxonomy-field .categorychecklist-holder {
    max-height: 500px;
}

.wrapper {
	max-width: 980px;
    width: 90%;
	margin: 0 auto;
    font-family: 'Slabo 27px', serif;
	font-size: 1.5em;
}
.header-wrapper{
	max-width: 980px;
    width: 90%;
	margin: 0 auto;
    font-family: 'Slabo 27px', serif;
	font-size: 1.5em;
    width: 90%;
}
#frontpage_wrapper{
    max-width: 680px;
}
.clear {
	clear: both;
}

.site-header {
	padding: 25px 25px 25px 25px;
	background-color: #58595b;
}

.site-header nav{
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size: 1em;
}
.site-header h1{
	position: absolute;
	top: -300px;
}
.site-header h2{
	position: absolute;
	top: -300px;
}
/* logo ohne 50 Jahre Claim
#logo {
	height: 57px;
	background: url("img/logo/logo_de.png") no-repeat right center rgba(0, 0, 0, 0);
	background-size: contain;
	float: right;
}
*/
#logo_, #logo {
	height: 80px;
	background: url("img/logo/logo_de.svg") no-repeat right center rgba(0, 0, 0, 0);
	background-size: contain;
	float: right;
}
#logo_de {
	height: 80px;
	background: url("img/logo/logo_de.svg") no-repeat right center rgba(0, 0, 0, 0);
	background-size: contain;
	float: right;
}
#logo_en {
	height: 80px;
	background: url("img/logo/logo_en.svg") no-repeat right center rgba(0, 0, 0, 0);
	background-size: contain;
	float: right;
}

.navbar {
    background-color: transparent;
    background: transparent;
    border: 0px;
    padding: 0px;
    margin: 0px;
    margin-top: 30px;
}

#myNavbar{
    margin: 0 0 0 -5px;
    padding: 0;
}

.navbar li a{
    padding: 5px;
    margin: 0px;
}
#myNavbar a{
    color: #bbb;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
#myNavbar a:hover{
    color: #fff;
}

.navbar-collapse{
    padding: 0px;
}

.navbar-inverse .navbar-nav .active a{
    background-color: transparent;
    background: transparent;
}
.navbar-inverse .navbar-nav .active a:hover{
    background-color: transparent;
    background: transparent;
}
.navbar-inverse .navbar-nav .active a:focus{
    background-color: transparent;
    background: transparent;
}

.site-header a{
	text-decoration: none;
	color: white;
}


.navbar-toggle{
    margin: 0;
    padding: 15px 10px;
    float: none;
    width: 100%;
    text-align: center;
    border-radius: 0px;
    border: 0px;
    background-color: #333;
    box-shadow: none;
}

.navbar-toggle:hover{
    box-shadow: none;
}

.navbar-toggle:focus{
    box-shadow: none;
}

.navbar-toggle .icon-bar {
    align-self: center;
}

.navbar-header{
    margin: 0px auto;
    padding: 0px;
    border 0px;
}


@media (max-width: 1991px) {
    .navbar {
        margin-top: 10px;
    }
    .site-header {
        padding: 25px 0px 0px 0px;
    }
}

@media (max-width: 767px) {
    .header-wrapper{
        width: 100%;
    }
    .site-header {
        padding: 25px 0px 0px 0px;
		
    }
	
    /* logo ohne 50jahre claim
    #logo {
        height: 57px;
        background: url("img/logo/logo_de.png") no-repeat center center rgba(0, 0, 0, 0);
        background-size: contain;
        float:none;
    }
    */
    #logo {
        height: 80px;
        background: url("img/logo/logo_de.svg") no-repeat center center rgba(0, 0, 0, 0);
        background-size: contain;
        float:none;
    }
    
    #myNavbar{
        padding: 0 15px 0 15px;
    }
    
	.navbar li a{
	    padding: 5px;
	    margin: 10px;
	}
    
    .navbar-inverse .navbar-nav .active a{
        background-color: #333;
        background: #333;
    }
    .navbar-inverse .navbar-nav .active a:hover{
        background-color: #333;
        background: #333;
    }
    .navbar-inverse .navbar-nav .active a:focus{
        background-color: #333;
        background: #333;
    }
    
    .navbar-collapse{
        padding: 50px;
    }
}
.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 0px;
  -webkit-box-shadow: none;
 box-shadow: none;
}

#megalang_sel_list_horizontal{
    margin:-20px 0 0 0;
    background-color: transparent;
    background: transparent;
    font-size: 0.8em;
	font-family: 'Roboto', sans-serif;
    font-weight: 600;
	text-transform: uppercase;
	color:white;
	text-align: center;
	border: 0;
}
@media (max-width: 767px) {
    #megalang_sel_list_horizontal{
        margin:-25px 0 0 10px;
    }
}

#megalang_sel_list_horizontal ul{
    color: white;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
#megalang_sel_list_horizontal li{
    float:left;
    color: #bbb;
    padding: 0 5px 0 0 ;
    margin: 0;
}
#megalang_sel_list_horizontal a, #megalang_sel_list_horizontal a:visited{
    color: #bbb;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

#megalang_sel_list_horizontal .lang_code_1 a, #megalang_sel_list_horizontal .lang_code_1 a:visited{
    color: #fff;
}

#megalang_sel_list_horizontal a:hover{
    color: #fff;
}

.content_centered{
    text-align: center;
}

.content_image{
	margin-top: 16px;
}

.month_img{
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center; 
	background-size: cover;
}







.month_01{
	background-image: url('img/months/month01.jpg');
}
.month_02{
	background-image: url('img/months/month02.jpg');
}
.month_03{
	background-image: url('img/months/month03.jpg');
}
.month_04{
	background-image: url('img/months/month04.jpg');
}
.month_05{
	background-image: url('img/months/month05.jpg');
}
.month_06{
	background-image: url('img/months/month06.jpg');
}
.month_07{
	background-image: url('img/months/month07.jpg');
}
.month_08{
	background-image: url('img/months/month08.jpg');
}
.month_09{
	background-image: url('img/months/month09.jpg');
}
.month_10{
	background-image: url('img/months/month10.jpg');
}
.month_11{
	background-image: url('img/months/month11.jpg');
}
.month_12{
	background-image: url('img/months/month12.jpg');
}
/* tablet */
@media all and (max-width: 1024px) {
    .month_01{
	background-image: url('img/months/month01.jpg');
}
.month_02{
	background-image: url('img/months/month02.jpg');
}
.month_03{
	background-image: url('img/months/month03.jpg');
}
.month_04{
	background-image: url('img/months/month04.jpg');
}
.month_05{
	background-image: url('img/months/month05.jpg');
}
.month_06{
	background-image: url('img/months/month06.jpg');
}
.month_07{
	background-image: url('img/months/month07.jpg');
}
.month_08{
	background-image: url('img/months/month08.jpg');
}
.month_09{
	background-image: url('img/months/month09.jpg');
}
.month_10{
	background-image: url('img/months/month10.jpg');
}
.month_11{
	background-image: url('img/months/month11.jpg');
}
.month_12{
	background-image: url('img/months/month12.jpg');
}
}

/* mobile phone */
@media all and (max-width: 768px) {
    .month_01{
	background-image: url('img/months_mobile/month01.jpg');
}
.month_02{
	background-image: url('img/months_mobile/month02.jpg');
}
.month_03{
	background-image: url('img/months_mobile/month03.jpg');
}
.month_04{
	background-image: url('img/months_mobile/month04.jpg');
}
.month_05{
	background-image: url('img/months_mobile/month05.jpg');
}
.month_06{
	background-image: url('img/months_mobile/month06.jpg');
}
.month_07{
	background-image: url('img/months_mobile/month07.jpg');
}
.month_08{
	background-image: url('img/months_mobile/month08.jpg');
}
.month_09{
	background-image: url('img/months_mobile/month09.jpg');
}
.month_10{
	background-image: url('img/months_mobile/month10.jpg');
}
.month_11{
	background-image: url('img/months_mobile/month11.jpg');
}
.month_12{
	background-image: url('img/months_mobile/month12.jpg');
}
}






/*--------------------------------------------------------------
Icons front page
--------------------------------------------------------------*/
.main_menu_gartenpflege{
    float:left;
}
.main_menu_gartengestaltung{
    float:right;
}

.front_icons{
    margin: 70px 0 100px 0;
}

.icn_container{
    width: 100%;
    height:125px;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 15px;
}

/*
.icn_container:hover{
    -webkit-filter: drop-shadow(2px 6px 6px rgba(0,0,0,0.9));
    filter: url(#drop-shadow);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=4, Color='#000')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=4, Color='#000')";
}
*/

#icn_menu_gartenpflege{
    background-image: url(img/icons/icn_frontpage.png);
    background-position: center -250px;
}
#icn_menu_gartenpflege:hover{
    background-image: url(img/icons/icn_frontpage.png);
    background-position: center -375px;
}

#icn_menu_gartengestaltung{
    background-image: url(img/icons/icn_frontpage.png);
    background-position: center 0px;
}
#icn_menu_gartengestaltung:hover{
    background-image: url(img/icons/icn_frontpage.png);
    background-position: center -125px;
}

@media (max-width: 768px) {
    .main_menu_gartenpflege{
        width:100%;
        text-align: center;
    }
    .main_menu_gartengestaltung{
        width:100%;
        text-align: center;
    }
    
    .icn_container{
        height:75px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 75px 300px;
    }
    
	#icn_menu_gartenpflege{
	    background-position: center -150px;
	}
	#icn_menu_gartenpflege:hover{
	    background-position: center -225px;
	}
	
	#icn_menu_gartengestaltung{
	    background-position: center 0px;
	}
	#icn_menu_gartengestaltung:hover{
	    background-position: center -75px;
	}

    .front_icons{
        margin: 0px 0 10px 0;
    }
}


/*--------------------------------------------------------------
Buttons
--------------------------------------------------------------*/
.btn_green{
    border-radius: 6px;
    background: rgb(112,179,44);
    padding: 7px 25px;
	font-size: 0.9em;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	color:white;
	text-align: center;
	border: 0;
	cursor: pointer;
	-webkit-box-shadow: 0 0px rgba(0,0,0,0);
	box-shadow: 0 0px rgba(0,0,0,0);
	user-select: none;
	-webkit-transition: 0.3s;
   	transition: 0.3s;
}
.btn_green:link{
    color: white;
}
.btn_green:hover{
    color: white;
    text-decoration: none;
	-webkit-box-shadow: 1px 3px 6px rgba(0,0,0,0.7);
	box-shadow: 1px 3px 6px rgba(0,0,0,0.7);
    background: rgb(132,199,64);
}
.btn_green:visited{
    color: white;
}

.scr_btn_ref{
    margin: 40px 0 0 0;
}
.glyphicon{
    font-size: 0.8em;  
    margin: 5px;
}


/*--------------------------------------------------------------
Content box
--------------------------------------------------------------*/
.megabox{
    border-radius: 6px;
    background: rgba(255,255,255,0.85);
    padding-bottom: 20px;
    margin-bottom: 35px
}
.megabox_content{
    margin-top: 30px;
}



.megabox_content h1{
    color: #555;
    font-size: 2em;
    margin: 30px 0 20px 0;
}
.megabox_content h3{
    color: #555;
    font-size: 1.2em;
    margin: 16px 0 0 0 ;
}
.megabox_content p{
    color: #333;
    margin: 10px 0 10px 0;
}
.content_keyvisual{
    border-radius: 6px;   
    overflow: hidden;
}
@media (min-width: 767px) {
    .content_column_left{
        float: left;
        width: 48%;
    }
    .content_column_right{
        float: right;
        width: 48%;
    }
}

.edit-link{
	font-family: 'Roboto', sans-serif;
	text-transform: lowercase;
    font-weight: 700;
	font-size: 0.8em;
}
.gardentip p{
    margin:0;
}


.team_image{
    width: 150px;
    height: 150px;
    border: 5px solid;
    border-color: rgb(112,179,44);
    overflow: hidden;
    border-radius: 75px;
    margin: 30px auto 10px auto;
}
.icon_col_left{
    width: 150px;
    height: 150px;
    margin: 85px auto 10px auto;
}
.team-thumbs h3{
	font-size: 1em;
	margin: 10px 0 0 0;
}
.team-thumbs p{
	margin: 0;
}





.ref-box{
    margin: 0 -7px;
}
.thumb_referenz{
    padding: 7px 7px;
    cursor: pointer;
}
.ref_text_container{
    margin: 7px;
    width: calc(100% - 14px);
    height: calc(100% - 14px);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    overflow:hidden;
    color: black;
}
.reference_container{
    margin: 0 -15px;
}
.reference{
    margin-top: 30px;
}
.touch .ref_text_container{
    padding: 61.8% 0 0 0;
}
.no-touch .ref_text_container{
    padding: 100% 0 0 0;
}
.ref_text_container_page{
    padding: 61% 0 0 0;
}
.ref_text_container:hover{
    padding: 0 0 0 0;
}
.ref_text_slider{
    width:100%; 
    height:100%;
    position:absolute;
}
.ref_text{
    position:absolute;
    bottom: 0;
    width:100%; 
    padding: 2px;
    width: 100%;
    background: rgba(255,255,255,0.85);
}
.ref_text_container_page{
    margin: 0 14px;
    width: calc(100% - 28px);
    height: calc(100%);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    overflow:hidden;
    color: black;
}




.fileicon{
	padding: 5px 0 5px 30px;
	background:url("img/icons/icon_default.svg") no-repeat scroll left top transparent; float:left; display:block;background-size: contain;
}
.icon_txt {    background:url("img/icons/icon_text.svg") no-repeat scroll left top transparent; float:left; display:block;background-size: contain;}
.icon_pdf {    background:url("img/icons/icon_pdf.svg") no-repeat scroll left top transparent; float:left; display:block;background-size: contain;}
.icon_jpg {    background:url("img/icons/icon_img.svg") no-repeat scroll left top transparent; float:left; display:block;background-size: contain;}
.icon_xls, .icon_xls,  .icon_xlsx,  .icon_xlt, .icon_xltx {    background:url("img/icons/icon_xls.svg") no-repeat scroll left top transparent; float:left; display:block;background-size: contain;}
.icon_doc, .icon_docx , .icon_dot, .icon_dotx {    background:url("img/icons/icon_word.svg") no-repeat scroll left top transparent; float:left; display:block;background-size: contain;}
.icon_pptx,    .icon_ppsx {    background:url("img/icons/icon_ppt.svg") no-repeat scroll left top transparent; float:left; display:block;background-size: contain;}            
.icon_odt {    background:url("img/icons/icon_ppt.svg") no-repeat scroll left top transparent; float:left; display:block;background-size: contain;}









.gallery ul{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.gallery li{
    display: inline;
	padding-bottom: 30px;
	
}
.gallery_img{
    margin: 0px 0;
}
.entry-content .gallery{
	padding: 15px 0 0 0;
}
.monthly .gallery{
	padding: 15px 0 0 0;
	margin: 0 -15px 0 -15px;
	width: calc( 100% + 30px );
}
.contact-box{
	margin-bottom: 40px;
}
.contact-box p{
	margin: 0px;
	padding: 0px;
	font-weight: 500;
}
.contact-box a{
	color: rgb(112,179,44);
}






.entry-content .attachment p {margin-bottom:0;}
.video {
box-sizing:border-box;
float: left;
}

.video-container-helper {
	position: relative;
	padding-bottom: 56.25%;
	
	height: 0;
	overflow: hidden;
}

.video-container-helper iframe,  
.video-container-helper object,  
.video-container-helper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

video {
    max-width: 100%;
    height: auto;
}


/*--------------------------------------------------------------
footer
--------------------------------------------------------------*/
.site-footer {
	padding: 25px;
	background-color: #58595b;
	font-family: 'Slabo 27px', serif;
	text-align: center;
	font-size: 1.7em;
	text-transform: uppercase;
}
.site-footer .topline {
	margin: 0 0 5px 0;
	color: white;
}
.site-footer .topline a{
	color: white;
}
.site-footer .bottomline {
	margin: 0 0 5px 0;
	color: rgb(112,179,44);
}
.site-footer .bottomline a{
	text-decoration: none;
	color: rgb(112,179,44);
}
.site-footer .bottomline a:hover{
	text-decoration: underline;
}




@media (min-width: 992px) {
	#side_column_images{
		margin: 90px auto 10px auto;
		
	}
}


#side_column_images .thumb_referenz {
	padding: 0px;
	margin: 0px;
}

#side_column_images .ref_text_container{
    margin: 17px;
    width: calc(100% - 34px);
    height: calc(100% - 17px);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    overflow:hidden;
    color: black;
}


#side_column_images .thumb_referenz{
     padding: 0px 17px 0px 17px;
	 margin-bottom: 37px;
}

#side_column_images ul{
	margin: 0px -17px 0px -17px;	
}
.quote-block blockquote {
	margin: 0;
}
.quote-block blockquote p {
	padding-left: 20px;
	position: relative;
}
.quote-block blockquote p:before {
	content: '«';
	color: rgb(112,179,44);
	font-size: 2em;
	line-height: 1;
	width: 20px;
	margin-left: -20px;
	top: -8px;
	position: absolute;
}

.quote-block blockquote p:after {
	content: '»';
	color: rgb(112,179,44);
	font-size: 2em;
	display: inline-block;
	line-height: 17.5px;
	vertical-align: baseline;
	position: relative;
	top: 2px;
	margin-left: 2px;
}
.quote-block blockquote cite {
	margin-left: 20px;
}