/* Eigenes CSS aus dem WordPress-Customizer */
/*
Hier kannst du dein eigenes CSS einfügen.

Klicke auf das Hilfe-Symbol oben, um mehr zu lernen.
*/

/*########## REDUZIERT HÖHE des Headers #####*/
/*Computer screen */
@media screen and (min-width: 48em) {
	.twentyseventeen-front-page.has-header-image .custom-header-image, .has-header-image.home.blog .custom-header-image {
	/*height: 1200px;*/
	/*height: 100vh;*/
	height:50vh;
	/*max-height: 100%;*/
	/*overflow: hidden;*/
	}
}
 
/* Mobile screen*/
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header {
	/*display: table;*/
	/*height: 300px;*/
	/*height: 75vh;*/
	height: 50vh;
	/*width: 100%;*/
}
 
/* Computer screen with logged in user and admin bar showing on front end*/
@media screen and (min-width: 48em) {
	.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-image {
	/*height: calc(100vh - 32px);*/
	height: calc(52h - 32px);
	}
}

/*########## REDUZIERT HÖHE ENDE #####*/

/*
.site-inner {
 max-width: none;
}
.site-content,
.site-footer,
.site-header-main {
 max-width: 1820px;
 margin: 0 auto;
}

*/




 /* wider wrapper in large screens */
 @media screen and (min-width: 48em) {
 .wrap {
max-width: 1440px;
 }

	.has-sidebar:not(.error404) #primary {
		float: left;
		width: 67%;
	}

	.has-sidebar #secondary {
		float: right;
		padding-top: 0;
		width: 30%;
		max-width: 350px;
	  
	}


 }




/* Ergänzungen für die statische Version (Galerie, Karten, Lightbox). */

/* ---------- Galerie (früher NextGEN) ---------- */
.entry-content .mps-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: 6px;
	margin: 1.5em 0;
}
@media (max-width: 47.99em) {
	.entry-content .mps-gallery { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
}
.entry-content .mps-gallery a {
	display: block;
	line-height: 0;
	box-shadow: none;
}
.entry-content .mps-gallery a:hover,
.entry-content .mps-gallery a:focus {
	box-shadow: none;
	opacity: .82;
}
.mps-gallery img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	background: #2d2d2d;
}

/* ---------- Karten ---------- */
.entry-content .mps-map,
.entry-content .mps-track-map {
	width: 100%;
	margin: 1.5em 0 0;
	background: #d7e5ee;
}
.mps-map { height: 300px; }
.mps-track-map { height: 450px; }
.mps-track { margin: 0 0 2em; }
.mps-track-chart {
	position: relative;
	height: 200px;
}
.mps-track-chart canvas { display: block; }
.entry-content .mps-map { margin-bottom: 1.5em; }

.entry-content .leaflet-container a,
.entry-content .leaflet-container a:hover,
.entry-content .leaflet-container a:focus,
.widget .leaflet-container a,
.widget .leaflet-container a:hover,
.widget .leaflet-container a:focus {
	box-shadow: none;
}
.mps-overview-map {
	height: 250px;
	width: 100%;
	background: #d7e5ee;
}
.mps-overview-map .leaflet-marker-icon { cursor: pointer; }
.leaflet-container { font-family: inherit; z-index: 0; }
.leaflet-popup-content { color: #222; }

.mps-dot {
	box-sizing: border-box;
	border: 3px solid #fff;
	border-radius: 50%;
	box-shadow: 0 0 4px rgba(0, 0, 0, .6);
}
.mps-dot-start { background: #0a8f4e; }
.mps-dot-end { background: #e32222; }
.mps-dot-wpt { background: #f5a623; width: 14px !important; height: 14px !important; margin: -7px 0 0 -7px !important; }

/* ---------- Größere Tippflächen auf dem Handy ---------- */
@media (max-width: 47.99em) {
	.widget_archive li a,
	.entry-content li a {
		display: inline-block;
		padding: .3em 0;
	}
}

/* ---------- Video ---------- */
.entry-content video {
	display: block;
	width: 100%;
	height: auto;
	margin: 1.5em 0;
}

/* ---------- Lightbox ---------- */
html.mps-lb-open { overflow: hidden; }
.mps-lightbox {
	position: fixed;
	z-index: 100000;
	inset: 0;
	background: rgba(0, 0, 0, .93);
	display: flex;
	align-items: center;
	justify-content: center;
}
.mps-lightbox[hidden] { display: none; }
.mps-lightbox figure {
	margin: 0;
	max-width: 100%;
	text-align: center;
}
.mps-lightbox img {
	display: block;
	margin: 0 auto;
	max-width: 100vw;
	max-height: calc(100vh - 44px);
	width: auto;
	height: auto;
}
.mps-lightbox figcaption {
	color: #ccc;
	font-size: 14px;
	line-height: 44px;
}
.mps-lightbox button {
	position: absolute;
	background: none;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-size: 48px;
	line-height: 1;
	padding: 12px 18px;
	opacity: .7;
	box-shadow: none;
}
.mps-lightbox button:hover,
.mps-lightbox button:focus {
	background: none;
	color: #fff;
	opacity: 1;
}
.mps-lb-close { top: 0; right: 0; }
.mps-lb-prev { left: 0; top: 50%; transform: translateY(-50%); }
.mps-lb-next { right: 0; top: 50%; transform: translateY(-50%); }