.ui-dialog.global{
	border:0!important;
	overflow:visible;
	padding: 0 0 20px 0 !important;
	/*overwrite style.css */ 
	width:95%!important; /*fallback */
	width:calc(100% - 40px)!important;
	margin:20px 0 0 0;	
	background:transparent!important;
}
.ui-dialog-global .mfp-iframe-holder{
	padding-right:20px;
	padding-left:20px;
}

@media screen and (min-width:1441px) {
	#top .ui-dialog.global{
		width:850px!important;
	}
}
@media screen and (min-width:1024px) and (max-width:1440px){
	#top .ui-dialog.global{
		max-width:750px!important;
	}
}
@media screen and (max-width:767px){
	#top .ui-dialog.global{
		width:calc(100% - 20px)!important;
		max-width:none!important;
		margin:10px 0 0 0;
		padding-bottom:10px!important;
	}

	.ui-dialog-global .mfp-iframe-holder{
	 padding-right:10px;
	 padding-left:10px;
  }
}

#top div.global.ui-dialog{ /* highest container */
	font-size: 18px!important;
}

.ui-dialog-global .mfp-iframe-holder {
	/* padding-right: 20px; */
	padding-top: 60px;
	padding-bottom:60px;
	position: relative;
	max-width: calc(160vh - 60px);
	margin: 0 auto;
}



	#top .global .ui-widget-header {
		font-size: 1.07em;
		font-weight: 700;
		background-color: #fff;
		color: #012965;
		letter-spacing:0.015em;
		border:0;
		border-bottom: 2px solid #103a71;
	}
	.global .ui-dialog-title, .global .ui-dialog-titlebar {
		top: 0px;
		background: #fff;
		border-radius:0;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		padding:5px 15px;
	}

	.global .ui-widget-header .ui-button{
		background-color: #F0F2F7E3;
		border: 1px solid #A6B6CB;
		box-shadow:none!important;
		border-radius: 100px;
		padding: 2px;
	}	
	.global .ui-widget-header .ui-button .ui-icon{
		border:0;
		background-color:transparent!important;	
		filter: sepia(100%) hue-rotate(190deg) saturate(1000%) brightness(50%)!important;
	}
	.ui-dialog .ui-dialog-titlebar-close {
		position: absolute;
		right: 15px;
		top: 50%;
		width: 24px;
		/* margin: -10px 0 0 0; */
		padding: 1px;
		height: 24px;
		margin: -12px 0 0 0;	
	}
	
	
.global div.ui-dialog-buttonpane {
	font-size: 1em;
	color: #051324;
	/* border-top: 2px solid #103A71; */
	background-color: #e2e7eeb3;
	bottom: 30px;
	padding: 30px 20px;
	margin: 0 !important;
	box-shadow: inset -0px 4px 8px -8px #000000b3;
	/* border-top: 2px solid #203f6875; */
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(231,231,231,1) 100%, rgba(255,255,255,1) 100%);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;	
}
	/* wrapper */
.global .ui-dialog-content, .global.ui-widget-content, .global.ui-widget, .global.ui-widget .ui-widget { /* wrapper */
	font-weight:300;
	font-style:normal;
	font-family:Lato, sans-serif;
	line-height:150%;
	color:#484848;
	font-size:1em!important;
}

/* Formular */
#top .global input, #top .global textarea, #top .global select{
	font-size:1.07em!important;
	line-height:105%!important;
	font-family:Lato, sans-serif!important;
	font-weight:400!important;
	color: #4A484A !important;
	border: 1px solid #79879966;
	
}
#top .global input[type="text"]:focus, #top .global textarea:focus , #top .global select:focus{
	box-shadow: 0px 0px 0px 2px #1956a6!important;
}


.orange {
	color: orange;
}

/* ui-dialog features like accordian (not buttons) / wrapper & UI-element class*/


.global .ui-widget.ui-button{ /* Buttons & Checkbox*/
	transition: all 0.2s ease-in-out;
}


.global .ui-dialog-content button.ui-button{ /* Buttons im dialog-content*/
	font-weight:bold;
}
.global .ui-dialog-buttonset .ui-button{ /* Buttons im buttonpanel*/
	font-weight:400;
}


/* ICONS of UI Elements */

/* DEFAULT STATE */
.global .ui-widget-content  .ui-checkboxradio-icon.ui-icon{
	box-shadow: 0px 0px 1px 1px rgba(12, 43, 84, 0.37);
	border: 2px solid #fff;
	background-color: #CED4DF;
}
.global .ui-widget-content .ui-icon {
	background-image: url("/wp-content/themes/enfold-child/ui-icons_ffffff_256x240.png");
	background-color:#103A71;
}

/* ACTIVE STATE */

.global .ui-state-active .ui-icon, .global .ui-button:active .ui-icon {
	background-image: url("/wp-content/themes/enfold-child/ui-icons_ffffff_256x240.png")!important;
	background-color:#012965!important;
}

/* HOVER STATE */

/* Hover of UI Elements */
.global .ui-state-hover .ui-icon, .global .ui-button:hover .ui-icon{
	background-image: url("/wp-content/themes/enfold-child/ui-icons_ffffff_256x240.png");
	background-color:#206CD5;
}

/* UI Elements */

/* DEFAULT STATE */
.global .ui-state-default, .global .ui-widget-content .global .ui-state-default, .global .ui-widget-header .ui-state-default, .global .ui-button, .html .global .ui-button.ui-state-disabled:hover, html .global .ui-button.ui-state-disabled:active {
	background-color:#F4F5F7;
	border:2px solid  #fff;
	box-shadow: 0px 0px 1px 1px rgba(12, 43, 84, 0.1);
	transition: all 0.2s ease-in-out;
	border-radius:3px;
	color:inherit;
	line-height: normal;
}

/* Active UI Elements */
.global .ui-state-active, .global .ui-widget-content .ui-state-active, .global .ui-widget-header .ui-state-active, .global a .ui-button:active, .global .ui-button:active, .global .ui-button.ui-state-active:hover {
	background-color:#fff;
	border-color:#fff;
	border-bottom:2px solid #012965;
	box-shadow:none!important;
	color:#222222;
}
/* Active UI Elements  -> Checkboxes */
.global .ui-checkboxradio-label.ui-state-active, .global .ui-widget-content .ui-checkboxradio-label.ui-state-active, .global .ui-widget-header .ui-checkboxradio-label.ui-state-active, .global a .ui-checkboxradio-label.ui-button:active, .global .ui-checkboxradio-label.ui-button:active, .global .ui-checkboxradio-label.ui-button.ui-state-active:hover {
	background-color:#F4F5F7;
	border:2px solid  #fff;
	box-shadow: 0px 0px 1px 1px rgba(12, 43, 84, 0.1)!important;
	border-radius:3px;
	color:#222222;
}


/* HOVER STATE */

.global .ui-state-hover, .global .ui-widget-content .ui-state-hover, .global .ui-widget-header .ui-state-hover,.global .ui-button:hover{
	background-color:#E3E9F0;
	box-shadow: 0px 0px 1px 1px rgba(12, 43, 84, 0.27);
}

.global  .ui-state-focus, .global .ui-widget-content .ui-state-focus, .global .ui-widget-header .ui-state-focus, .ui-button:focus, .ui-button:focus .ui-icon ,  .global .ui-state-focus .ui-icon{
	outline:none;
}
	
						

/* Checkbox-Standards */
/*  -----------------------------------------------------------------*/
#top .global label.ui-checkboxradio-label
{
	font-weight:300 !important;
	font-size:1em !important;
	line-height:inherit;
	color:inherit;

	padding: 15px 30px;
	margin-bottom:15px;
	width:100%;
	text-align:left;
}


#top .global #abschluss label.ui-checkboxradio-label .extLabel, #top .global #abschluss label.ui-checkboxradio-label .extLabel span{

	font-size:0.97em;
	line-height:130%;
	font-weight:300;

}


.global label.ui-checkboxradio-label .ui-checkboxradio-icon {
	position: absolute;
	top: 0em;
	margin-top: 17px;
	margin-left: -10px;
	border-width: 2px !important;
	left: 30px;
}
.global label.ui-checkboxradio-label .ui-checkboxradio-icon.red{
	border-color:red;
}

.global label.ui-checkboxradio-label .ui-checkboxradio-icon.ui-state-checked{
	border:none!important;
}



.global label.ui-checkboxradio-label .extLabel{
	margin-left:1.4em;
	line-height: 135%;
}
#premium_service .extLabel, #alternativ_prop_inspection_container .extLabel {
	color: #103a71;

}

#alternativ_prop_inspection_container .ui-button.ui-checkboxradio-label {
	border-color:#1956a6;

}
@media screen and (min-width:481px){
	.global label.ui-checkboxradio-label .extLabel.indent{
		text-indent: -0.5em;
		margin-left: 1.4em;
	}
}
/* accordion Standards */
/*  -----------------------------------------------------------------*/
.global .ui-accordion .ui-accordion-header {
	margin: 10px 0 0 0;
	padding: .75em .5em .75em 2.75em !important;
	
	font-weight: 400;
	line-height: 110%;
}

.global .ui-accordion .ui-accordion-content{
	background:#fff;
	padding:15px;
	line-height: inherit;
	color: inherit;
}

.global .ui-accordion .ui-icon {
	width: 20px;
	height: 20px;
	border-radius:4px;
	
}
.global .ui-accordion-header-icon.ui-icon.ui-icon {
	left: .75em;
	margin-top: -0.5em;
}

.global .ui-accordion .ui-icon-triangle-1-s {
	 background-position: -63px -14px;
}

.global .ui-accordion .ui-icon-triangle-1-e {
	 background-position: -30px -14px;
}

.global .ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon{
	transform: rotate( -180deg );
}	


/*  -----------------------------------------------------------------*/




/*----Buttonplane -------------------------*/
.global.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
	float:left;
	padding:0;
}

.global .ui-dialog-buttonpane button{
	border:2px solid;
	padding: 0.5em 1em;
	border-radius:5px;
}



.global .ui-dialog-buttonpane button.ui-button{
	margin: 5px 10px 5px 10px;
	color:#051324;
	border-color:#fff;
	background-color:#fff;
	
}

.global .ui-dialog-buttonpane button.ui-button:hover{
	background-color:#EAEAEA;
}


.global .ui-dialog-buttonpane button.ui-button#bt-submit{
	background-color:#103a71;
	color:#FFF;
	border-color:#092243;
}

	
.global .ui-dialog-buttonpane button.ui-button#bt-submit:hover{
	background-color:#092243;
}
/*-----------------------------*/


.global button.ui-button.ui-widget.white-button{
	border:2px solid;
	padding: 0.5em 1em;
	border-radius:5px;

	border-color:#1956A6;
	background:#F0F2F7;
	color:#1956A6;
}
.global button.ui-button.ui-widget.white-button.invers{
	background:#103A71;
	color:#fff;

}
.global button.ui-button.white-button.ui-state-disabled{
	color:black;
	border-color:black;
	opacity:0.4!important;
}

.global button.ui-button.highlight{
	animation: blink_green 1s linear forwards infinite;
	box-shadow:0 0 1px 3px #32bbbb;
}
.avia-button-wrap.click_listener_matterport_starten a {
	border-color: #32bbbb!important;
}

.global button.ui-button.highlight:hover{
  -webkit-animation-play-state:paused;
  -moz-animation-play-state:paused;
  -o-animation-play-state:paused;
  animation-play-state:paused;
	animation: blink_green 1s linear forwards 1; 
  border-color:#1956A6;
}

.global button.ui-button.white-button:hover {
	background-color:#1956A6;
	border-color:#1956A6;
	color:#fff;

}

.global button.ui-button.white-button.invers:hover {
	background-color:#fff;
	border-color:#1956A6;
	color:#1956A6;

}

@keyframes blink_green{

	0%{
	box-shadow:0 0 1px 3px #fff;
	}
	
	50%{
	box-shadow:0 0 1px 3px #32bbbb;
	}
	
	100%{
	box-shadow:0 0 1px 3px #fff;
	}
}

.global button.ui-button.fullcolored-button {
	-webkit-box-shadow:0px 0px 3px -1px rgba(0,0,0,0.8);
	-moz-box-shadow:0px 0px 3px -1px rgba(0,0,0,0.8);
	box-shadow:0px 0px 3px -1px rgba(0,0,0,0.8);
	font-weight: bold;
	transition: all 0.2s ease-in-out;
	border-color:#fff;
}

.global button.ui-button.fullcolored-button p {
	line-height: normal;
}
.global button.ui-button.fullcolored-button p smaller{
	font-weight:300;
	opacity:0.8;
}

/*-------------------------------------------------------*/

/* Navigation Buttons */

.navigation-button button#first-choice.ui-button {
	background-color: #103A71;
	border-color: #0A3062;
	color: #fff;
}

.navigation-button button#first-choice.ui-button:hover {
	background-color: #062048;
	border-color: #031b42;
}

.navigation-button button#alternative-choice.ui-button {
	background-color:#516073;
	border-color:#405166;
	color: #fff;
}

.navigation-button button#alternative-choice.ui-button:hover  {
	background-color: #2b3a4d;
	border-color: #48586c;
}

#user-mode{
	text-align:center;
}
.navigation-button button strong{
	min-height:4em;
}
.global .navigation-button button.ui-button{
	margin:10px 1.4%;
	max-width:45%;
	min-width:230px;
	min-height:70px;
	position:relative;
	overflow:hidden;
	font-weight:400;	
}
.global .navigation-button button.ui-button p{
	max-width: 80%;
	margin:0 auto;
	text-shadow: 0 0 0.1em #000;	
	letter-spacing: 0.04em;
	line-height: normal;
}

.global .navigation-button button.ui-button smaller{
	font-weight:300;
	opacity:0.8;
}


button#first-choice::after {
	content: "";
	display: block;
	position: absolute;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid;
	height: 0;
	width: 0;
	right: 10px;
	top: 50%;
	margin-top: -10px;
}


button#alternative-choice::after {
	content: "";
	display: block;
	position: absolute;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid ;
	height: 0;
	width: 0;
	left: 10px;
	top: 50%;
	margin-top: -10px;
}

/*-------------------------------------------------------*/


/* individuelle button eigenschaften ---------------------*/


.premium_service_acception button{
	width:290px;
}


#information-premiumservice {
	margin-top: 30px;
}

.global button#bt-aftersale.ui-button.fullcolored-button {
	overflow: hidden;
	background: #ffffff!important;
	padding: 2px!important;
	position:relative;
	z-index:1;
	border: 4px solid #103a71;
	border-radius: 5px;
	box-shadow: 0 0 3px 1px #05132552;
	letter-spacing: 0.03em;
}

.global button#bt-aftersale.ui-button.fullcolored-button div {
	position: relative;
	z-index: 2;
	padding: 12px 20px;
	background:#fff;
	transition: all 0.2s ease-in-out;
}
.global button#bt-aftersale.ui-button.fullcolored-button div span strong{
	font-weight:700;
	color:#1956A6!important;
}
.global button#bt-aftersale.ui-button.fullcolored-button div span{
	padding:0 .2em; 
	display:inline-block;
	font-weight:400;
}


.global button#bt-aftersale.ui-button.fullcolored-button:hover div {
	background:#F0F2F7;
}

h4.acclabel{
	line-height:130%;
}

.global p strong{
	font-size:0.96em;
	font-weight:bold;
	color:#103A71!important;
}

.global li {
	margin-bottom:1.25em;
}

.global a:visited{
	color:inherit!important;
}

.global .ui-state-active a, .global .ui-state-active a:link, .global .ui-state-active a:visited {
	color: inherit;
	text-decoration: none;
}


.global p strongsmaller{
	font-size:0.94em !important;
}

.global small{
	font-size:0.7em;
}



/* Headlines: */



.global h1, .global h2,.global h3{
	font-weight:bold;
	letter-spacing:0.015em;

}

.global h1{
	font-size:1.6em!important;;
	line-height: 1.6em;
	margin-bottom:1.4em;	
	color:#103A71;
	font-variant:small-caps!important;
		
}
.global h2{
	font-size:1.15em !important;
	line-height:  1.4em;
	margin-bottom:1.75em;
	color:#012965;
}
.global h3{
	font-size:1.1em !important;
	line-height:1.2em;
	margin-bottom:2em;	
	color:#012965;
}
.global h4{
	font-size:1em!important;;
	line-height:1.2em;
	margin-bottom:2em;	
	color:inherit;
}

.global h1.brand {
	background: #F0F2F7a3;
	margin-left: -30px;
	margin-right: -30px;
	padding: 50px 30px;
	color: #103A71;
	font-size: 1.8em!important;
	line-height: 1.5em;
	font-weight: normal;
}
h2#navigation-headline{
	margin-bottom:1em!important;
	border-bottom: 1px dotted#798799;	
	padding-bottom: 0.5em;
}	

h2#navigation-headline, h2.form-headline, h3.formline{
	text-transform: uppercase!important;
	font-weight: 400;
	color:#1956A6;
	font-size:1.1em!important;

}

h4.acclabel.ui-state-active {
  font-weight: bold !important;
  color: #012965 !important;
}

#vertrag .global h2{
	border-bottom:1px solid rgba(0,0,0, 0.2)
}


/* Headline Infobox: * #798799 */ 

/* Text: #373a42 */
/* strong : #1f497c */


/* Bold Headline on Greybox */
.global h4.step span{
	color: inherit;
}



/* Formular:  #3a3f4d */
/* Buttons content: #1e559d */
/* White Buttons Buttonpanel: #595d62 
*/

.nowrap{
	white-space:nowrap;
}


.brand360 {
	white-space: nowrap;
	color:inherit!important;
}

.global strong{
	font-family:inherit!important;
}

#vertragstext{
	color: #000;
	margin:2em 0;
}

.bgwhite{
	background-color:#FFFFFF!important;
}

.global .inlinebox{

	text-decoration:none;
	background:#F0F2F7;
	display:block;
	padding:20px;
	border: 1px dotted rgba(0,0,0,0.4);
}


p#navigation-message{
	margin: 0px 0 30px 0;	
	color:inherit;	
}

.global u{
	border-bottom:2px solid #103a71;
	text-decoration:none;
	color:#103a71;
	padding:1px 3px;
	white-space:pre;
}
.global u.box{
	border:2px solid #103a71;
	color: #103a71;
}

.global ul{
	list-style-type: square;
	list-style-position: inside;
	margin-bottom:1.25em;

}

html body .ui-dialog.global h1{
	font-family: 'playfair display', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif!important;
	color:#103A71!important;
}


.styled-color{
	color:#798799;
	
}

.form-headline.subline{
	margin-bottom:0!important;
}
p.subheadline{
	margin-top:0.5em!important;
	margin-bottom:2.5em!important;
	color:#103a71!important;
	margin-bottom:2em!important;
	
}


#dialog-form{
	overflow:hidden!important;
	position:relative!important;
	padding:30px!important;
	padding-top:0!important;
}
#dialog-form, #dialog-form form{
	background-color:#fff;
	margin-bottom:0!important;
	padding-bottom:0!important;
	position:relative;
}

#aftersale_promo button#bt-aftersale{
	width:100%;
}
#aftersale_promo button#bt-aftersale div{
	margin:0 auto;
}
.middle_breaker .rightcol{
	padding:50px 30px 30px 30px!important;
}


.middle_breaker{
	left:-30px;
	margin-right:-60px;
	position:relative;
	height:100%;
}
.middle_breaker .leftcol{
	width:50%;
	height:100%;
	max-height:600px;
	background: url(https://zeitundwert.de/wp-content/uploads/2020/12/tipp-geben.jpg) no-repeat;
	background-size: auto 100%;
	background-position:left 45% top;
	position:absolute;
	box-shadow: 8px 8px 8px -8px rgba(0,0,0,0.4);
	z-index:100;
	overflow:hidden;
	
}

.middle_breaker .rightcol{
	width:50%;
	margin-left:50%;
	padding:0px 50px 0 50px ;
	background:#fff;
	position:relative;
}

.middle_breaker .rightcol h2.teaserheadline {
	line-height: 1.4em;
	position: absolute;
	left: -170px;
	top: -20px;
	z-index: 100;
	transform: rotate(-7deg);
	background:#F0E78D; /*Fallback IE*/
	background: linear-gradient(150deg, #0606063D,#F0E78D,#F0E78D,#F0E78D,#F0E78D,#F7F7F700,#F0E78D,#FFFACA), #F0E78D;
	width: auto;
	margin-bottom: -140px;
	box-shadow: -10px 12px 5px -8px rgba(0,0,0,.2);
	text-align: center;
	font-size: 1.3em !important;
	font-weight: 700;
	padding: 8% 10%;
	border-top-left-radius: 4px;
}

.middle_breaker .rightcol h2.teaserheadline strong {
	display: block;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

.immovorauswahl{
	background-size:100% auto;
	background-position: center bottom -20px;
	padding-top:70%;
	background-repeat:no-repeat;
	
}

@media screen and (max-width:767px){

	#aftersale_promo .teaserheadline, #dc_aftersale .teaserheadline, #myvirtual_immo_info .teaserheadline  {
		right: 8%;
		top: -20px;
		left: unset;
		transform: rotate(-10deg);
		box-shadow: 10px 12px 5px -8px rgba(0,0,0,.2);
		padding: 8% 8%;
	}	
	.middle_breaker .leftcol, .middle_breaker .rightcol{
		width:100%;
		margin:0;
		position:static;
		padding:0;
	}
	
	#dc_aftersale .middle_breaker{
		padding:0px;		
		
	}
	
	.middle_breaker .leftcol{
		display:none;
	}

}

@keyframes blink {
    /**
     * At the start of the animation the dot
     * has an opacity of .2
     */
    0% {
      opacity: .2;
    }
    /**
     * At 20% the dot is fully visible and
     * then fades out slowly
     */
    20% {
      opacity: 1;
    }
    /**
     * Until it reaches an opacity of .2 and
     * the animation can start again
     */
    99.99% {
      opacity: .2;
    }

    100% {
      opacity: 0;
    }
}

@keyframes status-end {
	0%{
		opacity:0;	
	}
	
	99.99%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
	
}

#submitstatus{
	display:none;
	background-color:#042E60;
	position:relative;
	left:-30px;
	margin-right:-60px;
	padding:30px;
}

#workingstate {
	margin: 30px;
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
	background: #fff;
	color: #1956A6;
	text-align: center;
	padding: 10px 20px;
	border-radius: 3px;
	overflow: hidden;
	font-weight: bold;
}
 .saving span {
    color:#103a71;
	
	
	/**
     * Use the blink animation, which is defined above
     */
    animation-name: blink;
    /**
     * The animation should take 1.4 seconds
     */
    animation-duration: 1.4s;
    /**
     * It will repeat itself forever
     */
    animation-iteration-count: infinite;
    /**
     * This makes sure that the starting style (opacity: .2)
     * of the animation is applied before the animation starts.
     * Otherwise we would see a short flash or would have
     * to set the default styling of the dots to the same
     * as the animation. Same applies for the ending styles.
     */
    animation-fill-mode: both;
}

.saving span:nth-child(2) {
    /**
     * Starts the animation of the third dot
     * with a delay of .2s, otherwise all dots
     * would animate at the same time
     */
    animation-delay: .2s;
}

.saving span:nth-child(3) {
    /**
     * Starts the animation of the third dot
     * with a delay of .4s, otherwise all dots
     * would animate at the same time
     */
    animation-delay: .4s;
}

.dc_myvirtual_immo_login .stepinfo span{
	display: none;
}

.dc_myvirtual_immo_login .stepinfo.saving span{
	display: inline;
}


div.zwlogo {
	height: 140px;
	position: relative;
	left: 30px;
	margin-left: -60px;
	background-color: #001024;
	box-sizing: content-box;
	overflow: hidden;
	/*! box-shadow: inset 0px 0px 1px 1px rgba(38, 96, 153, 0.54); */
}

div.zwlogo::after, div.zwlogo::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

div.zwlogo::before {
	z-index: 1;
	filter: hue-rotate(359deg) contrast(97.9%) saturate(123.3%) brightness(83.3%) blur(2px) opacity(100%);
	animation: steam 20s ease infinite !important;
	background-size: 100% 250% !important;
	background-position-x: 0% !important;
	opacity: 0.5;
	background: linear-gradient(-35deg,#072b59,#2976db,#2976db, #103a71,#0d3c7a),#0e305e no-repeat;
	/*! border-left: 2px solid #899099; */
}

div.zwlogo::after {
	background: transparent url(https://zeitundwert.de/wp-content/uploads/2018/09/zeit-und-wert-footer-logo-1.png) no-repeat;
	background-size: auto 60%;
	background-position: right 30px center;
	z-index: 2;
}





@media screen and (max-width:479px){
	div.zwlogo::after{
		background-position:center;
		background-size:80%;
	}
}


.form-info{
	margin-top:50px;
	margin-bottom:30px;
}
#maklervertrag-container{
	background-color:#F0F2F7;
	margin-top:20px;
	margin-bottom:0;
	z-index:1000;
	position:relative;
	left:30px;
	margin-left:-60px;
	box-sizing:content-box;
	padding:0 30px;
}

#maklervertrag-container.show-vertrag{
	background-color:#F0F2F7;
}	



#maklervertrag-button , .maklervertrag-status{
	margin-bottom:5px;	
	display:block;
}
.makler-controls{
	padding:50px 30px;
	text-align:left;
}





.intro-1-makler > *, .intro-1-makler .global h3.form-headline-.global h3{
	text-align:left;
}
.intro-1-makler {
	padding-bottom:0px;
	margin-bottom:30px;
}


#maklervertrag{
	box-sizing:border-box;
	width:100%;
	
}

#praeambel-maklervertrag .ui-accordion-content{
	padding: 30px 20px !important;
	background-color: #fff !important;
}


@media screen and (max-width:767px){

	.ui-accordion-content{
		padding:10px!important;
	}
}

#maklervertrag .preambel{
	background: #F0F2F7;
	padding:50px 0 0 0;
}


.openerVertrag-new{
	margin-bottom:50px;
}

#vertrag{
	position:relative;
	}


.unterzeichnungsbereich{
	margin:0px -30px -30px -30px;
	display:block;

	
}

.abschnitt-unterzeichnung{
	color:#103a71 !important;
	padding:10px px;
	margin: 0 30px;

 	color:#fff;
	
 }


.complete_for_sign .abschnitt-unterzeichnung{
	display:block;
}

.unterzeichnung {
	left: -30px;
	margin-right: -60px;
	background: #042E60;
	color:#fff;
	padding:5px 10px 5px 10px;
	display:block;
	width:auto!important;
	position:relative;
	bottom:-30px;
	text-align:center;
}


.unterzeichnung p{
	text-align:center;
}
.contract_and_sign{
	background-color:#fff;
}
#vertragstext p span{
	font-weight:bolder;
	border-bottom:2px solid silver;
	font-size:0.975em;
	white-space: nowrap;	
}



#maklervertrag-button{
	margin-right:30px;
}

input#login, input#fullname{
	color:#103a71!important;
	margin-bottom:0!important;
	border: 2px solid #F0F2F7 !important;	
}

 input#fullname::placeholder{
	color: #103a71;
	text-align: right;
	
}
#maklervertrag-button a, #back-button a{
	text-decoration:none!important;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.23);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.23);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.23);
	border:2px solid #fff!important;	

}

.maklervertrag-status label, #maklervertrag-button a, #back-button a{
	padding:10px 15px!important;
	

}
.maklervertrag-status .ui-checkboxradio-icon-space{
	padding:5px!important;
}






.ui-icon-background.blue{
	background-color:#798799;
}

.ui-icon-background.green{
	background-color:#32bbbb!important;
}


.button_green{

	box-shadow: 0px 0px 1px 1px #32bbbb;
	position:relative;
	
}

.ui-widget-content .form-text-law, .ui-accordion-content{
	border:0;
	hyphens:auto;
	padding:30px 15px;
	

}

#information-maklervertrag{
	margin-top:30px;
}

#top .global input#login, #top .global input#fullname {
	text-align: left;
		color: #0A318C!important;
	font-family: "Times New Roman",FontAwesome!important;
	font-size: 1.3em !important;	
	background-color: #F0F2F7b0 !important;
	border: none !important;
	margin: 0 !important;
	padding-left: 1em !important;
	border-radius: 2px;
}

#top .global input#login{
	font-family:inherit!important;
	font-size:1.1em!important;
	padding: 0.6em 1em;

}

#fullname_input .signinput{
	border: 2px solid #F0F2F7;
	box-shadow: 0px 0px 1px 3px rgba(255,255,255,0.8);
	
}


#login_input, #fullname_input{
	background:#fff;
	width:auto;
}
#fullname_input label p {
	background: #f0f2f74f;
	display: block;
	text-align: center;
	width: 100%;
	padding: 15px;
	color: inherit !important;
	font-weight: 400;
	margin: 0px;
	/* border-top: 3px dotted; */
	line-height: 120%;
	margin-top: 2px;
}

#login_input label p{
	text-align: left;
	font-weight:300;
	color: #2b3a4d;

}

#vertrag .maklervertrag-status{
	margin-top:50px;
}	
.featured-immo::after{
	content:"";
	height:0;width:0;
	display:block;
	clear:both;
}


div.thumb_and_text .immo-thumb{
	display:block;
	width:230px;
	height:170px;
	background-position:center bottom ;
	background-size:100% auto;
	background-repeat:no-repeat;
	

}

div.thumb_and_text .floattext{
	margin-left:230px;
	float:right;
	display:block;
	padding-left:30px;
	
}
div.thumb_and_text .floattext p{
	margin-top:0;
}

#immo-obj-container .objekt_data {
	border-top: 1px solid #dee0e6;
	padding-top: 50px;
	margin-top: 40px;
	margin-bottom: 30px;
}

.featured-immo{
	
	position:relative;
	overflow:hidden;	
	/*min-height:320px;*/
	position:relative;
	/*background: rgb(235,237,239);
	background: linear-gradient(0deg, rgba(235,237,239,1) 0%, rgba(255,255,255,1) 91%);*/
	/*top:-30px;*/
	
}
.featured-immo .image{
	background-size: 100% auto;	
	background-position: center center;
	background-repeat:no-repeat;
	top:0;left:0;
	height:auto;
	width:auto;
	
	margin-bottom:0;
	overflow:hidden;
	position:static;
	padding-top:60%;
	position:relative;	

}

#start.featured-immo .image{
	z-index:100!important;
}


#maklervertrag .featured-immo {
	position:static;
	top:auto;
	min-height:0;
	margin-bottom:50px
}
#maklervertrag .featured-immo .image{
	display:none;
}

.featured-immo .image .immo-image-overlay{
	position:absolute;
	bottom:0%;
	left:0;
	width:100%;
	height:11%;
	border-top: 2px solid #103a71;
	background:#fff;
/* background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 11%, rgba(204,204,204,0.5270307952282476) 100%); */
}

.featured-immo .image .immo-image-overlay::before{
	background:#fff   url(https://zeitundwert.de/wp-content/uploads/2018/09/zeit-und-wert-logo-c.png) no-repeat;
	background-size:auto 85%;
	background-position:center bottom 10px;
	content:"";
	display:block;
	height:240%;
	width:50%;
	position:absolute;
	bottom:15px;
	left:25%;	
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;	

-webkit-box-shadow:0px -8px 17px -5px rgba(1, 6, 13,0.2);
-moz-box-shadow: 0px -8px 17px -5px rgba(1, 6, 13,0.2);
box-shadow: 0px -8px 17px -5px rgba(1, 6, 13,0.2);

}



.featured-immo p.objekt_titel{
	display:block;
	color:#103a71!important;
}
.featured-immo .objekt_detail {
	display:block;
	margin-bottom:30px;
	font-weight: 400;
	font-size: 0.95em;
}
.featured-immo .objekt_detail p{
	margin:0 10px 0 0!important;
	padding:0;
}

.objekt_detail span {
	margin:0 5px 10px 0;
	padding:10px 10px 10px 15px;
	white-space:nowrap;
	display:inline-block;
	border:1px solid #babbbf;

	border-left: 4px solid #bfc3cc;
}
.objekt_detail span:first-child {
	color:#103a71;

	border-left-color: #1956a6;
	border-left-style: solid;
}
.objekt_detail span:first-child {
	min-width:210px;
}

@media screen and (max-width:480px){
	.objekt_detail span {
		width:100%;
	}
}

#step2{
	position:relative;
}

.formular{
	margin-top:30px;
	background:#F0F2F7;
	position:relative;
	left:-30px;
	margin-right:-60px;
	padding:20px;
	padding-bottom:10px;
}

.form-abschluss{
	background-color:#092243;
	
	padding:0px 0px 0px 0px;
	position:relative;
	left:30px;
	margin-left:-60px;
	box-sizing:content-box;	
	-webkit-box-shadow: -1px -3px 15px 0px rgba(0,0,0,0.13);
	-moz-box-shadow: -1px -3px 15px 0px rgba(0,0,0,0.13);
	box-shadow: -1px -3px 15px 0px rgba(0,0,0,0.13);	
	border-top:1px rgb(182, 195, 208);
	
}

.visual-locked-overlay::after{
	content:"";
	display:block;
	width:100%;height:100%;
	position:absolute;
	left:0;top:0;
	background:rgba(255,255,255,0.7);
}


.form-abschluss .form-info{
	padding:50px 30px 30px 30px;
	margin:0!important;
	background-color:#fff;

}
.clearbefore::before, .clearafter::after{
	content:"";
	display:block;
	width:0px; height:0px;
	clear:both;
	float:none;

}

.brand .special_ampp {
    color: rgb(182, 195, 208) !important;
    font-family: 'zeitundwert' !important;
    font-style: normal !important;
    
    display: inline-block;
    
    
}
.headline-step {
	background: #fff;
	padding: 25px;
	overflow: hidden;
	border: 4px solid #F0F2F7 !important;
	border-radius: 3px;
	/*! font-size: 1.1em !important; */
}
.dc_contact .headline-step {
	padding-bottom:0;
}


.headline-step span.stepinfo + h2{
	display:block;
	margin-right:160px;
	margin-bottom:2em;
	padding-top:0.25em;
}
.headline-step span.stepinfo + h2 + p{
	display:block;
	margin-right:160px;
	margin-top:-1.5em;
	line-height: 140%!important;
}
.headline-step span.stepinfo {
	float: right;
	width: 140px;
	background: rgb(16, 58, 113);
	color: rgba(255, 255, 255, 0.89);
}

h4.step span.stepinfo{
	float:left;
	width:100px;
	display: block;
}

h4.step span.errortitle, h4.step span.just_title, h4.step .description {
	display: block;
	margin-left: 120px;
	line-height: 1.4em;
	font-size: 1.05em;
	/*! color:  #d74949 !important; */
}


.headline-step span.stepinfo, h4.step span.stepinfo{
	font-size:0.9em;
	font-weight:400;
	border:none;
	display: block;
	text-align: center;
	padding: 5px;
	border-radius: 3px;
	overflow: hidden;

}


h4.step span.just_title{
	color:#103a71!important;
}

h4.step .description ul{
	font-size:0.9em;
	display: block;
	margin-left: 0px;
	
	color:#484848!important;
	font-weight:normal;
}
h4.step .description ul li{
	margin-bottom:0;
}
h4.step.errorbox{
	margin:0;
}

#status-message {
	display: block;
	background: #dfbfbf5e;
	padding: 30px;
	border: 2px solid #d51515;
	color: #d51515;
}

.green span.stepinfo{
	background:#32bbbb;
}

.grey span.stepinfo{
	background:rgb(240, 242, 247);
	color:rgb(116, 118, 121);
}
.global h4.step.errorbox span.stepinfo{
	background:#d51515;
	color:#fff;
	display: block;
}

.greybox span.stepinfo{
	background:#fff;
	color:inherit;
}

.greybox{
	background:#F0F2F7;
	border-radius:3px;
	padding:30px;
	overflow:hidden;
	text-align:left;
}


.shadow-down{
	border-bottom: 6px solid #103a71;
}	

@media screen and (min-width:870px){
	.shadow-up-inset{
		-webkit-box-shadow: inset 0px 10px 10px -5px rgba(0, 0, 0,0.5);
		-moz-box-shadow: inset 0px 10px 10px -5px rgba(0, 0, 0,0.5);
		box-shadow: inset 0px 10px 10px -5px rgba(0, 0, 0,0.5);
	}
}

.mdiv-0-30{
	margin:0 0 30px 0;
	
}
.mdiv-5080{
	margin:50px 0 80px 0!important;
}
.mdiv-5050{
	margin:50px 0!important;
}
.mdiv-5030{
	margin:50px 0 30px 0!important;
}

.mdiv-3030{
	margin:30px 0 30px 0!important;
}
.mdiv-3050{
	margin:30px 0 50px 0!important;
}

.mdiv-t-50{
	margin-top: 50px!important;
}
.mdiv-b-50{
	margin-bottom:50px!important;
}

.mdiv-t-30{
	margin-top: 30px!important;
}
.pad-all-50{
	padding:50px;
}
.pad-all-30{
	padding:30px;
}
.pad-30-0{
	padding:30px 0;
}
.pad-50-0{
	padding:50px 0;
}

.pad-0-30{
	padding:0 30px;
}

.pad-t-50{
	padding-top:50px!important;
}

.mdiv-30505050{
	margin:30px 50px 50px 50px;
}




.banner{
	position:relative!important;
	left:-30px!important;
	margin-right:-60px!important;
}

.banner-with-padding{
	position:relative!important;
	left:-30px!important;
	margin-right:-60px!important;
	padding:30px;

}

.bg-white{
	background-color:#fff!important;
}


#fullname_input{
	display:table;
	padding: 15px 30px 30px 30px;
	width:100%;
	
}

#fullname_input div.as-table-cell{
	display:table-cell;
	vertical-align: top;
	padding:0;
	width:auto;
}
#fullname_input div.as-table-cell.signbutton {
 padding-left: 3%;
 text-align:right;
}

#login_input div.as-table-cell{
	display: table-cell;
	vertical-align: top;
	width: auto;
}
#login_input .as-table-cell.signinput{
	padding-right: 30px;
}

#wrapper_class.dc_summary .as-table-cell,  #wrapper_class.dc_summary #fullname_input{
	display:block;
}
#wrapper_class.dc_summary input#fullname{
	margin-bottom:0;
}
#wrapper_class.dc_summary div.as-table-cell{
	padding:0!important;
}




@media screen and (max-width:480px){
	#top .global #abschluss label.ui-checkboxradio-label .extLabel, #top .global  #premium_service label.ui-checkboxradio-label .extLabel{
		margin-left:0;
		margin-top:10px;
		width:100%;
		}
	.global label.ui-checkboxradio-label .ui-checkboxradio-icon{
		position:static;
		top:auto;
		margin:0;
	}
	.global label.ui-checkboxradio-label{
		padding:15px;
	}
		
}
#top #wrapper_class.dc_summary input, #top #wrapper_class.dc_summary select{
	background-color:#D6D8DC;
}

#wrapper_class.dc_summary button#signieren, #wrapper_class.dc_summary button#first-choice,
#wrapper_class.dc_mksign button#alternative-choice{
	display:none!important;
}

#wrapper_class.dc_mksign.dc_mksign-error button#alternative-choice{
	display:inline-block!important;
}

#wrapper_class.dc_mksign.dc_mksign-error #unterzeichner{
	background-color:#d515153d;
}

#wrapper_class.dc_summary .abschnitt-unterzeichnung{
	margin:0 30px 1.75em 30px;
}

#wrapper_class.dc_summary-error .dc_summary-user, #wrapper_class.dc_summary-error #zwlogo{
	display:none;
}

.premium_service_success{
	display:none;
}
.premium_service_acception .containter_datenschutz_premiumservice{
	margin-left:300px;
	float:right;
}

@media screen and (max-width:1024px){
	#top div.global.ui-dialog{	
		font-size: 17px!important;
	}
}

@media screen and (max-width:767px){

	#top div.global.ui-dialog{	
		font-size: 16px!important;
	}
	
	.greybox{
		padding:30px 15px;
	}
	
	#top .global .ui-widget-header {
		
		letter-spacing: 0;
		font-size: 1em;
	}
	
	#login_input div.as-table-cell.signbutton, #fullname_input div.as-table-cell.signbutton{
		padding-left:0;
		margin-top:1.5em;
		
	}
	.ui-dialog.global::after {
		box-shadow:none;
		-webkit-box-shadow:none;
	}

	#dialog-form{
		padding:0px 15px 0 15px!important;
	}
	
	.ui-dialog.global.ui-dialog-buttonpane{
		padding:20px 10px!important;

	}
	div.thumb_and_text .floattext {
		margin-left: 0;
		float: none;
		display: block;
		padding-left: 0;
		margin-bottom:30px;
	}
	div.thumb_and_text .immo-thumb {
		width: 100%;
		height: 50vw;
		background-position: center bottom -4vw;
		background-size: 100% auto;
	}
	.objekt_detail span, .objekt_detail span:first-child{
		min-width:85%;
	}	

	#vertrag .featured-immo .objekt_detail span, #vertrag .featured-immo .objekt_detail span{
		min-width:85%;
	}
	.headline-step span.stepinfo, h4.step span.stepinfo {
		float: none;
		width: 140px;
		margin-bottom: 2em;
	}	
	.headline-step span.stepinfo + .global h2 {
		margin:20px 0 30px 0;
	}	
	.global h4.step span.stepinfo{
		float:none;
		margin-bottom: 1.45em;
		clear: both;
	}
	
	
	.global h4.step span, .global h4.step .description{
		margin:0;
		/*! margin-top:1.5em; */
		line-height:145%;
	}

	h4.step .description ul{
		margin:1em 0 0 0;
	}

	#fullname_input div.as-table-cell, #fullname_input, #login_input div.as-table-cell,#fullname_input div.as-table-cell{
		display:block;
		width:100%;
	}
	
	#submitstatus{
		left:-15px;
		margin-right:-30px;
		padding:15px 0;
	}
.unterzeichnung {
		bottom:-15px;
	}

}


@media screen and (max-width:375px){

	#top div.global.ui-dialog{	
		font-size: 15px!important;
	}
	.headline-step{
		padding:15px;	
	}
}




#top .ui-widget-overlay{
	opacity:1!important;
	background:#092243;
}


@media screen and (min-width: 1024px){		
	
	
	#top .ui-widget-overlay::after{
		background: linear-gradient(45deg,#072b59,#2976db,#103a71, #103a71,#f70a0a00),#0e305e;
		animation: steam 30s cubic-bezier(.77,.07,.47,.46) infinite;
		background-position: 0 0;
		background-repeat: repeat;

		content: '';
		position: fixed;
		left: 15%;
		top: 0;
		width: 70%;
		height: 100%;
		filter: blur(300px);
		background-size: 200% 580%;
		background-color: #154582;
		opacity: 1;
		animation: steam 40s cubic-bezier(.77,.07,.47,.46) infinite;
	}

	
	.ui-dialog.global::before {
		box-shadow: 0px 0px 40px 0px rgba(6, 19, 36, 0.72);
		-webkit-box-shadow: 0px 0px 40px 0px rgba(6, 19, 36, 0.72);
		display: block;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: calc(100% - 20px);
		z-index: -1;
	}
		
	.ui-dialog.global::after {
		content: '';
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: -2;
		background: transparent url(https://zeitundwert.de/wp-content/uploads/2018/09/zeit-und-wert-footer-logo-1.png) no-repeat !important;
		background-size: calc(10% + 10px) auto !important;
		background-position: calc(100% - 10px) calc(100% - 10px) !important;
		opacity:0.6;
	}	
}

	
@keyframes steam {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: 7% 100%;
	}
	100% {
		background-position: 0 0;
		}
}
	



#top input.horizontal-stripe-3 { 
	background-color: rgb(182, 195, 208) !important;
	/* opacity: 0.4; */
	background-image: radial-gradient(#103A7133 1px, #F8F9FA 1px) !important;
	background-size: 10px 10px;
}


.hideme{
	display:none!important;
}


#wrapper_class.funnel_variation_3d_false .funnel_variation_3d_true.dc_bypass_css, #wrapper_class.funnel_variation_3d_true .funnel_variation_3d_false.dc_bypass_css{
	display:none;
}

#wrapper_class.funnel_variation_3d_true .funnel_variation_3d_true.dc_bypass_css, #wrapper_class.funnel_variation_3d_false .funnel_variation_3d_false.dc_bypass_css{
	display:initial;
}

.circle-sketch-highlight{
  position:relative;
}

span.circle-sketch-highlight{
  display:block;
}

.circle-sketch-highlight::before{
  content:"";
  z-index:-1;
  left:-0.5em;
  top:-0.1em;
  border-width:2px;
  border-style:solid;
  border-color:#d51515;
  position:absolute;
  border-right-color:transparent;
  width:110%;
  height:1.5em;
  transform:rotate(2deg);
  opacity:0.7;
  border-radius:50%;
  
}
.circle-sketch-highlight::after{
  content:"";
  z-index:-1;
  left:-0.5em;
  top:0.1em;
  
  border-width:2px;
  border-style:solid;
  border-color:#d51515;
  border-left-color:transparent;
  border-top-color:transparent;
  position:absolute;
  width:110%;
  height:1.5em;
  transform:rotate(-1deg);
  opacity:0.7;
  border-radius:50%;
}

/* Iframe - Lightbox */

body.immodetailpage .ui-dialog-global .mfp-iframe-holder .mfp-content {
	max-width: 100vw !important;
}
body.immodetailpage .ui-dialog-global button.mfp-close{
  position: absolute;
}

/* Formatting Banner-Button to call maklerschutz-dialog */


#top #wrap_all .banner-persoenliche-besichtigung a.avia-button, #top #wrap_all .banner-3d-rundgang a.avia-button {
	background-color: rgba(17, 59, 115, 0.76);
	z-index: 100;
	
}

#top #wrap_all .banner-3d-rundgang .flex_column.av_one_full{
	filter: saturate(103%) contrast(112.8%) brightness(98.5%);
}


#top #wrap_all .banner-3d-rundgang, .banner-persoenliche-besichtigung {
	margin-top:-40px; 
 }


#top #wrap_all .banner-3d-rundgang .flex_column::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
		background: linear-gradient(180deg, rgb(44 74 116 / 23%) 10%,rgb(25 40 60 / 72%));
	top: 0;
	left: 0;
	visibility: visible !important;
	z-index: -1;
	filter: saturate(143.4%) contrast(93.8%) brightness(96.5%);
}

#top #wrap_all .banner-persoenliche-besichtigung .flex_column{
	position:relative;
}
#top #wrap_all .banner-persoenliche-besichtigung .flex_column::before{
	content:"";
	display:block;
	position: absolute;
	width:100%;
	height:100%;
	top:0;left:0;	
	z-index:-1;
	visibility:visible!important;	
}
#top #wrap_all .banner-persoenliche-besichtigung .av-special-heading{
	padding-bottom: 10px;
	color: #ffffff;
	position: relative;
	margin-top: 200px;
	width: auto;
	bottom: 0;
	padding: 20px 45% 30px 30px !important;
	background: rgba(7, 57, 119, 0.77);

}
#top #wrap_all .banner-persoenliche-besichtigung h2  {
	font-size: calc(1.2em + .2vw);
}


#top #wrap_all .banner-persoenliche-besichtigung .click_listener_besichtigungstermin{
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0 30px 30px 20px;
	width: 45%;
}

#top #wrap_all .banner-persoenliche-besichtigung .click_listener_besichtigungstermin .avia-button {
	float:right!important;
}


@media screen and (min-width:768px){
	#top #wrap_all .banner-persoenliche-besichtigung.class_3d_aktive{
		display:none;
	}

	#top #wrap_all .banner-3d-rundgang .flex_column.av_one_full  {
		margin-top: 10px;
		padding: calc(3% + 20px) calc(33.333% + 20px) 10px 20px!important;
		background-position: -20% 40%!important;
		background-size: 80% auto !important;
	}
	
	#top #wrap_all .banner-3d-rundgang .av-special-heading{
		margin-top:0;
	}
	#top #wrap_all .banner-3d-rundgang h2  {
		font-size: calc(1.2em + .2vw);
	
	}
	
	#top #wrap_all .banner-3d-rundgang .click_listener_besichtigungstermin{
		position: absolute;
		display: block;
		bottom: 0;
		right: 0;
		height: 100%;
		width: 33.333%;
		background: #1a4985 url(https://zeitundwert.de/wp-content/uploads/2021/02/besichtigung-persoenlich-vereinbaren.jpg) no-repeat;
		overflow: hidden;
		border-left: 5px solid #fff;
		background-size: auto 100%;
		background-position: 65% bottom;
	}
	
	#top #wrap_all .banner-3d-rundgang .click_listener_besichtigungstermin a.avia-button {
		position: absolute;
		bottom: 20px;
		display: block;
		float: none;
		width: 90%;
		margin: 0 5%;
		padding: 10px 5px !important;
		}
}	

@media screen and (max-width:767px){

	#aftersale_promo button#bt-aftersale{
		width:100%;
		margin-top: -50px;
}


	
	#top #wrap_all .banner-3d-rundgang .click_listener_besichtigungstermin{
		display:none;
	}	
	#top #wrap_all .banner-3d-rundgang .flex_column{
		padding-bottom:20px!important;
	}

	.headline-step span.stepinfo + h2,.headline-step span.stepinfo + h2 + p{
		margin-right: 0;
		
	}

	.responsive #top #wrap_all .banner-persoenliche-besichtigung.class_3d_aktive .flex_column {
		margin-top:-10px!important;
	}

	.responsive #top #wrap_all .banner-persoenliche-besichtigung .flex_column {
		background-size: auto 100% !important;
		background-position: auto bottom !important;
		padding: 0px !important;
		
	}
	
	.responsive #top #wrap_all .banner-persoenliche-besichtigung .av-special-heading {
		position: static;
		margin-top: 280px;
		padding: 20px 8% 0 8% !important;
		width: auto;
		background: rgba(7, 57, 119, 0.77);
	}

	
	
	.responsive #top #wrap_all .banner-persoenliche-besichtigung .click_listener_besichtigungstermin {
			position: relative;
			padding: 20px 8% 30px 8%;
			width: 100%;
			background: linear-gradient(0deg, rgb(8, 26, 50), rgba(7, 57, 119, 0.77));
	}	
	.responsive #top #wrap_all .banner-persoenliche-besichtigung .click_listener_besichtigungstermin .avia-button {
		float:none!important;

	}		
}

.ui-dialog.messagebox{
	box-shadow: 0 0 25px -5px rgba(0, 0, 0, 0.8);
	max-width:360px!important;
}

.ui-dialog.messagebox .ui-dialog-titlebar {
	background: rgb(22, 59, 107);
	color: #fff;
}


.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
	width: 100% !important;
	height: 100% !important;
}
.mejs-container {
	padding-top: 56.25%;
}
.wp-video, video.wp-video-shortcode {
	max-width: 100% !important;
}
video.wp-video-shortcode {
	position: relative;
}
.mejs-mediaelement {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.mejs-controls {
	display: none;
}
.mejs-overlay-play {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto !important;
	height: auto !important;
}

.rundgang-buttons button{
	margin-bottom:15px;
}