/*
Theme Name: Rosenfinger aus 20 15 v1.9 - mobil First
Author: sauerdesign and the WPteam
Author 2 URI: https://wordpress.org/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentyfifteen
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*Farben:
#4B9524 hellgrün
#234C11 dunkelgrün*/

#top  { height: 40px;
	background: #4B9524;
	background: rgba(0, 0, 0, 0) -moz-linear-gradient(#4B9524 0px, #234C11 40px, #ffffff 40px) no-repeat; /* For Firefox (3.6 to 15) */
	background: rgba(0, 0, 0, 0) -ms-linear-gradient(#4B9524 0px, #234C11 40px, #ffffff 40px) no-repeat; /* MS */
background: rgba(0, 0, 0, 0) -webkit-linear-gradient(#4B9524 0px, #234C11 40px, #ffffff 40px) no-repeat; /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
background: rgba(0, 0, 0, 0) -o-linear-gradient(#4B9524 0px, #234C11 40px, #ffffff 40px) no-repeat; /* For old Opera (11.1 to 12.0) */
background: rgba(0, 0, 0, 0) linear-gradient(#4B9524 0px, #234C11 40px, #ffffff 40px) no-repeat; /* Standard syntax; must be last */
}


body, .entry-footer {background: #ffffff;}

body, p {
 font-family: "Arial", sans-serif;
 font-size: 19px;
 font-size: 1.25em;
 hyphens: none; }
 
.custom-logo {width: 100%; max-height: 100%;}

.hentry, .page-header, .page-content {box-shadow: 0 0 0 0; padding-top: 1.3%;}

.hentry {background: none;}

.site-title a {font-family: "Arial", sans-serif; font-weight: normal; font-size: 30px; font-size: 2rem; color: #ffffff !important;}
.site-description {font-family: "Arial", sans-serif; display: inline; color: #ffffff !important; opacity: 1; font-size: 22px; font-size: 1.5rem; }

#site-navigation .menu-hauptnavigation-container a {color: #86BB29; font-size: 1.1em;}
#site-navigation .menu-hauptnavigation-container a:hover {color: #86BB29;}
#secondary .menu-hauptnavigation-container ul, #secondary .menu-hauptnavigation-container li {border-color: #86BB29;}

.secondary {background-color: #234C11;}

.dropdown-toggle::after {color: #86bb29; }

.secondary-toggle {top: 90%; border-color: rgba(134, 187, 41, 1);}
.secondary-toggle {border-color: #86bb29 !important; }

/**Fonts*/

.entry-content h1, .entry-content h2, .entry-content h3 {font-family: "Arial" ,sans-serif;  font-weight: normal;
color: #4B9524;
 font-size: 22px;
 font-size: 1.6em;
/* line-height: 1em;  */
 margin-top:  1em;
 margin-bottom: 1em; }

.entry-content h2   {font-size: 18px; font-size: 1.23em; line-height: 1.5em; color: #666666; }
.entry-content h1, .entry-content h3   {font-size: 19px; font-size: 1.25em; color: #333333; font-weight: normal;}

/* Stellenangebot*/
.entry-content h4.job {font-family: "Arial" ,sans-serif;  font-weight: light;
color: #4B9524;
font-size: 20px;
font-size: 1.5em;
/* line-height: 1em;  */
 margin-top:  1em;
 margin-bottom: 1em;
font-stretch: 80% !important; }

li#menu-item-832.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-832 a {color: white !important; font-variant: small-caps !important;}

/*Stellen Ende */


.entry-content a  {color: #86BB29; text-decoration: none; font-weight: bold; border: 0;}
a:focus {	outline: 0;}

.entry-content li {color: #333; font-size: 1.25em; }

select { font-family: "Arial", sans-serif;
 font-size: 14px;
 font-size: 0.9em;
 hyphens: none; }

/**Widgets*/

.widget {hyphens: none; font-size: 1.25em; line-height:1.5em;}

/*.widget-footer-bottom {background: rgba(0, 0, 0, 0) -moz-linear-gradient( #234C11 0%, #4B9524 100%) no-repeat; display: flex; padding-top: 2em;}   */

.widget-footer-bottom {
background: #234C11;
	background: rgba(0, 0, 0, 0) -moz-linear-gradient(#234C11 0%, #4B9524 100%) no-repeat; /* For Firefox (3.6 to 15) */
	background: rgba(0, 0, 0, 0) -ms-linear-gradient(#234C11 0%, #4B9524 100%) no-repeat; /* MS */
background: rgba(0, 0, 0, 0) -webkit-linear-gradient(#234C11 0%, #4B9524 100%) no-repeat; /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
background: rgba(0, 0, 0, 0) -o-linear-gradient(#234C11 0%, #4B9524 100%) no-repeat; /* For old Opera (11.1 to 12.0) */
background: rgba(0, 0, 0, 0) linear-gradient(#234C11 0%, #4B9524 100%) no-repeat; /* Standard syntax; must be last */
display: flex; padding-top: 2em;
}

.widget-area-footer { width: 30%; margin-left: 3em;}
.widget-area-footer p, .textwidget custom-html-widget p {color: #ffffff; font-size: 1.2em; line-height:1.5em; }
.widget-area-footer a, .textwidget custom-html-widget a {color: #86BB29; text-decoration: underline; border-bottom: 0;}

/**Galerie**/

.gallery-columns-4 .gallery-item {max-width: 24%;}
.gallery-item  {box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
margin: 0.2em;}



#gallery-1.gallery.galleryid-107 {background-color: #234C11; }
#gallery-1.gallery.galleryid-107 figure.gallery-item {margin-bottom: 1em; box-shadow: 0 0 0; max-width: 49%; }

 /*#gallery-1 figure.gallery-item
*/


/*Forms*/

input[type="tel"], input[type="date"]
{padding: 0.375em; width: 100%;}

div.wpcf7 input[type="file"]
{font-size: 20px; font-size: 1.4rem;
 font-family: "Arial", sans-serif;}

/**
 * 12.1 Posts and pages
 */


/**
 * 16.0.1 Mobile Large 619px
 */
@media screen and (max-width: 38.7em) {
	
	#secondary .menu-hauptnavigation-container li {margin-bottom: 10px;}
	#site-navigation .menu-hauptnavigation-container a {font-size: 1.55em;}
	.entry-content h1, .entry-content h3 {font-size:1.4em;}
	p {font-size:1.4em;}
	
	.gallery-item {max-width: 47% !important;}
	
.widget-footer-bottom {display: block; }
.widget-area-footer {width: 93%; margin-left: 2.5em; padding-right:3em;}

.widget-area-footer p, .textwidget custom-html-widget p {font-size: 1em; line-height:1.5em; }

}

/**
 * 16.1 Mobile Large 620px
 */

@media screen and (min-width: 38.75em) {

.entry-header, .entry-content {
    padding-left:0; padding-right:0; }

.site-branding {text-align: center;}

.sidebar {background-color: #234C11;}

}

 @media screen and (max-width: 48.625em) and (orientation: portrait) {
.custom-logo { width: 70%; max-height: 70%;}
.site-title a {font-size: 2.3rem;}
.site-description {font-size: 2rem; }
 }
 
 /**
 *  760px bis 900px Potrait
 */
@media screen and (min-width: 47.5em) and (max-width: 56.25em) and (orientation: portrait) {
/*.widget-footer-bottom {display: block; }
.widget-area-footer {width: 100%; margin-left: 2.5em; padding-right:3em;}   */
	.site-header {padding: 2.6923% !important;}
.site-main { padding: 2.6923% 0;}

.custom-logo { width: 45%; max-height: 50%;}
.widget-area-footer p, .textwidget custom-html-widget p {font-size: 1em; line-height:1.5em; }
}

/** 968px (=60.5em) und kleiner **/

@media screen and (max-width: 60.5em) and (orientation: landscape)  {

	.site-header {padding: 2.6923% !important;}
	.site-main { padding: 2.6923% 0;}
	
.custom-logo { width: 45%; max-height: 50%;}
.site-title a {font-size: 2.5rem;}
.site-description {font-size: 2rem; }

.widget-footer-bottom {display: block; }
.widget-area-footer {width: 100%; margin-left: 2.5em;}

.widget-area-footer p, .textwidget custom-html-widget p {font-size: 1em; line-height:1.5em; }
}

/**
 * 16.4 Desktop Small 955px
 */

@media screen and (min-width: 59.6875em) {
   body:before { background-color: transparent !important;
		box-shadow: 0 0;
		display: block;
		position: absolute;	}

body {background: #ffffff;
background: rgba(0, 0, 0, 0) -moz-linear-gradient(90deg, #234C11 0, #234C11 29.4%, #ffffff 29.4%) no-repeat;/* For Firefox (3.6 to 15) */
	background: rgba(0, 0, 0, 0) -ms-linear-gradient(90deg, #234C11 0, #234C11 29.4%, #ffffff 29.4%) no-repeat; /* MS */
background: rgba(0, 0, 0, 0) -webkit-linear-gradient(90deg, #234C11 0, #234C11 29.4%, #ffffff 29.4%) no-repeat; /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
background: rgba(0, 0, 0, 0) -o-linear-gradient(90deg, #234C11 0, #234C11 29.4%, #ffffff 29.4%) no-repeat; /* For old Opera (11.1 to 12.0) */
background: rgba(0, 0, 0, 0) linear-gradient(90deg, #234C11 0, #234C11 29.4%, #ffffff 29.4%) no-repeat; /* Standard syntax; must be last */}

.site-header {margin-top: 4%; padding-left:8%; padding-right:8%; padding-bottom: 4%;}

/*.custom-logo {width: 120%; padding-top: 8%;} */

#main {padding-top: 3%; min-height: 850px;}

.sidebar {position: absolute !important; top: 40px;}

.widget {padding: 0 7%;}

.widget-area-footer p, .textwidget custom-html-widget p {color: #ffffff; font-size: 0.9em; line-height:1.35em; }
.widget-area-footer a, .textwidget custom-html-widget a {color: #86BB29; text-decoration: underline; border-bottom: 0;}

}

/**
 * 16.6 Desktop Large 1240px
 */

@media screen and (min-width: 77.5em) {

body {background: #ffffff;
background: rgba(0, 0, 0, 0) -moz-linear-gradient(90deg, #234C11 0, #234C11 32%, #ffffff 32%) no-repeat;/* For Firefox (3.6 to 15) */
background: rgba(0, 0, 0, 0) -ms-linear-gradient(90deg, #234C11 0, #234C11 32%, #ffffff 32%) no-repeat; /* MS */
background: rgba(0, 0, 0, 0) -webkit-linear-gradient(90deg, #234C11 0, #234C11 32%, #ffffff 32%) no-repeat; /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
background: rgba(0, 0, 0, 0) -o-linear-gradient(90deg, #234C11 0, #234C11 32%, #ffffff 32%) no-repeat; /* For old Opera (11.1 to 12.0) */
background: rgba(0, 0, 0, 0) linear-gradient(90deg, #234C11 0, #234C11 32%, #ffffff 32%) no-repeat; /* Standard syntax; must be last */}

 	.main-navigation {
		font-size: 16px;
		font-size: 1.4rem;
		margin-bottom: 10%;
	}

	.main-navigation a {
    font-family: "Arial", sans-serif;
	}

	.entry-title,
	.widecolumn h2 {
    color: #4B9524; font-size:2.1rem; font-weight: bold; font-family: "Arial", Helvetica, sans-serif;
	}

.entry-header h2.entry-title a { color: #00717e; }

.widget-area-footer { margin-left: 6%;}

.widget-footer-bottom {background: rgba(0, 0, 0, 0) -moz-linear-gradient(#234C11 0%, #4B9524 100%) no-repeat; display: flex;
padding-top: 2em;}

}

/*1600px*/

@media screen and (min-width: 100em) {
		
body {background: #ffffff;
background: rgba(0, 0, 0, 0) -moz-linear-gradient(90deg, #234C11 0, #234C11 36%, #ffffff 36%) no-repeat;/* For Firefox (3.6 to 15) */
background: rgba(0, 0, 0, 0) -ms-linear-gradient(90deg, #234C11 0, #234C11 36%, #ffffff 36%) no-repeat; /* MS */
background: rgba(0, 0, 0, 0) -webkit-linear-gradient(90deg, #234C11 0, #234C11 36%, #ffffff 36%) no-repeat; /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
background: rgba(0, 0, 0, 0) -o-linear-gradient(90deg, #234C11 0, #234C11 36%, #ffffff 36%) no-repeat; /* For old Opera (11.1 to 12.0) */
background: rgba(0, 0, 0, 0) linear-gradient(90deg, #234C11 0, #234C11 36%, #ffffff 36%) no-repeat; /* Standard syntax; must be last */}

.hentry, .page-header, .page-content { box-shadow: 0 0 0; border: 0;}

.widget-area-footer { margin-left: 18%;}

.widget-footer-bottom {background: rgba(0, 0, 0, 0) -moz-linear-gradient(#234C11 0%, #4B9524 100%) no-repeat; display: flex;
padding-top: 2em;}

}