@charset "utf-8";
/* =====================================================================================================
   Symbole DPSG Stamm Bardenberg – eigene Zeichnungen statt der Font-Awesome-/Joomla-Symbole
   (Website und App). Gleiches Prinzip wie die Button-Symbole in tags.css: Das Bild dient als Maske,
   die Farbe kommt aus "color" (DPSG-Blau, weiß auf farbigem Grund, Gold/Grau, wo das Template es so will).
   Bilder: images/buttons/<name>.png (128 × 128 px), ?v= erzwingt neue Bilder nach dem Austausch. Größe 1.6em wie die Symbole in tags.css (z. B. Kalender) – wächst mit der Schrift.
   Lädt nach tags.css (joomla.asset.json: template.dpsgbardenberg.symbole).
   Die Symbole aus tags.css (add, back, calendar, download, eye, pen, skull, star, trash) bleiben dort.
===================================================================================================== */

/*---------- Grundform: Maske statt Schriftzeichen ----------*/
.fa-house::before,
.fa-home::before,
.icon-home::before,
.fa-newspaper::before,
.fa-users-gear::before,
.fa-users-cog::before,
.fa-circle-user::before,
.fa-user-circle::before,
.fa-gear::before,
.fa-cog::before,
.icon-cog::before,
.icon-options::before,
.fa-chevron-left::before,
.icon-chevron-left::before,
.fa-bell::before,
.icon-bell::before,
.fa-rotate-right::before,
.fa-redo::before,
.fa-redo-alt::before,
.fa-external-link::before,
.fa-external-link-alt::before,
.fa-up-right-from-square::before,
.fa-arrow-up-right-from-square::before,
.fa-calendar-plus::before,
.fa-calendar-check::before,
.fa-clipboard-list::before,
.fa-list-check::before,
.fa-tasks::before,
.fa-tent::before,
.fa-campground::before,
.fa-suitcase::before,
.fa-globe::before,
.fa-heart-pulse::before,
.fa-heartbeat::before,
.fa-address-book::before,
.fa-user::before,
.icon-user::before,
.fa-right-from-bracket::before,
.fa-sign-out-alt::before,
.fa-shopping-cart::before,
.fa-cart-shopping::before,
.fa-box-open::before,
.fa-archive::before,
.fa-box-archive::before,
.fa-shirt::before,
.fa-tshirt::before,
.fa-shopping-bag::before,
.fa-bag-shopping::before,
.fa-music::before,
.fa-images::before,
.fa-users::before,
.icon-users::before,
.fa-handshake::before,
.fa-heart::before,
.fa-paper-plane::before,
.fa-file-pdf::before,
.fa-circle-info::before,
.fa-info-circle::before,
.icon-info-circle::before,
.fa-people-roof::before,
.fa-shield-halved::before,
.fa-shield-alt::before,
.fa-key::before,
.fa-link::before,
.icon-link::before,
.fa-scale-balanced::before,
.fa-balance-scale::before,
.fa-sun::before,
.fa-fire::before,
.fa-person-hiking::before,
.fa-hiking::before,
.fa-tree::before,
.fa-mountain::before,
.fa-compass::before,
.fa-dove::before,
.fa-seedling::before,
.fa-basket-shopping::before,
.fa-shopping-basket::before,
.fa-dog::before,
.fa-book-open::before,
.fa-lightbulb::before,
.fa-earth-europe::before,
.fa-globe-europe::before,
.fa-toolbox::before,
.fa-puzzle-piece::before,
.fa-circle:not(.fa-regular, .far)::before,
.icon-circle::before,
.fa-location-dot::before,
.fa-map-marker-alt::before,
.icon-location::before {
	content: "" !important;
	display: block;
	width: 1.6em;
	height: 1.6em;
	background-color: currentColor;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

/* Das Symbol-Element mittig zur Textzeile (wie in tags.css) */
.fa-house,
.fa-home,
.icon-home,
.fa-newspaper,
.fa-users-gear,
.fa-users-cog,
.fa-circle-user,
.fa-user-circle,
.fa-gear,
.fa-cog,
.icon-cog,
.icon-options,
.fa-chevron-left,
.icon-chevron-left,
.fa-bell,
.icon-bell,
.fa-rotate-right,
.fa-redo,
.fa-redo-alt,
.fa-external-link,
.fa-external-link-alt,
.fa-up-right-from-square,
.fa-arrow-up-right-from-square,
.fa-calendar-plus,
.fa-calendar-check,
.fa-clipboard-list,
.fa-list-check,
.fa-tasks,
.fa-tent,
.fa-campground,
.fa-suitcase,
.fa-globe,
.fa-heart-pulse,
.fa-heartbeat,
.fa-address-book,
.fa-user,
.icon-user,
.fa-right-from-bracket,
.fa-sign-out-alt,
.fa-shopping-cart,
.fa-cart-shopping,
.fa-box-open,
.fa-archive,
.fa-box-archive,
.fa-shirt,
.fa-tshirt,
.fa-shopping-bag,
.fa-bag-shopping,
.fa-music,
.fa-images,
.fa-users,
.icon-users,
.fa-handshake,
.fa-heart,
.fa-paper-plane,
.fa-file-pdf,
.fa-circle-info,
.fa-info-circle,
.icon-info-circle,
.fa-people-roof,
.fa-shield-halved,
.fa-shield-alt,
.fa-key,
.fa-link,
.icon-link,
.fa-scale-balanced,
.fa-balance-scale,
.fa-sun,
.fa-fire,
.fa-person-hiking,
.fa-hiking,
.fa-tree,
.fa-mountain,
.fa-compass,
.fa-dove,
.fa-seedling,
.fa-basket-shopping,
.fa-shopping-basket,
.fa-dog,
.fa-book-open,
.fa-lightbulb,
.fa-earth-europe,
.fa-globe-europe,
.fa-toolbox,
.fa-puzzle-piece,
.fa-circle:not(.fa-regular, .far),
.icon-circle,
.fa-location-dot,
.fa-map-marker-alt,
.icon-location {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	line-height: 1;
}

/*---------- Zuordnung Bild ↔ Klassen ----------*/
.fa-house::before,
.fa-home::before,
.icon-home::before {
	-webkit-mask-image: url("../images/buttons/house.png?v=2.1.2");
	mask-image: url("../images/buttons/house.png?v=2.1.2");
}

.fa-newspaper::before {
	-webkit-mask-image: url("../images/buttons/newspaper.png?v=2.1.2");
	mask-image: url("../images/buttons/newspaper.png?v=2.1.2");
}

.fa-users-gear::before,
.fa-users-cog::before {
	-webkit-mask-image: url("../images/buttons/users-gear.png?v=2.1.2");
	mask-image: url("../images/buttons/users-gear.png?v=2.1.2");
}

.fa-circle-user::before,
.fa-user-circle::before {
	-webkit-mask-image: url("../images/buttons/circle-user.png?v=2.1.2");
	mask-image: url("../images/buttons/circle-user.png?v=2.1.2");
}

.fa-gear::before,
.fa-cog::before,
.icon-cog::before,
.icon-options::before {
	-webkit-mask-image: url("../images/buttons/gear.png?v=2.1.2");
	mask-image: url("../images/buttons/gear.png?v=2.1.2");
}

.fa-chevron-left::before,
.icon-chevron-left::before {
	-webkit-mask-image: url("../images/buttons/chevron-left.png?v=2.1.2");
	mask-image: url("../images/buttons/chevron-left.png?v=2.1.2");
}

.fa-bell::before,
.icon-bell::before {
	-webkit-mask-image: url("../images/buttons/bell.png?v=2.1.2");
	mask-image: url("../images/buttons/bell.png?v=2.1.2");
}

.fa-rotate-right::before,
.fa-redo::before,
.fa-redo-alt::before {
	-webkit-mask-image: url("../images/buttons/rotate-right.png?v=2.1.2");
	mask-image: url("../images/buttons/rotate-right.png?v=2.1.2");
}

.fa-external-link::before,
.fa-external-link-alt::before,
.fa-up-right-from-square::before,
.fa-arrow-up-right-from-square::before {
	-webkit-mask-image: url("../images/buttons/external-link.png?v=2.1.2");
	mask-image: url("../images/buttons/external-link.png?v=2.1.2");
}

.fa-calendar-plus::before {
	-webkit-mask-image: url("../images/buttons/calendar-plus.png?v=2.1.2");
	mask-image: url("../images/buttons/calendar-plus.png?v=2.1.2");
}

.fa-calendar-check::before {
	-webkit-mask-image: url("../images/buttons/calendar-check.png?v=2.1.2");
	mask-image: url("../images/buttons/calendar-check.png?v=2.1.2");
}

.fa-clipboard-list::before {
	-webkit-mask-image: url("../images/buttons/clipboard-list.png?v=2.1.2");
	mask-image: url("../images/buttons/clipboard-list.png?v=2.1.2");
}

.fa-list-check::before,
.fa-tasks::before {
	-webkit-mask-image: url("../images/buttons/list-check.png?v=2.1.2");
	mask-image: url("../images/buttons/list-check.png?v=2.1.2");
}

.fa-tent::before {
	-webkit-mask-image: url("../images/buttons/tent.png?v=2.1.2");
	mask-image: url("../images/buttons/tent.png?v=2.1.2");
}

.fa-campground::before {
	-webkit-mask-image: url("../images/buttons/campground.png?v=2.1.2");
	mask-image: url("../images/buttons/campground.png?v=2.1.2");
}

.fa-suitcase::before {
	-webkit-mask-image: url("../images/buttons/suitcase.png?v=2.1.2");
	mask-image: url("../images/buttons/suitcase.png?v=2.1.2");
}

.fa-globe::before {
	-webkit-mask-image: url("../images/buttons/globe.png?v=2.1.2");
	mask-image: url("../images/buttons/globe.png?v=2.1.2");
}

.fa-heart-pulse::before,
.fa-heartbeat::before {
	-webkit-mask-image: url("../images/buttons/heart-pulse.png?v=2.1.2");
	mask-image: url("../images/buttons/heart-pulse.png?v=2.1.2");
}

.fa-address-book::before {
	-webkit-mask-image: url("../images/buttons/address-book.png?v=2.1.2");
	mask-image: url("../images/buttons/address-book.png?v=2.1.2");
}

.fa-user::before,
.icon-user::before {
	-webkit-mask-image: url("../images/buttons/user.png?v=2.1.2");
	mask-image: url("../images/buttons/user.png?v=2.1.2");
}

.fa-right-from-bracket::before,
.fa-sign-out-alt::before {
	-webkit-mask-image: url("../images/buttons/right-from-bracket.png?v=2.1.2");
	mask-image: url("../images/buttons/right-from-bracket.png?v=2.1.2");
}

.fa-shopping-cart::before,
.fa-cart-shopping::before {
	-webkit-mask-image: url("../images/buttons/shopping-cart.png?v=2.1.2");
	mask-image: url("../images/buttons/shopping-cart.png?v=2.1.2");
}

.fa-box-open::before {
	-webkit-mask-image: url("../images/buttons/box-open.png?v=2.1.2");
	mask-image: url("../images/buttons/box-open.png?v=2.1.2");
}

.fa-archive::before,
.fa-box-archive::before {
	-webkit-mask-image: url("../images/buttons/archive.png?v=2.1.2");
	mask-image: url("../images/buttons/archive.png?v=2.1.2");
}

.fa-shirt::before,
.fa-tshirt::before {
	-webkit-mask-image: url("../images/buttons/shirt.png?v=2.1.2");
	mask-image: url("../images/buttons/shirt.png?v=2.1.2");
}

.fa-shopping-bag::before,
.fa-bag-shopping::before {
	-webkit-mask-image: url("../images/buttons/shopping-bag.png?v=2.1.2");
	mask-image: url("../images/buttons/shopping-bag.png?v=2.1.2");
}

.fa-music::before {
	-webkit-mask-image: url("../images/buttons/music.png?v=2.1.2");
	mask-image: url("../images/buttons/music.png?v=2.1.2");
}

.fa-images::before {
	-webkit-mask-image: url("../images/buttons/images.png?v=2.1.2");
	mask-image: url("../images/buttons/images.png?v=2.1.2");
}

.fa-users::before,
.icon-users::before {
	-webkit-mask-image: url("../images/buttons/users.png?v=2.1.2");
	mask-image: url("../images/buttons/users.png?v=2.1.2");
}

.fa-handshake::before {
	-webkit-mask-image: url("../images/buttons/handshake.png?v=2.1.2");
	mask-image: url("../images/buttons/handshake.png?v=2.1.2");
}

.fa-heart::before {
	-webkit-mask-image: url("../images/buttons/heart.png?v=2.1.2");
	mask-image: url("../images/buttons/heart.png?v=2.1.2");
}

.fa-paper-plane::before {
	-webkit-mask-image: url("../images/buttons/paper-plane.png?v=2.1.2");
	mask-image: url("../images/buttons/paper-plane.png?v=2.1.2");
}

.fa-file-pdf::before {
	-webkit-mask-image: url("../images/buttons/file-pdf.png?v=2.1.2");
	mask-image: url("../images/buttons/file-pdf.png?v=2.1.2");
}

.fa-circle-info::before,
.fa-info-circle::before,
.icon-info-circle::before {
	-webkit-mask-image: url("../images/buttons/circle-info.png?v=2.1.2");
	mask-image: url("../images/buttons/circle-info.png?v=2.1.2");
}

.fa-people-roof::before {
	-webkit-mask-image: url("../images/buttons/people-roof.png?v=2.1.2");
	mask-image: url("../images/buttons/people-roof.png?v=2.1.2");
}

.fa-shield-halved::before,
.fa-shield-alt::before {
	-webkit-mask-image: url("../images/buttons/shield-halved.png?v=2.1.2");
	mask-image: url("../images/buttons/shield-halved.png?v=2.1.2");
}

.fa-key::before {
	-webkit-mask-image: url("../images/buttons/key.png?v=2.1.2");
	mask-image: url("../images/buttons/key.png?v=2.1.2");
}

.fa-link::before,
.icon-link::before {
	-webkit-mask-image: url("../images/buttons/link.png?v=2.1.2");
	mask-image: url("../images/buttons/link.png?v=2.1.2");
}

.fa-scale-balanced::before,
.fa-balance-scale::before {
	-webkit-mask-image: url("../images/buttons/scale-balanced.png?v=2.1.2");
	mask-image: url("../images/buttons/scale-balanced.png?v=2.1.2");
}

.fa-sun::before {
	-webkit-mask-image: url("../images/buttons/sun.png?v=2.1.2");
	mask-image: url("../images/buttons/sun.png?v=2.1.2");
}

.fa-fire::before {
	-webkit-mask-image: url("../images/buttons/fire.png?v=2.1.2");
	mask-image: url("../images/buttons/fire.png?v=2.1.2");
}

.fa-person-hiking::before,
.fa-hiking::before {
	-webkit-mask-image: url("../images/buttons/person-hiking.png?v=2.1.2");
	mask-image: url("../images/buttons/person-hiking.png?v=2.1.2");
}

.fa-tree::before {
	-webkit-mask-image: url("../images/buttons/tree.png?v=2.1.2");
	mask-image: url("../images/buttons/tree.png?v=2.1.2");
}

.fa-mountain::before {
	-webkit-mask-image: url("../images/buttons/mountain.png?v=2.1.2");
	mask-image: url("../images/buttons/mountain.png?v=2.1.2");
}

.fa-compass::before {
	-webkit-mask-image: url("../images/buttons/compass.png?v=2.1.2");
	mask-image: url("../images/buttons/compass.png?v=2.1.2");
}

.fa-dove::before {
	-webkit-mask-image: url("../images/buttons/dove.png?v=2.1.2");
	mask-image: url("../images/buttons/dove.png?v=2.1.2");
}

.fa-seedling::before {
	-webkit-mask-image: url("../images/buttons/seedling.png?v=2.1.2");
	mask-image: url("../images/buttons/seedling.png?v=2.1.2");
}

.fa-basket-shopping::before,
.fa-shopping-basket::before {
	-webkit-mask-image: url("../images/buttons/basket-shopping.png?v=2.1.2");
	mask-image: url("../images/buttons/basket-shopping.png?v=2.1.2");
}

.fa-dog::before {
	-webkit-mask-image: url("../images/buttons/dog.png?v=2.1.2");
	mask-image: url("../images/buttons/dog.png?v=2.1.2");
}

.fa-book-open::before {
	-webkit-mask-image: url("../images/buttons/book-open.png?v=2.1.2");
	mask-image: url("../images/buttons/book-open.png?v=2.1.2");
}

.fa-lightbulb::before {
	-webkit-mask-image: url("../images/buttons/lightbulb.png?v=2.1.2");
	mask-image: url("../images/buttons/lightbulb.png?v=2.1.2");
}

.fa-earth-europe::before,
.fa-globe-europe::before {
	-webkit-mask-image: url("../images/buttons/earth-europe.png?v=2.1.2");
	mask-image: url("../images/buttons/earth-europe.png?v=2.1.2");
}

.fa-toolbox::before {
	-webkit-mask-image: url("../images/buttons/toolbox.png?v=2.1.2");
	mask-image: url("../images/buttons/toolbox.png?v=2.1.2");
}

.fa-puzzle-piece::before {
	-webkit-mask-image: url("../images/buttons/puzzle-piece.png?v=2.1.2");
	mask-image: url("../images/buttons/puzzle-piece.png?v=2.1.2");
}

.fa-circle:not(.fa-regular, .far)::before,
.icon-circle::before {
	-webkit-mask-image: url("../images/buttons/circle.png?v=2.1.2");
	mask-image: url("../images/buttons/circle.png?v=2.1.2");
}

.fa-location-dot::before,
.fa-map-marker-alt::before,
.icon-location::before {
	-webkit-mask-image: url("../images/buttons/location-dot.png?v=2.1.2");
	mask-image: url("../images/buttons/location-dot.png?v=2.1.2");
}
