.mapboxmap {
  width: 100%;
  position:relative;
  margin-bottom: 1em;
}

.leaflet-popup .videowrapper {
  width: 568px;
  padding-bottom: 56.25%;
  position: relative;
}

.leaflet-popup .videowrapper iframe {
  position: absolute;
  top: 0;
  left:0;
  bottom: 0;
  right:0;
}

.leaflet-container .teaserwrapper h2 {
  margin: 0;
}


.leaflet-container .teaserwrapper h2 a,
.leaflet-container .teaserwrapper h2 a:hover{
  color:#0c327d;
  text-decoration:none;
  font-size:1.2em;
}
	
.leaflet-container .teaserwrapper .teasertext a,
.leaflet-container .teaserwrapper .teasertext a:hover{
  color: #333;
  font-size:1.1em;
}

.leaflet-container .teaserwrapper .teasertext .cta{
  color:#0c327d;
  font-weight:bold;
}		



/* Zusatzklassen für das Seitenverhältnis von Karten. mapbox.js setzt je nach übergebenen Parametern diese klassen */
/* damit das ganze responsiv bleibt, wird die Höhe über padding-bottom realisiert. Dadurch erhält der DIV seine Höhe abhängig von der Breite */
/* Die darin enthaltene Karte skaliert auf 100% Höhe und Breite. Damit bleibt das Seitenverhältnisbeim Skalieren konstant. 56.25% entspricht ungefähr 16:9 */

.mapboxmap.landscape { padding-bottom: 56.25%; }
.mapboxmap.square { padding-bottom: 100%; }
.mapboxmap.portrait { padding-bottom: 150%; }

/* Wird die Kartenausspielung per Opt Out blockiert, bekommt die Karte keine Höhe, so dass auf der Seite nur der Texthinweis sichtbar bleibt statt einer riesigen grauen Fläche */
/* Siehe mapbox.js wg. Opt-Out-Verfahren */

.contentblocked .mapboxmap {
  padding-bottom: 0;
}

/* Optout für externe Inhalte - vgl. mapbox.js */

.privacycheck.contentblocked {
  box-sizing: border-box;
  background-color: #eee;
  padding: 1em;
}

.privacydisclaimer {
  font-size: 0.8em;
  margin-top: 0.25em;
  margin-bottom: 1em;
  padding: 0.5em;

}
.privacydisclaimer a {text-decoration: underline;}

.imagewrapper img {
	width: 100%;
}

.box.bgmap {
	padding: 0 !important;
}

.box.bgmap .infokasten {
  		width: 96%;
}

.mod .leaflet-popup-content .teaser, .mod .leaflet-popup-content .teasertext {
	float: none;
}

.mod .leaflet-popup-content .teaser	img {
		width: 100%;
		position: relative;
}