@charset "utf-8";
/*
	CSS Document for popupmanager (frontend)
	v1.0.0
*/


/* body noScroll */
html.pm-popup-opened body.pm-popup-bodynoscroll { overflow: hidden; }


/* Popups */
.pm-popup { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 999995; width: 100%; height: 100%; margin: 0; padding: var(--pmp-default-padding); overflow: hidden;
			display: none; flex-direction: column; justify-content: center; align-items: center; opacity: 0;
			background: none; outline: 0; box-sizing: border-box; transition: all 0.3s ease; pointer-events: none;
	
	--pmp-default-padding: 20px;
	--pmp-default-close-margin: 8px;
	--pmp-close-size: 1.0;
	--pmp-col-overlay: rgba(0,0,0, 0.5);
	--pmp-mediaposition-mobile: column;
}

	.pm-popup.pmp-isopened:not(.pmp-isclosed) { display: flex; opacity: 1; }
	.pm-popup.pmp-ishidden{ display: none !important; }
	.pm-popup * { box-sizing: border-box; }

	.pm-popup.pmp-nomargin { padding: 0px !important; }
	.pm-popup.pmp-fullheight .pmp-wrapper, .pm-popup.pmp-fullheight .pmp-inner { height: auto; min-height: 100%; }

	.pm-popup.pmp-position-cc { align-items: center; justify-content: center; }
	.pm-popup.pmp-position-lt { align-items: flex-start; justify-content: flex-start; }
	.pm-popup.pmp-position-rt { align-items: flex-end; justify-content: flex-start; }
	.pm-popup.pmp-position-rb { align-items: flex-end; justify-content: flex-end; }
	.pm-popup.pmp-position-lb { align-items: flex-start; justify-content: flex-end; }
	.pm-popup.pmp-position-ct { align-items: center; justify-content: flex-start; }
	.pm-popup.pmp-position-cr { align-items: flex-end; justify-content: center; }
	.pm-popup.pmp-position-cb { align-items: center; justify-content: flex-end; }
	.pm-popup.pmp-position-cl { align-items: flex-start; justify-content: center; }

	/* Abstand vom Seitenrand */
	.pm-popup[class*="pmp-closebtn-position-corner"]	{ padding: 35px; }
	.pm-popup[class*="pmp-closebtn-position-outer"] 	{ padding-top: 50px; padding-bottom: 50px; }
	
		.pm-popup.pmp-position-lb.pmp-closebtn-position-outer-lefttop,
		.pm-popup.pmp-position-lb.pmp-closebtn-position-outer-centertop,
		.pm-popup.pmp-position-lb.pmp-closebtn-position-outer-righttop,
		.pm-popup.pmp-position-cb.pmp-closebtn-position-outer-lefttop,
		.pm-popup.pmp-position-cb.pmp-closebtn-position-outer-centertop,
		.pm-popup.pmp-position-cb.pmp-closebtn-position-outer-righttop,
		.pm-popup.pmp-position-rb.pmp-closebtn-position-outer-lefttop,
		.pm-popup.pmp-position-rb.pmp-closebtn-position-outer-centertop,
		.pm-popup.pmp-position-rb.pmp-closebtn-position-outer-righttop
			{ padding-bottom: var(--pmp-default-padding); }
		
		.pm-popup.pmp-position-lt.pmp-closebtn-position-outer-leftbottom,
		.pm-popup.pmp-position-lt.pmp-closebtn-position-outer-centerbottom,
		.pm-popup.pmp-position-lt.pmp-closebtn-position-outer-rightbottom,
		.pm-popup.pmp-position-ct.pmp-closebtn-position-outer-leftbottom,
		.pm-popup.pmp-position-ct.pmp-closebtn-position-outer-centerbottom,
		.pm-popup.pmp-position-ct.pmp-closebtn-position-outer-rightbottom,
		.pm-popup.pmp-position-rt.pmp-closebtn-position-outer-leftbottom,
		.pm-popup.pmp-position-rt.pmp-closebtn-position-outer-centerbottom,
		.pm-popup.pmp-position-rt.pmp-closebtn-position-outer-rightbottom
			{ padding-top: var(--pmp-default-padding); }

.pm-popup .pmp-overlay { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 2; pointer-events: all; animation: pmpFX_overlay 0.2s; }
	.pm-popup .pmp-overlay-color { background: var(--pmp-col-overlay); }
	.pm-popup .pmp-overlay-blur { backdrop-filter: blur(10px); }
	
.pm-popup .pmp-close { --pmp-tmp-translate: translate(0px,0px); --pmp-tmp: 1.0; position: absolute; top: 0px; right: 0px; z-index: 10; width: 30px; height: 30px; padding: 0px; margin: 0px; border: none; background: #FFF no-repeat center center; background-size: contain; box-shadow: 0 0 15px 0 rgba(0,0,0,0.25); transform: scale(var(--pmp-close-size)); transition: all 0.3s ease; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; }
	.pm-popup .pmp-close i { display: none; }
	.pm-popup .pmp-close:hover { transform: var(--pmp-tmp-translate) scale(calc(var(--pmp-close-size) * 1.1)) !important; }
	.pm-popup .pmp-close:after, .pm-popup .pmp-close:before { content:''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center; width: 51%; height: 2px; background: #222; transition: all 0.3s ease; }
        .pm-popup .pmp-close:after { transform: translate(-50%, -50%) rotate(-45deg); }
	
	.pm-popup.pmp-closebtn-hasimage .pmp-close { background-color: transparent !important; box-shadow: none !important; }
		.pm-popup.pmp-closebtn-hasimage .pmp-close:after, .pm-popup.pmp-closebtn-hasimage .pmp-close:before { display: none; }	
	
	/* Close-Stil */
	.pm-popup.pmp-closebtn-round .pmp-close 	{ border-radius: 50%; }
	.pm-popup.pmp-closebtn-square .pmp-close 	{ }
		.pm-popup.pmp-closebtn-square .pmp-close:after, .pm-popup.pmp-closebtn-square .pmp-close:before { width: 59%; }	
	.pm-popup.pmp-closebtn-free .pmp-close 		{ background-color: transparent !important; box-shadow: none !important; }
		.pm-popup.pmp-closebtn-free .pmp-close:after, .pm-popup.pmp-closebtn-free .pmp-close:before { width: 71%; }

	/* Close-Farben */
	.pm-popup.pmp-closebtn-white .pmp-close,
	.pm-popup.pmp-closebtn-white.pmp-closebtn-free .pmp-close:after,
	.pm-popup.pmp-closebtn-white.pmp-closebtn-free .pmp-close:before
		{ background-color: #FFF; }
	.pm-popup.pmp-closebtn-white .pmp-close:after, .pm-popup.pmp-closebtn-white .pmp-close:before { background-color: #000; }	
		
	.pm-popup.pmp-closebtn-black .pmp-close,
	.pm-popup.pmp-closebtn-black.pmp-closebtn-free .pmp-close:after,
	.pm-popup.pmp-closebtn-black.pmp-closebtn-free .pmp-close:before	
		{ background-color: #000; }
		.pm-popup.pmp-closebtn-black .pmp-close:after, .pm-popup.pmp-closebtn-black .pmp-close:before { background-color: #FFF; }

	/* Close-Größe */
	.pm-popup.pmp-closebtn-size-0-6 { --pmp-close-size: 0.6; }
	.pm-popup.pmp-closebtn-size-0-7 { --pmp-close-size: 0.7; }
	.pm-popup.pmp-closebtn-size-0-8 { --pmp-close-size: 0.8; }
	.pm-popup.pmp-closebtn-size-0-9 { --pmp-close-size: 0.9; }
	.pm-popup.pmp-closebtn-size-1-0 { --pmp-close-size: 1.0; }
	.pm-popup.pmp-closebtn-size-1-1 { --pmp-close-size: 1.1; }
	.pm-popup.pmp-closebtn-size-1-2 { --pmp-close-size: 1.2; --pmp-default-close-margin: 9px; }
	.pm-popup.pmp-closebtn-size-1-3 { --pmp-close-size: 1.3; --pmp-default-close-margin: 10px; }
	.pm-popup.pmp-closebtn-size-1-4 { --pmp-close-size: 1.4; --pmp-default-close-margin: 11px; }

	/* Close-Position */
    .pm-popup[class*="pmp-closebtn-position-inner"] .pmp-close 			{ top: var(--pmp-default-close-margin); left: var(--pmp-default-close-margin); }
		.pm-popup.pmp-closebtn-position-inner-right .pmp-close 			{ right: var(--pmp-default-close-margin); left: auto; }

    .pm-popup[class*="pmp-closebtn-position-corner"] .pmp-close 		{ top: 0px; left: 0px; 		--pmp-tmp-translate: translate(-50%, -50%);  transform: var(--pmp-tmp-translate) scale(var(--pmp-close-size)); }
		.pm-popup.pmp-closebtn-position-corner-right .pmp-close 		{ right: 0px; left: auto; 	--pmp-tmp-translate: translate(50%, -50%);   transform: var(--pmp-tmp-translate) scale(var(--pmp-close-size)); }
	
	.pm-popup[class*="pmp-closebtn-position-outer"] .pmp-close 			{ top: -10px; left: 0px; 	--pmp-tmp-translate: translate(0%, -100%); 	 transform: var(--pmp-tmp-translate) scale(var(--pmp-close-size)); }
		.pm-popup.pmp-closebtn-position-outer-centertop .pmp-close 		{ left: 50%; 				--pmp-tmp-translate: translate(-50%, -100%); transform: var(--pmp-tmp-translate) scale(var(--pmp-close-size)); }
		.pm-popup.pmp-closebtn-position-outer-righttop .pmp-close 		{ left: auto; right: 0px; 	--pmp-tmp-translate: translate(0%, -100%); 	 transform: var(--pmp-tmp-translate) scale(var(--pmp-close-size)); }
					
		.pm-popup.pmp-closebtn-position-outer-leftbottom .pmp-close 	{ top: auto; bottom: -10px; --pmp-tmp-translate: translate(0%, 100%);	 transform: var(--pmp-tmp-translate) scale(var(--pmp-close-size)); }
		.pm-popup.pmp-closebtn-position-outer-centerbottom .pmp-close 	{ top: auto; bottom: -10px; left: 50%; --pmp-tmp-translate: translate(-50%, 100%); 			  transform: var(--pmp-tmp-translate) scale(var(--pmp-close-size)); }
		.pm-popup.pmp-closebtn-position-outer-rightbottom .pmp-close 	{ top: auto; bottom: -10px; left: auto; right: 0px; --pmp-tmp-translate: translate(0%, 100%); transform: var(--pmp-tmp-translate) scale(var(--pmp-close-size)); }
	
	
.pm-popup .pmp-wrapper { position: relative; z-index: 5; width: 100%; height: auto; max-height: 100%; /*overflow: hidden;*/ pointer-events: all; }
	.pm-popup.pmp-shadow .pmp-wrapper { box-shadow: 0 0 32px 0 rgba(0,0,0,0.33); }
.pm-popup .pmp-scrollarea { position: relative; display: grid; width: 100%; height: 100%; overflow-y: auto; }

.pm-popup .pmp-inner { position: relative; display: flex; flex-direction: row; width: 100%; gap: 0px; height: auto; }
    .pm-popup .pmp-inner > * { flex: 1 1; position: relative; }
	.pm-popup .pmp-wrapper, .pm-popup .pmp-content { background: center center no-repeat; }

	.pm-popup .pmp-bgifill-cover   { background-size: cover; }
	.pm-popup .pmp-bgifill-contain { background-size: contain; }
	.pm-popup .pmp-bgifill-repeat  { background-repeat: repeat; }
	.pm-popup .pmp-bgifill-repeatX { background-repeat: repeat-x; }
	.pm-popup .pmp-bgifill-repeatY { background-repeat: repeat-y; }
	
    .pm-popup .pmp-bgipos-cc { background-position: center center; }
    .pm-popup .pmp-bgipos-lt { background-position: left top; }
    .pm-popup .pmp-bgipos-rt { background-position: right top; }
    .pm-popup .pmp-bgipos-rb { background-position: right bottom; }
    .pm-popup .pmp-bgipos-lb { background-position: left bottom; }
    .pm-popup .pmp-bgipos-ct { background-position: center top; }
    .pm-popup .pmp-bgipos-cr { background-position: center right; }
    .pm-popup .pmp-bgipos-cb { background-position: center bottom; }
    .pm-popup .pmp-bgipos-cl { background-position: center left; } 

	.pm-popup .pmp-objpos-cc { object-position: center center; }
	.pm-popup .pmp-objpos-lt { object-position: left top; }
	.pm-popup .pmp-objpos-rt { object-position: right top; }
	.pm-popup .pmp-objpos-rb { object-position: right bottom; }
	.pm-popup .pmp-objpos-lb { object-position: left bottom; }
	.pm-popup .pmp-objpos-ct { object-position: center top; }
	.pm-popup .pmp-objpos-cr { object-position: center right; }
	.pm-popup .pmp-objpos-cb { object-position: center bottom; }
	.pm-popup .pmp-objpos-cl { object-position: center left; } 
	
    .pm-popup.pmp-media-left .pmp-inner 	{ flex-direction: row; }
    .pm-popup.pmp-media-top .pmp-inner 		{ flex-direction: column; }
    .pm-popup.pmp-media-right .pmp-inner 	{ flex-direction: row-reverse; --pmp-mediaposition-mobile: column-reverse; }
    .pm-popup.pmp-media-bottom .pmp-inner 	{ flex-direction: column-reverse; --pmp-mediaposition-mobile: column-reverse; }
        .pm-popup.pmp-media-top .pmp-inner > *, .pm-popup.pmp-media-bottom .pmp-inner > * { width: 100% !important; }

	.pm-popup .pmp-align-cc { align-items: center; justify-content: center !important; }
	.pm-popup .pmp-align-lt { align-items: flex-start; justify-content: flex-start !important; }
	.pm-popup .pmp-align-rt { align-items: flex-start; justify-content: flex-end !important; }
	.pm-popup .pmp-align-rb { align-items: flex-end; justify-content: flex-end !important; }
	.pm-popup .pmp-align-lb { align-items: flex-end; justify-content: flex-start !important; }
	.pm-popup .pmp-align-ct { align-items: flex-start; justify-content: center !important; }
	.pm-popup .pmp-align-cr { align-items: center; justify-content: flex-end !important; }
	.pm-popup .pmp-align-cb { align-items: flex-end; justify-content: center !important; }
	.pm-popup .pmp-align-cl { align-items: center; justify-content: flex-start !important; }

.pm-popup .pmp-image { display: flex; overflow: hidden; }
	.pm-popup.pmp-hastext .pmp-image { flex: none; }
	.pm-popup .pmp-image > div { position: relative; flex: auto; }
	.pm-popup .pmp-image picture { position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%; padding: 0px; margin: 0px; }
	
	.pm-popup .pmp-image:not(.pmp-format-original) img { max-height: none; width: 100%; height: 100%; object-fit: cover; }
	.pm-popup .pmp-image:not(.pmp-format-original) > div:after { content:''; display: block; height: 0px; padding: 0px; }
	
	.pm-popup .pmp-image.pmp-format-equal > div { height: 100%; }
		.pm-popup.pmp-media-top .pmp-image.pmp-format-equal div:after,
		.pm-popup.pmp-media-bottom .pmp-image.pmp-format-equal div:after,
		.pm-popup:not(.pmp-hastext) .pmp-image.pmp-format-equal div:after { min-height: 40px; 	/* Fallback-Höhe */ }

	.pm-popup .pmp-image.pmp-format-original > div { flex: none; height: 100%; }
	.pm-popup .pmp-image.pmp-format-original picture { position: static; display: block; height: auto; }
	.pm-popup .pmp-image.pmp-format-original img { display: block; max-width: 100%; height: auto; }

	.pm-popup .pmp-image.pmp-format-1-1 > div:after		{ padding-top: 100%; }
	.pm-popup .pmp-image.pmp-format-2-1 > div:after		{ padding-top: 50%; }
	.pm-popup .pmp-image.pmp-format-3-2 > div:after		{ padding-top: 66.66%; }
	.pm-popup .pmp-image.pmp-format-4-3 > div:after		{ padding-top: 75%; }
	.pm-popup .pmp-image.pmp-format-8-5 > div:after		{ padding-top: 62.5%; }
	.pm-popup .pmp-image.pmp-format-16-9 > div:after	{ padding-top: 56.25%; }
	.pm-popup .pmp-image.pmp-format-21-9 > div:after	{ padding-top: 42.86%; }
	.pm-popup .pmp-image.pmp-format-32-9 > div:after	{ padding-top: 16.98%; }

	.pm-popup .pmp-image.pmp-format-1-2 > div:after		{ padding-top: 200%; }
	.pm-popup .pmp-image.pmp-format-2-3 > div:after		{ padding-top: 150%; }
	.pm-popup .pmp-image.pmp-format-4-5 > div:after		{ padding-top: 133.33%; }
	.pm-popup .pmp-image.pmp-format-5-8 > div:after		{ padding-top: 160%; }
	.pm-popup .pmp-image.pmp-format-9-16 > div:after	{ padding-top: 177.78%;	}

.pm-popup .pmp-link { padding: 15px; }
	.pm-popup .pmp-link > a {}
	.pm-popup .pmp-image.pmp-hasinlinelink .pmp-link { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; }
	
	.pm-popup .pmp-link.pmp-align-ol { text-align: left; }
	.pm-popup .pmp-link.pmp-align-oc { text-align: center; }
	.pm-popup .pmp-link.pmp-align-or { text-align: right; }
	
.pm-popup .pmp-content { display: flex; align-items: center; transition: all 0.3s ease; }
.pm-popup .pmp-content > div { align-items: center; justify-content: center; }
.pm-popup .pmp-content > div p:last-child { margin-bottom: 0px; }

.pm-popup:not(.pmp-hastext) .pmp-image, .pm-popup:not(.pmp-hasimage) .pmp-content { max-width: none !important; }


/* Einblendeffekte */
@keyframes pmpFX_overlay {
	0% 	 { opacity: 0; }
	100% { opacity: 1; }
}

.pmpFX_fadeIn { animation: pmpFX_fadeIn 0.4s; }
	@keyframes pmpFX_fadeIn {
		0% 	 { opacity: 0; }
		100% { opacity: 1; }
	}
.pmpFX_zommIn { animation: pmpFX_zommIn 0.4s; }
	@keyframes pmpFX_zommIn {
		0% 	 { opacity: 0; transform: scale(0.6); }
		100% { opacity: 1; transform: scale(1); }
	}
.pmpFX_zoomOut { animation: pmpFX_zoomOut 0.5s; }
	@keyframes pmpFX_zoomOut {
		0% 	 { opacity: 0; transform: scale(1.25); }
		100% { opacity: 1; transform: scale(1); }
	}
.pmpFX_flipUp { animation: pmpFX_flipUp 0.6s; transform-style: preserve-3d; backface-visibility: hidden; }
	@keyframes pmpFX_flipUp {
		0% 	 { opacity: 0; transform: perspective(1500px) rotateX(-100deg); }
		100% { opacity: 1; transform: perspective(1500px) rotateX(0); }
	}
.pmpFX_flipDown { animation: pmpFX_flipDown 0.6s; transform-style: preserve-3d; backface-visibility: hidden; }
	@keyframes pmpFX_flipDown {
		0% 	 { opacity: 0; transform: perspective(1500px) rotateX(100deg); }
		100% { opacity: 1; transform: perspective(1500px) rotateX(0); }
	}
.pmpFX_flipLeft { animation: pmpFX_flipLeft 0.65s; transform-style: preserve-3d; backface-visibility: hidden; }
	@keyframes pmpFX_flipLeft {
		0% 	 { opacity: 0; transform: perspective(1500px) rotateY(-100deg); }
		100% { opacity: 1; transform: perspective(1500px) rotateY(0); }
	}
.pmpFX_flipRight { animation: pmpFX_flipRight 0.65s; transform-style: preserve-3d; backface-visibility: hidden; }
	@keyframes pmpFX_flipRight {
		0% 	 { opacity: 0; transform: perspective(1500px) rotateY(100deg); }
		100% { opacity: 1; transform: perspective(1500px) rotateY(0); }
	}
.pmpFX_slideUp { animation: pmpFX_slideUp 0.6s; }
	@keyframes pmpFX_slideUp {
		0% 	 { opacity: 0; transform: translate3d(0, 100px, 0); }
		100% { opacity: 1; transform: translateZ(0); }
	}
.pmpFX_slideDown { animation: pmpFX_slideDown 0.6s; }
	@keyframes pmpFX_slideDown {
		0% 	 { opacity: 0; transform: translate3d(0, -100px, 0); }
		100% { opacity: 1; transform: translateZ(0); }
	}
.pmpFX_slideLeft { animation: pmpFX_slideLeft 0.6s; }
	@keyframes pmpFX_slideLeft {
		0% 	 { opacity: 0; transform: translate3d(100px, 0, 0); }
		100% { opacity: 1; transform: translateZ(0); }
	}
.pmpFX_slideRight { animation: pmpFX_slideRight 0.6s; }
	@keyframes pmpFX_slideRight {
		0% 	 { opacity: 0; transform: translate3d(-100px, 0, 0); }
		100% { opacity: 1; transform: translateZ(0); }
	}


/* responsive Anpassungen */
@media screen and (max-width:800px){
	/* nur noch 1-spaltige Darstellung für imgwidth = xl (>= 65%) */
	.pm-popup.pmp-hastext[data-mediawidth="xl"] .pmp-inner { flex-direction: var(--pmp-mediaposition-mobile) !important; }
	.pm-popup.pmp-hastext[data-mediawidth="xl"] .pmp-inner > * { max-width: none !important; }
	.pm-popup.pmp-hastext[data-mediawidth="xl"] .pmp-image { width: auto !important; }
	
		/* format-equal auf format-original setzen */
		.pm-popup.pmp-hastext[data-mediawidth="xl"] .pmp-image.pmp-format-equal > div { height: auto; }
		.pm-popup.pmp-hastext[data-mediawidth="xl"] .pmp-image.pmp-format-equal picture { position: static; display: block; height: auto; }
		.pm-popup.pmp-hastext[data-mediawidth="xl"] .pmp-image.pmp-format-equal img { display: block; max-width: 100%; height: auto; }
		.pm-popup.pmp-hastext[data-mediawidth="xl"] .pmp-image.pmp-format-equal > div:after { display: none; }
}

@media screen and (max-width:720px){	
	/* nur noch 1-spaltige Darstellung für imgwidth = lg (>= 55%) */
	.pm-popup.pmp-hastext[data-mediawidth="lg"] .pmp-inner { flex-direction: var(--pmp-mediaposition-mobile) !important; }
	.pm-popup.pmp-hastext[data-mediawidth="lg"] .pmp-inner > * { max-width: none !important; }
	.pm-popup.pmp-hastext[data-mediawidth="lg"] .pmp-image { width: auto !important; }
	
		/* format-equal auf format-original setzen */
		.pm-popup.pmp-hastext[data-mediawidth="lg"] .pmp-image.pmp-format-equal > div { height: auto; }
		.pm-popup.pmp-hastext[data-mediawidth="lg"] .pmp-image.pmp-format-equal picture { position: static; display: block; height: auto; }
		.pm-popup.pmp-hastext[data-mediawidth="lg"] .pmp-image.pmp-format-equal img { display: block; max-width: 100%; height: auto; }
		.pm-popup.pmp-hastext[data-mediawidth="lg"] .pmp-image.pmp-format-equal > div:after { display: none; }
}

@media screen and (max-width:640px){	
	/* nur noch 1-spaltige Darstellung für imgwidth = md (>= 35%) */
	.pm-popup.pmp-hastext[data-mediawidth="md"] .pmp-inner { flex-direction: var(--pmp-mediaposition-mobile) !important; }
	.pm-popup.pmp-hastext[data-mediawidth="md"] .pmp-inner > * { max-width: none !important; }
	.pm-popup.pmp-hastext[data-mediawidth="md"] .pmp-image { width: auto !important; }
	
		/* format-equal auf format-original setzen */
		.pm-popup.pmp-hastext[data-mediawidth="md"] .pmp-image.pmp-format-equal > div { height: auto; }
		.pm-popup.pmp-hastext[data-mediawidth="md"] .pmp-image.pmp-format-equal picture { position: static; display: block; height: auto; }
		.pm-popup.pmp-hastext[data-mediawidth="md"] .pmp-image.pmp-format-equal img { display: block; max-width: 100%; height: auto; }
		.pm-popup.pmp-hastext[data-mediawidth="md"] .pmp-image.pmp-format-equal > div:after { display: none; }
}

@media screen and (max-width:560px){	
	.pm-popup { padding: 10px; padding-left: 10px !important; padding-right: 10px !important; }	
	.pm-popup[class*="pmp-closebtn-position-corner"] { padding-top: 50px; }	
	.pm-popup[class*="pmp-closebtn-position-corner"] .pmp-close { top: -10px; left: 50%; --pmp-tmp-translate: translate(-50%, -100%); transform: var(--pmp-tmp-translate) scale(var(--pmp-close-size)); }
	
	/* nur noch 1-spaltige Darstellung */
	.pm-popup.pmp-hastext .pmp-inner { flex-direction: var(--pmp-mediaposition-mobile) !important; }
	.pm-popup.pmp-hastext .pmp-inner > * { max-width: none !important; }
	.pm-popup.pmp-hastext .pmp-image { width: auto !important; }
	
		/* format-equal auf format-original setzen */
		.pm-popup.pmp-hastext .pmp-image.pmp-format-equal > div { height: auto; }
		.pm-popup.pmp-hastext .pmp-image.pmp-format-equal picture { position: static; display: block; height: auto; }
		.pm-popup.pmp-hastext .pmp-image.pmp-format-equal img { display: block; max-width: 100%; height: auto; }
		.pm-popup.pmp-hastext .pmp-image.pmp-format-equal > div:after { display: none; }
}