@charset "UTF-8";



/* Generic linearize of grids on small screens */



/* reset fallback values in modern browsers */

@media screen and (min-width: 0px) {

	.ym-wrapper {

		min-width: 0px;

	}

}



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

	}

}



/* small screens and tablet(portrait) */

@media screen and (max-width: 740px), screen and (max-width: 768px) {
	 .stickyheader { position:relative;}
	body.html-fullpage #main { margin-top:0;}
	body.html-fullpage.parent-itemid-118 #main { margin-top:0px;}
	/* disable absolute positioning for topnav to prevent overlaying */
	
	/* Hide slider Div*/
    .refslider { display:none;}
	.noslider { display: inherit;}
	/* Tinynav */
   .tinynav { display: block; margin:5px 0;  }
    #nav2 ul { display: none !important;}

	/* Make a large image flexible in width */

	img {

		max-width: 100%;

		height: auto;

	}



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

	}

/* Custom Content Responsive */


header h1 { position:absolute; top:0; left:0;}
.h2-staerken { text-align:center;}
.centerme { text-align:center;}


/* Boxenmodell */
.bg-breit {}
.teaserwrapper { position:relative;}
.teasercontent {}
.farbbox , .farbboxrechts    { position:relative; top:auto; left:auto; }
.farbboxrechts { right:auto;}
/* Custom Boxenmodell */

.teasercontent.teaser-1 { text-align: center;}
.pic-teaser-1 { width:90%;}


/* Custom Boxen */
.farbboxrechts.boxverwaltung, .farbboxrechts.boxreferenzen {background:#fff; width:100%; text-align:center;}
.farbboxrechts.boxverwaltung h2 { color:#222;}
.farbbox.boxteaser-1 {width:100%; background:#fff; text-align:center;}
.farbbox.boxwochenplanung {background:#fff; width:100%; text-align:center;}
.farbbox.boxwochenplanung h2 { color:#222;}

.farbboxrechts.boxteaser-webdesign {text-align:center; background:#f4f0ea; color:#000; }
.farbboxrechts.boxteaser-webdesign h2, .farbboxrechts.boxteaser-webdesign h3 { color:#000;}

/* Webdesign Details */
/*Webseite*/
.farbbox.boxteaser-webdesign-detail {   width:100%; text-align:center;   }
.ym-g33.ym-gl.color-starter, .ym-g33.ym-gl.color-standard, .ym-g33.ym-gr.color-premium { border:none; margin-bottom:1em;}
#main .ym-grid .ym-g33.ym-gl.color-standard.optional, #main .ym-grid .ym-g33.ym-gr.color-premium.optional {display:none !important;} 
#main .ym-grid .ym-g33.ym-gl.color-starter.optional { background:#fff;}
#main .ym-grid .ym-g33.ym-gl.color-starter.optional .responsive { display: inherit; font-weight:bold;}
/*MobileFirst */
.teasercontent.mobile-first { text-align:center;}
.farbbox.boxteaser-mobile-first { width:100%; text-align:center; }

/*Seo*/
.teasercontent.teaser-webdesign-detail.seo { text-align:center;}
.farbboxrechts.webdesign-seo {text-align:center; width:100%; color:#000; }
/* Verwaltung */
.teasercontent.verwaltungssystem { text-align:center;}
.farbboxrechts.boxteaser-verwaltungssystem {text-align:center; width:100%; color:#000; }

	/* Verwaltung die Systeme*/
.ym-grid.verwaltungssysteme .ym-g33  { margin-bottom:20px; padding-left:10px;}
.ym-grid.verwaltungssysteme .ym-gbox.first , .ym-grid.verwaltungssysteme .ym-gbox.middle , .ym-grid.verwaltungssysteme .ym-gbox.last { border:none;}
.ym-grid.verwaltungssysteme { margin-bottom:0px;}
 /* About us */
 
 .farbbox.teaseraboutus { text-align:center; width:100%; background:none; }
.teasercontent.teaser-aboutus { text-align:center;}
 
 .aboutus { margin-bottom:1em; text-align:center;}
 .abouttec { text-align:center;}
 .technologien { margin:0 ;}

/* icons */
.ym-gbox.icons-staerken { text-align:center;}
.ym-gbox.icons-staerken img { }

/* Formular */
.myform > div input, .myform > div textarea {width:100%; }

/* end 768 */
}



/* mobile phones, small tablets and very small screens */

@media screen and (max-width: 480px) {
   	#topnav {

		position: relative;

		top: auto;

		right: auto;

		margin-bottom: 1em;

	}



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

	}

	body .ym-hlist ul li span.subtitle-empty {

		display: none !important;

	}
	
	/* icons */

.ym-gbox.icons-staerken img { }

}



/* small mobile phones */

@media screen and (max-width: 240px) {



	/* reduce font size for very small displays */

	body {

		font-size: smaller;

	}

}