@font-face {
    font-family: 'grupporegular';
    src: url('/layout/font/gruppo-regular-webfont.woff2') format('woff2'),
         url('/layout/font/gruppo-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html, body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font: 100%/1.4 "grupporegular", sans-serif;
	color: #000;
   
}
.pagewrap {
	width: 98%;
    padding:0 1%;
	margin: 0 auto;
	/*background:#CCC;*/
	text-align: center;
}


.item-pagedreid{
	max-width: 1200px;
	margin:0 auto;
}

.item-pagedreid h2{
	font-size:200%;
	font-weight: normal;
}

.item-pagedreid p{
	font-size:180%;
	font-weight: normal;
}

.item-pagedreid h3{
	font-size:170%;
}

.item-pagedreid h4{
	font-size:150%;
	padding:20px 0 0 0;
}


@media only screen and (max-width: 600px) {
    .ba-image img {
        width: 100% !important;
    }
}

@media (min-width: 768px){
.ba-gallery{
   width: 98%;
}
}  

@media (min-width: 1470px){
.ba-gallery{
   width: 100%;
}
}  

.ba-modal-header, .ba-modal .ba-modal-header,  .ba-modal .header-icons {
  box-shadow: none !important;
}



@media (min-width: 1024px){
.ba-modal-body > div.modal-image img {
box-sizing: border-box;
padding: 80px;
}
    }


@media (max-width: 1024px){
	.ba-scrollable {
	    background: #fff !important;
	}

.ba-icon-close.zmdi.zmdi-close/*, .zmdi.zmdi-fullscreen.display-lightbox-fullscreen, .ba-right-action.zmdi.zmdi-chevron-right, .ba-left-action.zmdi.zmdi-chevron-left*/{
color: #b3b3b3 !important;
    
}
}


@media (max-width: 1024px){
    .ba-gallery-grid.css-style-11 .ba-image .ba-caption {
        bottom: 0 !important;
        opacity: 1 !important;
    }
}




header {
	margin: 20px 0 40px 0;
	/*border-bottom:1px solid #000;*/
	text-align: center;
}
h1 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
.adress{
	font-size:100%;
}
a img {
	border: none;
}
a:link, a:visited {
	color: #000;
	text-decoration: none;
}
a:hover, a:active, a:focus {
}
.cols-1 {
	margin: 0 0 40px 0;
}

.quer{
	max-width:600px;
	width:100%;}
	
.hoch{
	max-width:450px;
	width:100%;
	}	

 @media only screen and (max-width: 600px) {
.cols-1 img {
	width: 90%;
	height: auto;
}
.hoch{
	max-width:600px;
	width:100%;
	}	
}