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

	body {
		background-color: black;
	}

	#header #text {
		display: none;
		transition: all 0.3s ease;
	}

	#header{
		height: 50px;
		background-image: none;
		background-color: white;
		transition: all 0.3s ease;
	}

	#menu {
		width: 80%;
	}

	#menu-container {
		transition: all 0.3s ease;
	}

	#platzhalter {
		height: 50px;
		width: 100vw;
	}

	#mainlogo-image {
		height: 50px;
		margin-top: 0;
		padding-top: 1px;
	}

	#tanuki-chara-image {
		height: 50px;
		padding-top: 0;
	}

	#socialmedia-container {
		margin-top: 0px;
	}

	#socialmedia {
		flex: 2;
		margin-top: 5px;
	}

	#socialmedia img {
		width: 40px;
	}

	#socialmedia .sm-ad {
		display: none;
	}

	#veranstaltungen-content img {
		display: none;
	}

	#veranstaltungsliste {
		margin: 10px auto;
	}

	#content #home-content #home-fotos {
		flex-direction: column;
	}

	#content #home-content #home-fotos img {
		width: 33%;
		height: auto;
	}

	#tanuki-footer-image {
		width: 33%;
	}

	.youtube {
		display: block;
		margin: 0 auto;
	}

	#content #friends-content #friends-container tbody {
		display: flex;
		flex-direction: row;
	}

	#content #friends-content #friends-container tr {
		display: flex;
		flex-direction: column;
		width: 33%;
	}

	#content #friends-content #friends-container tr td {
		width: 100%;
	}

	#friends-container a.friendlink {
		height: 125px;
	}

	#content #mitglieder-content .member {
		margin: 50px 25px;
	}

	#content #mitglieder-content .member .member-info {
		padding: 0;
	}
}

@media only screen and (max-width: 700px) {
	
	.sticky #main-logo {
		padding-top: 1px;
	}

	#header-fixed {
		padding-top: 18px;
		background-color: black;
	}

	#header {
		padding: 0 5px;
	}

	body {
		background-color: black;
	}

	#menu #burgermenu {
		display: inline-block;
		position: absolute;
		right: 0;
		height: 50px;
	    padding: 0;
	    top: 2px;
	}

	#desktop-menu {
		display: none;
	}

	#socialmedia #twitch {
		margin-left: 0;
		margin-top: 5px;
	}

	.sticky #socialmedia {
		flex: 1;
	}

	#socialmedia {
		flex: 1;
		flex-direction: column;
	}

	#socialmedia #socialmedia-container {
		flex-direction: column;
		visibility: hidden;
		width: 40px;
	}

	#socialmedia #socialmedia-container a {
		width: 40px;
	}

	#socialmedia #socialmedia-container img {
		transition: all 0.2s ease-in;
		background-color: white;
		filter: grayscale(0%);
	}

	#socialmedia img#heart {
		display: inline-block;
		height: 40px;
		width: 40px;
		transition: all 0.3s ease-in;
	}

	#desktop-menu {
		z-index: 100;
		background-color: black;
	    position: fixed;
	    right: 40px;
	    width: 30%;
	    border: 1px solid #222222;
	    transform: translate(-10px, 2px);
	}

	#menu a {
		background-image: linear-gradient(#222222, black, black, black);
	}

	#content {
	    transform: translateY(-105px);
	}

	#content #home-content #home-fotos img {
		width: 75%;
		height: auto;
	}

	#content #home-content #home-fotos .tanuki-meme {
		display: none;
	}

	#veranstaltungen-content img {
		display: none;
	}

	#content #friends-container img {
		width: 150px;
		margin: 0;
	}

	#footer-menu a {
		font-size: 15px;
	}

	#footer {
		width: 75%;
	}

	#copyright {
		font-size: 7px;
	}

	#tanuki-footer-image {
		width: 100%;
	}

	#content #friends-container {
		width: 100%;
		margin: 0 auto;
		display: block;
	}

	#content #friends-container .friendlink {
		font-size: 20px;
		display: inline-block;
		margin: 10px auto;
		width: 100%;
	}

	#content #friends-content #friends-container .friendslink {
		padding: 5px;
	}

	.youtube iframe {
		width: 300px;
		height: auto;
	}

	#socialmedia img {
		width: 40px;
	}

	div.member {
		flex-direction: column;
		padding: 0;
	}

	div.member:nth-child(even) {
		flex-direction: column-reverse;
	}

	div.member .member-name {
		display: none;
	}

	div.member .member-name-mobile {
		display: block;
		margin: 30px auto;
	}

	div.member .member-foto {
		width: 80vw;
		height: auto;
	}

	div.member .member-foto .chibi-quer {
		width: 80vw;
		height: auto;
		margin: 0;
	}

	#bio-content {
		display: flex;
		flex-direction: column;
	}

	#bio-content img#historytanuki#historytanuki {
		margin: 5px auto;
		display: block;
	}

	table#veranstaltungsliste tbody tr td, th {
		padding: 3px;
	}

	table#veranstaltungsliste {
		width: 80vw;
		margin: 0 auto;
	}

	img#sleepingtanuki {
		width: 100% !important;
	}

	#friends-container ul {
		flex-direction: column;
	}

	#friends-container ul li {
		margin: 0 20px;
	}

	#friends-container a.friendlink {
		height: 90px;
	}

	#footer {
		margin: 10px auto;
	}
}