/*
 * Grundgestaltung der Fotoalben im Frontend.
 *
 * Das Stylesheet macht nur so viel, wie nötig ist, damit die Kacheln in
 * Zeilen stehen und die versteckten Lightbox-Verweise unsichtbar bleiben.
 * Alles Weitere gehört ins Theme. Über das Feld "Fotoalben Stylesheet
 * ignorieren" im Seitenlayout lässt sich die Datei ganz abschalten.
 *
 * WICHTIG: Jede Regel bleibt innerhalb der Umhüllungen `.albumswrap` und
 * `.imagewrap`. Diese beiden Klassen setzen ausschließlich die mitgelieferten
 * Templates. Wer eigene Templates benutzt — etwa mit einem Bootstrap-Raster —
 * bekommt von hier nichts ab. Ohne diese Eingrenzung würden `.first` und
 * `.last` in fremdem Markup die Spaltenabstände zerstören.
 *
 * @license LGPL-3.0-or-later
 */

/* Fließende Liste: Aufzählung ohne Einzug */
.mod_photoalbums2.pa2_album_fluid ul,
.mod_photoalbums2.pa2_album_fluid ul > li,
.mod_photoalbums2list.pa2_album_fluid ul,
.mod_photoalbums2list.pa2_album_fluid ul > li,
.mod_photoalbums2view.pa2_album_fluid ul,
.mod_photoalbums2view.pa2_album_fluid ul > li,
.ce_photoalbums2.pa2_album_fluid ul,
.ce_photoalbums2.pa2_album_fluid ul > li {
	margin: 0;
	padding: 0;
}

/* Eine Zeile aus Kacheln */
.mod_photoalbums2 .albumswrap,
.mod_photoalbums2 .imagewrap,
.mod_photoalbums2list .albumswrap,
.mod_photoalbums2list .imagewrap,
.mod_photoalbums2view .albumswrap,
.mod_photoalbums2view .imagewrap,
.ce_photoalbums2 .albumswrap,
.ce_photoalbums2 .imagewrap {
	clear: both;
	display: block;
	overflow: hidden;
}

/* Eine einzelne Kachel */
.mod_photoalbums2 .albumswrap .album,
.mod_photoalbums2 .albumswrap .image,
.mod_photoalbums2 .imagewrap .album,
.mod_photoalbums2 .imagewrap .image,
.mod_photoalbums2list .albumswrap .album,
.mod_photoalbums2list .albumswrap .image,
.mod_photoalbums2list .imagewrap .album,
.mod_photoalbums2list .imagewrap .image,
.mod_photoalbums2view .albumswrap .album,
.mod_photoalbums2view .albumswrap .image,
.mod_photoalbums2view .imagewrap .album,
.mod_photoalbums2view .imagewrap .image,
.ce_photoalbums2 .albumswrap .album,
.ce_photoalbums2 .albumswrap .image,
.ce_photoalbums2 .imagewrap .album,
.ce_photoalbums2 .imagewrap .image {
	box-sizing: border-box;
	display: block;
	float: left;
	overflow: hidden;
	padding-left: 5px;
	padding-right: 5px;
}

/* Inhalt einer Kachel */
.mod_photoalbums2 .albumswrap .album .albumInside,
.mod_photoalbums2 .albumswrap .album .imageInside,
.mod_photoalbums2 .albumswrap .image .albumInside,
.mod_photoalbums2 .albumswrap .image .imageInside,
.mod_photoalbums2 .imagewrap .album .albumInside,
.mod_photoalbums2 .imagewrap .album .imageInside,
.mod_photoalbums2 .imagewrap .image .albumInside,
.mod_photoalbums2 .imagewrap .image .imageInside,
.mod_photoalbums2list .albumswrap .album .albumInside,
.mod_photoalbums2list .albumswrap .album .imageInside,
.mod_photoalbums2list .albumswrap .image .albumInside,
.mod_photoalbums2list .albumswrap .image .imageInside,
.mod_photoalbums2list .imagewrap .album .albumInside,
.mod_photoalbums2list .imagewrap .album .imageInside,
.mod_photoalbums2list .imagewrap .image .albumInside,
.mod_photoalbums2list .imagewrap .image .imageInside,
.mod_photoalbums2view .albumswrap .album .albumInside,
.mod_photoalbums2view .albumswrap .album .imageInside,
.mod_photoalbums2view .albumswrap .image .albumInside,
.mod_photoalbums2view .albumswrap .image .imageInside,
.mod_photoalbums2view .imagewrap .album .albumInside,
.mod_photoalbums2view .imagewrap .album .imageInside,
.mod_photoalbums2view .imagewrap .image .albumInside,
.mod_photoalbums2view .imagewrap .image .imageInside,
.ce_photoalbums2 .albumswrap .album .albumInside,
.ce_photoalbums2 .albumswrap .album .imageInside,
.ce_photoalbums2 .albumswrap .image .albumInside,
.ce_photoalbums2 .albumswrap .image .imageInside,
.ce_photoalbums2 .imagewrap .album .albumInside,
.ce_photoalbums2 .imagewrap .album .imageInside,
.ce_photoalbums2 .imagewrap .image .albumInside,
.ce_photoalbums2 .imagewrap .image .imageInside {
	overflow: hidden;
}

/* Erste Kachel einer Zeile: kein Abstand nach links */
.mod_photoalbums2 .albumswrap .album.first,
.mod_photoalbums2 .albumswrap .image.first,
.mod_photoalbums2 .imagewrap .album.first,
.mod_photoalbums2 .imagewrap .image.first,
.mod_photoalbums2list .albumswrap .album.first,
.mod_photoalbums2list .albumswrap .image.first,
.mod_photoalbums2list .imagewrap .album.first,
.mod_photoalbums2list .imagewrap .image.first,
.mod_photoalbums2view .albumswrap .album.first,
.mod_photoalbums2view .albumswrap .image.first,
.mod_photoalbums2view .imagewrap .album.first,
.mod_photoalbums2view .imagewrap .image.first,
.ce_photoalbums2 .albumswrap .album.first,
.ce_photoalbums2 .albumswrap .image.first,
.ce_photoalbums2 .imagewrap .album.first,
.ce_photoalbums2 .imagewrap .image.first {
	padding-left: 0;
}

/* Letzte Kachel einer Zeile: kein Abstand nach rechts */
.mod_photoalbums2 .albumswrap .album.last,
.mod_photoalbums2 .albumswrap .image.last,
.mod_photoalbums2 .imagewrap .album.last,
.mod_photoalbums2 .imagewrap .image.last,
.mod_photoalbums2list .albumswrap .album.last,
.mod_photoalbums2list .albumswrap .image.last,
.mod_photoalbums2list .imagewrap .album.last,
.mod_photoalbums2list .imagewrap .image.last,
.mod_photoalbums2view .albumswrap .album.last,
.mod_photoalbums2view .albumswrap .image.last,
.mod_photoalbums2view .imagewrap .album.last,
.mod_photoalbums2view .imagewrap .image.last,
.ce_photoalbums2 .albumswrap .album.last,
.ce_photoalbums2 .albumswrap .image.last,
.ce_photoalbums2 .imagewrap .album.last,
.ce_photoalbums2 .imagewrap .image.last {
	padding-right: 0;
}

/* Versteckte Verweise der Lightbox */
.mod_photoalbums2 .hide,
.mod_photoalbums2list .hide,
.mod_photoalbums2view .hide,
.ce_photoalbums2 .hide {
	display: none !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}

/*
 * Knopf zum Herunterladen eines Albums.
 *
 * Diese Regel ist die einzige, die nicht aus der Urfassung stammt. Sie hängt
 * ausschließlich an der Klasse `pa2-download`, die es nur in den
 * mitgelieferten Templates gibt — in fremdem Markup kann sie deshalb nichts
 * treffen. Gestaltet wird bewusst nur das Nötigste; Farben und Form gehören
 * ins Theme.
 */
.pa2-download {
	margin: 0 0 12px;
}

.pa2-download a {
	display: inline-block;
	text-decoration: none;
}

.pa2-download a::before {
	content: "\2193\00a0";
}