/*-----------------------------------------------------------------------------------*/
/*	WEBSITE:  Sabine Piemeisl 
/*-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	Farben
/*-----------------------------------------------------------------------------------*/

/*

Grau: #6d7a86
Hellgrau: #939ca5
Dunkelgruen: #197153
Hellgruen: #75b63e

*/


/*-----------------------------------------------------------------------------------*/
/*	externe Schriften
/*-----------------------------------------------------------------------------------*/


@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400);


/* Reset
--------------------------------------------------------------------------------------- */

* {
padding: 0;
margin: 0;
border: 0;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
:hover, :focus, :active { outline: none; }

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

a:active, a:focus{outline: none; text-decoration:none;}



/* Globals 
--------------------------------------------------------------------------------------- */

html {

background-color:#ffffff;
color:#6d7a86;
font-family: 'Roboto Condensed', Arial, Tahoma, Helvetica, sans-serif;
font-weight:300;
font-size: 16px;
line-height:1.4em;
}

body {
font-family: 'Roboto Condensed', Arial, Tahoma, Helvetica, sans-serif;
font-weight:300;
color:#6d7a86;
font-size: 16px;
line-height:1.4em;
}

html>body {
font-size: 16px;
line-height:1.4em;
}


/* -- TYPO
------------------------------------------------------------- */




h1,h2,h3,h4,h5,h6{margin:0; font-weight: 300;}

h1 {font-size: 1em; 
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 0.02em; 
	text-transform:none;
	line-height: 1.2em; 
	color: #197153;
	margin: 0.2em 0; 
	font-weight: 300; }
	
	
	
h2 {font-size: 1em; 
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 0.02em; 
	text-transform:none;
	line-height: 1.2em; 
	color: #75b63e;
	margin: 0.2em 0; 
	font-weight: 300; }
	
h3 { 
	font-size: 2em; 
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 0.02em; 
	text-transform:uppercase;
	line-height: 1.2em; 
	color: #6d7a86;
	font-weight: 300; 
	}
	
.flexboxrot	h3 { 
	font-size: 2em; 
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 0.02em; 
	text-transform:uppercase;
	line-height: 1.2em; 
	color: #ffffff;
	font-weight: 300;
	margin-top:25px; 
	}

	
h4 { font-size: 1.0em; }
h5 { font-size: 1.0em; text-transform: uppercase; margin: 0; color: #555; }
h6 { font-size: 1em; margin-bottom: 2px; font-weight: 700; }

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#333; text-decoration: none;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#0078CF;text-decoration: underline;}

p
{
padding:5px 0 10px 0;
}

.txtleft
{
text-align:left;
}

.txtcenter
{
text-align:center;
}

.txtright
{
text-align:right;
}


.bgweiss
{
background-color:#ffffff;
}

.bghellgruen
{
background-color:#75b63e;
}

.bghellhellgruen
{
background-color:#d3e3c5;
}



.bghellgrau
{
background-color:#e8e8e8;	
}


.txtklein
{
font-size:0.85em;	
}

.txtversalien
{
text-transform:uppercase;	
}

.txthellgrau
{	
color: #8b949d;
}


.txtweiss
{
color:#ffffff;
}

.txthellgruen
{
color:#73b63c;
}

.txtgruen
{
color:#197153;
}




/* -- LINKS
------------------------------------------------------------- */

a {
text-decoration:none;
color:#73b63c;
/* transition: all 0.2s ease-out 0s; */
}

a:hover {
text-decoration:none;
color:#197153;	
}


/* -- MENU
------------------------------------------------------------- */


/* -- IMAGES
------------------------------------------------------------- */

img.pro100 {max-width:100%;}

img.pro80 {max-width:80%;}

img.pro20 {max-width:20%;}

img.headerbild {max-width:100%;height: auto; display: block}

img.iconsize { max-width: 100%;}


.fullimge{    /*  min-width: 100%; */  width: 100%; height: auto;}
	

/* Divs + Grids
--------------------------------------------------------------------------------------- */

body{width:100%; }

.containerfull {
	width: 100%; 
	margin-left: auto;
	margin-right: auto; 
	clear:both;
	}

	
.container {
	width:90%; 
	margin: 0.5em auto; 
	max-width: 800px;
	min-width: 300px; 
	/* background-color: #fbf4e5; */
	clear:both;
	}


.magnull
{
margin:0em auto;	
}
.fleft
{
float: left;
}

.fright
{
float: right;
}

.col-full {width: 100%; }
.col-one-five {width: 20%; }
.col-one-half {width: 50%; }
.col-one-third {width: 33.333%;}
.col-two-thirds {width: 66.666%; }
.col-one-quarter {width: 25%; }
.col-three-quarters {width: 75%; }
.col-sixpro {width: 60%; }
.col-fourpro {width: 40%; }
.col-fourfivepro {width: 45%; }


.col-txtcon {width: 95%; }
.col-mobile {display:none;}
.col-logosmall {display:none;}
.col-intro-menue {width: 100%; padding-top:35px; }
.col-menue {width: 80%; padding-bottom:10px; }
.col-logo {width: 18%; padding-bottom:10px; }

.box-info { margin: 1em; width:100%;}
.box-img {width: 25%;}
.box-txt {width: 70%; color:#ffffff;}
.txt-con {width:90%;}
.txt-conklein {width:80%;}
.txt-infoheader {padding-top:55px;}

.boxmobile {display:none;}
.boxnonmobile {display:block;}

.clr
{
clear:both;	
}

.spacer
{
clear:both;	
height:10px;
}

.spacerbig
{
clear:both;	
height:30px;
}

.spacerextrabig
{
clear:both;	
height:60px;
}

.spaceroben
{
clear:both;	
height:60px;
}

.spacermini
{
clear:both;	
height:4px;
}

.logolinie{
 border-bottom: 3px solid #6d7a86;
}

.headerlinie{
 border-bottom: 1px solid #6d7a86;
}

.zusatzlinie{
 border-left: 1px solid #c8cbce;
}


hr
{
 border: 0; /* Für Firefox und Opera */
 padding-bottom:7px;
 margin-bottom:7px;
 padding-top:1px;
 border-bottom: 1px solid #deded9;
 height: 1px;
}

/* -- Auflistungen
------------------------------------------------------------- */

ul
{
list-style:none;
margin:0 ;
padding:0 ;
}

li
{
padding-bottom:3px;
padding-top:3px;
}

.footernav ul
{
list-style:none;
margin:0 ;
padding:0 ;
}

.footernav ul li
{
padding: 0;
margin-top:5px;
margin-bottom:5px;
padding-bottom:5px;
border-bottom:solid 1px #6b6c6c;	
font-size:1.2em;
}


.footernav ul li.active 
{
        padding: 0;
		margin-top:5px;
		margin-bottom:5px;
		padding-bottom:5px;
		border-bottom:solid 1px #6b6c6c;	
		
}

.footernav ul li a:link,
.footernav ul li a:visited
{
        display:block;
        font-family: 'Roboto Condensed', Arial, Tahoma, Helvetica, sans-serif;
		font-weight:  300;
		color:#a2a2a2; /* gruen */
		text-decoration:none;
		text-transform:uppercase;
		font-size:1em;
		
}

.footernav ul li.active a:link,
.footernav1 ul li.active a:visited
{
        display:block;
        font-family: 'Roboto Condensed', Arial, Tahoma, Helvetica, sans-serif;
		font-weight: 300;
		color:#a2a2a2; /* rot */
		text-decoration:none;
		text-transform:uppercase;
		font-size:1em;
}

.footernav ul li a:hover,
.footernav ul li a:active,
.footernav ul li a:focus
{
        display:block;
        font-family: 'Roboto Condensed', Arial, Tahoma, Helvetica, sans-serif;
		font-weight: 300;
		color:#ca0031; /* rot */ 
		text-transform:uppercase;
		text-decoration:none;
		font-size:1em;
}

/* -------------------------------------------------------------
======	MEDIA QUERIES
------------------------------------------------------------- */

/* -- Media query fuer Banner
------------------------------------------------------------- */
@media only screen and (max-width: 1100px)
{
#contenttxt {display:none;}	
.mobiltitle {display:block;}
#contentbackground {min-height:50px;}
}



/* -- Media query 1 (mq1)
------------------------------------------------------------- */
@media only screen and (max-width: 60em) { /* 13 / 780 */
	.mq1-col-full {width: 100%; }
	.mq1-col-one-half {width: 50%; }
	.mq1-col-one-third {width: 33.333%; }
	.mq1-col-two-thirds {width: 66.666%; }
	.mq1-col-one-quarter {width: 25%; }
	.mq1-col-three-quarters {width: 75%; }
	.mq1-col-sixpro {width: 100%;  clear:both; }
	.mq1-col-fourpro {width: 100%;  clear:both; }
	
	.mq1-col-kontakt {width: 60%; }
	.mq1-col-pflanze {width: 40%; }
	.mq1-col-imgref {width: 100%; }
	
	.mq1-col-logo {width: 100%;  clear:both; }
	.mq1-col-menue {width: 100%;  clear:both; padding-top:0;}
	.mq1-col-intro-menue {width: 100%; }
	.mq1-col-logosmall {display:none;}
	.mq1-col-mobile {display:none;}
	.mq1-col-zwischenlinie {display:none;}
	/**/
	html>body { font-size: 1.0em;}
	h1{font-size: 1.8em;}
	.txtklein {font-size:1.0em;	}
	.slide figcaption{ width: 80%;}
	.containerfooter { font-size: 0.9em; }
	footer li { float: left; margin-right: 0.5em; padding-right: 0.5em; border-right: 1px solid #DDD;} 
	
	img.logosize {max-width:80%;}
	img.pflanzesize {max-width:90%;}
	
	.boxmobile {display:none;}
	.boxnonmobile {display:block;}
	
}
    
/* -- Media query 2 (mq2)
------------------------------------------------------------- */
@media only screen and (max-width: 48em) { /* 13 / 624 */
	.mq2-col-full {width: 100%;}
	.mq2-col-one-half {width: 50%; }
	.mq2-col-one-third { width: 33.333%; }
	.mq2-col-two-thirds {width: 66.666%; }
	.mq2-col-one-quarter {width: 25%; }
	.mq2-col-three-quarters {width: 75%; }
	.mq2-col-sixpro {width: 100%; clear:both; }
	.mq2-col-fourpro {width: 100%; clear:both; }
	
	.mq2-col-kontakt {width: 60%; }
	.mq2-col-pflanze {width: 40%; }
	.mq2-col-imgref {width: 100%; }
	
	.mq2-col-logo {display: none; }
	.mq2-col-intro-menue {width: 100%;  padding-top:0;}
	.mq2-col-menue {width: 100%;  clear:both;  background-color:#FFFFFF; color:#FFFFFF; /* background-image:url(../images/rechtecke.png); */ border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; padding-bottom:0;}	
	.mq2-col-mobile {display:block;}
	.mq2-col-logosmall {display:block; width: 100%; padding-bottom:0.2em; /* border-bottom: 4px solid #797a7c; */}
	.mq2-col-zwischenlinie {display:block; width: 100%; }
	.mq2-col-abstand {margin-bottom:1em;}
	
	/**/
	html>body { font-size: 1.25em;}
	.txtklein {font-size:0.9em;	}
	.containerfooter { font-size: 0.9em; }
	header nav { width: 100%; }
	header nav ul {  padding: 0 ; border-left:none; line-height: 2em; }
	header nav ul li { float: left;  padding: 0 1em ; border-left:1px solid #ddd; }
	.slider { margin-top: 3em; }
	.menuelinie{ border-bottom:none;}
	
	img.logosize {max-width:40%;}
	img.pflanzesize {max-width:90%;}
	
	.boxmobile {display:block;}
	.boxnonmobile {display:none;}
	
}
    
/* -- Media query 3 (mq3)
------------------------------------------------------------- */
@media only screen and (max-width: 30em) { /* 13 / 390 */
	.mq3-col-full { width: 100%; }
	.mq3-col-one-half { width: 50%; }
	.mq3-col-one-third { width: 33.333%; }
	.mq3-col-two-thirds { width: 66.666%; }
	.mq3-col-one-quarter { width: 25%; }
	.mq3-col-three-quarters { width: 75%; } 
	.mq3-col-sixpro {width: 100%; clear:both; }
	.mq3-col-fourpro {width: 100%; clear:both; }
	
	.mq3-col-kontakt {width: 60%; }
	.mq3-col-pflanze {width: 40%; }
	.mq3-col-imgref {width: 100%; }
	
	.mq3-col-logo {display: none; }
	.mq3-col-intro-menue {width: 100%; padding-top:0; }
	.mq3-col-menue {width: 100%;  clear:both;  background-color:#FFFFFF; color:#FFFFFF; /* background-image:url(../images/rechtecke.png); */ border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; padding-bottom:0;}	
	.mq3-col-mobile {display:block;}
	.mq3-col-logosmall {display:block; width: 100%; padding-bottom:0.2em;  /* border-bottom: 4px solid #797a7c; */}
	.mq3-col-zwischenlinie {display:block; width: 100%; }
	.mq3-col-abstand {margin-bottom:1em;}
	.mq3-txtabstand {margin:0.75em;}
	.mq3-none {display: none;}
	/**/
	html>body { font-size: 1.25em;}
	.txtklein {font-size:0.9em;	}
	.containerfooter { font-size: 0.9em; }
	header nav ul li { padding: 0 0.5em ; }
	footer li { float: none; margin-right: 0em; padding-right: 0em; border-right: none; line-height: 2em;}
	.services article {	margin-top: 3em;} .services article:first-of-type {	margin-top: 0;}	
	.menuelinie{ border-bottom:none;}
	
	img.logosize {max-width:40%;}
	img.pflanzesize {max-width:90%;}
	
	.boxmobile {display:block;}
	.boxnonmobile {display:none;}	
	
}



/* -- MENU --- */

@media (max-width: 979px) {
	
	.icemegamenu > ul > li {
    background: none repeat scroll 0 0 #f6f8de;
}
	
	.icemegamenu > ul > li a.iceMenuTitle {
		border-bottom: 1px solid #ccc !important;
	}
	
	.col-intro-menue {width: 100%; padding-top:0; }
	
	div.reftitel h2 {font-size:0.85em;}
	
}

/* -- MENU --- */

@media (max-width: 1200px) {
	
	
	.icemegamenu > ul > li a.iceMenuTitle {
    
    padding: 0 10px 0 0 ;
	
	}
}

/* -- PRINT STYLES 
------------------------------------------------------------- */
@media print{ 
	*{background:transparent !important; color:black !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important}
	abbr[title]:after{content:"("attr(title) ")"}
	pre, blockquote{page-break-inside:avoid}
	thead{display:table-header-group}
	tr, img{page-break-inside:avoid}
	img{max-width:100% !important}
	p, h2, h3{orphans:3; widows:3}
	h2, h3{page-break-after:avoid} 
}
 
 
 
/* -------------------------------------------------------------
======	END
------------------------------------------------------------- */