@charset "UTF-8";
@import url("template.css") all;

/*######################~[###|#1#]
	DELTA
###~############################*/

/* Mobile */
.menu, 
.menu-content, 
.part {
	border: none;
}

.menu-content {
	gap: var(--unit-3);
	padding: var(--unit-3);
}

.menu-box {
	border-radius: var(--unit-3);
}

.nav {
	display: none;
}

/* Desktop */
@media (min-width: 900px) and (min-height: 600px) {

	/*Grid*/
	#grid {
		display: grid;
		grid-gap: var(--unit-3);
		grid-template-columns: 200px 1fr;
	}
	
	#grid #start_search {
		grid-column: 1;
		grid-row: 1;
	}
	
	#grid #start_main {
		grid-column: 2;
		grid-row: 1;
	}

	/*Menu*/
	.menu-content {
		flex-wrap: wrap;
		align-items: flex-start;
		align-content: flex-start;
		justify-content: flex-start;
		gap: var(--unit-4);
	}

	.menu-box {
		flex-basis: 100%;
		align-self: flex-start;
		border-radius: var(--unit-3) var(--unit-6) 0 0;
	}

	.menu-control {
		font-size: var(--fs-h4);
	}

	/*Nav*/
	.nav {
		display: flex;
	}

	/*Preview*/
	.part.preview {
		gap: 0.25rem;
		justify-content: flex-start;
	}

	.part.preview a:hover {
		transition: all 0.3s ease-in 0s;
		transform: rotate(35deg);
	}

	/*
.vorschau a.vor {
	float:left;
	position:relative;
	}
.vorschau img.vor {
	margin:5px 0 0 5px;
	position:absolute;
	}
.vorschau span.vor {
	position:absolute;
	background:top left no-repeat scroll transparent;
	}
.vorschau span.vor:hover {
	background-position:top right;
	}
.vorschau a.v1x {
	width:100px;
	height:100px;
	}
.vorschau img.v1x {
	width:90px;
	height:90px;
	}
.vorschau span.v1x {
	width:100px;
	height:100px;
	background:url(../../img/fluidum/vorschau_v1x.png);
	}
	*/
}