.gallery-icon, .gallery-icon a {
	background: none top left no-repeat;
}

ul.profile-icons li.gallery-icon {
	width: 20px; height: 20px;
}

.gallery-icon, .gallery-icon a {
	background-image: url("./images/icon_contact_gallery.gif");
}

h2.invade-linklist {
	margin-top: -20px;
}

.rtl .icon-gallery {
	background-position: 100% 50%;
	padding: 1px 17px 0 0;
}

fieldset.gallery dd.simulate-dt label {
	margin-left:	0;
	float:			left;
	font-weight:	bold;
	text-align:		left;
	color:			#425067;
}

.rtl fieldset.gallery dd.simulate-dt label {
	text-align:		right;
}

fieldset.gallery dl:hover dd.simulate-dt label {
	color:			#000000;
}

fieldset.gallery dt.simulate-dt {
	width:			22em;
}

fieldset.gallery dt.first {
	min-height:		16em;
}

fieldset.gallery dd.simulate-dt {
	margin-left:	0;
	float:			left;
}

fieldset.gallery dd.simulate-dd {
	margin-left:	35em;
}

fieldset.gallery #format-buttons {
	margin-top: 0;
}

fieldset.gallery input.readonly, fieldset.gallery textarea.readonly {
	background: #DCDCDC;
}

dd.g_lastimage {
	padding-left: 5px;
	width: 30%;
}
/*
dd.g_moderation {
	width: 35%;
}
*/
dd.g_rating, dd.g_comments {
	width: 12%;
	text-align: center;
	font-size: 1.1em;
}

dd.g_status {
	width: 15%;
	text-align: center;
	font-size: 1.1em;
}

span.reported-images-number {
	color: red;
}

.g_unapproved {
	background: 100% 0 no-repeat url("./images/icon_gallery_unapproved.gif");
}

.g_locked {
	background: 100% 0 no-repeat url("./images/icon_gallery_locked.gif");
}

.g_reported {
	background: 100% 0 no-repeat url("./images/icon_gallery_reported.gif");
}

input.autowidth-gallery {
	width: 96%;
	max-width: 186px;
}

/* Polaroid Container */
.polaroid_img_container {
    height: 220px; /* Feste Höhe für die Bildcontainer */
    width: 100%; /* Flexibel in der Breite */
    vertical-align: middle;
    display: block;
    margin: 0 auto;
    overflow: hidden; /* Verhindert Layout-Probleme bei großen Bildern */
}

/* Polaroid Bilder */
.polaroid img {
    width: 100%; /* Breite passt sich dem Container an */
    height: 100%; /* Höhe passt sich dem Container an */
    object-fit: cover; /* Sorgt für eine saubere Anpassung */
    padding: 5px;
    border-color: #4f4103;
    border-style: double;
    border-width: 4px;
    border-radius: 7px;

    text-shadow: none;
    transition: all 0.15s linear;
}

/* Polaroid Boxen */
.polaroid {
    height: 500px; /* Einheitliche Höhe für alle Boxen */
    width: 325px; /* Einheitliche Breite */
    display: flex;
    flex-direction: column; /* Inhalte von oben nach unten */
    justify-content: space-between; /* Platz zwischen Bild und Texten */
    align-items: center;
    margin: 10px;
    padding: 15px 10px; /* Mehr Abstand oben und unten */
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    overflow: hidden; /* Verhindert Überschreitungen */
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	border: solid 0.5px #EEEEEE
    margin-top: 0px;
    margin-bottom: 30px !important;
}

/* Polaroid Textbereiche */
.polaroid p {
    margin: 5px 0;
    padding: 0 10px;
    font-size: 1em;
    line-height: 1.2em;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* Kürzt lange Texte */
}

/* Hover-Effekt */
.polaroid:hover {
	box-shadow: 0 1rem 1.5rem rgba(0, 0, 0, 0.15);
	border: solid 0.5px #CCCCC

	  -moz-transform: scale(1.02);
	  -webkit-transform: scale(1.02);
	  transform: scale(1.02);
	  z-index:100;
		-moz-transition: all 0.5s;
	  -webkit-transition: all 0.5s;
	  transition: all 0.5s;
}

.polaroid:active {
box-shadow: 0 1rem 1.5rem rgba(0, 0, 0, 0);

border: solid 0.5px #EEEEEE

  -moz-transform: scale(0.98);
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
  z-index:100;
    -moz-transition: all 0.1s;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;

}

/* Responsives Verhalten für kleine Bildschirme */
@media (max-width: 768px) {
    .polaroid {
        width: 100%; /* Polaroid nimmt die gesamte verfügbare Breite ein */
        height: 420px; /* Kleinere Boxen auf mobilen Geräten */
        margin: 10px auto;
        padding: 10px; /* Weniger Padding auf kleinen Geräten */
    }

    .polaroid_img_container {
        height: 180px; /* Bildhöhe für kleinere Geräte */
    }

    .polaroid p, .polaroid .title, .polaroid .subtitle {
        font-size: 0.9em; /* Kleinere Schrift für mobile Geräte */
        white-space: normal; /* Umbrüche bei langen Texten zulassen */
        overflow: visible; /* Sichtbarkeit der Texte garantieren */
    }
}

/* Anpassung für größere Bildschirme */
@media (min-width: 1200px) {
    .polaroid {
        height: 500px; /* Größere Boxen für große Bildschirme */
        padding: 10px; 
    }

    .polaroid img {
        max-height: 250px; /* Mehr Platz für Bilder */
    }
}

.image_unapproved
{
	display: inline-block !important;
	background: transparent none 0 0 no-repeat;
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	background-image: url("./images/icon_topic_unapproved.png");
	padding-left: 16px;
	padding-top: 14px;
	float: right;
}

.image_locked
{
	display: inline-block !important;
	background: transparent none 0 0 no-repeat;
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	background-image: url("./images/lock.png");
	padding-left: 16px;
	padding-top: 16px;
	float: right;
}

.image_prev_image
{
	float: left; 
	text-align: left; 
	clip-path: url(#left_arrow);
}

.image_next_image
{
	float: right; 
	text-align: right; 
	clip-path: url(#right_arrow);
}

.postbody_album {
	text-align:center;
}

.postbody_album img.postimage {
	margin: 10px auto 10px auto;
	max-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.trophy-container
{
	position: relative;
	float: right;
	margin-left: -100%;
	font-size: 3em;
	color: #f2f2f2;
	top: -20px;
	left: -10px;
}

.trophy-icon
{
	margin-left: -22px;
	margin-top: -6px;
	display: inline-block;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: FontAwesome;
	font-size: 2em;
	line-height: 1;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow: 1px 1px 1px #b7b7b7;
}

.trophy-text
{
	font-size: 0.8em;
}

.trophy-color-1
{
	color: #FFD700;
}

.trophy-color-2
{
	color: silver;
}

.trophy-color-3
{
	color: #CD7f32;
}