/* Hintergrundbild, Fonts
---------------------------------------------*/
@import url('http://fonts.googleapis.com/css?family=Lato');

body {
	margin: 0;
	font-size: 0.8125em;	/* 0.8125em/1.692307em */
    font-family: "Lato", sans-serif;/* 'Bitter', Georgia, 'Times New Roman', Times, serif;*/
	color: #555;
	/*background: url(http://boui-boui.ch/bouiboui/wp-content/uploads/2015/06/homepage_def.gif);*/
  	background-size: 100% auto;
  	background-repeat: repeat-y;
	padding: 0;
}

/* Headerbild skalieren
---------------------------------------------*/
#branding {
	position: relative;
	width: 100%;
	margin-top: 20px;
	text-align: left;
}

/* Schriftgrösse, Position und Einzüge Menu und Sidebar
---------------------------------------------------------------*/
#menu-primary {
	font-size: 1.5em;
  	color: #176fb8;
    position: relative;
	width: 100%;
	margin: 0px 0 60px 0;
	float: right;
	z-index: 99;
}

#menu-primary .menu { float: left; }

#menu-primary li a {
  	margin-left: 0;
  	margin-right: 3.5em;
}

/* Farbe Aktives Menü*/

#menu-primary li.current-menu-item a { color: #176fb8; }
.hentry .entry-title { color: #176fb8; }
.singular .entry-title { color: #176fb8; }
.entry-title a, .entry-title a:visited { color: #be111e; }
.entry-title a:hover { color: #be111e; }

#sidebar-primary {
    position: relative;
  	text-align: right;
	width: 20%;
	margin: 0px 0 0 0;
	float: right;
	z-index: 99;
}

#menu-primary li li, #menu-primary li li.current-menu-item li {
	border-top: none;
}

/* Position Dropdown-Menü */
#menu-primary li li a, #menu-primary li li.current-menu-item li a {
	font-size: 0.8em;  /* Schriftgrösse falls Menü standard: 1em; */
	color: #be111e;
	margin: 5px -18px;  /* Falls Menü rechtsbündig: 5px, 38 px; */
	padding: 0 0;
}

/* Layout Dropdown-Menü*/
#menu-primary li ul {
	border: none;
	background: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* Layout: Breite und Einzüge der Seite
-------------------------------------------------------------- */
.wrap {
	max-width: 80%;
	margin: 0 auto;
	position: relative;
}


/*  Einstellungen für Responsive Webdesign (abhängig von Bildschirmbreite)
----------------------------------------------------- */

/* Menu toggles */
@media only screen and (min-width: 768px) { .site-navigation .nav-menu { display: block; } }
@media only screen and (max-width: 767px) { .menu-toggle { display: block; } }

/* Tablet (portrait) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.wrap { max-width: 80%; }
	.widget .search-form input[type="text"] { width: 89%; }
	.widget table { font-size: 0.8461538461538462em; }
	#sidebar-subsidiary .widget table { width: 90%; }
}
/* Mobile (portrait) */
@media only screen and (max-width: 767px) {
	.wrap { max-width: 80%; }
	body { line-height: 1.615384615384615em; }
	p { margin-bottom: 1.615384615384615em; }
	#branding {
		float: left;
		width: 100%;
		position: relative;
	}
	#site-description { font-size: 1.3em; }
	#menu-primary .menu-toggle { width: 100%; }
	.menu-toggle { display: block; }
	#menu-primary {
		float: left;
		clear: both;
		width: 100%;
		margin-top: 10px;
	}
	#menu-primary .menu, #menu-primary .menu ul, #menu-primary ul li { 
		float: left;
		width: 100%;
	}
	#menu-primary li { min-height: 0; }
	#menu-primary li ul, #menu-primary li li {
		display: block !important;
		visibility: visible !important;
		border: none !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
	}
	#menu-primary li ul {
		position: relative !important;
		top: 0;
		left: 30px;
	}	
	#menu-primary li li ul { left: 30px !important; }
	#menu-primary li:hover ul, #menu-primary li.sfHover ul {
		display: block !important;
		top: 0 !important;
	}
	.menu .sf-with-ul { background: none !important; }	
	#menu-primary li a, #menu-primary li li a {
		display: block;
		width: 100%; 
		font-size: 13px;
		padding: 1em 0;
		margin-left: 0;
	}	
	#menu-primary li a:hover { background: none; }
	#content { width: 100%; }
	.comment-list li li { padding-left: 0; }
	#sidebar-primary {
		width: 100%;
		clear: left;
	}
	#sidebar-subsidiary .widget { width: 100%; }
	#respond { width: 100%; }
	#footer { min-height: 85px; }
	.col-0 { width: 100% }
	.col-1 { width: 100% }
	.col-2 { width: 100% }
	.col-3 { width: 100% }
	.col-4 { width: 50% }
	.col-5 { width: 50% }
	.col-6 { width: 33.33% }
	.col-7 { width: 33.33% }
	.col-8 { width: 33.33% }
	.col-9 { width: 33.33% }
	.col-10 { width: 33.33% }
	.col-11 { width: 33.33% }
	.col-12 { width: 33.33% }
	.col-13 { width: 33.33% }
	.col-14 { width: 33.33% }
	.col-15 { width: 33.33% }
	.col-16 { width: 33.33% }
	.col-17 { width: 33.33% }
	.col-18 { width: 33.33% }
	.col-19 { width: 33.33% }
	.col-20 { width: 33.33% }
	.col-21 { width: 33.33% }
	.col-22 { width: 33.33% }
	.col-23 { width: 33.33% }
	.col-24 { width: 33.33% }
	.col-25 { width: 33.33% }
	.col-26 { width: 33.33% }
	.col-27 { width: 33.33% }
	.col-28 { width: 33.33% }
	.col-29 { width: 33.33% }
	.col-30 { width: 33.33% }	
}