body, html {
    height: 100%;
    width: 100%;
    background-color: #ececec;
	
	font-family: 'Barlow', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	
	color: #403d3d;
    -webkit-font-smoothing: antialiased;
}
body #page-content {
	overflow: hidden;
}
body.mean-container #page-content {
	overflow: visible;
}

.absolute {
	position: absolute;
}
.like-table {
    display: table;
    width: 100%;
	height: 100%;
	
}
.like-table.row {
    margin: 0;
}
.like-table.row.grid {
    margin: 0;
	margin-bottom: 30px;
}
.like-table-cell-top {
    display: table-cell;
    vertical-align: top;
    float: none;
	height: 100%;
}
.like-table-cell-mid {
    display: table-cell;
    vertical-align: middle;
    float: none;
	height: 100%;
	padding-bottom: 1.5em;
}
.transbox .like-table-cell-mid {
	padding-bottom: 0;
}
@media only screen and (max-width:767px) {
	.like-table,
    .like-table-cell-top,
	.like-table-cell-mid {
        display: block;
		height: auto;
    }
}
.clear {
	clear: both;
}
.full-size {
    width: 100%;
    height: 100%;
}
.full-height {
    height: 100%;
}
.modal-content img, .imgwidth img {
    max-width: 100%;
    height: auto;
}
.imgwidthfull img {
	width: 100%;
	height: auto;
}
.imgwidth img {
	max-width: 100%;
	height: auto;
}

@-webkit-keyframes scroll {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}
#portalslider .scroll {
	display: none;
	width: 26px;
	height: 46px;
	border-radius: 13px;
	border: 2px solid #fff;
	position: absolute;
	bottom: 22px;
	left: 50%;
	margin-left: -13px;
	z-index: 10;
	cursor: pointer;
	opacity: 0.6;
	-webkit-transition: border 0.3s ease-in-out;
    -moz-transition: border 0.3s ease-in-out;
    -o-transition: border 0.3s ease-in-out;
    transition: border 0.3s ease-in-out;
}
#portalslider .scroll:hover {
	opacity: 1.0;
}
/*
#header.background--light + #portalslider .scroll {
	border: 2px solid #605e5e;
}
#header.background--light + #portalslider .scroll span {
	background: #605e5e;
}
*/
#portalslider .scroll span {
	display: block;
	margin: 6px auto;
	width: 6px;
	height: 6px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid transparent;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: scroll;
	animation-name: scroll;
	-webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}

/*------------
Text
-------------*/
.rosa {
	color: #f19c9e;
}
.gelb {
	color: #fef7c0;
}
.dunkelgelb {
	color: #e4cf9a;
}
.blau {
	color: #87bbe0;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: inherit;
}
h1 {
	font-size: 2.5em;
	letter-spacing: .05em;	
	margin-bottom: .5em;
}
h1 strong,
h1 b {
	font-family: 'Merriweather', serif;
}
@media only screen and (max-width:1199px) {
    h1 {
        font-size: 2.0em;
    }
}
@media only screen and (max-width:991px) {
    h1 {
        font-size: 1.8em;
    }
}
@media only screen and (max-width:767px) {
    h1 {
        font-size: 1.6em;
    }
}
.headliner h1 {
	position: relative;
	margin: 0 auto;

	display:table;
	padding-bottom: .5em;

	margin-bottom: .5em;
}
.headliner h1:after {

    background-color: #a99172;
	content: '';
	position: absolute;
	bottom: 3px;
	left: 0;
	width: 80%;
	height: 3px;
	margin: 3px 0 0 10%;

	-webkit-transition: all 5s ease-in-out;
	-moz-transition: all 5s ease-in-out;
	-o-transition: all 5s ease-in-out;
	transition: all 5s ease-in-out;
	-webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	transform-origin: 50% 100%;

}
.headliner .loaded h1:after {

    -webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);

}
h2 {
	font-size: 1.8em;
	color: #84332E;
	margin-bottom: .5em;
}
@media only screen and (max-width:1199px) {
    h2 {
        font-size: 1.6em;
    }
}
@media only screen and (max-width:991px) {
    h2 {
        font-size: 1.4em;
    }
}
@media only screen and (max-width:767px) {
    h2 {
        font-size: 1.2em;
    }
}

.likeh2 {
	font-size: 1.8em;
	color: #84332E;
	margin-bottom: .5em;
}
@media only screen and (max-width:1199px) {
    .likeh2 {
        font-size: 1.6em;
    }
}
@media only screen and (max-width:991px) {
    .likeh2 {
        font-size: 1.4em;
    }
}
@media only screen and (max-width:767px) {
    .likeh2 {
        font-size: 1.2em;
    }
}

p {
	font-size: 1.3em;
	line-height: 1.8;
	letter-spacing: .05em;
	margin: 0 0 2vw;
}
@media only screen and (max-width:1199px) {
    p {
        font-size: 1.2em;
    }
}
@media only screen and (max-width:991px) {
    p {
        font-size: 1.0em;
    }
}
@media only screen and (max-width:767px) {
    p {
        font-size: 0.9em;
    }
}

ul li {
	font-size: 1.3em;
	line-height: 1.8;
	letter-spacing: .05em;
}
@media only screen and (max-width:1199px) {
    ul li {
        font-size: 1.2em;
    }
}
@media only screen and (max-width:991px) {
    ul li {
        font-size: 1.0em;
    }
}
@media only screen and (max-width:767px) {
    ul li {
        font-size: 0.9em;
    }
}

.bulletscheck ul {
	padding: 0;
	padding-bottom: 0px;
	list-style: none;
}
.bulletscheck ul li {
	padding: 0 0 0.5vw 35px;
	position: relative;
	display: block;	
}
.bulletscheck ul li:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f00c";
	font-weight: 600;
	color: #16a958;
	font-size: 1.1rem;
	font-style: normal;
	font-variant: normal;
	
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	margin-right: 17px;
	margin-left: -35px;
}

.btn-outline {
	text-transform: uppercase;
	font-size: 0.9em;
	letter-spacing: .15em;
	/* text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); */
	display: inline-block;
	padding: 18px 60px 15px;
	margin-bottom: 0;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	color: #403d3d;
	border: 1px solid #403d3d;
	
	border-radius: 5px;
	
	-webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-duration: 1.1s;
    -moz-transition-duration: 1.1s;
    transition-duration: 1.1s
}
@media only screen and (max-width:1199px) {
    .btn-outline {
        padding: 12px 40px 10px;
		font-size: 0.8em;
    }
}
@media only screen and (max-width:991px) {
    .btn-outline {
        padding: 8px 30px 6px;
		font-size: 0.7em;
    }
}
@media only screen and (max-width:767px) {
    .btn-outline {
        padding: 6px 20px 4px;
		font-size: 0.6em;
    }
}
.darkbox .btn-outline,
.blueboxlight .btn-outline,
.blueboxdark .btn-outline {
    color: #000;
	border: 1px solid #f8ee83;
	background-color: rgba(248, 238, 131, 1.0);
}
.btn-outline:hover {
	color: #912d1e;
	border: 1px solid #912d1e;
	background-color: rgba(255, 255, 255, 1.0);
	/*
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	*/
}



/*------------
HEADER
-------------*/
#headertop {
	display: block;
	background-color: rgba(255, 255, 255, 0.4);
	padding: 4px 28px 3px;
	font-size: 15px;
	line-height: 1;
	-webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}
#headertop:hover {
	background-color: rgba(255, 255, 255, 0.8);
}

#header.background--dark #headertop,
#header.background--light #headertop {
	background-color: rgba(0, 0, 0, 0.3);
}
#header.background--dark #headertop:hover,
#header.background--light #headertop:hover {
	background-color: rgba(0, 0, 0, 0.7);
}


@media only screen and (max-width:1400px) {
    #headertop {
		font-size: 14px;
	}
}
@media only screen and (max-width:1199px) {
    #headertop {
		font-size: 13px;
	}
}
@media only screen and (max-width:991px) {
    #headertop {
		font-size: 12px;
	}
}
@media only screen and (max-width:767px) {
    #headertop {
		display: none;
	}
}

#headertop .header-right {
	float: right;
	margin: 0 0 0 25px;
}
#headertop .header-right a {
	line-height: 30px;
	color: #999999;
}
#headertop .header-right .form-group {
    margin-bottom: 0px;
}
#headertop .headsearch {
	position: relative;
}
#headertop .headsearch input {
	text-indent: 26px;
	border: 1px solid #999999;
	background-color: transparent;
	height: 28px;
	padding: 2px 10px 0;
	font-size: 14px;
	border-radius: 6px;
}
@media only screen and (max-width:1400px) {
    #headertop .headsearch input {
		font-size: 14px;
		height: 28px;
	}
}
@media only screen and (max-width:1199px) {
    #headertop .headsearch input {
		font-size: 13px;
		height: 26px;
	}
}
@media only screen and (max-width:991px) {
    #headertop .headsearch input {
		font-size: 12px;
		height: 24px;
	}
}
#headertop .headsearch .fa-search { 
	position: absolute;
	top: 6px;
	left: 8px;
	color: #999999;
}
#headertop .languages a, 
#headertop .languages a:link, 
#headertop .languages a:visited {
    display: block;
    text-align: center;
    float: right;
    color: #999999;
    background-color: transparent;
    font-size: 12px;
    width: 24px;
    padding: 6px 2px 4px 2px;
    margin: 3px 0 0 10px;
    text-decoration: none;
    -moz-border-radius:1px;
    -webkit-border-radius:1px; 
    border-radius:1px;
	line-height: 1;
}
#headertop .languages a:hover {
    color: #fff;
    background-color: #777;
    text-decoration: none;
}
#headertop .languages a.active {
    color: #fff;
    background-color: #999999;
}

#header {
	/*
	position: absolute;
	*/
	top: 0;
	left: 0;
	z-index: 999;
	margin: 0;
	background: #fbf4ea;
	/*
	background: rgba(169,145,114,1.0);
	*/
	line-height: 0;
	width: 100%;
	border-bottom: 5px solid #F2D1A0;
	
	-webkit-transition: .27s linear;
    -moz-transition: .27s linear;
    transition: .27s linear;
}
.fullparallax #header {
	background: rgba(255,255,255,0.85);
}
@media only screen and (max-width:1400px) {
    #header {
    }
}
@media only screen and (max-width:1199px) {
    #header {
    }
}
@media only screen and (max-width:767px) {
    #header {
		
    }
}
@media only screen and (max-width:767px) {
    #header.absolute {
		height: 60px;
    }
}
#header .headerlogo {
	display: block;
}
#header .headerlogo img.lwh {
	display: none;
}
#header .headerlogo img.lbl {
	display: block;
}
#header.background--dark .headerlogo img.lwh {
	display: block;
}
#header.background--light .headerlogo img.lwh {
	display: block;
}
#header.background--dark .headerlogo img.lbl {
	display: none;
}
#header.background--light .headerlogo img.lbl {
	display: none;
}

#header .stickylogo {
	display: none;
}
.headerlogo {
	float: left;
	width: 600px;
	height: auto;
	padding: 30px 0 0 30px;
	-webkit-transition: .27s linear;
    -moz-transition: .27s linear;
    transition: .27s linear;
}
@media only screen and (max-width:1400px) {
    #header .headerlogo {
        
    }
}
@media only screen and (max-width:1199px) {
    #header .headerlogo {
	width: 500px;
	padding: 25px 0 0 25px;
    }
}
@media only screen and (max-width:991px) {
    #header .headerlogo {
	width: 350px;
	padding: 20px 0 0 20px;
    }
}
@media only screen and (max-width:767px) {
    #header .headerlogo {
	width: 300px;
	padding: 15px 0 15px 15px;
    }
}
.headerlogo img {
	width: 100%;
	height: auto;
	/*
	-moz-filter: drop-shadow(8px 8px 5px rgba(0,0,0,.8));
	-webkit-filter: drop-shadow(8px 8px 5px rgba(0,0,0,.8));
	-ms-filter: drop-shadow(8px 8px 5px rgba(0,0,0,.8));
	filter: drop-shadow(8px 8px 5px rgba(0,0,0,.8));
	*/
}
@media only screen and (max-width:991px) {
	/*
    .headerlogo img {
		-moz-filter: drop-shadow(4px 4px 5px rgba(0,0,0,.8));
		-webkit-filter: drop-shadow(4px 4px 5px rgba(0,0,0,.8));
		-ms-filter: drop-shadow(4px 4px 5px rgba(0,0,0,.8));
		filter: drop-shadow(4px 4px 5px rgba(0,0,0,.8));
    }
	*/
}



#respmenu {
display: none;
}

.headmenu {
	text-align: right;
	-webkit-transition: .27s linear;
    -moz-transition: .27s linear;
    transition: .27s linear;
}
#header .headmenu {
	/*
	margin-top: 20px;
	*/
	margin-right: 14px;
}
@media only screen and (max-width:1199px) {
    #header .headmenu {
    }
}
@media only screen and (max-width:991px) {
    #header .headmenu {
    }
}
@media only screen and (max-width:767px) {
    #header .headmenu {
    }
}
.headmenu .menu,
.headmenu .menu ul,
.headmenu .menu li,
.headmenu .menu a {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}
/*
.headmenu .menu {
	margin: 0 auto;
}
*/
.headmenu ul {
    display:inline-block; 
    list-style:none;
    zoom: 1;
}
.headmenu .menu li {
    display: block;
    float: left;
    list-style: none;
    position: relative;
	z-index: 999;
}
/* Links */
.headmenu .menu li a {
    display: block;
    padding: 0 25px;
    margin: 0 0 0 0;
    line-height: 120px;
    text-decoration: none;
	color: #84332E;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 1px;
    /*
    border-right: 1px solid #E8E8E4;
	text-transform: uppercase;
    opacity: 1.0;
    */
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}
@media only screen and (max-width:1400px) {
    .headmenu .menu li a {
    padding: 0 20px;
    line-height: 100px;
	font-size: 25px;
    }
}
@media only screen and (max-width:1199px) {
    .headmenu .menu li a {
    padding: 0 20px;
    line-height: 100px;
	font-size: 22px;
    }
}
@media only screen and (max-width:991px) {
    .headmenu .menu li a {
    padding: 0 20px;
    line-height: 80px;
	font-size: 20px;
    }
}
@media only screen and (max-width:767px) {
    .headmenu .menu li a {
    padding: 0 15px;
    line-height: 80px;
	font-size: 20px;
    }
}
.headmenu .menu li:hover > a { 
    color: #F2D1A0;
}
.headmenu .menu li.active a {
    color: #6b312d;
    /*
    opacity: 1.0;
    */
}
#header.background--dark .headmenu .menu li a,
#header.background--light .headmenu .menu li a {
	-webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
	color: #ececec;
}
#header.background--dark .headmenu .menu li:hover > a,
#header.background--light .headmenu .menu li:hover > a,
#header.background--dark .headmenu .menu li.active a,
#header.background--light .headmenu .menu li.active a {
	color: #fff;
}


.headmenu .menu li:first-child a {
    border-left: none;
}
.headmenu .menu li:last-child a { 
    border-right: none; 
    background-image: none;
}
.headmenu .child1 a { 

}
.headmenu .nochild1 a { 

}

/* Sub Menu */
.headmenu .menu ul {
    text-align: left;
    position: absolute;
    top: 70px;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
}
.headmenu .menu li:last-child ul {
	left: auto;
	right: 0;
}
.headmenu .menu li:hover > ul { opacity: 1; }
.headmenu .menu ul li {
    position: relative;
    height: 0;
    overflow: hidden;
    padding: 0;
    -webkit-transition: height .25s ease .1s;
    -moz-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
}
.headmenu .menu li:hover > ul li {
    height: auto;
    overflow: visible;
    padding: 0;
}
.headmenu .menu ul li a {
    width: 170px;
    padding: 6px 8px 6px 12px;
    margin: 0;
    line-height: 20px;
	color: #403d3d !important;
	font-size: 14px;
	letter-spacing: 1px;	
    text-align: left;
    background: rgba(255,255,255,0.9);
    border: none;
    border-bottom: 1px solid #ececec;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	-webkit-transition: .27s linear;
    -moz-transition: .27s linear;
    transition: .27s linear;
}
@media (max-width: 1199px) {
	.headmenu .menu ul li a {
		font-size: 13px;
	}
}
@media (max-width: 991px) {
	.headmenu .menu ul li a {
		font-size: 12px;
		padding: 6px 0px 6px 7px;
	}
}
@media (max-width: 767px) {
	.headmenu .menu ul li a {
		font-size: 12px;
	}
}


.headmenu .menu ul li:hover a {
	olor: #4b84be !important;
    background: rgba(255,255,255,1.0);
}
.headmenu .menu ul li.active a {
    color: #01468d !important;
	background: rgba(255,255,255,1.0);
}
.headmenu .menu li:last-child ul li a {
    padding: 6px 12px 6px 12px;
    text-align: right;
}
.headmenu .menu ul li:first-child a {
/*
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
*/
}
.headmenu .menu ul li:last-child a { 
/*
    border: none; 
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
*/
}
.headmenu .menu ul li ul {
    display: none;
}
@media (max-width: 1199px) {

}
@media (max-width: 991px) {
	.headmenu {
	padding: 0 0px 0 0;
	}
	.headmenu .menu li a {
    padding: 0px 7px;
    letter-spacing: 1px;
    }
	.headmenu .menu li:last-child ul li a {
	    padding: 6px 7px 6px 0px;
	}	
	
}
@media only screen and (min-width: 768px) {

}
@media (max-width: 767px) {
	.headmenu {
	display: none;
	}

}

#stickynav {
	position: absolute;
	width: 100%;
	z-index: 500;
	display: none;
}
#stickynav .headerlogo {
	display: none;
}
#stickynav .stickylogo {
	display: block;
	width: 300px;
	height: auto;
	margin: 6px 0 0 12px;
	position: absolute;
}
@media only screen and (max-width:991px) {
	#stickynav .stickylogo {
		width: 50px;
		height: auto;
	}
}
#stickynav .stickylogo img {
	width: 100%;
	height: auto;
}
#stickynav.overflow {
	display: block;
    left: 0px;
	top: -130px;
    background-color: #fff;
	background: rgba(255,255,255,0.95);
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
#stickynav.fixed {
    position: fixed;
	top: 0;
}
#stickynav .headernav {
	margin: 0px 10px 0 0;
	padding: 0;
}
#stickynav .headmenu .menu li a {
    line-height: 46px;
	color: #403d3d;
}
#stickynav .headmenu .menu li:hover > a { 
    color: #a79270;
}
#stickynav .headmenu .menu li.active a {
    color: #a79270;
    /*
    opacity: 1.0;
    */
}

#stickynav .headmenu .menu ul li a {
	line-height: 20px;
	background: rgba(255,255,255,0.95);
}
#stickynav .headmenu .menu ul li:hover a {
	olor: #000 !important;
    background: rgba(255,255,255,1.0);
}
#stickynav .headmenu .menu ul li.active a {
    color: #000 !important;
	background: rgba(255,255,255,1.0);
}

#stickynav .headmenu ul {
    float: right;
    list-style: none;
    zoom: 1;
	top: 46px;
}
#stickynav .headmenu ul:after {
    clear: both;
}



/*------------
Container
-------------*/
.whitebox {
	background: #fff;
}
.greybox {
	background: #ececec;
}
.darkbox {
	background: #272626;
}
.blueboxlight {
	background: #5886bf;
}
.blueboxdark {
	background: #1a4789;
}
.footerbox {
	background: #84332E;
	/*
	background-image: url(../upload/interface/Sandstein_d.jpg);
	background-position: center center;
	background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	*/
}

.whitebox, 
.whitebox a, 
.whitebox h1, 
.whitebox h2, 
.whitebox h3, 
.whitebox h4, 
.whitebox h5, 
.whitebox p {
	
}
.darkbox, 
.darkbox a, 
.darkbox h1, 
.darkbox h3, 
.darkbox h4, 
.darkbox h5, 
.darkbox p,
.blueboxlight, 
.blueboxlight a, 
.blueboxlight h1, 
.blueboxlight h3, 
.blueboxlight h4, 
.blueboxlight h5, 
.blueboxlight p,
.blueboxdark, 
.blueboxdark a, 
.blueboxdark h1, 
.blueboxdark h3, 
.blueboxdark h4, 
.blueboxdark h5, 
.blueboxdark p,
.transdark, 
.transdark a, 
.transdark h1, 
.transdark h2, 
.transdark h3, 
.transdark h4, 
.transdark h5, 
.transdark p {
    color: #fff;
}


.darkbox h2,
.blueboxlight h2,
.blueboxdark h2 {
    color: #f8ee83;
}
.darkbox h2.rosa,
.blueboxlight h2.rosa,
.blueboxdark h2.rosa {
	color: #f8ee83;
}
.darkbox h2.gelb,
.blueboxlight h2.gelb,
.blueboxdark h2.gelb {
	color: #f8ee83;
}
.darkbox h2.blau,
.blueboxlight h2.blau,
.blueboxdark h2.blau {
	color: #87bbe0;
}

.darkbox.headliner h1::after,
.blueboxlight.headliner h1::after,
.blueboxdark.headliner h1::after {
    background-color: #f8ee83;
}

.contentpadding {
	padding: 8vw 0;
}
.contentpaddinghalf {
	padding: 4vw 0;
}
.contentpaddingtwo {
	padding: 2vw 0;
}
.infobox .contentpadding {
	padding: 4vw 0;
}
.contentpaddingxxl {
	padding: 12vw 0;
}

/* NEU */
.contentpaddings {
	padding-top: 2vw;
}
.contentpaddingm {
	padding-top: 4vw;
}
.contentpaddingl {
	padding-top: 6vw;
}
.contentpaddingxl {
	padding-top: 8vw;
}
.contentpaddingnull {
	padding-top: 0;
}

.contentpaddingus {
	padding-bottom: 2vw;
}
.contentpaddingum {
	padding-bottom: 4vw;
}
.contentpaddingul {
	padding-bottom: 6vw;
}
.contentpaddinguxl {
	padding-bottom: 8vw;
}
.contentpaddingunull {
	/*
	padding-bottom: 1px;
	*/
}

.transparentbox .contentpaddingunull {
	padding-bottom: 0px;
}

.compact .contentpaddingm {
	padding-top: 2vw;
}
.compact .contentpaddingum {
	padding-bottom: 2vw;
}


@media only screen and (max-width:991px) {
    .contentpaddings {
		padding-top: 4vw;
	}
	.contentpaddingm {
		padding-top: 6vw;
	}
	.contentpaddingl {
		padding-top: 8vw;
	}
	.contentpaddingxl {
		padding-top: 10vw;
	}
	
	.contentpaddingus {
		padding-bottom: 4vw;
	}
	.contentpaddingum {
		padding-bottom: 6vw;
	}
	.contentpaddingul {
		padding-bottom: 8vw;
	}
	.contentpaddinguxl {
		padding-bottom: 10vw;
	}
	
	.compact .contentpaddingm {
		padding-top: 4vw;
	}
	.compact .contentpaddingum {
		padding-bottom: 4vw;
	}
}
@media only screen and (max-width:767px) {
    .contentpaddings {
		padding-top: 6vw;
	}
	.contentpaddingm {
		padding-top: 8vw;
	}
	.contentpaddingl {
		padding-top: 10vw;
	}

	.contentpaddingus {
		padding-bottom: 6vw;
	}
	.contentpaddingum {
		padding-bottom: 8vw;
	}
	.contentpaddingul {
		padding-bottom: 10vw;
	}
	
	.compact .contentpaddingm {
		padding-top: 6vw;
	}
	.compact .contentpaddingum {
		padding-bottom: 6vw;
	}
	
	.portalvideo .contentpaddingm {
		padding-top: 0;
	}
}


.fixedbg {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 15px;
    position: relative;
    width: 100%;
}
.fixedbg .content {
	/*
	background: rgba(255,255,255,.9);
	*/
	border-radius: 5px;
	margin: 0 auto;
	padding: 30px 35px;
	text-align: center;
}
.fixedbg .content p:last-child {
	margin: 0;
}

.translight .colorlayer.mid {
	background: rgba(255, 255, 255, .7);
}
.translight .colorlayer.full {
	background: rgba(255, 255, 255, .9);
}
.transdark .colorlayer.mid {
	background: rgba(0, 0, 0, .4);
}
.transdark .colorlayer.full {
	background: rgba(0, 0, 0, .8);
}



.whitebox.fixedbg .colorlayer {
	background: rgba(255, 255, 255, .8);
}
.darkbox.fixedbg .colorlayer {
	background: rgba(0, 70, 142, .5);
}




.centeredbg {
	background-position: center center;
	background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.stretchimg {
	background-size: 100% auto;
}
.cover {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.contain {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
.fullauto {
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
}
.autofull {
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
}
.autoauto {
    -webkit-background-size: auto auto;
    -moz-background-size: auto auto;
    -o-background-size: auto auto;
    background-size: auto auto;
}

.topcenter,
.topcenter .parallax {
	background-position: top center !important;
}
.bottomcenter,
.bottomcenter .parallax  {
	background-position: bottom center !important;
}
.leftcenter,
.leftcenter .parallax  {
	background-position: left center !important;
}
.rightcenter,
.rightcenter .parallax  {
	background-position: right center !important;
}
.centercenter,
.centercenter .parallax  {
	background-position: center center !important;
}
.topleft,
.topleft .parallax  {
	background-position: top left !important;
}
.topright,
.topright .parallax  {
	background-position: top right !important;
}
.bottomleft,
.bottomleft .parallax  {
	background-position: bottom left !important;
}
.bottomright,
.bottomright .parallax  {
	background-position: bottom right !important;
}


.whitebox.centeredbg .colorlayer {
	background: rgba(255, 255, 255, .6);
}
.darkbox.centeredbg .colorlayer {
	background: rgba(50, 38, 38, .4);
}
.infobox h1 {
	margin-top: 0px;
}

.infobox h2 {
	color: #64ae24;
	color: #d0c871;
	margin-bottom: .5em;
}
.infobox ul,
.infobox li {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}
.infobox ul {
    list-style:none;
	/*
	white-space: pre-line;
	*/
	white-space: normal;
}
.infobox li {
    padding: 6px 14px;
	margin: 0 0 10px 0;
	/*
	background-color: #87bbe0;
	*/
	border: 1px solid #94826a;
	border-radius: 1px;
	font-size: 1.3em;
	letter-spacing: .05em;
	color: #94826a;
	display: inline-block;
}


.infobox .imgwidthfull img,
.infobox .imgwidth img {
	/*
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	*/
}

.transbox {
	height: 100%;
	padding: 1.5em 0.7em;
	background: rgba(255,255,255,0.8);
	border-radius: 1px;
	border: 1px solid #fff;
	-webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}
.transbox:hover {
	background: rgba(255,255,255,1.0);
}
@media only screen and (max-width:767px) {
    .transbox {
		height: auto;
	}
}

.transbox h1 {
	margin: 0;
	font-size: 1.4em;
}
.transbox p {
	font-size: 1.1em;
	margin: 0.5em 0 0 0;
}
@media only screen and (max-width:1199px) {
    .transbox p {
        font-size: 1.0em;
    }
}
@media only screen and (max-width:991px) {
    .transbox p {
        font-size: 0.9em;
    }
}
@media only screen and (max-width:767px) {
    .transbox p {
        font-size: 0.9em;
    }
}
.transbox, 
.transbox a, 
.transbox h1, 
.transbox h2, 
.transbox h3, 
.transbox h4, 
.transbox h5, 
.transbox p {
    color: #403d3d;
}

.footerbox {
	border-top: 5px solid #F2D1A0;
}
.footerbox, 
.footerbox a,
.footerbox p {
	color: #fff;
	line-height: 1.2;
	letter-spacing: .05em;
	margin: 0;
}

.footerbox .col-xs-12 {
    padding-bottom: 20px;
}
.footerbox a {
	font-size: 0.9em;
	-webkit-transition: .27s linear;
    -moz-transition: .27s linear;
    transition: .27s linear;
}
.footerbox p {
	font-size: 0.9em;
}
.footerbox p.footercontact {
	font-size: 0.8em;
	line-height: 1.4;
}
.footerbox p.footercontact a {
	font-size: 1.0em;
}
.footerbox h1 {
	color: #fff;
	font-size: 0.9em;
	letter-spacing: .05em;
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 3px solid #eedca7;
}
.footerbox h1 a {
	font-size: 1.0em;
}
.footerbox h1 a:hover {
	color: #fff;
	text-decoration: none;
}
/*
.footerbox ul {
	margin: 0 0 20px 0;
	padding: 0;
	padding-bottom: 0px;
	list-style: none;
}
.footerbox ul li {
	padding: 0 0 5px 20px;
	position: relative;
	display: block;
	letter-spacing: .05em;
	color: #808080;
}
.footerbox ul li:before {
	display: none;
	font-family: "Font Awesome 5 Regular";
	content: "\f101";
}
.footerbox ul li .svg-inline--fa {
    margin: 0 7px 0 -20px;
}
.footerbox ul li a {
	color: #cfcfcf;
}
.footerbox ul li a:hover {
	color: #d0c871;
	text-decoration: none;
}
*/

.footerlogo {
	width: 250px;
	height: auto;
	margin: 0 0 15px;
}


.footercopyright {
	color: #fff;
	margin: 2em 0 0;
}
.footercopyright p {
	font-weight: 400;
	color: #fff;
	line-height: 1.2;
	letter-spacing: .05em;
	margin: 0;
	font-size: 0.9em;
	display: inline;
}
.footeryear {
	color: #fff;
	line-height: 1.2;
	letter-spacing: .05em;
	margin: 0;
	font-size: 0.9em;
	display: inline;
}
.footercopyright p a {
	font-size: 1.0em;
	color: #fff;
}
.footercopyright p a:hover {
	color: #fff;
	text-decoration: underline;
}
@media only screen and (max-width:1199px) {
    .footercopyright p,
	.footeryear {
        font-size: 0.8em;
    }
}
@media only screen and (max-width:991px) {
    .footercopyright p,
	.footeryear {
        font-size: 0.7em;
    }
}
@media only screen and (max-width:767px) {
    .footercopyright p,
	.footeryear {
        font-size: 0.7em;
    }
}


/*------------
FX
-------------*/
/* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}


/*------------
Interface
-------------*/
#icon-scroll-up {
	position: fixed;
	bottom: 10px;
	right: 12px;
	z-index: 500;
	display: none;
	cursor: pointer;
	text-align: center;
	padding: 1px 6px 3px 6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: rgba(0,0,0,.3);
	color: #fff;
	/*
	-webkit-transition-duration: 1.1s;
    -moz-transition-duration: 1.1s;
    transition-duration: 1.1s;
	*/
}
#icon-scroll-up:hover {
	background-color: rgba(0,0,0,.5);
	
}

@font-face {
    font-family: 'si';
    src: url('socicon/socicon.eot');
    src: url('socicon/socicon.eot?#iefix') format('embedded-opentype'),
         url('socicon/socicon.woff') format('woff'),
         url('socicon/socicon.ttf') format('truetype'),
         url('socicon/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'si';
        src: url('socicon/socicon.svg') format('svg');
    }
}
.footerbox ul.soc {
	/*
    overflow:hidden;
	*/
    margin:0; 
	padding: 0px 0 0 0;
    list-style:none;
}
.footerbox ul.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
	padding:0;
	letter-spacing: 0;
}
.footerbox ul.soc li:before {
	display: none;
	content: "";
}
.footerbox ul.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 18px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 2px;
    color: #84332E;
    background-color: none;
	background-color: #ffffff;
}

.footerbox ul.soc a:hover {
    z-index: 2;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.footerbox ul.soc-icon-last{
    margin:0 !important;
}

.footerbox ul.soc li a.soc-facebook:hover {
	color: #fff;
    background-color: #3e5b98;
}
.soc-facebook:before {
    content:'b';
}
.footerbox ul.soc li a.soc-instagram:hover {
	color: #fff;
    background-color: #9c7c6e;
}
.soc-instagram:before {
    content:'x';
}
.footerbox ul.soc li a.soc-youtube:hover {
	color: #fff;
    background-color: #e02a20;
}
.soc-youtube:before {
    content:'r';
}
.footerbox ul.soc li a.soc-linkedin:hover {
	color: #fff;
    background-color: #3371b7;
}
.soc-linkedin:before {
    content:'j';
}





/*------------
Modal
-------------*/


/* Modal close */
.modal .close-button {
    height: 40px;
    width: 40px;
    position: relative;
    box-sizing: border-box;
    line-height: 40px;
    display: inline-block;
	float: right;
}
.modal .close-button:before, 
.modal .close-button:after {
	width: 40px;
	height: 1px;
	transform: rotate(-45deg);
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	display: block;
	background-color: #403d3d;
	transition: all 0.25s ease-out;
}
.modal .close-button:after {
	transform: rotate(-135deg);
}
.modal .close-button:hover:before,
.modal .close-button:hover:after {
	transform: rotate(0deg);
	height: 2px;
}

/* Modal style */
.modal-content {
    border-radius: 0px;
}

/* Modal content */
/*
Font Awesome 5 Solid
Font Awesome 5 Regular
Font Awesome 5 Light
Font Awesome 5 Brands
*/
.modal-body ul {
	margin: 0;
	padding: 0;
	padding-bottom: 0px;
	list-style: none;
	padding-bottom: 30px;
}
.modal-body ul li {
	padding: 0 0 0 15px;
	position: relative;
	display: block;
	
	font-size: 1.2em;
	letter-spacing: .05em;
	color: #403d3d;
}
.modal-body ul li:before {
	display: none;
	font-family: "Font Awesome 5 Light";
	content: "\f105";
}
.modal-body ul li .svg-inline--fa {
    margin: 0 8px 0 -15px;
}




/*------------
Kachel
-------------*/
.iconcontainer {
    display: inline-block;
    width: 100px;
    height: 100px;
    text-align: center;
    border-radius: 50%;
    background-color: #87bbe0;
    color: #fff;
    margin: 0px auto;
	margin-bottom: 15px;
}
.iconcontainer p {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 100px !important;
	font-size: 50px;
	margin: 0;
}
.icontext {
    
}


.circlebox .imgdiv {
    display: inline-block;
    width: 300px;
    height: 300px;
    text-align: center;
    border-radius: 50%;
    margin: 0px auto;
	margin-bottom: 15px;
	background-position: center center;
	background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	
	-webkit-transition: all 0.7s linear;
    -o-transition: all 0.7s linear;
    -moz-transition: all 0.7s linear;
    -ms-transition: all 0.7s linear;
    -kthtml-transition: all 0.7s linear;
    transition: all 0.7s linear;
}
@media only screen and (max-width:1199px) {
   .circlebox .imgdiv {
        width: 270px;
		height: 270px;
    }
}
@media only screen and (max-width:991px) {
    .circlebox .imgdiv {
        width: 200px;
		height: 200px;
    }
}
@media only screen and (max-width:767px) {
    .circlebox .imgdiv {
       width: 200px;
		height: 200px;
    }
}
.circlebox .boxinfo h1 {
    margin: 0 0 15px 0;
    font-size: 1.4em;
}
.circlebox .boxinfo p {
    font-size: 1.1em;
    margin: 0.5em 0 0 0;
}
.infobox.circlebox ul {
	white-space: normal;
	padding: 0 40px 20px;
}
@media only screen and (max-width:1199px) {
    .infobox.circlebox ul {
        padding: 0 20px 20px;
    }
}
@media only screen and (max-width:991px) {
    .infobox.circlebox ul {
        padding: 0 10px 20px;
    }
}
@media only screen and (max-width:767px) {
    .infobox.circlebox ul {
       padding: 0 0px 20px;
    }
}
.infobox.circlebox li {
    padding: 3px 10px 2px 10px;
	margin: 0 5px 5px 0;

	background-color: #87bbe0;
	/*
	border: 1px solid #87bbe0;
	*/
	border-radius: 1px;
	font-size: 0.8em;
	letter-spacing: .05em;
	color: #fff;
	display: inline-block;
}



.mosaicbox .mosaic {
	padding: 0;
	height: 285px;
	overflow: hidden;
}
@media only screen and (max-width:1199px) {
    .mosaicbox .mosaic {
        height: 235px;
    }
}
@media only screen and (max-width:991px) {
    .mosaicbox .mosaic {
       height: 180px;
    }
}
@media only screen and (max-width:767px) {
    .mosaicbox .mosaic {
        height: auto;
    }
}

.mosaicbox .mosaic .like-table-cell-mid {
    padding-bottom: 0;
	padding: 2em;
	background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	
	-webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
	
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
@media only screen and (max-width:1199px) {
    .mosaicbox .mosaic .like-table-cell-mid {
        padding: 1.5em;
    }
}
@media only screen and (max-width:991px) {
    .mosaicbox .mosaic .like-table-cell-mid {
       padding: 1em;
    }
}
@media only screen and (max-width:767px) {
    .mosaicbox .mosaic .like-table-cell-mid {
        padding: 1em;
		min-height: 200px;
    }
}



.greybox.mosaicbox .mosaic .like-table-cell-mid {
    background-color: #fff;
	background-color: rgba(255,255,255,.7);
}
.whitebox.mosaicbox .mosaic .like-table-cell-mid {
    background-color: #ececec;
	background-color: rgba(236,236,236,.7);
}
.greybox.mosaicbox .mosaic .like-table-cell-mid:hover {
	background-color: rgba(255,255,255,1.0);
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}
.whitebox.mosaicbox .mosaic .like-table-cell-mid:hover {
	background-color: rgba(236,236,236,1.0);
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}


.mosaicbox .mosaic h1 {
	font-size: 1.8em;
	letter-spacing: .05em;
	margin: 0;
	margin-bottom: .4em;
}
@media only screen and (max-width:1199px) {
    .mosaicbox .mosaic h1 {
        font-size: 1.6em;
    }
}
@media only screen and (max-width:991px) {
    .mosaicbox .mosaic h1 {
        font-size: 1.4em;
    }
}
@media only screen and (max-width:767px) {
    .mosaicbox .mosaic h1 {
        font-size: 1.2em;
    }
}


.mosaicbox .mosaic p {
	font-size: 1.1em;
	line-height: 1.4;
	letter-spacing: .05em;
	margin: 10px 0 0 0;
}
@media only screen and (max-width:1199px) {
    .mosaicbox .mosaic p {
        font-size: 0.9em;
    }
}
@media only screen and (max-width:991px) {
    .mosaicbox .mosaic p {
        font-size: 0.8em;
    }
}
@media only screen and (max-width:767px) {
    .mosaicbox .mosaic p {
        font-size: 0.8em;
    }
}







.lightboxgal {
	margin-top: 30px;
}
.lightboxgal.row {
	/*
	margin-right: 0px;
	margin-left: 0px;
	*/
}
.lightboxgal .col-xs-6 {
	padding-left: 0px;
}
.lightboxgalimgCon {	
	position: relative;
	height: 280px;
	margin: 0 0 30px 0;
	padding: 0px;
	overflow: hidden;	
	cursor: pointer;
	border: 5px solid #f5f5f5;
	background-color: #f5f5f5;

	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

	-webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -kthtml-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
@media only screen and (max-width:1199px) {
    .lightboxgalimgCon {
        height: 240px;
    }
}
@media only screen and (max-width:991px) {
    .lightboxgalimgCon {
        height: 200px;
    }
}
@media only screen and (max-width:767px) {
    .lightboxgalimgCon {
        height: 320px;
    }
}
.lightboxgalimgCon:hover {
	border: 5px solid #ffffff;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-transform: scale(1.01,1.01);
    -webkit-transform: scale(1.01,1.01);
    transform: scale(1.01,1.01);
}
.lightboxgalimg {
	position: relative;
	width: 100%;
    height: 100%;
	min-height:100%;
	overflow: hidden;
	opacity: 1;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	
	-webkit-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -kthtml-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
.lightboxgalimgCon:hover .lightboxgalimg {
	-moz-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
	opacity: 0.7;
}
.image_main_lb_link {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	margin-left: -10px;
	margin-top: -10px;
	color: #fff;
	pointer-events: none;
	opacity: 0;
	
	-moz-transform: scale(1.0,1.0);
    -webkit-transform: scale(1.0,1.0);
    transform: scale(1.0,1.0);  
	
	-webkit-transition: all 1.2s ease-in-out;
	-moz-transition: all 1.2s ease-in-out;
	-o-transition: all 1.2s ease-in-out;
	transition: all 1.2s ease-in-out;
}
.lightboxgalimgCon:hover .image_main_lb_link {
	opacity: 1;
	-moz-transform: scale(2.5,2.5);
    -webkit-transform: scale(2.5,2.5);
    transform: scale(2.5,2.5);  
}
.lightboxgalimg a {
	position: absolute;
	top: 0;
	left: 0;
    width: 100%;
    height: 100%;
	min-height:100%;
}
.lightboxgalimg a img {
    width: 100%;
    height: auto;
}




.image_main_lb {
	position: relative;
	margin: 5px 0 30px 0;
	/*
	background: #000;
	*/
	border: 5px solid #f5f5f5;
	background-color: #f5f5f5;
}
.image_main_lb:hover {
	border: 5px solid #ffffff;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-transform: scale(1.01,1.01);
    -webkit-transform: scale(1.01,1.01);
    transform: scale(1.01,1.01);
}
.image_main_lb img {
	width: 100%;
	height: auto;
	-webkit-transition: .27s linear;
    -moz-transition: .27s linear;
    transition: .27s linear;
	opacity: 1;
}
.image_main_lb img:hover {
	opacity: 0.7;
}
.image_main_lb a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.image_main_lb_link {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	margin-left: -10px;
	margin-top: -10px;
	color: #fff;
	pointer-events: none;
	opacity: 0;
	
	-moz-transform: scale(1.0,1.0);
    -webkit-transform: scale(1.0,1.0);
    transform: scale(1.0,1.0);  
	
	-webkit-transition: all 1.2s ease-in-out;
	-moz-transition: all 1.2s ease-in-out;
	-o-transition: all 1.2s ease-in-out;
	transition: all 1.2s ease-in-out;
}
.image_main_lb:hover .image_main_lb_link {
	opacity: 1;
	-moz-transform: scale(2.5,2.5);
    -webkit-transform: scale(2.5,2.5);
    transform: scale(2.5,2.5);  
}
.image_main_lb_info {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 10px;
	width: 100%;
	background-color: rgba(0,0,0,.7);
	pointer-events: none;
	/*
	opacity: 0;
	*/
	-webkit-transition: all 1.2s ease-in-out;
	-moz-transition: all 1.2s ease-in-out;
	-o-transition: all 1.2s ease-in-out;
	transition: all 1.2s ease-in-out;
}
.image_main_lb_info p {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.1em;
	margin: 0;
}
.image_main_lb:hover .image_main_lb_info {
	opacity: 1; 
}
.lightboxgalimgCon:hover .image_main_lb_info {
	opacity: 1;
}

.image_main_lb_link .fa {
	font: normal normal normal 20px/1 FontAwesome;
}



.colorboxes .colorbox {
	padding: 10px;
}
.colorboxes .content  {
	margin: 0 0 30px 0;
}
.colorboxes .content p {
	margin: 0px;
}
.colorboxes .colorbox:hover {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-transform: scale(1.01,1.01);
    -webkit-transform: scale(1.01,1.01);
    transform: scale(1.01,1.01);
}
.colorboxes .imgdiv {
	background-position: center center;
	background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	
	-webkit-transition: all 0.7s linear;
    -o-transition: all 0.7s linear;
    -moz-transition: all 0.7s linear;
    -ms-transition: all 0.7s linear;
    -kthtml-transition: all 0.7s linear;
    transition: all 0.7s linear;
}