@charset "utf-8";

/*******************************************************************************/
/* BASIS LAYOUT   */
/*******************************************************************************/

html {
  height:100%;
  margin:0px;
  padding:0px;
} 

body {
  min-height:100% !important;
  height:100%;
  margin:0;
  padding:0;
  z-index:0;
  background-color:#fff;
  overflow-x:hidden !important;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;  
}


#wrapper {
  position:relative;
  height:100%;
  width:100%;
  margin-top:0px;
  z-index:0;
  display: block;
}


.container {
  margin: 0 auto;
  max-width: 1140px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  position:relative;
  background-color:transparent !important;

}

#wrapper-header {
  position:relative;
  padding-bottom:22.857%;
  height:0;
  overflow:hidden;
  min-height:100px;
}

#wrapper-topbild {
  width:100%;
  height:auto;
 position:relative;
}

#topbild {
  width:100%;
  height:auto;
  min-height:100px !important;
}

#topbild img { min-height:100px; }


#header {
  position:absolute;
  top:0px;
  width:100%;
  max-width:1140px;
  height:100px;
  background-color:transparent;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  z-index:300;
}

#header-left {
  float:left;
  width:46%;
  height:100px;
}

#header-right {
  float:left;
  width:54%;
}


#bestellung, #jobs, #wgarten {
  width:100px;
  height:100px;
  background-color:#176A4E;
  float:left;
  margin-right:10px;
  color:#fff;
  font-size:12px;
}

#bestellung {
  /*background-image: url(../bilder/bestellung.jpg);
  background-repeat:no-repeat;
  background-position:center top; */
}

#jobs {
  /*background-image: url(../bilder/jobs.jpg);
  background-repeat:no-repeat;
  background-position:center top; */
}

#wgarten {
 /*  margin-right:0px;
  background-image: url(../bilder/wgarten.jpg);
  background-repeat:no-repeat;
  background-position:center top;  */
}

.dbox {
 width:100px; height:100px;  
 margin-top:-70px;  
 transition: margin-top .75s;
 -moz-transition: margin-top .75s; /* Firefox 4 */
 -webkit-transition: margin-top .75s; /* Safari and Chrome */
 -o-transition: margin-top .75s; /* Opera */
}

.dbox:hover {
 margin-top:0px;
 outline:0;
}

#logo-gartenbau {
  float:left;
  max-height:69px;
  width:auto;
  margin-right:8px;
}

#logo-floristik {
 float:left;
 max-height:69px;
 width:auto;
}

#logo-kombiniert {
  float:right;
  max-width:237px;
  height:auto;
  display:none;
}

#navigation-opacity {
  position:absolute;
  z-index:300;
  bottom:0px;
  width:100%;
  height:60px;
  background: rgb(25, 105, 76);                    
  background: rgba(25, 105, 76, .7);
}


.hlink { float:left;}
.fb { margin-right:14px;}
.fa {  color: #1E1E1E; }
.fa:hover { color:#FF850C; }




#inhalt {
    min-height:500px;
 }

#r1-r2 {  margin-top:40px; }
#r1-r2 {
  border-top: 1px solid #ccc;
  margin-top: 40px;
  padding-top: 25px;
}

#r1-col2-2 {
  margin-top:25px;
}

#news {
height: 580px;
overflow: auto;
width: 100%;
padding: 3px 4px 4px 0px;
} 

.news-item {
  padding-bottom:4px;
  border-bottom:1px solid #ccc;
  margin-bottom:8px;
  margin-top:10px;
}

.dl-icon { max-width:140px !important; margin:0 auto; display:block; text-decoration:none !important; color:#17694A;}
.dl-icon:hover { background-color:transparent !important; color:#000 !important; text-decoration:none !important;}
.dl-icon:hover p { text-decoration:underline !important;}
.dl-icon div, .dl-icon figure {  margin:0 auto; }
.dl-icon .csc-textpic-text p { text-align:center;}
.dl-icon .csc-textpic-image img { max-width:100px; height:auto; margin:0 auto; opacity: 1.0; }
.dl-icon:hover .csc-textpic-image img { max-width:100px; height:auto; margin:0 auto; opacity: 0.80; }
.dl-icon div.csc-textpic-left .csc-textpic-imagewrap {  float: none !important;  max-width: 100px;}


#wrap-footer {
  width:100%;
  display: block;
  position:relative !important;
  height:auto;
  min-height:250px;
  margin-top:25px;

 background: url(../bilder/footer_bg.jpg) no-repeat center top; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#footer .container { padding:25px 15px 0px 15px !important;}
#footer-m1, #footer-m2, #footer-m3, #stablinks {
  padding:0px !important;
}



#footer {
   /* color:#fff;
    font-size:12px;
    padding:25px 0px 25px 0px; */
}
/*
#footer-m4 p, #footer-m1 p { margin-bottom:0px !important;}  */

#stablinks { padding:0px 15px 0px 15px; margin:8px 0px 0px 0px;}
#stablink-icons .fa { color: #fff;  padding-left: 22px !important;}
#stablink-icons .fa:hover { color:#19694C; }
#stablink-icons a:first-child .fa {   padding-left: 0 !important; }
.fa-lg { font-size: 2.4em !important; line-height: 0.75em; vertical-align: -15%; }

.show-mobile { display:none;  }

#meguralink { max-width:1140px; margin:0 auto;}
.phone { display:none;}


figcaption {
    font-size: 12px !important; 
    line-height: 120% !important;
    padding-top:4px;
}


/* Helper Classes */
img {
    width:100%;
    max-width: 100%;
    height: auto;
}

.row {
    margin-left:-15px !important;
    margin-right:-15px !important;
    margin-bottom:20px;    
}

.row-1 {
  margin-top:45px;
}

.row-2 {
  padding-top:0px;
}

a { outline:none !important; }
a img { outline:none !important; } 



/* Google Maps Lageplan */
.gm-style-iw {
  color:#333 !important;
}


/* Lightbox */
a.lightbox img {
border:0px solid #E96048 !important;
}

iframe {
    border: medium none;
    width: 100%; 
    background-color:#fff !important;

}

/* Nivo Slider */
.theme-default .nivoSlider {
  background: none !important;
  box-shadow:0px !important;
   box-shadow: 0 0px 0px 0 #fff !important;
  margin-bottom: 0px !important;
  position: relative;
}




/* Workshop Formulare */
.csc-mailform { margin-bottom:25px; }
.form-workshop li { margin-bottom:6px !important;  }
.form-workshop li.csc-form-element-hidden { display:none !important; height:0px; }
.form-workshop label { float:none !important; width:100% !important; display:block !important; display:none !important; }
.form-workshop label.mailerror { display:block !important; }
.form-workshop label.mailerror:first-line { display:none !important; }
.form-workshop input { width:280px; background-color:#E0EBE7 !important; padding:2px 3px !important; border:0px !important;  }
.form-workshop input[type="submit"] { width:150px; background-color:#A1C1B4 !important }
.form-workshop input[type="submit"]:hover,.form-workshop input[type="submit"]:focus  { background-color:#205136 !important; color:#fff;border:0px !important; outline:none !important;  }
.form-workshop input.datum  { display:none !important; height:0px;  }
.wshop-confirm { color:#A1C1B4 !important; font-weight:500 !important;  }



/*******************************************************************************/
/*******************************************************************************/





/*******************************************************************************/
/* NAVIGTION   Desktop */  
/*******************************************************************************/

#navigation { position: relative; height:60px; margin-top:-60px; /*top:72px;   left:0px; width:700px;  margin-top:0px;  height:50px;background-color:none; z-index:50; margin-left:0px; */ }
#navigation ul {margin:0px;padding:0px;}

ul.menu {list-style-type: none; text-decoration: none;  list-style-image: none; /*background-color:#646219; */ z-index:500 !important;  position:relative;}
ul.menu ul {   list-style-type: none;   text-decoration: none;  list-style-image: none;  margin-top:0px !important;}


ul.menu li {   
float:left; 
width:auto; 
/*width:20%; */
padding:0px 0px 0px 0px; 
}


ul.menu li:first-child {   
 margin-left:0px;
 padding-left:0px !important;
 background:none !important;
}

ul.menu li:last-child {   
 margin-right:0px;
 padding-right:0px !important;
}


ul.menu a { 
display: block; 
text-decoration:none;
color:#fff;
text-align:left;  
text-transform:none;
height:100%;
width:100%;
padding:20px 60px 19px 12px;

font-family: 'Fira Sans', sans-serif;
font-size:18px;
font-weight:normal;
font-weight:400;
font-style: normal;
letter-spacing:1px;
text-transform:uppercase;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

ul.menu li.sub:first-child a  {  padding-left: 0px;   }
ul.menu li.lev1:first-child a {  padding-left: 0px;   }
ul.menu li.sub:nth-child(6) a  {  padding:20px 0px 19px 12px;   } 

/*ul.menu li.lev1:nth-child(6), ul.menu li.sub:nth-child(6)  {  display:none;  }*/
ul.menu li.lev1:nth-child(7), ul.menu li.sub:nth-child(7)  {  display:none;  }
ul.menu li.lev1:nth-child(8), ul.menu li.sub:nth-child(8)  {  display:none;  }
ul.menu li.lev1:nth-child(9), ul.menu li.sub:nth-child(9)  {  display:none;  }

ul.menu li a:hover, ul.menu li a:hover{   color:#DCD1B1; background-color:transparent; }
ul.menu li a.active {    color:#DCD1B1; background-color:transparent;  }
li.act a { background-color:transparent; color:#DCD1B1;     }




ul.menu.dropdown {
    margin: 0 auto;
   background-color:#4F8E79;
}


ul.menu ul {position: absolute; display:none;  min-width:150px; z-index:500 !important;  padding-bottom:10px !important; }
/*ul.menu>ul>ul{position: absolute;display:none;}*/
/* IE-Hack für die Breite *//**html ul.menu ul { width:96px;    bottom:20px;}*/
/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */


ul.dropdown li { height:auto !important; padding:0px !important; z-index:100; margin:0px;  background:none !important; width:100%; }
li.act  ul.dropdown a { color:#fff;}

ul.dropdown a {  margin:0; font-weight:400; font-size:16px !important; color:#fff;  padding:15px 12px 0px 12px !important; text-transform:none !important; }
ul.dropdown a:hover{ color:#DCD1B1 !important;  margin-bottom:0px; margin-top:0px; font-weight:400;}
ul.dropdown a.active { color:#DCD1B1 !important; background-color:transparent; font-weight:400;}

ul.dropdown li:first-child { display:block;}
ul.dropdown li:last-child a {padding:15px 12px 0px 12px !important; }


ul.menu li.hover ul, ul.menu li:hover ul  { display:block;    }  
ul.menu ul li:first-child {/*margin-top:0px; padding-top:0px; */}
ul.menu ul li { float:none; background-color: transparent;text-decoration:none; margin-bottom:0px; display:block; /*height:10px !important; padding:0px; */}  

/*fertig nav*/
/*******************************************************************************/
/*******************************************************************************/





/*******************************************************************************/
/* TYPO3 SETTINGS   */
/*******************************************************************************/
/*
.csc-textpic-caption { 
  display:inline-block;
  position: absolute;  
   color:#333; 
  padding-left:10px; 
  padding-top:8px; 
  padding-bottom:8px; 
  
  font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
  font-size:10px; 
  font-weight:700; 

  z-index:200;

  display:table-caption;
  

 background: rgb(255, 255, 255); 
 background: rgba(255, 255, 255, .7);
 height:28px;
 margin-top:-28px !important;
}


div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 10px;
}

.csc-textpic-imagerow { margin-bottom:10px; }


div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
    margin-bottom: 10px;
    margin-right: 10px;
}

div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image {
    margin-right: 10px;
}


div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {
    overflow: visible;
}*/

/*******************************************************************************/
/*******************************************************************************/





/*******************************************************************************/
/* BOOTSTRAP SETTINGS SETBACK  */
/*******************************************************************************/

/* set more padding for main content columns */
.row-1 > .col-sm-9 { padding-right:50px !important; }
.row-1 > .col-sm-3 { padding-left:20px !important; }

.row-1 > .col-sm-9:after { 
  background: transparent url("../bilder/line.png") repeat-y scroll 0 0;
   content: "";
    display: block;
    height: 100%;
    right:12px;
    top:0px;
    position: absolute;
    width: 10px;
   }

.row-2  #r2-col1 {
 
    border-top:1px solid #ccc;
    padding-top: 20px;
  
  }


/*******************************************************************************/
/*******************************************************************************/

/*******************************************************************************/
/* FLEXSLIDER  */
/*******************************************************************************/

.flexslider {
  border:none !important;
  margin-bottom: 0px !important;  
  background-color: $flexBg; 
}
.tx-ws-flexslider .caption-text { display:none !important; height:0px !important; } 

.flexslider .slides img {
	display: block;
	width: 100% !important;
	max-width:100% !important;
	height:auto; 
}

.flex-direction-nav a {
  top: 40% !important;
 }

.flex-direction-nav a:hover {
  color:#fff;
 }

.tx-ws-flexslider .caption-text {
    display: none !important;
    height: 0px !important;
}

.flexslider {
    border: none !important;
    margin-bottom: 0px !important;
    background-color: #fff;
}

/*******************************************************************************/
/*******************************************************************************/

/*******************************************************************************/
/* MAGNIFIC POPUP  */
/*******************************************************************************/

button.mfp-close, button.mfp-arrow {
    cursor: pointer !important;
  }

/*******************************************************************************/
/*******************************************************************************/







/*******************************************************************************/
/* INHALTSSEITEN  */
/*******************************************************************************/



/*******************************************************************************/
/*******************************************************************************/