/* Instagram-Beiträge: Bild, Video, Karussell */
.igs-medien { margin: 0 0 1.5em; }
.igs-medien img, .igs-medien video, .igs-medien .igs-nurvorschau { display: block; width: 100%; height: auto; max-height: 85vh; object-fit: contain; border-radius: 4px; margin: 0; }
.igs-video { background: #000; max-height: 85vh; }

.igs-karussell { position: relative; margin: 0 0 1.5em; --igs-ratio: 4 / 5; }
.igs-spur { display: flex; overflow-x: auto; overflow-y: hidden; aspect-ratio: var(--igs-ratio); max-height: 85vh;
	scroll-snap-type: x mandatory; scroll-behavior: smooth; overscroll-behavior-x: contain; scrollbar-width: none;
	border-radius: 4px; background: rgba(0, 0, 0, .04); }
.igs-spur::-webkit-scrollbar { display: none; }
.igs-spur:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.igs-folie { flex: 0 0 100%; min-width: 0; height: 100%; scroll-snap-align: center; scroll-snap-stop: always;
	display: flex; align-items: center; justify-content: center; }
.igs-folie > img, .igs-folie > video, .igs-folie > .igs-nurvorschau { width: 100%; height: 100%; max-width: 100%; object-fit: contain; margin: 0; }
.igs-folie > .igs-nurvorschau img { width: 100%; height: 100%; object-fit: contain; }

.igs-karussell .igs-pfeil { position: absolute; top: 50%; z-index: 2; width: 2.4em; height: 2.4em; margin: -1.2em 0 0; padding: 0;
	display: flex; align-items: center; justify-content: center; border: 0; border-radius: 50%;
	background: rgba(255, 255, 255, .92); color: #1a1a1a; box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
	font: inherit; letter-spacing: 0; text-transform: none; line-height: 1; cursor: pointer; transition: opacity .2s ease, transform .15s ease; }
.igs-karussell .igs-pfeil:hover, .igs-karussell .igs-pfeil:focus { background: #fff; color: #1a1a1a; }
.igs-karussell .igs-pfeil:active { transform: scale(.94); }
.igs-karussell .igs-pfeil svg { width: 1.15em; height: 1.15em; }
.igs-karussell .igs-zurueck { left: .6em; }
.igs-karussell .igs-zurueck svg { transform: rotate(180deg); }
.igs-karussell .igs-vor { right: .6em; }
.igs-karussell .igs-pfeil[disabled] { opacity: 0; pointer-events: none; }
@media (hover: none) { .igs-karussell .igs-pfeil { width: 2em; height: 2em; margin-top: -1em; opacity: .85; } }

.igs-punkte { display: flex; justify-content: center; gap: 6px; margin-top: .7em; }
.igs-punkt { width: 7px; height: 7px; border-radius: 50%; background: currentColor; opacity: .22; transition: opacity .2s ease, transform .2s ease; }
.igs-punkt.is-aktiv { opacity: .8; transform: scale(1.25); }

.entry-content a.igs-nurvorschau, a.igs-nurvorschau { position: relative; display: block; box-shadow: none; text-decoration: none; color: #fff; }
.igs-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: inline-flex; align-items: center; gap: .5em;
	padding: .6em 1.1em .6em .8em; border-radius: 999px; background: rgba(0, 0, 0, .65); color: #fff; font-size: .875rem; font-weight: 700; white-space: nowrap; }
.igs-play svg { width: 1.3em; height: 1.3em; fill: currentColor; }
a.igs-nurvorschau:hover .igs-play { background: rgba(0, 0, 0, .8); }
.entry-content a.igs-fehlt, a.igs-fehlt { box-shadow: none; }
.igs-fehlt { display: block; padding: 2.5em 1em; text-align: center; border: 1px dashed rgba(128, 128, 128, .5); border-radius: 4px; }

.igs-text { overflow-wrap: anywhere; }

html.dark-mode .igs-spur { background: rgba(255, 255, 255, .05); }
@media (prefers-reduced-motion: reduce) { .igs-spur { scroll-behavior: auto; } }