/* 1761838635.278 */
@charset "utf-8";


.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before {
	content:" ";
	display:block;
	background:#fff;
	position:absolute;
	z-index:30;
	-webkit-box-shadow:0 0 12px rgba(51,51,51,.5);
	-moz-box-shadow:0 0 12px rgba(51,51,51,.5);
	box-shadow:0 0 12px rgba(51,51,51,.5)
}

.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-horizontal .twentytwenty-handle:before {
	width:3px;
	height:9999px;
	left:50%;
	margin-left:-1.5px
}

.twentytwenty-vertical .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before {
	width:9999px;
	height:3px;
	top:50%;
	margin-top:-1.5px
}

.twentytwenty-after-label,
.twentytwenty-before-label,
.twentytwenty-overlay {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	-webkit-transition-duration:.5s;
	-moz-transition-duration:.5s;
	transition-duration:.5s
}

.twentytwenty-after-label,
.twentytwenty-before-label {
	-webkit-transition-property:opacity;
	-moz-transition-property:opacity;
	transition-property:opacity
}

.twentytwenty-after-label:before,.twentytwenty-before-label:before {
	color:#fff;
	font-size:13px;
	letter-spacing:.1em;
	position:absolute;
	background:rgba(255,255,255,.2);
	line-height:38px;
	padding:0 20px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px
}

.twentytwenty-horizontal .twentytwenty-after-label:before,
.twentytwenty-horizontal .twentytwenty-before-label:before {
	top:50%;
	margin-top:-19px
}

.twentytwenty-vertical .twentytwenty-after-label:before,
.twentytwenty-vertical .twentytwenty-before-label:before {
	left:50%;
	margin-left:-45px;
	text-align:center;
	width:90px
}

.twentytwenty-down-arrow,.twentytwenty-left-arrow,
.twentytwenty-right-arrow,.twentytwenty-up-arrow {
	width:0;
	height:0;
	border:6px inset transparent;
	position:absolute
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
	top:50%;
	margin-top:-6px
}

.twentytwenty-down-arrow,
.twentytwenty-up-arrow {
	left:50%;
	margin-left:-6px
}

.twentytwenty-container {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	z-index:0;
	overflow:hidden;
	position:relative;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none
}

.twentytwenty-container img {
	max-width:100%;
	position:absolute;
	top:0;
	display:block;
	height:auto!important
}

.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active :hover.twentytwenty-overlay {
	background:rgba(0,0,0,0)
}

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label {
	opacity:0
}

.twentytwenty-container * {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box
}

.twentytwenty-before-label{
	opacity:0
}

.twentytwenty-before-label:before{
	content:attr(data-content)
}

.twentytwenty-after-label{
	opacity:0
}

.twentytwenty-after-label:before{
	content:attr(data-content)
}

.twentytwenty-horizontal .twentytwenty-before-label:before{
	left:10px
}

.twentytwenty-horizontal .twentytwenty-after-label:before{
	right:10px
}

.twentytwenty-vertical .twentytwenty-before-label:before{
	top:10px
}

.twentytwenty-vertical .twentytwenty-after-label:before{
	bottom:10px
}

.twentytwenty-overlay {
	-webkit-transition-property:background;
	-moz-transition-property:background;
	transition-property:background;
	background:rgba(0,0,0,0);
	z-index:25
}

.twentytwenty-overlay:hover {
	background:rgba(0,0,0,.5)
}

.twentytwenty-overlay:hover .twentytwenty-after-label {
	opacity:1
}

.twentytwenty-overlay:hover .twentytwenty-before-label {
	opacity:1
}

.twentytwenty-before {
	z-index:20
}

.twentytwenty-after{ 
	z-index:10
}

.twentytwenty-handle {
	height:38px;
	width:38px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-22px;
	margin-top:-22px;
	border:3px solid #fff;
	-webkit-border-radius:1000px;
	-moz-border-radius:1000px;
	border-radius:1000px;
	-webkit-box-shadow:0 0 12px rgba(51,51,51,.5);
	-moz-box-shadow:0 0 12px rgba(51,51,51,.5);
	box-shadow:0 0 12px rgba(51,51,51,.5);
	z-index:40;
	cursor:pointer
}

.twentytwenty-horizontal .twentytwenty-handle:before {
	bottom:50%;
	margin-bottom:22px;
	-webkit-box-shadow:0 3px 0 #fff,0 0 12px rgba(51,51,51,.5);
	-moz-box-shadow:0 3px 0 #fff,0 0 12px rgba(51,51,51,.5);
	box-shadow:0 3px 0 #fff,0 0 12px rgba(51,51,51,.5)
}

.twentytwenty-horizontal .twentytwenty-handle:after {
	top:50%;
	margin-top:22px;
	-webkit-box-shadow:0 -3px 0 #fff,0 0 12px rgba(51,51,51,.5);
	-moz-box-shadow:0 -3px 0 #fff,0 0 12px rgba(51,51,51,.5);
	box-shadow:0 -3px 0 #fff,0 0 12px rgba(51,51,51,.5)
}

.twentytwenty-vertical .twentytwenty-handle:before {
	left:50%;
	margin-left:22px;
	-webkit-box-shadow:3px 0 0 #fff,0 0 12px rgba(51,51,51,.5);
	-moz-box-shadow:3px 0 0 #fff,0 0 12px rgba(51,51,51,.5);
	box-shadow:3px 0 0 #fff,0 0 12px rgba(51,51,51,.5)
}

.twentytwenty-vertical .twentytwenty-handle:after {
	right:50%;
	margin-right:22px;
	-webkit-box-shadow:-3px 0 0 #fff,0 0 12px rgba(51,51,51,.5);
	-moz-box-shadow:-3px 0 0 #fff,0 0 12px rgba(51,51,51,.5);
	box-shadow:-3px 0 0 #fff,0 0 12px rgba(51,51,51,.5)
}

.twentytwenty-left-arrow {
	border-right:6px solid #fff;
	left:50%;
	margin-left:-17px
}

.twentytwenty-right-arrow {
	border-left:6px solid #fff;
	right:50%;
	margin-right:-17px
}

.twentytwenty-up-arrow {
	border-bottom:6px solid #fff;
	top:50%;
	margin-top:-17px
}

.twentytwenty-down-arrow {
	border-top:6px solid #fff;
	bottom:50%;
	margin-bottom:-17px
}



#content .box_fadegallery {
	position:relative;
	display:block!important;
	width:100%!important;
	margin-bottom:40px!important
}

#content .box_fadegallery #content .box_fadegallery .cycler {
	position:relative;
	display:block!important;
	height:0
}

#content .box_fadegallery .cycler#parkhaus {
	padding-bottom:calc(584/908 * 100%)
}

#content .box_fadegallery .cycler#buerogebaeude {
	padding-bottom:calc(511/908 * 100%)
}

#content .box_fadegallery .cycler img {
	position:absolute;
	z-index:1;
	width:auto;
	max-width:100%;
	height:auto
}

#content .box_fadegallery .cycler img.active {
	z-index:3
}

#content .box_fadegallery .cycler_controls {
	position:absolute;
	left:0;
	bottom:-16px;
	z-index:4;
	width:100%;
	line-height:120%;
	display:block;
	text-align:center
}

@media (max-width:988px){
	#content .box_fadegallery .cycler_controls {
		bottom:-40px
	}
	#content .box_fadegallery {
		margin-bottom:60px!important
	}
}

#content .box_fadegallery .cycler_controls a {
	margin-right:4px;
	display:inline-block;
	padding:2px;
	min-width:8px;
	min-height:8px;
	font-size:100%;
	line-height:100%;
	background-color:#a7a8a7;
	color:#fff;
	text-decoration:none;
	text-align:center!important
}

#content .box_fadegallery .cycler_controls a#pause_resume {
	padding:0;
	width:12px;
	height:12px;
	max-width:12px;
	max-height:12px
}







#content .box_fadegallery {
	width:100%;
	max-width:908px !important;
	margin:0 auto !important;
	text-align:left !important;
}

.cycler .ui-slider,
#buerogebaeude_slider,
#parkhaus_slider {
	margin:46px 1% 40px 1% !important;
	width:98% !important;
	z-index: 400;
}

.ui-widget.ui-widget-content {
	border: 1px solid #000682;
}

.ui-widget-content {
	border: 1px solid #ddd;
	background: #ccc;
	color: #333;
}

.custom-handle,
.ui-slider-handle,
#buerogebaeude_custom-handle,
#parkhaus_custom-handle {
	width:24px;
	height:24px;
	border-radius:50%;
	margin-top:-5px;
	line-height:100%;	
	text-align: center;
	background:#000682;
	color:#fff;
	border:none;
}

#content .box_fadegallery .cycler_controls {
	position: absolute;
	left: auto;
	bottom: -32px;
	z-index: 4;
	width: 100%;
	line-height: 100%;
	display: block;
	text-align: center;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 6px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 6px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 6px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 6px;
}

#content .box_fadegallery .cycler_controls a,
#content .box_fadegallery .cycler_controls span {
	margin-right: 0px;
	display: inline-block;
	padding: 0px;
	width: 20px;
	height: 20px;
	max-width: 20px;
	max-height: 20px;
	font-size: 100%;
	line-height: 100%;
	background-color: #a7a8a7;
	border:4px solid #a7a8a7;
	color: #fff;
	text-decoration: none;
	text-align: center !important;
	border-radius:50% !important;
	cursor:pointer;
}