@charset "UTF-8";

/**
 * JYAML - Template Framework includes YAML for Joomla!
 *
 * All rights reserved. The JYAML project is a template to manage and
 * configure Joomla!-Templates with the YAML XHTML/CSS Framework
 * - http://www.yaml.de
 *
 * -----------------------------------------------------------------------------
 *
 * @version     Id: $Id$
 *
 * @package     JYAML
 * @subpackage  Stylesheet
 *
 * @author      Reinhard Hiebl <reinhard@hieblmedia.com>
 * @copyright   Copyright (C) 2006 - 2014, HieblMedia (Reinhard Hiebl)
 * @license     http://www.jyaml.de/en/license Creative Commons Attribution 3.0
 * @link        http://www.jyaml.de
 */

/* Generic linearize of grids on small screens */

/* reset fallback values in modern browsers */
@media screen and (min-width: 0px) {
	.ym-wrapper {
		min-width: 0px;
    background: transparent;
	}
}

/* normal screens, tablet(landscape)  */
@media screen and (max-width: 980px) {
	/* only remove gutters for more place */
	body { 
		padding: 0;
		margin: 0;
	}
	header {
		padding-top: 0;
		margin-top: 0;
	}
  .ym-column {
    width: 96.9%;  
    padding:15px 15px 0;
}
iframe {
    width: 100%;
}
.lameyer img {
    width: 40%;
    height: auto;
}
.facebook h2{
    font-size: 1.3rem;
    margin-bottom: 25px;
}
.ym-col2 .ym-cbox .module-box h3 {
    margin-bottom: 5px;
}
.ym-col2 .ym-cbox .module-box ul li {
    margin-left: 135px;
    font-size: 0.78rem;
    line-height: 1.15;
}
   .main_kontakt {     
    margin-left: 550px;   
}
  nav#nav .module-box {  /* nav */
  margin-left:-100px;
  }
  #xmap img {
  width: 5%;
  }  
  .jyaml-slider .slider-col-last .slider-col-content {
		margin-left: 0; /* slider */
	}
  .main_bottom  { /* GoogleMap Bild */ display: none; }

  .main_sitymap { /* SiteMap */ display: none; }

  .main_kontakt {     
    margin-left: 500px;   
}
  .platzhalter img {
  width: 100%;
  }
  h1.module-heading {
    font-size: 1.4rem;
}
.modulebox_pr1 h1 a, .modulebox_pr2 h1 a, .modulebox_pr3 h1 a {
    font-size: 60%;
}
.modulebox_pr1 p, .modulebox_pr2 p, .modulebox_pr3 p {
    line-height: 1.1;
}
.dropdown-linear .dropitem ul {
    margin-left:10px;
}
}

/***********************************************************************/  
/* small screens and tablet(portrait) ************************************** **/
@media screen and (max-width: 740px), screen and (max-width: 768px) {
  .main_bottom  { /* GoogleMap Bild */ display: none; }
  .main_sitymap { /* SiteMap */ display: none; }
  .info_text, li.item-231 .mit_text, li.item-225 .info_text {display: none; /* SuperMenü-TextBox */ }
  .ym-column .ym-grid .ym-g33 .ym-gbox .module-box, #login-form, .ym-grid, .ym-wbox .ym-column-main .modulebox_slider,
.ym-col2 .ym-cbox .module-box, .ym-col2 .ym-cbox .module-box.modulebox_newsletter, .ym-col2 .ym-cbox .module-box.modulebox_face, .ym-col2 .ym-cbox .module-box.modulebox_stuff  {display: none; }
  body { 
    max-width: 100%; 
    margin: auto; 
    background: #fff;
  }
    body.html-fullpage header { 
    background: #fff;
  }
#suche {
    display: none;
}
body.html-fullpage header {
    margin-bottom: 90px;
    padding:0;
}
 .ym-cbox {     /* vertikale Abstände */
    padding: 0;
}
.ym-column {
    background: none;
}
.ym-wbox .ym-column-main {
    padding: 0;            
}
.module-box {
    height: 100%;
}
	/* Make a large image flexible in width */
	img {
		max-width: 100%;
		height: auto;
	}
	img.site-logo {
    padding:30px 0 0 5px;   
}
	/* Linearize only inner main columns (not col-x), e.g. category blog with multiple columns */
	#main .ym-equalize > * > .ym-gbox,
	#main .ym-equalize > * > .ym-gbox-left,
	#main .ym-equalize > * > .ym-gbox-right {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}
	#main .ym-grid,
	#main .ym-grid > [class*="ym-g"],
	#main .ym-grid > [class*="ym-col"] {
		display: block !important;
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
	}
	#main .ym-grid > [class*="ym-g"] > [class*="ym-gbox"],
	#main .ym-grid > [class*="ym-col"] > [class*="ym-cbox"] {
		padding-left: 0;
		padding-right: 0;
		/* optional for containing floats */
		overflow: hidden;
	}
  input#mod-finder-searchword { /* finden */ display: none; }
  .main_bottom  { /* GoogleMap Bild */ display: none; }
  .main_sitymap { /* SiteMap */ display: none; } 


 /*****************************************************************/
	#topnav {
		position: relative;
		top: auto;
		/*left: -10px; */
		margin: 1.5em 0;
    background: #fff;
    width: 101%;
    padding:2px 2px 2px 10px;    
	}
  	#topnav a {
    margin: 0 ;
    padding:5px 7px 5px 7px;
    background: #A8C626;
    color:#FFFFFF;
    line-height:2.3;
	}
  #topnav a:focus, #topnav a:hover, #topnav a:active, #topnav a.active_link {         
  text-decoration:none; 
  background: #7BA221 !important;
  color:#fff !important;
  border-bottom:none;   
  }
  
  .item-page, .item-page_padding, .contact_padding, .blog_red, .item-page_info, .item-page-blue, .item-page_red, .blog_padding, .item-page_plan, #xmap {
  min-height: 1255px;
  width: 75%;
  box-shadow:none;
  }
/****************/
  .ym-column {
  width: 95%;
  }
  .ym-cbox {
  width: 150%;
  margin-left:0;
}
.ym-column.ym-column-main .ym-contain-fl {
  margin-left:130px;
}

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

.main_kontakt {     
    height: 242px;
    margin: -306px 0 0 0;
   /* padding:60px 25px; */   /*N*/
    width: 92%; /*297px / 90.5*/ 
}
.main_kontakt img {     
		display: none;  
}
.main_kontakt h4 {     
		font-size: 1.4em;  
}
  li.item-101 span.maintitle {
  padding-left:15px;
  }
  li.item-106 span.item-title {   /* mitmachen */ 
    background: #EA614F;
    }
  li.item-102 span.item-title {  /* informieren */
    background: #A8C626;
    }
  li.item-103 span.item-title { /* vernetzen */
    background: #00BFFF;
    }
  
  li.item-106 span.item-title:hover,  /* mitmachen */
	li.item-106 span.item-title:focus,
	li.item-106.hover a.hover,
  li.item-102 span.item-title:hover, /* informieren */
	li.item-102 span.item-title:focus,
  li.item-102 span.item-title.current.active a,
	li.item-102.hover a.hover,
  li.item-103 span.item-title:hover, /* vernetzen */
	li.item-103 span.item-title:focus,
	li.item-103.hover a.hover {  
    background: #FFFFFF;    
    }
  li.item-106 span.item-title:hover,  /* mitmachen */
	li.item-106 span.item-title:focus,
	li.item-106.hover a.hover{  
    color: #EA614F;
    }
  li.item-102 span.item-title:hover, /* informieren */
	li.item-102 span.item-title:focus,
  li.item-102 span.item-title.current.active a,
	li.item-102.hover a.hover {  
    color: #8AA806;
    }
  li.item-103 span.item-title:hover, /* vernetzen */
	li.item-103 span.item-title:focus,
	li.item-103.hover a.hover {  
    color: #00BFFF;
    }
  a.face span.item-title img, a.youtube span.item-title img {
    width: 10%;
    margin-top:0;
  }
  li.item-219 span.item-title {
    border-bottom: 1px solid #ddd;
  }
  #jevents_body {
    width: 86.5%;
  }
    ym-contain-fl, table, .zhgm-group-manage {
    min-width:inherit
    width: auto;  
  }
     #slider-d372217872de5768c884588337722e74  {   
    width: 100%;
    height: 100%;
}
body.html-fullpage footer{
    height:200%;
    padding:25px 15px;
    line-height:2.5;
}


  
  
  
  
}

/******************************************************************/
/* mobile phones, small tablets and very small screens ********************** */
@media screen and (max-width: 480px) {
	/* disable absolute positioning for topnav to prevent overlaying */ 
body .ym-hlist ul li span.subtitle-empty {display: none !important;}
#suche {display: none; }
input#mod-finder-searchword { /* finden */ display: none; }
.main_bottom  { /* GoogleMap Bild */ display: none; }
.main_sitymap { /* SiteMap */ display: none; }
.info_text, li.item-231 .mit_text, li.item-225 .info_text {   
display: none; /* SuperMenü-TextBox */ }
.ym-column .ym-grid .ym-g33 .ym-gbox .module-box /* 3 Projekte*/, .ym-wbox .ym-column-main .modulebox_slider, #login-form, .ym-grid, .main_kontakt{ display: none; } 

.ym-col2 .ym-cbox .module-box.modulebox_newsletter {display: block; background-color:#00afff;margin: 25px 0 40px;} 
h1.module-heading a {color: #FFFFFF;}
.custom_newsletter h1.module-heading {font-size:25px;}
.custom_newsletter p {font-size:20px;}


	/* Linearize all columns */
	.ym-column,
	.ym-column .ym-col1,
	.ym-column .ym-col2,
	.ym-column .ym-col3 {
		display: block !important;
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
    padding:0; 
	} 

	/* disable equal heights for grids */
	.ym-equalize > * > .ym-gbox,
	.ym-equalize > * > .ym-gbox-left,
	.ym-equalize > * > .ym-gbox-right {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}

	/* Linearize all grids */
	.ym-grid,
	.ym-grid > [class*="ym-g"],
	.ym-grid > [class*="ym-col"] {
		display: block !important;
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
	}
	.ym-grid > [class*="ym-g"] > [class*="ym-gbox"],
	.ym-grid > [class*="ym-col"] > [class*="ym-cbox"] {
		padding-left: 0;
		padding-right: 0;

		/* optional for containing floats */
		overflow: hidden;
	}
  .ym-grid {  
  padding: 0; 
}
/**************/
.ym-column {
  width: 95%;
  }
.ym-cbox {
  width: 100%;
  margin-right:10px; /*?*/
} 
.ym-contain-fl {
		margin-left: 0 !important;
}
/*********************/
	/* Linearize the horizontal navigation */
	body .ym-hlist ul,
	body .ym-hlist ul li {
		display:block;
		float: none;
		width: auto;
		text-align: left;
	}
	body .ym-hlist ul {
		padding: 0.5em;
	}
	body .ym-hlist ul li {
		margin-bottom: 2px;
	}

 /**********************************************************************
 .ym-wbox .ym-column-main .module-box {
    margin: 10px 45px;
}
   img.site-logo a {
    margin: 0;
}
*/
body.html-fullpage header .ym-wbox {  
    padding:0;
}
body.html-fullpage #main {
    margin-top: 20px;
}
.ym-wbox .ym-column-main {  
    padding:0;
}
img.site-logo {
    padding:30px 0 0px 15px !important;   
}
 	nav#topnav {
    font-size: 130% !important;
	}
  .item-page_padding, .contact_padding, .blog_red, .item-page_info, .item-page-blue, .item-page_red, .blog_padding, .item-page_plan, #xmap {
  min-height: 405px;
  width: 85.6%;
  overflow: visible;
  }

.main_kontakt {     
    width: 100%; 
    height: 292px;
    padding:0;       /*  N*/
    margin: -306px 0 0 0; /*  N*/ 
}
.main_kontakt .custom {  /*  N*/ 
    padding:25px;
}
.main_kontakt img {     
		display: none;  
}
.main_kontakt h4 {     
		font-size: 1.4em;  
}
  li.item-101 span.maintitle {
  padding-left:15px;
  }
  li.item-106 span.item-title {   /* mitmachen */ 
    background: #EA614F;
    }
  li.item-102 span.item-title {  /* informieren */
    background: #A8C626;
    }
  li.item-103 span.item-title { /* vernetzen */
    background: #00BFFF;
    }
  li.item-106,  /* mitmachen */
  li.item-102, /* informieren */
  li.item-103  /* vernetzen */ {  
  /*  text-transform: uppercase;*/

    }
      li.item-106 span.item-title:hover,  /* mitmachen */
	li.item-106 span.item-title:focus,
	li.item-106.hover a.hover,
  li.item-102 span.item-title:hover, /* informieren */
	li.item-102 span.item-title:focus,
  li.item-102 span.item-title.current.active a,
	li.item-102.hover a.hover,
  li.item-103 span.item-title:hover, /* vernetzen */
	li.item-103 span.item-title:focus,
	li.item-103.hover a.hover {  
    background: #FFFFFF;    
    }
          li.item-106 span.item-title:hover,  /* mitmachen */
	li.item-106 span.item-title:focus,
	li.item-106.hover a.hover{  
    color: #EA614F;
    }
  li.item-102 span.item-title:hover, /* informieren */
	li.item-102 span.item-title:focus,
  li.item-102 span.item-title.current.active a,
	li.item-102.hover a.hover {  
    color: #8AA806;
    }
  li.item-103 span.item-title:hover, /* vernetzen */
	li.item-103 span.item-title:focus,
	li.item-103.hover a.hover {  
    color: #00BFFF;
    }
  a.face span.item-title img, a.youtube span.item-title img {
    width: 10%;
    margin-top:0;
  }
  li.item-219 span.item-title {
    border-bottom: 1px solid #ddd;
  }
  #jevents_body {
    width: 89%;
  }
  #jevents_header {
    margin: 30px 0 15px 0;
    padding: 15px 15px 0;
}
    ym-contain-fl, table, .zhgm-group-manage {
    min-width:inherit
    width: auto;  
  }
     #slider-d372217872de5768c884588337722e74  {   
    width: 100%;
    height: 100%;
}
body.html-fullpage footer{
    height:200%;
    padding:25px 15px;
    line-height:2.5;
}
/* Kontakt col3 */
.module-box.modulebox_mobile {
    background:#92B117;
    overflow: hidden;
    padding-top: 50px;
    border: 15px solid #92B117 !important;
    color:#fff;
} 
.custom_mobile {
    padding-top: 40px;
} 
.module-box.modulebox_mobile h4, .module-box.modulebox_mobile p a {
    color:#fff;
}
.module-box.modulebox_mobile h4 {
      font-size: 1.6em;
     font-weight: 400;
}
.module-box.modulebox_mobile p {
      font-size: 1.2em;

}

  
    }

/* small mobile phones *************************************************** */
@media screen and (max-width: 240px) {

	/* reduce font size for very small displays */
	body {
		font-size: smaller; 
	}    
  .main_kontakt {     
    width: 83%;   
}
  
}
@media screen and (max-width: 320px) {

	/* reduce font size for very small displays */
	body {
		font-size: smaller; 
	} 
  .main_kontakt {     
    margin: -320px 15px 0 15px;
    height: 170px;                
}   
/*  .main_kontakt {     
    width: 100%;   
}                                N */
  
}