/*-----------------------------------------------------------------------------------*/
/*	WEBSITE: PETRA HASSELMEYER
/*-----------------------------------------------------------------------------------*/




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

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Athiti: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:#cde0e5;
/* color:#6c5d56; */
color:#4d3f38;
font-family: 'Lato', Tahoma, Verdana, Geneva, sans-serif;
font-weight:300;
font-size: 16px;
line-height:1.4em;
}

body {
font-family: 'Lato', Tahoma, Verdana, Geneva, sans-serif;
font-weight:300;
/* color:#6c5d56; */
color:#4d3f38;
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: 1.6em; 
	font-family:'Lato', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 0.02em; 
	line-height: 1.2em; 
	color: #756862; 
	/* color: #645852;*/
	margin: 0 0 0.2em; 
	font-weight: 400; 
	
	}
	
	
h2 { 
	font-size: 1.7em; 
	font-family:'Athiti', Arial, Helvetica, sans-serif;
	text-transform:none;
	letter-spacing: 0.02em; 
	line-height: 1.2em; 
	color: #468592;
	margin: 0 0 0.2em; 
	font-weight: 400; 
	padding-right:80px;
	padding-bottom:5px;
	background-image:url(../images/titel-signet.png);
	background-position:center right;
	background-repeat:no-repeat;
	}
	
	
h1.mobile-ansicht {font-size: 1.8em; 
	font-family:'Lato', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 0.02em; 
	line-height: 1.2em; 
	color: #ffffff;
	margin: 0 0 0.2em; 
	font-weight: 400; 
	}
	
	
h2.mobile-ansicht { 
	font-size: 2em; 
	font-family:'Athiti', Arial, Helvetica, sans-serif;
	text-transform:none;
	letter-spacing: 0.02em; 
	line-height: 1.2em; 
	color: #ffffff;
	margin: 0 0 0.2em; 
	font-weight: 400; 
	padding-right:80px;
	background-image:none;
	}	
	
h3 {font-size: 1.45em; 
	font-family:'Lato', Arial, Helvetica, sans-serif;
	text-transform:none;
	letter-spacing: 0.02em; 
	line-height: 1.2em; 
	color: #468592;
	margin: 0 0 0.2em; 
	font-weight: 400; 
	}
	
h3.trigger a {
    background-image: url("../images/mobile_menu_btn.png");
    background-position: 1px 2px;
    background-repeat: no-repeat;
    color: #ffffff;
    padding-bottom: 25px;
    padding-left: 45px;
    padding-top: 8px;
	text-decoration:none;
}

h3.trigger a:hover {
    color: #cfecf0;
	text-decoration:none;
}
	
	
h4 {font-size: 1em; 
	text-transform:none;
	letter-spacing: 0.02em; 
	line-height: 1.2em; 
	color: #468592;
	margin: 0.9em 0 0.5em 0; 
	font-weight: 400; 
	}
	
h5 { font-size: 1.0em; text-transform: uppercase; margin: 0; color: #000000; }
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
{
margin:0;
padding:0 0 10px 0;
}

.txt-aussage p
{
margin:0;
padding:0 0 5px 0;
}

p.zitat
{
margin:0;
padding:0 0 0 35px;
background-image:url(../images/zitat.jpg);
background-repeat:no-repeat;
background-position: 0 3px;
}

.txtleft
{
text-align:left;
}

.txtcenter
{
text-align:center;
}

.txtright
{
text-align:right;
}

.bggrau
{
background-color:#e5e4e3;
}

.bggraublau
{
background-color:#8da9b1;
}

.bghellblau
{
background-color:#e4f1f4;
}

.bgpetrol
{
background-color:#007788;
}

.bgbraun
{
background-color:#6c5d56;
}

.bgweiss
{
background-color:#ffffff;
}

.txtpetrol
{
color:#007788;
}

.txtdunkelbraun
{
color:#3c3323;
}

.txtweiss
{
color:#ffffff;
}



.txtklein
{
font-size:0.85em;	
}

.txtgross
{
font-size:1.15em;	
line-height:1.4em;
}

.txtvers
{text-transform:uppercase;}

.strong,
strong
{
font-weight:400;
}

.indiemitte {
	margin: 0.2em auto; 
	clear:both;
	}


/* --- Auflistung --- */

ul
{
list-style:none;
}

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

ul.txtliste
{
list-style:none;
margin: 0 0 15px 0;
padding: 0;
}

ul.txtliste li
{
padding-left:20px; 
padding-bottom:3px;
padding-top:3px;
background-image:url(../images/kreis.png);
background-repeat:no-repeat;
background-position:5px 12px;
}




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

a {
text-decoration:none;
color:#3b7e8e;	
}

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


main a {
text-decoration:none;
color:#3b7e8e;		
}

main a:hover {
text-decoration:none;
color:#6c5d56;	
}

a.lnkblanko {
padding-left:0;
padding-bottom:10px;
background-image:none;
text-decoration:none;
color:#6c5d56;		
}

a.lnkblanko:hover {
padding-left:0;
padding-bottom:10px;
background-image:none;
text-decoration:none;
color:#000000;	
}

a.lnkpfeil {
padding-left:22px;
padding-bottom:10px;
background-image:url(../images/pfeil-grau.png);
background-position: 0 6px;
background-repeat: no-repeat;
text-decoration:none;
color:#6c5d56;		
}

a.lnkpfeil:hover {
padding-left:22px;
padding-bottom:10px;
background-image:url(../images/pfeil-schwarz.png);
background-position: 0 6px;
background-repeat: no-repeat;
text-decoration:none;
color:#000000;		
}

a.lnkpfeilhellblau {
padding:15px 30px 15px 45px;
background-image:url(../images/pfeil.png);
background-position: 20px 20px;
background-repeat: no-repeat;
text-decoration:none;
color:#408391;
background-color:#eff7f8;	
transition: background-color 0.5s ease;	
font-weight:400;
}

a.lnkpfeilhellblau:hover {
padding:15px 30px 15px 45px;
background-image:url(../images/pfeil.png);
background-position: 20px 20px;
background-repeat: no-repeat;
text-decoration:none;
color:#408391;
background-color:#d3e7ea;	
font-weight:400;
}

a.lnkpfeilteaser {
padding-left:17px;
padding-bottom:10px;
background-image:url(../images/pfeil-hellblau.png);
background-position: 0 7px;
background-repeat: no-repeat;
text-decoration:none;
color:#9dcbd5;	
font-weight:400;	
}

a.lnkpfeilteaser:hover {
padding-left:17px;
padding-bottom:10px;
background-image:url(../images/pfeil-hellblau.png);
background-position: 0 7px;
background-repeat: no-repeat;
text-decoration:none;
color:#ffffff;	
font-weight:400;	
}

a.lnkbtn {
	background-color:#aca999;	
	border: medium none;
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
	text-decoration:none;
    margin-top: 5px;
    padding: 8px 15px;
    text-decoration: none;
	text-transform:uppercase;
    transition: all 0.2s ease-out 0s;
}

a.lnkbtn:hover {
	color:#ffffff;	
    background-color: #922e48;
}

.myPicLink,
a.pagenavlnk {
opacity:1;
filter:alpha(opacity=100);
}

.myPicLink:hover,
a.pagenavlnk:hover {
opacity:0.5;
filter:alpha(opacity=50);
}

div#iconcontentlinks a, div#iconcontentlinks  a:link, div#iconcontentlinks  a:visited, div#iconcontentlinks  a:active, div#iconcontentlinks  a:focus
{
opacity: 1;			
margin-right:5px;
}

div#iconcontentlinks a:hover
{
opacity: 0.4;
-webkit-transition: opacity 0.5s;
-moz-transition:    opacity 0.5s;
-o-transition:      opacity 0.5s;
-ms-transition: opacity 0.5s; 
transition: opacity 0.5s;
}

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


ul.mobilnavi
{
padding:25px 0 0 0;
margin:0;
display: block;
list-style:none;
}


 ul.mobilnavi li
{
padding: 0;	
text-decoration:none;
list-style: none;
display: block;	
border-bottom: 1px solid #b9e1e7;
padding: 5px 0 5px 0;
}

 ul.mobilnavi li:hover
{
 background-color:#126273; 
}

 ul.mobilnavi li a:link,
 ul.mobilnavi li a:visited
{
color:#d0eff3;
font-size: 1.0em;
line-height: 1.2em;
text-decoration:none;
}

 ul.mobilnavi li.current a:link,
 ul.mobilnavi li.current a:visited
{
color:#ffffff;
font-size:  1.0em;
line-height: 1.2em;
text-decoration:none;
font-weight:400;
}

 ul.mobilnavi li.current ul li a:link,
 ul.mobilnavi li.current ul li a:visited
{
color:#ffffff;
font-size:  1.0em;
line-height: 1.2em;
text-decoration:none;
font-weight:300;
padding-left: 0;
background-image:none;
}

 ul.mobilnavi li.current ul li.current a:link,
 ul.mobilnavi li.current ul li.current a:visited
{
color:#ffffff;
font-size:  1.0em;
line-height: 1.2em;
text-decoration:none;
font-weight:400;
padding-left: 0;
background-image:none;

}
 ul.mobilnavi li a:hover,
 ul.mobilnavi li a:active,
 ul.mobilnavi li a:focus
{
color:#ffffff;
font-size:  1.0em;
line-height: 1.2em;
text-decoration:none;
}

ul.mobilnavi li:first-child {
    background-image: none;
    padding-left: 0;
	border-top: 1px solid #b9e1e7;
}


 ul.mobilnavi ul
{
padding-top: 10px;
}

 ul.mobilnavi ul li
{
padding: 0;	
text-decoration:none;
list-style: none;
display: block;	
border-bottom: none;
background-color:#ffffff;
padding: 5px 0 5px 0;
}

 ul.mobilnavi ul li a:link,
 ul.mobilnavi ul li a:visited,
 ul.mobilnavi ul li a:hover,
 ul.mobilnavi ul li a:active,
 ul.mobilnavi ul li a:focus,
 ul.mobilnavi ul li.current a:link,
 ul.mobilnavi ul li.current a:visited
{
font-size: 0.9em;
}

 ul.mobilnavi ul li:hover
{
background-color:#ffffff;
}


ul.menufooter
{
padding:0;
margin:0;
display: block;
list-style:none;
background-image: url("../images/pfeil-weiss.png");
background-position: 7px 8px;
background-repeat: no-repeat;
padding-left: 30px;	
}


 ul.menufooter li
{
padding: 0;	
text-decoration:none;
list-style: none;
display: block;	
margin-bottom:5px;
}

 ul.menufooter li a:link,
 ul.menufooter li a:visited
{
color:#007788;
font-size: 0.75em;
line-height: 1.2em;
text-decoration:none;
text-transform:uppercase;
}

 ul.menufooter li.active a:link,
 ul.menufooter li.active a:visited
{
color:#007788;
font-size: 0.75em;
line-height: 1.2em;
text-decoration:none;
font-weight:400;
}

 ul.menufooter li a:hover,
 ul.menufooter li a:active,
 ul.menufooter li a:focus
{
color:#52aebb;
font-size: 0.75em;
line-height: 1.2em;
text-decoration:none;
}

ul.menufooter li:first-child {
    background-image: none;
    padding-left: 0;
}



@media screen and (-webkit-min-device-pixel-ratio:0) {
     /*  Safari-specific  */
	  ul.menufooter li
	{	
	background-position: 7px 3px;
	}
	
}

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

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

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

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

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

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

.txt-person img {
    border: 1px solid #eeeeeb;
    padding: 3px;
}


.fullimge {
    height: auto;
    width: 100%;
}

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

body{width:100%; }

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

.container {
	width: 90%; 
	margin: 0.5em auto; 
	max-width: 950px; 
	min-width: 300px; 
	/* background-color: #fbf4e5; */
	clear:both;
	height:auto;
	}
	
.containerbig {
	width: 90%; 
	margin: 0.5em auto; 
	max-width: 1140px; 
	min-width: 300px; 
	/* background-color: #fbf4e5; */
	clear:both;
	height:auto;
	}	
	
.containerbanner {
	width: 100%; 
	margin:  auto; 
	max-width: 1100px; 
	min-width: 300px; 
	/* background-color: #fbf4e5; */
	clear:both;
	height:auto;
	}	

.containerfooter {
	width: 90%; 
	margin: 1em auto; 
	max-width: 980px; 
	min-width: 300px; 
	/* background-color: #fbf4e5; */
	clear:both;
	color:#a2a4a5;
	font-size:12px;
	height:auto;
	}	

	
.containertrenner {
	clear:both;
	width: 100%; 
	min-height: 10px; 
	}	
	
.containerlinie {
	clear:both;
	width: 100%; 
	min-height: 1px; 
	background-color:#e5e3e2;
	}	


.footerlinie {
	clear:both;
	width: 100%; 
	min-height: 2px; 
	background-color:#007788;
	}	
	
.grid {
  float: left;
  padding-left: 3em; /* this is your gutter between columns */
  width: 100%;
 }


.mobiltitle
{
display:none;
text-align:left;
width:75%;
}

.magnull
{
margin:0em auto;	
}

.padsmall
{
padding:1em;	
}
 
.fleft
{
float: left;
}

.fright
{
float: right;
}

.fteltxt
{
float: right;
}

.posrelative
{
 position: relative;
 height:200px;	
}

.posabsolute
{
position: absolute;
bottom: 0;
left: 0;
}

.col-full {width: 100%; }
.col-one-five {width: 20%; }
.col-one-half {width: 50%; }
.col-one-third {width: 33%;}
.col-two-thirds {width: 66%; }
.col-one-quarter {width: 25%; }
.col-three-quarters {width: 75%; }
.col-sixpro {width: 60%; }
.col-fourpro {width: 40%; }
.col-fourfivepro {width: 45%; }
.col-eightpro {width: 80%; }
.col-ninetypro {width: 90%; }

.col-kontakt {width: 60%; }
.col-pflanze {width: 40%; }
.col-imgref {width: 85%; margin-bottom: 2em; }
.col-zwischenlinie {display:none; }

.col-txtleft {width: 45%; }
.col-txtright {width: 54%; border-left:2px solid #e3e0dd;}
.col-txtright-ohne-linie {width: 55%;}
.col-txtrightfooter {width: 55%}

.col-txtcon {width: 95%; }
.col-txtcon2 {width: 85%; }
.col-mobile {display:none;}
.col-logosmall {display:none;}
.col-intro-menue {width: 100%; padding-top:35px; }
.col-menue {width: 50%; }
.col-logo {width: 50%;margin-bottom:30px;}
.col-logo-einrueckung { padding-left:20px;}

.box-info { margin: 1em; width:100%;}
.box-personen { margin: 1em; width:85%; background-color:#ffffff; box-shadow:8px 8px 20px #e3e3e3; padding:15px;}
.box-referenzen { margin: 1em; width:85%; background-color:#ffffff; box-shadow:8px 8px 20px #e3e3e3; padding:15px;}
.txt-person {width:40%;}
.txt-aussage {width:50%;}
.box-img {width: 25%;}
.quickbox-img {width: 25%;}
.box-imgmobil {width: 20%;display:none;}
.box-txt {width: 70%; color:#ffffff;}
.txt-con {width:90%;}
.box-hinweis {padding:10px 20px 10px 60px; background-image:url("../images/icon-hinweis.png"); background-position:10px 15px; background-repeat:no-repeat;}
.box-verweis {padding:10px 20px 10px 60px; background-image:url("../images/icon-verweise.png"); background-position:10px 15px; background-repeat:no-repeat;}
.box-hinweis-notfall {padding:10px 20px 10px 60px; background-image:url("../images/icon-hinweis-notfall.png"); background-position:10px 15px; background-repeat:no-repeat;}
.mob-background {background-image:url("../images/signetweiss.png"); background-position:top right; background-repeat:no-repeat;}
.mob-background2 {background-image:url("../images/signetweiss2.png"); background-position:bottom right; background-repeat:no-repeat;}

div.abstandleft {padding-left:100px;max-width:500px;}
div.abstandpersonen {padding-left:100px;}
.artikelbildintro {margin-bottom:20px;}
.refbild {margin:19px;}

/*--- Bildanimation --- */

.amensic-box {
    clear: both;
    margin: 0 auto;
    max-width: 1150px;
    position: relative;
}


#contenttxt {
    background-image: url("../images/bg-hpttitel.png");
    background-position: left top;
    background-repeat: repeat;
    bottom: 45px;
    clear: both;
    padding: 0;
    position: absolute;
    left: 0;
    text-align: left;
    width:auto;
    z-index: 5000;
	border-left:6px solid #8ea9b1;
}

#contenttxtinnerbox {
    padding: 20px 30px 15px 90px;
}


/*--- Kaesten --- */

#referenzbgimage
{
clear:both;
width:99.9%;
min-height:345px;
background-image:url(../images/hintergrund-kaesten.jpg);
background-size: cover;
border-top-left-radius: 40px;
border-bottom-right-radius: 40px;
overflow:hidden;
}

.col-refbox
{
    width: 50%; 
	float:left;
}

.project-teaser-zusatz
{
position:absolute;
bottom:0;
left:0;
padding:25px 10px 25px 20px;
color:#ffffff;
opacity:0;   
}

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

.txt-con-projekt {border:2px solid #ffffff;}

.no-bo-left  {border-left:none;}
.no-bo-right  {border-right:none;}

.txt-con-kunden {border:1px solid #C0C0C0;}

.project-teaser-zusatz p {padding:0; margin:0;}

/*--- Ende Bildanimation --- */

.punktlinie
{
border-right:1px dotted #bbbbbb;	
}

.clr
{
clear:both;	
}

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

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

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

.menuelinie{
 border-bottom: 5px solid #797a7c;
 margin-bottom:20px;
}

/*  LIENIEN   */

hr
{
 border: 0; /* Für Firefox und Opera */
 margin:0;
 padding:0;
 padding-top:25px;
 padding-bottom:1px;
 border-bottom: 1px solid #deddd6;
 height: 1px;
 width:100%;
 text-align:left;
 margin-bottom:25px;
}

hr.hrlong
{
 border: 0; /* Für Firefox und Opera */
 margin:0;
 padding:0;
 margin-top:10px;
 margin-bottom:10px;
 border-bottom: 1px solid #deddd6;
 height: 1px;
 width:100%;
 text-align:left;
}


hr.hrintros
{
 border: 0; /* Für Firefox und Opera */
 margin:0;
 padding:0;
 padding-top:10px;
 padding-bottom:0;
 margin-bottom:10px;
 border-bottom: 1px solid #deddd6;
 height: 1px;
 width:100%;
 text-align:center;
}

hr.hrpersonen
{
 border: 0; /* Für Firefox und Opera */
 margin:0;
 padding:0;
 padding-top:10px;
 padding-bottom:0;
 margin-bottom:10px;
 border-bottom: 1px solid #deddd6;
 height: 1px;
 width:30%;
 text-align:center;
}

hr.hraussage
{
 border: 0; /* Für Firefox und Opera */
 margin:0;
 padding:0;
 padding-top:5px;
 padding-bottom:0;
 margin-bottom:5px;
 border-bottom: 1px solid #deddd6;
 height: 1px;
 width:50%;
 text-align:center;
}




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

/* -- Media query fuer Banner
------------------------------------------------------------- */
@media (max-width: 1200px) {
	

	.punktlinie {border-right:none;}
	 p.zitat {font-size:0.8em; }
	 .col-txtcon-mobil {width: 75%; }
}


@media only screen and (max-width: 1100px)
{
 hr.titlehr {display:block; }
#contentbackground {min-height:50px;}
h1 {font-size:1.1em}
.refbild {margin:10px;}
}



/* -- 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-zwischenlinie {display:none;}
	/**/
	html>body { font-size: 1.0em;}
	h1{font-size: 1.2em;}
	h2{font-size: 1.0em;}
	div.bgorange h3, div.bgdunkelblau h3{font-size: 1.4em;}
	.txtklein {font-size:1.0em;	}
	.slide figcaption{ width: 80%;}
	.containerfooter { font-size: 0.9em; }
	/* .col-txtcon2 {width:100%; } */
	.col-txtcon-mobil {width: 95%; }
	
	/* footer li { float: left; margin-right: 0.5em; padding-right: 0.5em; border-right: 1px solid #DDD;}  */
	
	img.logosize {max-width:100%;}
	img.pflanzesize {max-width:90%;}
	.col-menue {padding-top: 5px;}
	div.abstandleft, div.abstandpersonen {padding-left:0;max-width:100%;}
	.box-personen, .box-referenzen { box-shadow:none;}

	
	div.res {
	padding-left: 20px;
    padding-right: 20px;	
	}
	
	.col-nonmobile {display:none;}
	.col-mobile {display:block;}
	#contenttxt {display:none;}	
	.mobiltitle {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:#bggelb; color:#FFFFFF; /* background-image:url(../images/rechtecke.png); */ border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; padding-bottom:0;}	
	.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:0.25em;}
	.mq2-col-txtcon2 {width: 100%;}
	
	/**/
	html>body { font-size: 1.25em;}
	h1, h2{font-size: 1.2em;}
	.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;}
	.col-menue {padding-top: 5px;}
	.col-eightpro {width: 100%;}
	.box-img {display: none;}
	.box-imgmobil {width: 20%;display:block;}
	 hr.titlehr {display:block; }
	 div.bgorange h3 { padding-top:25px;}
	.fteltxt {float: left;}
	.leisteweissteltxt {border-left:none;}
	.box-info { margin: 0.8em; padding-bottom:40px;}
	.col-txtright {border-left:none; border-top:2px solid #e3e0dd; padding-top:40px; margin-top:2px;}
	
	img.logosize {max-width:100%;}
	img.pflanzesize {max-width:90%;}
	
	h1.mobile-ansicht {font-size: 1.4em;}
	h2.mobile-ansicht {font-size: 1.4em;}
	
	.col-nonmobile-boxen {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:#bggelb; color:#FFFFFF; /* background-image:url(../images/rechtecke.png); */ border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; padding-bottom:0;}	
	.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:0.25em;}
	.mq3-none {display: none;}
	.mq3-col-txtcon2 {width: 100%;}
	/**/
	html>body { font-size: 1.0em;}
	
	h1, h2, h3  { font-size: 1.0em;}
	h1.mobile-ansicht {font-size: 1.2em;}
	h2.mobile-ansicht {font-size: 1.2em;}
	.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;}
	.col-menue {padding-top: 5px;}
	.col-eightpro {width: 100%;}
	.box-img {display: none;}
	.box-imgmobil {width: 20%;display:block;}
	 hr.titlehr {display:block; }
	 div.bgorange h3 { padding-top:25px;}
	.fteltxt {float: left;}
	.mobiler-abstand {width:90%; margin: 0.2em auto; clear:both;}
	.col-txtright {border-left:none; border-top:2px solid #e3e0dd; padding-top:40px; margin-top:2px;}
	
	img.logosize {max-width:100%;}
	
	.padsmall {padding:0; padding-top:10px;	}
	.col-nonmobile-boxen {display:none;}
	footer li { float: left; margin-right: 0.5em; padding-right: 0.5em; border-right: 1px solid #DDD;}
	ul.menufooter li {	display:block; padding: 10px 0 10px 0; background-image:none; border-bottom:1px solid #ffffff;}
	 ul.menufooter {display:block; padding: 30px 0 10px 0; background-image:none;}
	
	a.lnkpfeilhellblau, a.lnkpfeilhellblau:hover {
	padding:0 0 0 25px;
	background-image:url(../images/pfeil.png);
	background-position: 0 5px;
	background-repeat: no-repeat;
	text-decoration:none;
	color:#408391;
	background-color:transparent;	
	}
	
}





/* -- 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
------------------------------------------------------------- */