html,body   { width: 100%; height: 100%; background-color: white; font: 14px/17px Verdana,Arial,sans-serif; color: #999; }
body		{ padding: 15px 0; }
img			{ display: inline-block; }
a 			{ color: #999; }
a.active	{ color: #491B3E; }
a:hover 	{ text-decoration: none; }

.container-fluid 	{ margin-bottom: 15px; }

.navbar-default		{ background-color: #fff; border-color: #fff; padding-top: 15px; text-align: right; }
.navbar button		{ margin-top: -9px; }
.navbar 			{ margin-bottom: 0px; min-height: 30px; }
.nav>li>a 			{ font-weight: bold; padding-right: 5px; }
.nav>li>a:hover		{ background-color: #fff; }
.logo 				{ margin-right: 15px; text-align: right; }

.content 			{ margin-top: 20px; }
/*.item 				{ padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #999; }*/
.page .item 		{ padding-top: 15px; padding-bottom: 15px; border-bottom: none; }
.text .item 		{ border-bottom: none; }
.item .caption 		{ margin: 10px 0 5px 0; }

.row .item     { padding-top: 15px; padding-bottom: 15px; }
.linelist .row+.row .item     { border-top: 1px solid #999; }


.title 				{ font-weight: bold; }
.subtitle			{ margin-bottom: 15px; }

/* override bootstrap */
@media ( max-width: 481px ) {
	body	{ padding: 15px 0 0 0; }
	.content			{ margin-left: 0px; margin-right: 0px; }
	.page li:first-child  	{ padding-bottom: 22px; }
	.logo 				{ margin-left: 0px; width: calc(100% - 60px); max-width: 100%; }
	.navbar button 		{ margin-right: 0px; }
	.content>div		{ margin-left: 0; margin-right: 0px; padding: 0; }
	.content>div>div		{ padding: 0; }
}
@media ( max-width: 767px ) {
	/*.linelist .row .item     { border-top: 1px solid #999; }*/
	.linelist .row+.row .item     { border-top: none; }
}
@media ( max-width: 991px ) {
	.nav 				{ border-right: none; margin-bottom: 25px; }
	.row.page>div.head	{ display: none; }
	.content.home .text { padding-left: 30px; padding-right: 30px; }
}

@media (min-width: 768px) {
  .navbar-toggle	{ display: block; }
}
@media (min-width: 992px) {
  .navbar-toggle	{ display: none; }
  .nav>li:first-child 	{ margin-left: -15px; }
  .content.home .text { padding-left: 0px; padding-right: 30px; }
}

/* karlkarl 2025-06-23 isotope */
/* isotope */
ul.grid                 { padding: 15px; list-style-type: none; }
.grid-item              { position: relative; background-color: transparent; }
.grid-item:before       { content: ''; background-color: black; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; transition: opacity 0.5s; }

.grid-item:hover:before	{ opacity: 0.5; }
.grid-item img          { width: 100%; }
.grid-item figcaption   { display: none; }
.grid-item:hover figcaption     { color: white; position: absolute; left: 5px; bottom: 5px; padding: 15px; display: inline-block; opacity: 1; }
.grid-item:hover figcaption h1  { font-size: 22px; font-weight: 500; color: white; margin-bottom: 5px; }
.grid-item:hover figcaption h2  { font-size: 17px; margin-top: 0; color: white; margin-bottom: 5px; }
.grid-item.nocaption:before     { content: none; }


/*.grid-sizer,
.grid-item    { width: calc( 100% / 2 - 30px ); vertical-align: top; }
.grid-sizer,
.grid-item    { width: calc(100% - 30px ); vertical-align: top; }
.grid-item 		{ margin-bottom: 30px; }
.gutter-sizer	{ width: 30px; }
*/

.grid-sizer,
.grid-item		{ width: calc( 32% - 5px ); }
.gutter-sizer	{ width: 2%; }
.grid-item 		{ margin-bottom: 1.5%; }



@media (max-width: 991px) {
.grid-sizer,
.grid-item		{ width: calc( 48% - 7.5px ); }
.gutter-sizer	{ width: 4%; }
.grid-item 		{ margin-bottom: 1.5%; }

}

@media (max-width: 767px) {
.grid-sizer,
.grid-item		{ width: calc( 100% - 30px ); }
.gutter-sizer	{ width: 4%; }
.grid-item 		{ margin-bottom: 1.5%; }

}