@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, body.html-fullheight footer {
		min-width: 0px;
		width: auto;
	}

	/* Make a large image flexible in width */
	img {
		max-width: 100%;
		height: auto;
	}
}
/* normal screens, tablet(landscape)  */
@media screen and (max-width:1280px) {
	/* only remove gutters for more place */
  .ym-hlist .menu_mobil, .ym-cbox.ym-clearfix .ym-hlist .menu_mobil lu, #showplus_images_HOCHSTAETT_Hintergrundbilder {
    display: none;
}
	body {
		padding: 0;
		margin: 0;
	}
	header {
		padding-top: 0;
		margin-top: 0;
	}

/*  .bg_image {
		display: none;
	} */
.kontakt, .g_map {
    float: left;
    width: 100%;
}
.slogan, .g_map {
    display: none;
}

}
/* normal screens, tablet(landscape)  */
@media screen and (max-width: 980px) {
.ym-hlist .menu_mobil, .ym-cbox.ym-clearfix .ym-hlist .menu_mobil lu, #showplus_images_HOCHSTAETT_Hintergrundbilder  {
    display: none;
}
	/* only remove gutters for more place */
	body {
		padding: 0;
		margin: 0;
	}
	header {
		padding-top: 0;
		margin-top: 0;
	}

}

/* small screens and tablet(portrait) */
@media screen and (max-width: 740px), screen and (max-width: 768px) {
.ym-hlist .menu_mobil, .ym-cbox.ym-clearfix .ym-hlist .menu_mobil lu  {
    display: none;
}
	/* 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;
	}

  .slogan {
    margin-left: 10px;
    width: 280px;
}

 }
@media screen and (max-width: 640px) { 
	/* disable absolute positioning for topnav to prevent overlaying */
	#topnav {
		position: relative;
		top: auto;
		right: auto;
		margin-bottom: 1em;
	}
  .ym-vlist, .ym-hlist, .ym-hlist-sfx-navi {
		display: none;
	}
  body .ym-hlist ul li span.subtitle-empty, .module-box.modulebox_kalender {
		display: none !important;
	}
  	/* 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;
	}
.ym-col1 {
    height: 190px;
}
.box p {
    font-size: 85%;
}
.custom_modul4 h1 {
    font-size: 120%;
}
  .custom img {
    margin: 30px 0 0 220px;
    width: 20%;
}
.kontakt img {
    margin: 0;
    width: 50%;
    float: left;
}
.ym-col3 {
    height:350px;
}
.jyaml-mobilenav .mobilenav-menu ul li a.current_link {
    background: #e7557c;
}
.item-page, .item-page_akteure, .blog, .blog_akteure, #xmap, .item-page_home {
    min-height: 250px;
}
.ym-contain-fl {
    min-height: 250px;
}
.blog_box {       /*  Vernetzungsgruppe*/
    min-height: none;
}
.blog {
    min-height: px;
}
#jevents_body {    /*  Veranstaltung */
    width: 98%;
    padding: 40px 20px;
}
#jevents_header ul.actions {
    display: none;
}

}

/* mobile phones, small tablets and very small screens */
@media screen and (max-width: 480px) { 
	/* disable absolute positioning for topnav to prevent overlaying */
	#topnav {
		position: relative;
		top: auto;
		right: auto;
		margin-bottom: 1em;
	}
  .ym-vlist, .ym-hlist, .ym-hlist-sfx-navi {
		display: none;
	}
  body .ym-hlist ul li span.subtitle-empty {
		display: none !important;
	} 

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

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

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

.custom img {
    margin: 40px 0 0 110px;
    width: 30%;
}  
.ym-col1 {
    height: 210px;
} 
.ym-col3 {
    height: 300px;
} 
.ym-contain-fl {
    min-height: 400px;
}
.item-page, #xmap, .item-page_home, .item-page_mobil {
    background: #fff none repeat scroll 0 0;
    min-height: 700px;
    padding: 40px 30px;
}
.item-page, .item-page_akteure, .blog_akteure {
    min-height: 300px;
    padding: 40px 30px;
}
.bg_image {
    height: 1060px;
    width: 100%;
}  
h1 {
    font-size: 200%;
    line-height: 0.875;
    margin: 0 0 1.2em;
}
p.saw-big {
    font-size: 500%;
    line-height: 0.01;
    margin: 20px 0 0;
} 
.custom_welcome .saw h1 {
    font-size: 18px;
} 
.slogan {
    margin-left: 10px;
    width: 280px;
}
#showplus_images_HOCHSTAETT_Hintergrundbilder, .module-box.modulebox_kalender {
    display: none;
}
.ym-col2 .ym-cbox.ym-clearfix .custom_face, .container_box {
    width: 90%;
    margin-right:5%;
}
  .custom_modul, .custom_modul_left {
    width: 90%;    
}
  .custom_modul2, .custom_modul3 {
    width: 100%;    
}
.ym-col2 .ym-cbox.ym-clearfix .custom_face {
    margin-left:5%;
    padding:8px;
    width: 86.2%;
}
.custom_modul4 {
    margin: 5% 0 0;
}
.custom_modul p, .custom_modul3 p, .custom_modul_left p {
    font-size: 80%;
}
img {
    width: 100%;
}
.blog {
    min-height: 490px;
}
.blog_box {
    margin-bottom:20px;
    border-bottom:1px solid #ccc;
}
.blog_box h1, .blog_box_akteure h1 {
    font-size: 130%;
}
#jevents_header ul.actions {
    display: none;
}
.kontakt img {
    width: 100%;
    margin:0;
}
.kontakt {
    float: left;
    width: 180px;
}
img#gcaptcha_3 {       /*  Kontakt*/
    width: 100%;
    margin-top:10px;
}

#fin-captcha2.gcore-input.pull-left.gcore-sub-input.gcore-display-table {
    margin-top:10px !important;
}
img#fin-captcha2.gcore-input.pull-left.gcore-sub-input.gcore-display-table {
    width: 100%;
}
img#gcaptcha_3 {
    width: 200% !important;
}
.g_map {
    float: left;
    width: 70%;
}
.g_map iframe {
    width: 60%;
}
 ul.menu_mobil {
 display: inline;
} 
#jevents_body {    /*  Veranstaltung */
    min-height: 1230px;
    width: 100%;
    padding: 40px 20px;
}
a.ev_link_row {
    font-size: 140%;
    font-weight: normal;
}
td.ev_td_left {
    width: 80px;
}

#jevents_body ul.ev_ul {
    width: 98%;
}
#jevents_header ul.actions {
    display: none;
}
}

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

	/* reduce font size for very small displays */
	body {
		font-size: smaller;
	}
}