body {
	grid: "headpic nav logo" 132px
	      "headpic main suche" 284px
	      "boxlinks news main2" auto
	      "lfoot footer rfoot" min-content
	      / 282px 588px 282px;
}
#content {
	border-bottom:2px dotted #9d9d95;
	overflow:hidden;
}
#suche {
	position:relative;
	left:-23px;
	padding-left:23px;
	width:100%;
}
#headpic h3 {
	display:none;
}

/* styles Mobile<1220 px
======================== */
@media only screen and (max-width:1220px) {
body {
	grid:	"logo" 90px
			"suche" auto
			"nav" auto
			"headpic" 400px
			"main" auto
			"kummer" auto
			"boxlinks" auto
			"social" auto
			"news" auto
			"main2" auto
			"zertifikate" auto
			"footer" min-content
			/ 100%;
	grid-gap:0;
}
#content,#suche {
	border-bottom:0;
}
#suche {
	left:0;
	padding: 12px 32px;
	width:calc(100% - 64px);
}