/*
@import url('bootstrap.min.css');
*/

html, body { }

/* color-scheme */
:root {

	--psd-color-highlight:		#0186ba;	/* page-title */
	--psd-color-highlight2:		#666;		/* page-subtitle */
	--psd-color-accent: 		#655;
	--psd-color-strong:			#433;
	--psd-color-anchor:			#0186ba;
	--psd-color-anchor-light: 	##cff;
	--psd-color-light:			#fff;
	--psd-color-dark:			#000;

	/* background colors for page-sections */
	--psd-section-light:		#fff; 		/* default page-content-background */
	--psd-section-gray:			#333;		/* default page-background */
	--psd-section-lightgray:	#f0f0f0;
	--psd-section-lightblue:	#ddf0ff;
	--psd-section-lightyellow:	linen; /*#ffffdd;*/
	--psd-section-blue:			#0186ba; 	/* footer / background lightbox / .. */
}



body {
	background-color:var(--psd-section-gray);
	background-size:auto 100%; 
	background-attachment:fixed;
	background-image:url('bg-page-concrete.2000.jpg');
	background-repeat:repeat;
	}

a {color:var(--psd-color-anchor);}

#rSlider {background-color:#f0f0f0;}	
#slider2_container {
	position:relative;
	aspect-ratio: 100 / 35;
	width:100% !important;
	height:auto !important;
	overflow:hidden;
}
.imageHome {
	position:relative;
	padding-left:0 !important;
	padding-right:0 !important;
	aspect-ratio: 100 / 35;
	width: 100% !important;
	height: auto !important;
	overflow:hidden;
	background-position:center center;
	background-size: cover;
	background-attachment:local;
	background-repeat:no-repeat;
	}
.imageHome img { display:none;}


#rHeadlines { background:var(--psd-section-blue); }
#rHeadlines.offset {background:transparent;background-color:var(--psd-section-light);padding-bottom:5rem; }
#rHeadlines .headlines { background-color:transparent; color:var(--psd-color-light); padding-top:1rem;padding-bottom:0.5rem;  }
#rHeadlines.offset .headlines { background-color:var(--psd-section-blue); padding:1rem 2rem; position:absolute;top:-5rem;right:4%;width:70%;  }

#rContent { }	

/* Footer
********************************************************* */
#rFooter { background-color:var(--psd-section-blue); color:var(--psd-color-light); border-color:var(--psd-color-light);}
#rFooter div[class^="row"]:first-child {padding-top:1rem;}
#rFooter div[class^="row"]:last-child {padding-bottom:1rem;}
#rFooter .row div[class^="col-"] {padding-top:2rem;}

#rFooter a { color: var(--psd-color-anchor-light); }
#rFooter .metanavi a { margin-right:1rem; }
#rFooter h1 {font-size:1.8rem; padding-bottom:0.5rem; }

#rFooter table, 
#rFooter table tr, 
#rFooter table td, 
#rFooter table th { 
	background:transparent; 
	color:inherit; 
	border-color:inherit;
	border-left:0;
	border-right:0;
	border-top:0;
	}
#rFooter table td:first-child { font-weight:bold;}
#rFooter table.tblOpeningHours .active {
	color:bisque; /* gold khaki aqua */
}
.tblOpeningHours .active {
	font-weight:bold !important;
}
#rFooter .table > :not(caption) > * > * { padding: .2rem .2rem; }


/* overwrite bootstrap gutter
*********************************************************** */

body .navbar { background-color:var(--psd-section-light); }
body.boxed .navbar { background-color:transparent; }

body.boxed.big .container-xxl { max-width:1600px; }

.container-xxl, .row { 
	--bs-gutter-x: 2rem !important;
}
.row > * {
  flex-shrink: 0;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}

body {margin-top:3.5rem;}
.navbar {padding-top:0;padding-bottom:0; }
.navbar .nav-wrapper {
	position:relative;
	display: flex;
	flex-wrap: inherit;
	align-items: center;
	justify-content: space-between;
	padding-top:.5rem;
	padding-bottom:.5rem; 
	background-color:var(--psd-section-light); 
	width:calc(100% - 1rem);
	}
.boxed .navbar .nav-wrapper {
	width: 100%;
}
.navbar.fixed-top .nav-wrapper {transition: all 1s ease-in-out;	border-bottom:2px solid var(--psd-section-light);}
.navbar.fixed-top.bg .nav-wrapper {transition: all 1s ease-in-out; border-bottom:2px solid var(--psd-section-blue);}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {	
	color:var(--psd-color-highlight);
	}
.dropdown-item.active, .dropdown-item:active {
	background-color:var(--psd-section-lightgray); 
	color:var(--psd-color-highlight);
	text-decoration:underline;
	}


/* content-blocks */

.rContent { 
	padding-bottom:1rem; 
	padding-top:1rem; 
	background-color:var(--psd-section-light); 
	}
.rContent div[class^='col-'] {
	padding-top:1rem;
	padding-bottom:1rem;
}

.rContent h1.highlight + h2.highlight, 
.rContent h1 + h2 {
	margin-top:-2.0rem;
}

.rContent h1.highlight, #rContent h1:first-child{
	font-family:handwriting;
	font-size: calc(2rem + 1.5vw);
	color:var(--psd-color-highlight);
	margin-bottom:2rem;
}
.rContent h2.highlight, #rContent h2:first-child {
	font-family:handwriting;
	font-size: calc(1.4rem + 1.2vw);
	font-weight:normal;
	color:var(--psd-color-highlight2);
	margin-bottom:2rem !important;
}
.rContent h3, .rContent .h3 {
	text-transform:uppercase;
	color:var(--psd-color-accent);
	font-size: calc(1.2rem + .45vw);
}
.rContent strong {
	color:var(--psd-color-strong);
}

.sticky {
	position:sticky;
}
.rContent .sticky {
	top:3.6rem;
	z-index:999;
}
.rContent div.sticky {
	background:linear-gradient(#fff, #fff 60%, #fffe 75%, #fffd 90%, #fff0);
}


@media (min-width: 1200px) {
	.rContent h1.highlight, #rContent h1:first-child{
		font-size:3rem;
	}
	.rContent h2.highlight, #rContent h2:first-child{
		font-size:2.5rem;
	}
	.rContent .h3, .rContent h3 {
		font-size: 1.5rem;
	}
}

.rContent img {max-width:100%;height:auto;}
.unite_gallery { margin-bottom:2rem; margin-top:2rem; }


@media (max-width: 520px) {
	.imageHome {
		aspect-ratio: 100 / 50;
	}
	.rContent {
		hyphens:auto;
	}
	.rContent table {
		hyphens:manual;
	}
}


a[href^='tel:']::before {
	content: '\2706';
	font-size:inherit;
 	text-decoration:none;
}
.navbar a[href^='mailto:']::before {
	content: '\0040'; /* /2709 /0040 */
	font-size:inherit;
 	text-decoration:none;
	border:0;
	font-weight:500;
}

a[href^='tel:'],
.navbar a[href^='mailto:'] {
	text-decoration:none;
}
a[href^='tel:']:hover,
.navbar a[href^='mailto:']:hover {
	text-decoration:none;
}

.bg-light-gray { background-color:var(--psd-section-lightgray); }
.bg-light-blue { background-color:var(--psd-section-lightblue); }
.bg-light-yellow { background-color:var(--psd-section-lightyellow); }




/* lightbox overwrites
********************************************************* */
.ug-lightbox .ug-lightbox-overlay {
	background-color:var(--psd-section-blue) !important;
}
img.filter-grayscale,
.filter-grayscale img {
	filter:grayscale(100%);
	transition: all 0.4s ease-in-out;
}
.filter-grayscale:hover img,
img.filter-grayscale:hover {
	filter:grayscale(0%);
	transition: all 0.4s ease-in-out;
}
img.w100 {width:100%;}