.anfahrtberechnen_type2 {}

.anfahrtberechnen_type2 .container.topCont {
    margin-bottom: 50px;
}

.anfahrtberechnen_type2 .closeThisParent {
    display: inline-block;
    float: right;
    cursor: pointer;
    color: var(--color-highlight);
}

.anfahrtberechnen_type2 .partneradr {}

.anfahrtberechnen_type2 .anfahrtheadline {}

.anfahrtberechnen_type2 .anfahrttext {}

.anfahrtberechnen_type2 .anfahrtopening {}

.anfahrtberechnen_type2 .anfahrtopening .anfahrtopeningheader {
    margin-top: 15px;
}

.anfahrtberechnen_type2 .anfahrtopening span {
    display: inline-block;
    width: 180px;
    text-align: left;
}

.anfahrtberechnen_type2 .anfahrtopening .anfahrtopeningInner {
    text-align: left;
    display: inline-block;
    padding-top: 30px;
}

.anfahrtberechnen_type2 .anfahrtopening small {}

#anfahrtplanenFloat {
    background-color: var(--color-white);
    border: 1px solid var(--color-highlight);
    top: 30px;
    left: 50%;
    margin-left: -180px;
    padding: 15px;
    position: absolute;
    width: 360px;
    border-radius: 6px;
    text-align: center
}




#map_canvas {
    float: right;
    height: 600px !important;
    position: relative;
    width: 100% !important;
    background: #ffffff url("../../img/map_kontakt.jpg") no-repeat center center;
    background-size: cover;
}

.map_link {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

#directionsPanel {}

table.directions th {
    background-color: #888888;
}

.adp-directions {
    border-collapse: collapse;
    cursor: pointer;
    width: 100%;
}

.anfahrtIframeCont {
    position: relative;
    padding-bottom: 62.5%;
    padding-top: 0px;
    height: 0;
    margin-bottom: 20px;
}

.anfahrtIframeCont iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.anfahrtberechnen_type2.u23design .container.mapCont {
	height: 100%;
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 0;
}
.anfahrtberechnen_type2.u23design #anfahrtplanenFloat {
	background-color: var(--color-highlight);
	color: var(--color-white);
	border: 0px solid var(--color-highlight);
	top: 0;
	left: 0;
	margin-left: 0;
	padding: 30px;
	position: relative;
	min-width: 320px;
	width: 33%;
	border-radius: 0px;
	text-align: center;
	bottom: 0;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	text-align: left;
}



.anfahrtberechnen_type2.u23design #anfahrtplanenFloat .adressheadline {
	text-align: left;
	margin-bottom:30px;
}
.anfahrtberechnen_type2.u23design #anfahrtplanenFloat .partneradr {
	text-align: left;
	margin-bottom:30px;
}


@media (min-width: 992px) {
	.anfahrtberechnen_type2.u23design #anfahrtplanenFloat {
		padding: 30px 80px;

	}
}

.anfahrtberechnen_type2.u23design  .closeThisParent {
  display: none;

}



.anfahrtberechnen_type2.u23design .col-map {}
.anfahrtberechnen_type2.u23design .col-map #map_canvas {z-index:1;}
.anfahrtberechnen_type2.u23design .col-map #anfahrtplanenFloat {z-index:2;}
@media (max-width: 991px) {
	.anfahrtberechnen_type2.u23design .col-map {
		display: flex;
		flex-wrap: wrap;
	}
	.anfahrtberechnen_type2.u23design .col-map #map_canvas {
		z-index: 1;
		order: 2;
		height: 75vw !important;
	}
	.anfahrtberechnen_type2.u23design .container.mapCont {
		position: relative;
		width: 100%;
		padding: 0;
		height: auto;
		order: 1;
		background-color: var(--color-highlight);
	}
	.anfahrtberechnen_type2.u23design .col-map #anfahrtplanenFloat {
		z-index: 2;
		width: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	
	.anfahrtberechnen_type2.u23design #anfahrtplanenFloat .adressheadline,
	.anfahrtberechnen_type2.u23design #anfahrtplanenFloat .partneradr {
		text-align:center;
	}
	

}



.anfahrtberechnen_type2 .closeThisParent {display:none !important;}