/*-----------------------------------------------------------------------------------*/
/*	WEBSITE: Vorabseite - Monika Geh

/*-----------------------------------------------------------------------------------*/


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

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');


/* 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:#393939;
font-family: 'Open Sans', Verdana, Geneva, sans-serif;
font-weight:300;
font-size: 18px;
letter-spacing:0.02em;
line-height:1.4em;
}

body {
background-color:#ffffff;	
font-family: 'Open Sans', Verdana, Geneva, sans-serif;
font-weight:300;
color:#393939;
font-size: 18px;
line-height:1.4em;
letter-spacing:0.02em;
height: 100%;
}

html>body {
font-size: 18px;
line-height:1.4em;
height: 100%;
}


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




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

h1 {font-size: 1.2em; 
	font-family:'Open Sans', Verdana, Geneva, sans-serif;
	letter-spacing: 0.02em; 
	line-height: 1.2em; 
	color: #8f1a79;
	margin: 0; 
	font-weight: 400; 
	padding:6px 0 0 0;
	text-transform:none;
	}
	
	
h2 { font-size: 0.9em; 
	font-family:'Open Sans', Verdana, Geneva, sans-serif;
	letter-spacing: 0.02em; 
	line-height: 1.1em; 
	color: #8f1a79;
	margin: 0; 
	font-weight: 400; 
	padding:2px 0 20px 0;
	text-transform:none;
	}
	
h3 { 
	font-size: 1.2em; 
	font-family:'Open Sans', Verdana, Geneva, sans-serif;
	letter-spacing: 0.02em; 
	line-height: 1.6em; 
	color: #1487ad;
	margin: 0 0 0.5em; 
	font-weight: 400; 
	padding:20px 0 15px 0;
	text-transform:none;
	}
	


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;}

.txtintro {  
	color: #3bb29b;
	font-weight:700; 
	}

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;
}

.txtschwarz
{
color:#000000;
}

.txtweiss
{
color:#ffffff;
}

.txtrot
{
color:#cc0f13;
}

.txtpink
{
color:#8f1a79;
}

.txtdkblau
{
color:#1487ad;
}

.txtklein
{
font-size:13px;	
}

.txtsmall
{
font-size: 0.9em;	
}

.txtkursiv
{
font-style:italic;
}

.txtvers
{text-transform:uppercase;}

.txthighlight
{
	font-size: 1.15em; 
	font-family: 'Open Sans', Verdana, Geneva, sans-serif;
	letter-spacing: 0.2em; 
	line-height: 1.6em; 
	color: #ffe4a0;
	margin: 0 0 0.5em; 
	font-weight: 400; 
	text-transform:uppercase;	
}

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


.bgweiss {background-color:#ffffff;}
.bgdunkelrot {background-color:#a50f08;}
.bgrot {background-color:#cc0f13;}
.bghellgrau {background-color:#ececec;}

.bghellblau {background-color:#e9f5f8;}
.bggelb {background-color:#f7c659;}
.bgrose {background-color:#ffece7;}

	
.bgsternecke {
background-image:url(../images/ecke-mit-stern.png);
background-repeat:no-repeat;
background-position:bottom right;
	}	
	
.liniegruen
{border-left:#2c6564 1px solid;}	

/* --- Auflistung --- */

ul
{
list-style:none;
}

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

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

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


.rslides li {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	padding:0;
}


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

a, a:link, a:visited {
text-decoration:none;
color:#1487ad;	
}

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

.lnkforfooter a {
font-size:0.8em;
text-decoration:none;
color:#8f1a79;	
}

.lnkforfooter a:hover{
text-decoration:none;
color:#1487ad;	
}

.lnkweiss a {
text-decoration:none;
color:#ffffff;	
}

.lnkweiss a:hover{
text-decoration:none;
color:#e3e3e3;	
}

a.btnlnk {
    border:  3px solid #1487ad;
	background-color:#1487ad;
    border-radius: 8px;
	-webkit-border-radius: 8px;
  	-moz-border-radius: 8px;
    color: #ffffff;
	font-size:1em;
    display: inline-block;
    margin-top: 5px;
    padding: 8px 16px;
    text-decoration: none;
    text-transform: none;
    transition: all 0.2s ease-out 0s;
	font-family:'Open Sans', Verdana, Geneva, sans-serif;
	margin:15px 0;
}

a.btnlnk:hover {
    background-color: #e9f5f8;
    color: #1487ad;
	border:  3px solid #1487ad;
}

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


ul.mobilnavi
{
padding: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 #e1e1e1;
padding: 5px 0 5px 0;
}

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

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

 ul.mobilnavi li.active a:link,
 ul.mobilnavi li.active a:visited
{
color:#15639c;
font-size:  1.0em;
line-height: 1.2em;
text-decoration:none;
font-weight:400;
text-transform:uppercase;
}

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

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

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

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


 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.active a:link,
 ul.mobilnavi ul li.active a:visited
{
font-size: 0.9em;
}

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

/* Hautmenue */

ul.mainmenu
{
padding:0;
margin:0;
display: block;
list-style:none;
}


 ul.mainmenu li
{
padding: 0;	
text-decoration:none;
list-style: none;
display: inline;	
background-image: url("../images/menuetrenner.png");
background-position: 6px 2px;
background-repeat: no-repeat;
padding-left: 15px;	
}

 ul.mainmenu li a:link,
 ul.mainmenu li a:visited
{
color:#878080;
font-size:1.1em;
line-height: 1.2em;
text-decoration:none;
letter-spacing:0.02em;
text-transform:uppercase;
}

 ul.mainmenu li.active a:link,
 ul.mainmenu li.active a:visited
{
color:#15639c;
font-size: 1.1em;
line-height: 1.2em;
text-decoration:none;
letter-spacing:0.02em;
text-transform:uppercase;
}

 ul.mainmenu li a:hover,
 ul.mainmenu li a:active,
 ul.mainmenu li a:focus
{
color:#859cc2;
font-size: 1.1em;
line-height: 1.2em;
text-decoration:none;
letter-spacing:0.02em;
text-transform:uppercase;
}

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



@media screen and (-webkit-min-device-pixel-ratio:0) {
     /*  Safari-specific  */
	  ul.mainmenu li
	{	
	background-position: 6px 2px;
	font-size:12px;
	}
	
}

/* Footermenue */

ul.menufooter
{
padding:0;
margin:0;
display: block;
list-style:none;
}


 ul.menufooter li
{
padding: 0;	
text-decoration:none;
list-style: none;
display: inline;	
background-image: url("../images/menuetrenner.png");
background-position: 7px 4px;
background-repeat: no-repeat;
padding-left: 14px;	
}

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

 ul.menufooter li.active a:link,
 ul.menufooter li.active a:visited
{
color:#a4313b;
font-size: 0.9em;
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:#a4313b;
font-size: 0.9em;
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%;}

img.maxheight { height:100%;}

img.img-rune { max-width:70px;margin:5px 5px 0 0;}

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

.artikelbild img{
    border: 1px solid #deded6;
    padding: 7px;
}

.artikelbildintro img{
    border: 1px solid #deded6;
    padding: 7px;
	max-width:70%;
}

.refbild img{
    border: 1px solid #deded6;
    padding: 7px;
	max-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: 855px; 
	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: 855px; 
	min-width: 300px; 
	/* background-color: #fbf4e5; */
	clear:both;
	color:#a2a4a5;
	font-size:12px;
	height:auto;
	}	
	
.footer
{
margin-bottom:35px;	
}

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

.grid {
  float: left;
  padding-left: 3em; /* this is your gutter between columns */
  width: 100%;
 }


.footertxt
{
padding-left:19px;	
background-image:url(../images/stern.png);
background-repeat:no-repeat;
background-position:0 2px;	
}

.sternabstand
{
margin-top:-125px;
}

.adresse
{
margin-top:15px;	
}

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

.magnull
{
margin:0em auto;	
}

.magfourty
{
margin-bottom:40px;
}

.magtwenty
{
margin-bottom:20px;
}

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

.fright
{
float: right;
}

.fteltxt
{
float: right;
}

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

.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: 34%;}
.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-fullbox {width: 100%;height: 100vh; display: flex; flex-direction: row; margin:0;}
.col-fullbox-small {width: 100%;height: 30vh; display: flex; flex-direction: row; margin:0;}
.col-fullbox-big {width: 100%;height: 70vh; display: flex; flex-direction: row; margin:0;}

.col-fullheight {height: 100%; }
.col-flowerbox-pos1 {position:absolute;max-height:100%; }
.col-flowerbox-pos2 {position:relative;max-height:90%; }

.col-spa-left {
	width: 30%; 
	margin: 0 auto; 
	min-width: 300px; 
	clear:both;
	height:auto;
	}
.col-spa-right {
	width: 70%; 
	margin: 0 auto; 
	min-width: 300px; 
	clear:both;
	height:auto;
	}
.col-flower-big {
	width: 30%; 
	margin: 0.5em auto; 
	max-width: 330px; 
	min-width: 300px; 
	clear:both;
	height:auto;
	}
	
.col-pos-rel {position:relative; }
.col-pos-abs {position:absolute; }


.col-txtcon {width: 95%; }
.col-txtcon2 {width: 85%; }
.col-txtcon3 {width: 90%; }
.col-mobile {display:none;}
.slider-mobil {display:none;}
.slider-nonmobil {display:block;}
.col-logosmall {display:none;}
.col-intro-menue {width: 100%; padding-top:35px; }
.col-menue {width: 40%;; padding-bottom:10px; padding-top:130px; }
.col-logo {width: 60%; padding-bottom:20px; padding-top:25px; text-align:left; }
.versatz-logo {padding-left:50px;}
.versatz-logo2 {padding-left:1px;}

.box-weiss-rund { border-radius: 18px; background-color:#FFFFFF; padding:30px;}
.box-info { margin: 1em; width:100%;}
.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 20px 20px;  background-color: #f3f5fb; width:80%;}
.box-hinweislila {padding: 10px 20px 20px 20px;  background-color: #faf5ef; width:75%;}

.artikelbildintro {margin-bottom:20px;}
.refbild {margin:19px;}
.zeitenli {width: 25%; }
.zeitenre {width: 75%; }
.con-li {width: 27%; }
.con-re {width: 27%;}
.con-me {width: 46%;}

.footertxtright {text-align:right;}
.logounten {margin-top:60px;margin-bottom:20px;padding-left:15px;}

.div-nonmob {display:block;}
.div-mob {display:none;}

.div-bg-flower {
background-color:#e9f5f8;
background-image:url(images/blume-regenbogen-klein2.png);
background-position:right bottom;
background-repeat:no-repeat;
}

/*--- Bildanimation --- */

#imagelightbox
{
    position: fixed;
    z-index: 9999;
 
    -ms-touch-action: none;
    touch-action: none;
}

#contentbackground {
clear: both;	
position: relative;
text-align:left;
min-height:260px;
}

#bildband {
clear: both;	
position: relative;
float:left;
text-align:left;
width:100%;
/*
background-image:url(../images/bildband.jpg);
background-position:left top;
background-repeat:no-repeat;
*/
}


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

.clr
{
clear:both;	
}

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

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

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

.spacertrenner
{
clear:both;	
height:5px;
}

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

.spacer-box {display:none;}

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

.footerlinie{
 border-bottom: 1px solid #797a7c;
 margin-bottom:20px;
}



hr
{
 border: 0; /* Fuer Firefox und Opera */
 margin: 0;
 padding:0;
 padding-top:35px;
 padding-bottom:1px;
 margin-bottom:15px;
 border-bottom: 1px dotted #1487ad;
 height: 1px;
 width:30%;
 text-align:left;
}

hr.hrintros
{
 border: 0; /* Fuer Firefox und Opera */
 padding:0;
  margin: 0 auto;
 margin-top:1px;
 margin-bottom:14px;
 border-bottom: 1px solid #e7d1bf;
 height: 1px;
 width:60%;
 text-align:center; 

}

hr.hrlangtxt
{
 border: 0; /* Fuer Firefox und Opera */
 padding:0;
 margin-top:1px;
 margin-bottom:14px;
 border-bottom: 1px solid #deddd6;
 height: 1px;
 width:60%;
 text-align:left; 
}


hr.hraussage
{
 border: 0; /* Fuer 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: 1800px) {

	 .spacer-box {display:block;height:45px;}
}


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



/* -- 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;}
	.mq1-none {display:none;}
	.col-fullheight {height:auto;}
	.col-fullbox-big {display:block;}
	.mq1-left {float:left; text-align:left;}
	.mq1-indiemitte {margin: 0.2em auto; clear:both;}
	.mq1-spa-left, .mq1-spa-right {width: 90%; }
	
	 
	html>body { font-size: 1.0em;}
	/* h1, h2, h3, h4 {font-size: 1.7em;} */
	div.bgorange h3, div.bgdunkelblau h3{font-size: 1.4em;}
	.txtklein {font-size:0.9em;	}
	.slide figcaption{ width: 80%;}
	.containerfooter { font-size: 0.9em; }
	.col-txtcon-mobil {width: 95%; }
	.slider-mobil {display:none;}
	.slider-nonmobil {display:block;}
	
	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;}
	.elem-non-mobil {display:none;}
	
	div.res {
	padding-left: 20px;
    padding-right: 20px;	
	}
}
    
/* -- 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;  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-none {display:none;}
	.col-fullheight {height:auto;}
	.col-fullbox-big {display:block;}
	.mq2-left {float:left; text-align:left;}
	.mq2-indiemitte {margin: 0.2em auto; clear:both;}
	.mq2-spa-left, .mq2-spa-right {width: 90%; }
	
	/**/
	html>body { font-size: 1em;}
	/* h1, h2, h3, h4{font-size: 1.7em;} */
	.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;}
	.linierechts {border-right:none;}
	.col-txtcon2 {width:100%; }
	/* .col-txtcon3 {width:100%; } */
	.box-hinweislila {width:90%; }
	.footertxtright {text-align:left;}
	.mobil-grau {border-bottom:2px dotted #cbcbcb;}
	.infoli {width: 100%; text-align:center;}
	.infore {width: 100%; text-align:center; }
	.txt-con {width:100%;}
	.slider-mobil {display:block;}
	.slider-nonmobil {display:none;}
	.logounten {margin-top:20px;margin-bottom:20px;padding-left:15px;}
	.elem-non-mobil {display:none;}
	
	.signet-box {display:none;}
	.spacer-box {display:block;height:45px;}
	.txthighlight {font-size:0.85em;}
	.liniegruen {border-left:none;}
	.sternabstand {margin-top:50px; text-align:left;}
	
	.div-nonmob {display:none;}
	.div-mob {display:block;}
	
}
    
/* -- 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; 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;}
	.col-fullheight {height:auto;}
	.col-fullbox-big {display:block;}
	.mq3-left {float:left; text-align:left;}
	.mq3-indiemitte {margin: 0.2em auto; clear:both;}
	.mq3-spa-left, .mq3-spa-right {width: 90%; }
	
	
	html>body { font-size: 1.0em;}
	
	/* h1, h2, h3, h4{font-size: 1.5em;} */
	.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;}
	.leisteweissteltxt {border-left:none;}
	.box-info { margin: 0.25em;}
	.mobil-grau {border-bottom:2px dotted #cbcbcb;}
	.signet-box {display:none;}
	.txthighlight {font-size:0.85em;}
	.spacer-box {display:block;height:65px;}
	.elem-non-mobil {display:none;}
	
	.slider-mobil {display:block;}
	.slider-nonmobil {display:none;}
	
	.padsmall {padding:0; padding-top:10px;	}
	.liniegruen {border-left:none;}
	.sternabstand {margin-top:50px; text-align:left;}
	
	.div-nonmob {display:none;}
	.div-mob {display:block;}
	
}





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