.gallery-head,
.gallery-toolbar,
.gallery-detail-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.gallery-head h1,
.gallery-detail h1 {
	margin: 0;
}

.gallery-primary.button {
	padding: 9px 14px;
	font-weight: 600;
}

.gallery-toolbar {
	margin: 18px 0;
	padding: 10px 12px;
	background: #f5f8f1;
	border: 1px solid #c9d3c2;
	border-radius: 4px;
}

.gallery-toolbar nav {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.gallery-toolbar nav a {
	padding: 6px 10px;
	border-radius: 4px;
	text-decoration: none;
}

.gallery-toolbar nav a.active {
	background: #365f1d;
	color: #fff;
}

.gallery-toolbar select,
.gallery-form select {
	padding: 6px 8px;
}

.gallery-panel {
	padding: 18px;
	background: #fff;
	border: 1px solid #aebca6;
	border-radius: 5px;
}

.gallery-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

.gallery-card {
	display: flex;
	min-width: 0;
	overflow: hidden;
	flex-direction: column;
	background: #f3faee;
	border-radius: 4px;
	box-shadow: 0 2px 7px rgba(0, 0, 0, .14);
}

.gallery-card-image {
	display: block;
	height: 210px;
	overflow: hidden;
	background: #e4e9df;
}

.gallery-card-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .2s ease;
}

.gallery-card:hover .gallery-card-image img {
	transform: scale(1.025);
}

.gallery-card-body {
	flex: 1;
	padding: 12px 14px;
}

.gallery-card-category {
	display: inline-block;
	margin-bottom: 5px;
	padding: 3px 7px;
	color: #365f1d;
	background: #dfeeda;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .03em;
	text-transform: uppercase;
}

.gallery-card h2 {
	margin: 0 0 7px;
	font-size: 18px;
}

.gallery-card h2 a {
	color: #00a85a;
	text-decoration: none;
}

.gallery-card p {
	margin: 0;
	line-height: 1.45;
}

.gallery-card-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 10px 14px;
	border-top: 1px solid #d5dfd0;
}

.gallery-card-meta small {
	display: block;
	margin-top: 2px;
}

.gallery-empty {
	grid-column: 1 / -1;
	padding: 45px 20px;
	color: #666;
	text-align: center;
}

.gallery-form,
.gallery-confirm,
.gallery-detail {
	margin-top: 16px;
	background: #fff;
}

.gallery-form .thead,
.gallery-confirm .thead {
	margin: 0;
	padding: 12px 14px;
	font-size: 18px;
}

.gallery-form-row {
	padding: 12px 14px;
	border-bottom: 1px solid #ddd;
}

.gallery-form-row > label {
	display: block;
	margin-bottom: 7px;
	font-weight: 700;
}

.gallery-form-row .textbox,
.gallery-form-row textarea,
.gallery-form-row select {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
}

.gallery-form-row small {
	display: block;
	margin-top: 6px;
	color: #666;
}

.gallery-form-actions,
.gallery-confirm {
	padding: 14px;
}

.gallery-detail {
	overflow: hidden;
}

.gallery-detail-head {
	padding: 16px;
}

.gallery-detail-head h1 {
	font-size: 24px;
}

.gallery-detail-image {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 260px;
	max-height: 78vh;
	overflow: hidden;
	background: #151515;
}

.gallery-detail-image img {
	display: block;
	max-width: 100%;
	max-height: 78vh;
	object-fit: contain;
}

.gallery-detail-meta,
.gallery-description {
	padding: 12px 16px;
	border-top: 1px solid #ddd;
}

.gallery-description {
	font-size: 14px;
	line-height: 1.6;
}

.gallery-danger {
	color: #a40000 !important;
}

@media (max-width: 760px) {
	.gallery-grid {
		grid-template-columns: 1fr;
	}

	.gallery-toolbar,
	.gallery-detail-head {
		align-items: stretch;
		flex-direction: column;
	}

	.gallery-toolbar form,
	.gallery-toolbar select {
		width: 100%;
	}

	.gallery-card-image {
		height: 190px;
	}
}

/* =========================================================
   SIMPLE GALLERY
   Optik passend zu MemberBlogs / Revolution Theme
   ========================================================= */


/* ---------------------------------------------------------
   Gesamte Seite
   --------------------------------------------------------- */

.gallery-page {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;

    font-family: 'Droid Sans', sans-serif !important;
    font-size: 13px !important;
}


/* ---------------------------------------------------------
   Oberer GALERIE Header
   --------------------------------------------------------- */

.gallery-blog-header {
    width: 100%;
    box-sizing: border-box;
}

.gallery-blog-titlebar {
    min-height: 36px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    box-sizing: border-box;

    text-transform: none !important;
}

.gallery-blog-titlebar strong {
    color: #ffffff !important;

    font-family: 'Droid Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;

    text-shadow: none !important;
}


/* Beschreibung unter GALERIE */

.gallery-blog-intro {
    color: #cccccc !important;

    font-family: 'Droid Sans', sans-serif !important;
    font-size: 13px !important;

    text-shadow: none !important;
}


/* ---------------------------------------------------------
   Bild hochladen Button
   --------------------------------------------------------- */

.gallery-upload-area {
    margin-left: auto;
}

.gallery-upload-area a,
.gallery-upload-area .button,
.gallery-upload-area input,
.gallery-upload-area button {
    background: #111111 !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    border: 1px solid #3a3a3a !important;
    border-radius: 3px !important;

    box-shadow: none !important;
    text-shadow: none !important;

    font-family: 'Droid Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;

    padding: 8px 12px !important;
}

.gallery-upload-area a:hover,
.gallery-upload-area .button:hover {
    background: #181818 !important;
    border-color: #4a4a4a !important;
}


/* ---------------------------------------------------------
   Kategorienleiste
   --------------------------------------------------------- */

.gallery-blog-toolbar {
    width: 100%;

    box-sizing: border-box;

    padding: 12px 15px !important;

    text-transform: none !important;

    border: 1px solid #232323 !important;

    overflow: hidden;
}


/*
   Das Plugin kann innerhalb von {$gallery_toolbar}
   noch eigene Container besitzen.
*/

.gallery-blog-toolbar > div,
.gallery-blog-toolbar nav,
.gallery-blog-toolbar form {
    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;
}


/* Links / Kategorien */

.gallery-blog-toolbar a,
.gallery-blog-toolbar a:link,
.gallery-blog-toolbar a:visited,
.gallery-blog-toolbar a:hover,
.gallery-blog-toolbar a:active {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    text-shadow: none !important;

    font-family: 'Droid Sans', sans-serif !important;
    font-size: 13px !important;

    text-transform: none !important;
}


/* Sortieren */

.gallery-blog-toolbar label {
    color: #ffffff !important;

    text-shadow: none !important;

    font-family: 'Droid Sans', sans-serif !important;
    font-size: 13px !important;
}


/* Dropdown */

.gallery-blog-toolbar select {
    background: #181818 !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    border: 1px solid #3a3a3a !important;
    border-radius: 3px !important;

    box-shadow: none !important;
    text-shadow: none !important;

    font-family: 'Droid Sans', sans-serif !important;
}


/* ---------------------------------------------------------
   Bereich unter der Toolbar
   --------------------------------------------------------- */

.gallery-panel {
    background: transparent !important;

    border: 0 !important;

    padding: 18px 0 !important;

    box-shadow: none !important;
}


/* ---------------------------------------------------------
   Keine Bilder vorhanden
   --------------------------------------------------------- */

.gallery-empty {
    width: 100% !important;
    min-height: 110px;

    display: flex !important;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;

    background: #181818 !important;

    color: #cccccc !important;

    border: 1px solid #232323 !important;

    border-radius: 0 !important;

    text-shadow: none !important;

    font-family: 'Droid Sans', sans-serif !important;
    font-size: 13px !important;
}


/* ---------------------------------------------------------
   Galerie-Karten
   --------------------------------------------------------- */

.gallery-grid {
    display: grid !important;

    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)) !important;

    gap: 20px !important;

    width: 100% !important;

    justify-content: stretch !important;
    align-items: start !important;
}


.gallery-card {
    width: 500px !important;
    max-width: 500px !important;

    background: #0c0c09 !important;

    border: 1px solid #232323 !important;

    border-radius: 3px !important;

    overflow: hidden;

    box-shadow: none !important;

    box-sizing: border-box;
}


/* Vorschaubild */

.gallery-card-image {
    display: block;

    width: 100% !important;
    height: 190px !important;

    overflow: hidden;
}

.gallery-card-image img {
    width: 100% !important;
    height: 190px !important;

    display: block;

    object-fit: cover !important;
}


/* Karteninhalt */

.gallery-card-body {
    background: #0c0c09 !important;

    color: #cccccc !important;

    padding: 14px !important;

    text-shadow: none !important;
}


/* Kategorie */

.gallery-card-category {
    display: inline-block;

    margin-bottom: 8px;

    padding: 5px 9px;

    background: rgba(255,255,255,0.08) !important;

    color: #ffffff !important;

    border: 1px solid #3a3a3a;

    border-radius: 15px;

    text-shadow: none !important;

    font-size: 11px;
    font-weight: bold;
}


/* Bildtitel */

.gallery-card-body h2 {
    margin: 0 0 8px 0 !important;

    font-size: 18px !important;
    line-height: 1.3 !important;
}

.gallery-card-body h2 a,
.gallery-card-body h2 a:link,
.gallery-card-body h2 a:visited,
.gallery-card-body h2 a:hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    text-shadow: none !important;
}


/* Beschreibung */

.gallery-card-body p {
    color: #cccccc !important;

    text-shadow: none !important;

    font-size: 13px !important;
}


/* Unterer Bereich der Karte */

.gallery-card-meta {
    background: #f5f7f2 !important;

    color: #000000 !important;

    border-top: 1px solid #444444 !important;

    padding: 10px 14px !important;

    text-shadow: none !important;
}

.gallery-card-meta,
.gallery-card-meta a,
.gallery-card-meta span,
.gallery-card-meta small {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;

    text-shadow: none !important;

    font-family: 'Droid Sans', sans-serif !important;
}


/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */

@media screen and (max-width: 1100px) {

    .gallery-grid {
        grid-template-columns: 1fr !important;
    }

    .gallery-card {
        width: 100% !important;
        max-width: 500px !important;
    }

}

/* =========================================================
   SIMPLE GALLERY - Kategorien wie bei MemberBlogs
   ========================================================= */

/* Inneren weißen Gallery-Toolbar entfernen */
.gallery-blog-toolbar .gallery-toolbar,
.gallery-blog-toolbar > .gallery-toolbar {
    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}


/* Falls noch weitere innere Wrapper vorhanden sind */
.gallery-blog-toolbar .gallery-toolbar-left,
.gallery-blog-toolbar .gallery-toolbar-right,
.gallery-blog-toolbar .gallery-categories,
.gallery-blog-toolbar .gallery-tabs,
.gallery-blog-toolbar form {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* =========================================================
   KATEGORIEN
   ========================================================= */

.gallery-blog-toolbar a,
.gallery-blog-toolbar a:link,
.gallery-blog-toolbar a:visited {
    display: inline-block !important;

    background: transparent !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    border: 1px solid transparent !important;
    border-radius: 18px !important;

    padding: 7px 12px !important;

    margin-right: 5px !important;

    text-shadow: none !important;

    font-family: 'Droid Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: normal !important;

    text-transform: none !important;
}


/* Hover wie beim Blog */
.gallery-blog-toolbar a:hover {
    background: rgba(255,255,255,0.06) !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    border-color: rgba(255,255,255,0.25) !important;

    text-shadow: none !important;
}


/* Aktive Kategorie */
.gallery-blog-toolbar a.active,
.gallery-blog-toolbar a.is-active,
.gallery-blog-toolbar .active a,
.gallery-blog-toolbar .selected a {
    background: rgba(0,0,0,0.28) !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    border: 1px solid rgba(255,255,255,0.35) !important;

    box-shadow: none !important;
    text-shadow: none !important;

    font-weight: bold !important;
}


/* =========================================================
   SORTIERUNG
   ========================================================= */

.gallery-blog-toolbar label {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    text-shadow: none !important;

    font-family: 'Droid Sans', sans-serif !important;
    font-size: 13px !important;
}


/* Dropdown wie beim Blog */
.gallery-blog-toolbar select {
    background: #ffffff !important;

    color: #777777 !important;
    -webkit-text-fill-color: #777777 !important;

    border: 1px solid #cccccc !important;
    border-radius: 4px !important;

    box-shadow: none !important;
    text-shadow: none !important;

    padding: 7px 10px !important;

    font-family: 'Droid Sans', sans-serif !important;
    font-size: 12px !important;
}

/* =========================================================
   LEERE GALERIE - über gesamte Breite
   ========================================================= */

.gallery-empty {
    grid-column: 1 / -1 !important;

    width: 100% !important;
    max-width: none !important;

    box-sizing: border-box !important;

    margin: 0 !important;
}

.gallery-grid {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

/* =========================================================
   GALERIE-INHALT AUF VOLLE BREITE
   ========================================================= */

.gallery-panel {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 18px 0 0 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

.gallery-grid {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

/* Leere Galerie */
.gallery-empty {
    grid-column: 1 / -1 !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 100% !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}

.gallery-empty {
    width: 100% !important;
    max-width: none !important;
    min-width: 100% !important;

    margin: 0 !important;
    box-sizing: border-box !important;

    grid-column: 1 / -1 !important;
}

.gallery-grid:has(.gallery-empty) {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
}

/* =========================================================
   SIMPLE GALLERY - FORMULAR / MYBB EDITOR FIX
   ========================================================= */


/* ---------------------------------------------------------
   Formulartexte ohne Schatten
   --------------------------------------------------------- */

.gallery-form-row,
.gallery-form-row label,
.gallery-form-row small {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;

    text-shadow: none !important;
}


/* ---------------------------------------------------------
   Titel-Eingabefeld
   --------------------------------------------------------- */

.gallery-form-row input.textbox,
.gallery-form-row input[type="text"] {
    background: #ffffff !important;

    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;

    border: 1px solid #bcbcbc !important;

    text-shadow: none !important;

    box-shadow: none !important;
    -webkit-box-shadow: none !important;

    caret-color: #000000 !important;
}


/* ---------------------------------------------------------
   Kategorie-Dropdown
   --------------------------------------------------------- */

.gallery-form-row select {
    background: #ffffff !important;

    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;

    border: 1px solid #bcbcbc !important;

    text-shadow: none !important;

    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}


/* ---------------------------------------------------------
   Dateiupload
   --------------------------------------------------------- */

.gallery-form-row input[type="file"] {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;

    text-shadow: none !important;

    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}


/* =========================================================
   SCEDITOR - QUELLTEXTMODUS
   ========================================================= */

.gallery-form .sceditor-container textarea,
.gallery-form textarea.sceditor-source,
.sceditor-container textarea.sceditor-source {
    background: #ffffff !important;

    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;

    caret-color: #000000 !important;

    text-shadow: none !important;

    box-shadow: none !important;
    -webkit-box-shadow: none !important;

    border: 0 !important;

    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
}


/* =========================================================
   SCEDITOR POPUPS
   URL / BILD / VIDEO / CODE / PHP usw.
   ========================================================= */

.sceditor-dropdown {
    background: #ffffff !important;

    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;

    text-shadow: none !important;
}


/* Beschriftungen in Popups */

.sceditor-dropdown label,
.sceditor-dropdown p,
.sceditor-dropdown div,
.sceditor-dropdown span {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;

    text-shadow: none !important;
}


/* Eingabefelder in Popups */

.sceditor-dropdown input,
.sceditor-dropdown input[type="text"],
.sceditor-dropdown textarea,
.sceditor-dropdown select {
    background: #ffffff !important;

    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;

    caret-color: #000000 !important;

    border: 1px solid #bcbcbc !important;

    text-shadow: none !important;

    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}


/* Popup-Buttons wie "Einfügen" */

.sceditor-dropdown button,
.sceditor-dropdown input[type="button"],
.sceditor-dropdown input[type="submit"] {
    background: #eeeeee !important;

    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;

    border: 1px solid #bcbcbc !important;

    text-shadow: none !important;

    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* =========================================================
   GALERIE DETAILANSICHT - passend zum Revolution Theme
   ========================================================= */

/* Oberer Bereich mit Kategorie, Titel und Buttons */
.gallery-detail-head {
    background: #151515 !important;
    color: #ffffff !important;

    border-bottom: 1px solid #232323 !important;

    box-shadow: none !important;
    text-shadow: none !important;

    padding: 14px 16px !important;
}


/* Bildtitel */
.gallery-detail-head h1 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    text-shadow: none !important;

    font-family: 'Droid Sans', sans-serif !important;
    font-size: 22px !important;
    font-weight: bold !important;
}


/* Kategorie oben links */
.gallery-detail-head .gallery-card-category {
    background: rgba(255,255,255,0.06) !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    border: 1px solid #3a3a3a !important;

    box-shadow: none !important;
    text-shadow: none !important;

    text-transform: none !important;
}


/* Bearbeiten + Löschen */
.gallery-detail-head .button,
.gallery-detail-head a.button {
    background: #111111 !important;
    background-image: none !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    border: 1px solid #3a3a3a !important;
    border-radius: 3px !important;

    box-shadow: none !important;
    text-shadow: none !important;

    font-family: 'Droid Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;

    padding: 7px 11px !important;
}


/* Löschen NICHT rot */
.gallery-detail-head .gallery-danger,
.gallery-detail-head a.gallery-danger {
    background: #111111 !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    border: 1px solid #3a3a3a !important;

    box-shadow: none !important;
    text-shadow: none !important;
}


/* Hover für beide Buttons */
.gallery-detail-head .button:hover,
.gallery-detail-head a.button:hover,
.gallery-detail-head .gallery-danger:hover {
    background: #181818 !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    border-color: #4a4a4a !important;
}

/* =========================================================
   GALERIE DETAIL - META + BESCHREIBUNG
   ========================================================= */

/* "Hochgeladen von..." */
.gallery-detail-meta,
.gallery-detail-meta *,
.gallery-detail-meta a,
.gallery-detail-meta a:link,
.gallery-detail-meta a:visited {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;

    text-shadow: none !important;
    box-shadow: none !important;

    font-family: 'Droid Sans', sans-serif !important;
}

/* Beschreibung unter dem Bild */
.gallery-description,
.gallery-description *,
.gallery-description a,
.gallery-description a:link,
.gallery-description a:visited {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;

    text-shadow: none !important;
    box-shadow: none !important;

    font-family: 'Droid Sans', sans-serif !important;
}

/* Links beim Darüberfahren */
.gallery-detail-meta a:hover,
.gallery-description a:hover {
    color: #444444 !important;
    -webkit-text-fill-color: #444444 !important;
    text-shadow: none !important;
}