body {
	margin:0;
	/* top:-50px; */
	/* position:absolute; */
	/* transform: translateY(-50px); */
}
.suchleiste {
	transition:0.8s;
	height:80px;
	position:absolute;
	top:-80px;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color: #d8f2f9;
	width:100%;
	z-index:99;
}
#suche_oeffnen {
	border:none;
	background-color:transparent;
	cursor:pointer;
}
#suche_oeffnen i {
	color: var(--orange);
	font-size:28px;
}
#close_search {
	font-size:36px;
	color: var(--orange);
	cursor:pointer;
	font-weight:bold;
	float:right;
}
.suche {
	display:flex;
	position: absolute;
    top: 35px;
    right: 110px;
}
h1, p {
	margin-top:0;
}
.spalten {
	display:grid;
	grid-template-rows: 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-column-gap:25px;
	grid-row-gap:25px;
}
.spalte1-2 {
	grid-column-start:1; 
	grid-column-end:13;
}
.spalte1 {
	grid-column-start:1; 
	grid-column-end:13;
}
.spalte2 {
	grid-column-start:1; 
	grid-column-end:13;
}
.spalte3 {
	grid-column-start:1; 
	grid-column-end:13;
}



.grid-container {
	/* height:100vh; */
    display: grid;
	transition: all 1s;
    grid-template-columns: [full-start] minmax(0, 20px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 20px) [full-end];
}
.grid-container>div {
	grid-column: main;
}

.grid-container>div.full-width {
	grid-column: full;
	padding:0px 20px 0px 20px;
}
.navi {
	height:125px;
}

.header {
	height:360px;
}
.header-unterseite {
		height:300px !important;
		padding:0 !important;
		/*margin-top:170px;*/
	}
.header_helper {
	height:180px;
}
.focuspoint {
	    width: 100vw;
    min-height: 300px;
	max-width:100% !important;
}
.breadcrumb {
	height:45px;
}
.content {
	min-height:800px;
	margin-top:50px;
}
.footer {
	min-height:250px;
	transform: translateY(50px);
}
.subfooter {
	transform: translateY(50px);
}

@media(min-width:375px) {
	.grid-container {
		grid-template-columns: [full-start] minmax(0, 25px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 25px) [full-end];
	}
	.grid-container>div.full-width {
		padding:0px 25px 0px 25px;
	}
}

@media(min-width:568px) {
	.grid-container {
		grid-template-columns: [full-start] minmax(0, 35px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 35px) [full-end];
	}
	.grid-container>div.full-width {
		padding:0px 35px 0px 35px;
	}
	.header {
		height:400px;
	}
	.header-unterseite {
		height:400px !important;
	}
	.focuspoint {
    min-height: 400px;
}
}

@media(min-width:600px) {
	.grid-container {
		grid-template-columns: [full-start] minmax(0, 40px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 40px) [full-end];
	} 
	.grid-container>div.full-width {
		padding:0px 40px 0px 40px;
	}
}

@media(min-width:667px) {
	.grid-container {
		grid-template-columns: [full-start] minmax(0, 40px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 40px) [full-end];
	} 
}

@media(min-width:768px) {
	.grid-container {
		grid-template-columns: [full-start] minmax(0, 50px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 50px) [full-end];
	}
	.grid-container>div.full-width {
		padding:0px 50px 0px 50px;
	}
}
@media(min-width:992px) {
	.header-unterseite {
	height:300px !important;
	margin-top:0;
	}
	.header_helper {
	height:0px;
	}
		.header {
		height:450px;
	}

	.focuspoint {
    min-height: 300px;
}
}

@media(min-width:1080px) {
	.suche {
	position: relative;
    top: inherit;
    right: inherit;
  }
}

@media(min-width:1200px) {
	.grid-container {
		grid-template-columns: [full-start] minmax(0, 60px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 60px) [full-end];
	}
	.grid-container>div.full-width {
		padding:0px 60px 0px 60px;
	}

	.spalte1-2 {
		grid-column-start:1; 
		grid-column-end:9;
	}
	.spalte1 {
		grid-column-start:1; 
		grid-column-end:5;
	}
	.spalte2 {
		grid-column-start:5; 
		grid-column-end:9;
	}
	.spalte3 {
		grid-column-start:10; 
		grid-column-end:13;
	}
}

@media(min-width:1300px) {
	.grid-container {
		grid-template-columns: [full-start] minmax(0, 85px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 85px) [full-end];
	}
	.grid-container>div.full-width {
		padding:0px 85px 0px 85px;
	}
}

@media(min-width:1450px) {
	.grid-container {
		 grid-template-columns: [full-start] minmax(0, 1fr) [main-start] minmax(0, 1300px) [main-end] minmax(0, 1fr) [full-end];
	}
	.grid-container>div.full-width {
		padding:0px;
	}
	.grid-container>div.full-width>div {
		margin:0px auto 0px auto;
		max-width:1300px;
	}
	.header {
		height:550px;
	}
	.header-unterseite {
		height:350px !important;
	}
	.focuspoint {
    min-height: 350px;
}
}

@media(min-width:2050px) {
	.grid-container {
		grid-template-columns: [full-start] minmax(0, 1fr) [main-start] minmax(0, 1400px) [main-end] minmax(0, 1fr) [full-end];
	}
	.grid-container>div.full-width>div {
		margin:0px auto 0px auto;
		max-width:1400px;
	}
	.header {
		height:800px;
		background-position:center -150px;
	}
	.header-unterseite {
		height:500px !important;
		background-position:center top !important;
	}
	.focuspoint {
    min-height: 500px;
}
}