.hghlghtr {
	position: relative;
}

.infotextOben {
	font-family: 'Istok Web', sans-serif;
	font-size:13pt;
	text-align:center;
	padding:15px 15px 15px;
	border:1px solid #0082c8;
		margin-bottom:50px;
}
.infotextOben a {
	color:#ed1b18 !important;
}
.infotextOben img {
	max-width:100%;
	height:auto;
	}

.centerflex {
	position: absolute;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	/*display: flex;
	align-items: flex-start;
	justify-content: center;*/
}

.txtcnt {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: white;
	text-align: left;
	height:100%;
	width:100%;
}

div.teaser {
	position:absolute;
	z-index: 2;
	left:0;
	top:0;
	height:100%;
	width:100%;
	font-family: 'Roboto Condensed', sans-serif;
	flex-flow: column;
	display: flex;
	align-items: left;
	justify-content: center;
	color:#efefef;
}

div.teaser div.teaserbox .blueBox {
	background-color: rgba(0,130,200,.7);
  border-radius: 10px;
  display: inline-block;
  color: #fff;
  padding: 20px 25px;
  margin-bottom: 4px;
	}

div.teaser div.teaserbox {

	text-align:left;
	padding:20px;
}

div.teaser div.teaserbox h1 {
	margin:0;
	padding:0;
	font-size:65pt;
	line-height:90px;
	font-weight:700;
}
div.teaser div.teaserbox h1 span.smal {
	margin:0;
	padding:0;
	font-size:65pt;
	line-height:90px;
	font-weight:400;
}

div.teaser div.teaserbox .text {
	font-size:14pt;
	font-weight:400;
}
div.teaser div.teaserbox .link {
	pointer-events: auto;
	background-color:rgba(0,130,200,.7);
	display:inline-block;
	border-radius:10px;
	font-size:12pt;
	line-height:24px;
	padding:15px 25px;
	color:#fff;
	transition:.2s;
}
div.teaser div.teaserbox .link:hover {
	background-color:rgba(0,130,200,1);
}




.txtcnt>div {
	padding: 15px 10px 0 15px;
	hyphens: auto;
}

@media only screen and (max-width: 519px) {
	.txtcnt img {
		display: none!important;
	}
}

svg.close {
	position: absolute;
	right: -18px;
	top: -18px;
}

.vidcnt {
	position: absolute;
	top: 101px;
	width: 139px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

@media screen and (min-width: 520px) {
	.vidcnt {
		top: 138px;
		width: 192px;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	.disIE {display: none}
}

.infogrwrapper {
	margin-top: 0;
	position: relative;
}

.infogrwrapper::after {
	content: "";
	background: url(/page/bilder/infoGrafik/aed-infograph-background.jpg);
	background-size: cover;
	opacity: 0.8;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
}

#infografik {
	font-family: 'Roboto Condensed', sans-serif;
	position: relative;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	min-height: 600px;
	margin-bottom: 40px;
	max-width: 1100px;
}

@media screen and (min-width: 980px) {
	#infografik {
		padding: 0;
		width: 100%;
	}
}

.wrapper {
	position:relative;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	text-align: center;
	width: 320px;
	margin:20px;
	z-index:99;
}

@media screen and (min-width: 520px) {
	.wrapper {
		width: 440px;
	}
}

.wrapper svg {
	font-size: 11.5px;
}

.flexbox {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-bottom: 30px;
}

.txtcnt .titel,
.flexbox .titel {
	font-size: 21px;
	color: #09c;
	padding-bottom: 5px;
}

.flexbox .left,
.flexbox .right {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.flexbox .left,
.flexbox .right {
	padding: 0 23px;
}

@media screen and (min-width: 520px) {
	.flexbox {
		flex-direction: row;
	}

	.flexbox .left {
		padding: 0 0 0 23px;
	}

	.flexbox .right {
		padding: 0 23px 0 0;
	}
}

@media screen and (min-width: 980px) {
	.flexbox {
		position: absolute;
		top:0;
	}
}
.flexbox .left .row,
.flexbox .right .row {
	display: flex;
	flex-direction: column;
	padding: 13px 10px;
	text-align: left;
}

@media screen and (min-width: 520px) {
	.flexbox .left .row,
	.flexbox .right .row {
		padding: 13px 15px;
	}
}

@media screen and (min-width: 980px) {
	.flexbox .left .row,
	.flexbox .right .row {
		margin: 20px 0;
	}
}

@media screen and (min-width: 980px) {
	.flexbox .left {
		margin-right: 25%;
	}

	.flexbox .right {
		margin-left: 25%;
	}
}

.row, .infobtn, .txtbtn, .txtcnt {
	cursor: pointer;
}

.infobtn {
	color: white;
	fill: white;
}

.row:hover circle,
.infobtn:hover circle {
	fill: black;
}

.row:hover text,
.infobtn:hover text {
	fill: white;
}

.infotxt {
	background: rgba(255, 255, 255, .68);
}

.current {
	background: white;
}

.current circle {
	fill: black;
}

.current text {
	fill: white;
}

.one {
	animation-delay: 150ms;
}

.two {
	animation-delay: 30ms;
}

.three {
	animation-delay: 450ms;
}

.four {
	animation-delay: 600ms;
}

.five {
	animation-delay: 750ms;
}

.six {
	animation-delay: 900ms;
}

.infobtn,
.infogrwrapper,
.revealhidden {
	visibility: hidden;
}

.revealfade {
	animation-duration: 2s;
}

.image-wrap img {
	animation: move 10s linear infinite;
	-ms-animation: move 10s linear infinite;
	-webkit-animation: move 10s linear infinite;
	-0-animation: move 10s linear infinite;
	-moz-animation: move 10s linear infinite;
}

@-webkit-keyframes move {
	0% {
		transform-origin: center center;
		transform: scale(1.0);
	}

	50% {
		transform: scale(.95);
	}

	100% {
		transform: scale(1);
	}
}

#kaufenmieten {
	position:relative;
	width:100%;
	min-height:680px;
	background-size:cover;
	background-position: center bottom;
}

@media  only screen and (min-width: 1261px) {
	#kaufenmieten {
		min-height:920px;
	}	
}

#kaufenmieten .textbox {
	max-width:1000px;
	width:90%;
	margin:0 auto;
	padding:50px 20px 0 20px;
	color:#fff !important;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	z-index:200;
	text-align: center;
}


#kaufenmieten .textbox h2 {
	color:#fff !important;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:700;
	font-size:43pt;
	line-height:72px;
	text-align:center;
	/*max-width:700px;*/
	margin: 0 auto;
}

#kaufenmieten .textbox h3 {
	color:#fff !important;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:43pt;
	line-height:72px;
	text-align:center;
}

#kaufenmieten .textbox .text {
	margin:0 auto;
	text-align:center;
	max-width:680px;
}

/* BOX OVERLAYS */
#kaufenmieten::after {
	content:"";
	position: absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	background:black;
	z-index:1;
	opacity: .3;
}


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

	div.teaser {
		//position:relative;
		color:#555;
	}

	div.teaser div.teaserbox {
		max-width:840px;
		padding:40px 20px 0 20px;
	}

	div.teaser div.teaserbox h1 {
		font-size:30pt;
		line-height:45px;
		font-weight:700;
	}
	div.teaser div.teaserbox h1 span.smal {
		font-size:30pt;
		line-height:45px;
		font-weight:400;
	}
	div.teaser div.teaserbox .text {
		font-size:12pt;
		font-weight:700;
		padding-top: 10px;
	}

	#kaufenmieten .textbox h2 {
		font-size:33pt;
		line-height:52px;
	}

	#kaufenmieten .textbox h3 {
		font-size:33pt;
		line-height:52px;
	}

}




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

	#kaufenmieten .textbox h2 {
		font-size:23pt;
		line-height:32px;
	}

	#kaufenmieten .textbox h3 {
		font-size:23pt;
		line-height:32px;
	}

}

.infotxt p {
	padding-right: 35px;
	display: none;
}

@media screen and (min-width: 520px) {
	.infotxt p {
		display: inline;
	}
}

.hghlghtr button {
	position: absolute;
	right: 8px;
	top: 8px;
	border: none;
	margin: 0;
	padding: 0;
	width: auto;
	overflow: visible;
	background: transparent;
	color: inherit;
	font: inherit;
	line-height: normal;
	-webkit-font-smoothing: inherit;
	-moz-osx-font-smoothing: inherit;
	-webkit-appearance: none;
	outline: none;
}

/* Remove excess padding and border in Firefox 4+ */
::-moz-focus-inner {
	border: 0;
	padding: 0;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

.stroke-solid {
	stroke-dashoffset: 0;
	stroke-dashArray: 300;
	stroke-width: 5px;
	transition: stroke-dashoffset 1s ease, opacity 1s ease;
}

.icon {
	transform: scale(0.8);
	transform-origin: 50% 50%;
	transition: transform 200ms ease-out;
}

svg.play:hover .stroke-solid {
	opacity: 1;
	stroke-dashoffset: 300;
}

svg.play:hover .icon {
	transform: scale(0.9);
}

svg.play {
	cursor: pointer;
}