@CHARSET "UTF-8";

html {min-height:100%; position: relative; overflow-y: scroll;}
body {margin-bottom:50px;}

.col-12, .col-md-4, .col-md-8 {padding-right:8px; padding-left:8px; }
.container {position:relative;}
#logo {min-height:129px; padding-top: 14px; padding-bottom:14px;}
 #logo img {width:100%;}
.mitte{height: 100%;}

#footer {bottom:0; width:100%; position:absolute; height:50px; background-color:#ffffff;;}
.footer-block {margin:0 0; padding:0;}
#footermenu {margin:0 0;  padding:0;}


 
/*
//  BILDER
*/
 
 /* Sigplus Gallery */
.sigplus-gallery, .sigplus-gallery ul, .sigplus-gallery ul li, a.sigplus-image, .sigplus-summary {padding:0; margin:0 !important; border:0 !important;}

/*Karte auf Kontaktseite */
iframe.karte {width:100%; height:274px; border:0; float:left; padding-right:8px; margin-bottom:14px;}

/*Bilder/Galerien nach Austausch */
#page-image {width:100%; padding-right: 8px; float:left;}
 #page-image img {width:100%; margin-bottom:14px;}
.item-page .item-image, #item-gallery {display:none;}

.item, .items-leading div {clear:both;}
  .items-leading div div {clear:none;}
.item-image {width:100%;}
 .item-image img {width:100%; margin-bottom: 14px;}
/* alt */ .sigplus-gallery {width:100%;}
.sigplus-gallery {max-width: 364px;  float: left;  margin-right: 20px;  margin-top: -35px;}
 a.sigplus-image img {margin: 0 0 14px 0; padding:0; border:0 !important;}
.page-header a {color:#444444; text-decoration:none;}
.page-header a.hover {color:#444444; text-decoration:none;}
p.img_caption {display:none;}

@media (min-width: 768px) {
#page-image {width:50%; float:left;}
.item-image, iframe.karte {width:50%; padding-right:8px;}
.item-image img {float:left; margin-top:0 !important;}
.items-leading p, .item p, .item-page p, .item-page h1, .item-page h2 {margin-left:50%; padding-left:8px;}
.page-header {margin-left:50%; padding:8px;}
/* alt */ .page-header h1, .page-header h2 {margin-left:0; padding:0;}
 .page-header h1, .page-header h2 {  margin-left: 0;  padding: 0; }
}



/*
//  BLOG Klein
*/

.blog-klein {width: calc(100% + 16px); margin-left:-8px; font-size:85%}
.blog-klein p, .blog-klein .page-header {display:none;}
.blog-klein .item, .blog-klein .items-leading, .blog-klein .clearfix {clear:none;}
.blog-klein .items-leading, .blog-klein .item {float:left; width:50%;}
.blog-klein .item-image {position:relative !important; display:block !important; float:left !important; width:100% !important; padding:0 8px;}
@media (min-width: 992px) {.blog-klein .items-leading, .blog-klein .item {width:25%;}}

.blog-klein .item p.img_caption {display:block; margin:0; color:#444444;}
.blog-klein a {text-decoration:none;}
.blog-klein .item a p.img_caption {text-decoration:none; text-align:left;}
.blog-klein .item {}
.blog-klein .item p.img_caption {position:absolute; bottom:0; margin:auto 0 14px 0 !important; width:92%; padding: 0.5em 4% 0.5em 4%; background-color: #ffffff; height:4em;  opacity:0;}
.blog-klein .item:hover p.img_caption {opacity:0.7; transition: all  ease-in-out 300ms; -webkit-transition: all ease-in-out 300ms;
}



/*
//  MENUS
*/

#mainmenu a, #footermenu a {color:#444444; text-decoration: none; }
#mainmenu a:hover,
#mainmenu a:active,
#footermenu a:hover,
#footermenu a:active,
ul.nav li.active a {text-decoration: none; font-weight:700;}


/* Mainmenu */

#menu1,
#menu2 {height:129px; }

#menu1,
#menu2,
#menu3 {margin-bottom:14px;}


/* Startmenu */
#content-header ul.menu li {width:100%; float:left; margin-bottom:14px;}
#content-header ul.menu li a img {width:100%;}
#content-header .item {clear:none;}

@media (min-width: 768px) {
#content-header {width: calc(100% + 16px); margin-left:-8px;}
#content-header ul.menu li {padding:0 8px;}
#content-header ul.menu li.item-129 {width:50%;}
#content-header ul.menu li.item-130 {width:50%;}
}
	
@media (min-width: 992px) {
#content-header ul.menu li.item-128 {width:50%; }
#content-header ul.menu li.item-131 {width:50%;}
#content-header ul.menu li.item-129 {width:25%;}
#content-header ul.menu li.item-130 {width:25%;}
#content-header ul.menu li.item-132 {width:50%;}
 #content-header ul.menu li.item-132 a img { margin-top:-39%;}
}

@media (max-width: 721px) {
.sigplus-gallery {
  max-width: auto;
  float: left;
}
}

span.image-title {display:block; margin:0; color:#444444; font-size:85%}
a span.image-title {text-decoration:none; text-align:left; width:100%;}
span.image-title {bottom:0;  height:4em; margin:-4em 0 0 0 !important; width:92%; padding: 0.5em 4% 0.5em 4%; background-color: #ffffff;  opacity:0;}
a:hover span.image-title {opacity:0.7; transition: all  ease-in-out 300ms; -webkit-transition: all ease-in-out 300ms;}



/* Footermenu */

#footermenu ul li {min-width:90px;}
#footermenu ul li a {margin-right:8px;}