@charset "UTF-8";
/* CSS Document */

/* #region JAVA SCRIPT ACTION */

.obenAngehefted {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
	background: rgb(15, 15, 15);
	opacity: 0.99;
  }
  
  .filterboxAngehefted {
	position: fixed;
	bottom: 0px;
	margin-bottom: 0;
	width: 100%;
	z-index: 1;
	background: #222222;
	opacity: 0.99;
  }

/* #endregion */

/* #region RESPONSIVE STUFF  */

/* Sehr kleiner Bildschirm */
@media (max-width: 350px) {
	.socialMediaLinks img {
		width: 30px;
	}	

	#buttonScrollTopFooter {
		bottom: 80px;
	}	
}

/* Smartphone Quer (breit und kurz) */
@media (max-height: 400px) {
	#df-logo {
		max-height: 60vh;
		width: auto;
	}
}

/* Smartphone Hoch normal */
@media (max-width: 767px) {
	
	.df-logos {
		max-width: 300px;
	}
		
	#navigationLinks {
		display: none;
	}

	.detailSeiteBild img {
		max-height: 250px;
	}
	
}

/* Tablet-Version */
@media (min-width: 768px) {
	
	.settingsContainer {
		display: flex;
	}

	.suchContainer {
		display: flex;
	}

	.navButtons {
		display: none;
	}

	.navigationIcon {
		display: none;
	}
		
	.navigation #navigationLinks {
		display: block;
	}

	.navigation li  {
		display: inline;
	}
	.navigation a {
		display: inline-block;
	}

	#navigationExtras {
		display: none;
	}

	.kategorie {
		justify-content: center;
		overflow: hidden;
	}

	.mobilOnly {
		display: block;
	}

	.suchergebnisseHeadline p {
		margin-left: auto;
	}

	.suchListe ol li {
		flex-wrap: nowrap;
	}

	.sucheBild {
		width: 15%;
		margin-left: 5px;
		margin-right: 15px;
	}

	.sucheText {
		width: 80%;
		margin-left: auto;
	}

}

/* #endregion */