/* ========== BROWSER-SPEZIFISCHE FIXES ========== */

img {
    image-rendering: -webkit-optimize-contrast;
}


@supports (-ms-ime-align: auto) {
   /* Nur für Edge */
	
	.reserved img, .taken img {
		opacity: 1;
	}
	
	  img {
		image-rendering: auto; /* oder smooth */
	  }
	
	.person figure img {
		filter: sepia(70%) contrast(110%); /* höherer Kontrast gegen Verpixelung */
	}
	
	.teamava img {
		filter: brightness(140%) contrast(110%); /* höherer Kontrast gegen Verpixelung */
	}
}

/* ========== BILDSCHIRMBREITEN ========== */

/* Desktop Breite */

	.wrapper {
		width: var(--boardwidth);
		margin: auto auto;
	}

	#panel {
		width: var(--boardwidth);
	}

	#logo img {
		margin-top: 60px;
		width: var(--boardwidth);
	}

/* Tablet Breite (quer) oder einfach unter der Logobreite */
	@media (max-width: 1200px) {

		.wrapper {
			width: var(--tabletboardwidth);
			margin: 0;
		}

		#panel {
			width: var(--tabletboardwidth);
		}

		#logo img {
			margin-top: 60px;
			width: var(--tabletboardwidth);
		}
		
		.forum {
			width: var(--tabletboardwidth);
		}
		
		.team {
			width: var(--tabletboardwidth);
		}

		.forumsubforums {
			flex: 1;
			text-align: center;
		}

	}

/* Tablet Breite (hoch) und große Smartphones */
	@media (max-width: 768px) {

		.forum {
			width: var(--mobileboardwidth);
		}
		
		.team {
			width: var(--mobileboardwidth);
		}

		.forumsubforums {
			display: none;
		}
		
		.wrapper {
			width: var(--mobileboardwidth);
			margin: 0;
		}

		#panel {
			width: var(--mobileboardwidth);
		}

		#logo img {
			margin-top: 60px;
			width: var(--mobileboardwidth);
		}

	}