@media only screen and (max-width: 860px) {
	body {
		font-size: 20px;
	}
	#logobox {
		position: absolute;
		display: block;
		width: 100%;
		padding: 0px;
		text-align: center;
		z-index: 1100;
	}
	#logobox a {
		position: absolute;
		top: 30px;
		left: 30px;
		width: 150px;
		padding: 10px;
		text-align: center;
		background: #fff;
		cursor: pointer;
		z-index: 1120;
		-moz-box-shadow: 0 0 5px #999;
		-webkit-box-shadow: 0 0 5px #999;
		box-shadow: 0 2px 30px 0 rgba(80, 80, 80, 0.60);
		border-bottom-left-radius: 50%;
		border-bottom-right-radius: 50%;
	}
	#logobox a.logo img {
		width: 100%;
		border: 0;
	}
	nav {
		display: block;
		position: absolute;
		top: -10px;
		right: 0px;
		width: auto;
		margin: 0 auto;
		padding: 30px;
		text-align: center;
		border: 0px solid red;
		z-index: 8000;
	}
	nav img#haende {
		display: block;
		width: 150px;
		height: auto;
		position: absolute;
		bottom: 15px;
		left: 5px;
		z-index: 8300;
	}
	img#top {
		display: block;
		position: absolute;
		top: -0px;
		left: 0px;
		width: 100%;
		height: auto;
		z-index: 5100;
	}
	#header {
		position: relative;
		width: 100%;
		min-width: 100%;
		height: 75vh;
		min-height: 60vh;
		max-height: 75vh;
		margin: 0 auto;
		padding-top: 0px;
	}
	#headerinner {
		display: block;
		position: relative;
		margin: 0 auto;
	}
	#bogen {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: auto;
		min-height: 130px;
	}
	#page {
		display: block;
		width: 96%;
		margin: 0 auto;
		background: none;
	}
	.content, .fusscontent, #logobox .content {
		position: relative;
		padding-top: 10px;
		text-align: left;
		width: 92%;
		min-width: 92%;
		max-width: 92%;
		margin: 0 auto;
	}
	#header .content {
		position: relative;
		height: 100%;
		z-index: 2000;
	}
	.flexwrapper {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
		margin-top: 3vw;
		margin-bottom: 0vw;
	}
	.flexwrapper .infobox {
		display: block;
		width: 100%;
		padding: 20px;
		margin-bottom: 14vw;
		background-color: #efefef;
		border-radius: 17px;
		-moz-box-shadow: 0 0 5px #999;
		-webkit-box-shadow: 0 0 5px #999;
		box-shadow: 0 2px 40px 0 rgba(80, 80, 80, 0.10);
	}
	.flexwrapper .infobox .haende2 {
		display: block;
		width: 70px;
		height: auto;
		position: absolute;
		bottom: -20px;
		left: 10px;
	}
	.contentbox {
		display: block;
		width: 100%;
		margin-bottom: 60px;
	}
	.flexwrapper .contentbox {
		margin: 0;
		margin-bottom: 10vh;
		width: 100%;
	}
	.contentbox:nth-child(1n) {
		padding-right: 2vw;
	}
	.contentbox:nth-child(2n) {
		padding-left: 2vw;
	}
	.artikelbox.bildbox img.abschluss, .contentbox img.abschluss {
		display: block;
		width: 70px;
		height: auto;
		margin: 0 auto;
		margin-bottom: 0px;
		text-align: center;
	}
	.col1-2, .col2-2 {
		display: inline-block;
		width: 100%;
		margin-bottom: 30px;
	}
	.content:nth-child(odd) .col1-2 {
		float: none;
	}
	.content:nth-child(odd) .col2-2 {
		float: none;
	}
	.content:nth-child(even) .col1-2 {
		float: none;
	}
	.content:nth-child(even) .col2-2 {
		float: none;
	}

	.singlecolumn .contentbox:nth-child(odd) {
		padding-right: 0vw;
	}
	.singlecolumn .contentbox:nth-child(even) {
		padding-left: 0vw;
	}
	.colbig {
		display: block;
		width: 100%;
		float: none
	}
	.colsmall {
		display: block;
		width: 100%;
		float: none
	}
	#fuss {
		position: relative;
		display: block;
		width: 100%;
		margin: 0 auto;
		margin-top: 50px;
		padding-top: 10px;
		padding-bottom: 50px;
		background-color: #75529d;
		z-index: 2000;
	}
	#fuss .zeile .spalten:nth-child(1) {
		text-align: left;
	}
	#fuss .zeile .spalten:nth-child(2) {
		text-align: left;
	}
	#fuss .zeile .spalten:nth-child(3) {
		text-align: left;
	}
	.slogan {
		font-size: 1.2em;
		margin-bottom: 20px;
		margin-top: 10px;
	}
	#header .content h1 {
		position: absolute;
		margin: 0;
		bottom: 0vw;
		left: 0;
		background-color: #00b5db;
		padding: 10px;
		padding-left: 20px;
		padding-right: 20px;
		color: #fff;
		font-size: 1.4em;
		letter-spacing: 0px;
		border-radius: 12px;
		z-index: 1000;
		box-shadow: 0 2px 10px 0 rgba(80, 80, 80, 0.30);
	}
	.content h2 {
		font-size: 20px;
		font-size: 1.1em;
	}
	.galerie li {
		width: 46%;
		flex: 0 0 auto;
		margin: 2%;
		padding: 0%;
	}
	.galerie img {
		box-shadow: 0 0px 10px 0 rgba(80, 80, 80, 0.30);
	}
	/* Formulargestaltung ----------------------- */
	label /* Alle Labels UND Formularelemente auswählen */ {
		display: block;
		width: 100%;
	}
	form br { /* Alle Zeilenumbrüche in Formularen auswählen */
		/* das floating der labels und inputs aufheben */
	}
	.form {
		display: block;
		width: 100%;
	}
	/* Suchfunktion ----------------------------- */
	div.suchbutton {
		background-color: #010202;
		color: #fff;
		border-radius: 50%;
		position: fixed;
		width: 35px;
		height: 35px;
		bottom: 20px;
		right: 10px;
		text-align: center;
		z-index: 11000;
		display: none;
	}
	div.suchbutton a {
		display: inline-block;
		text-align: center;
		color: #fff;
		line-height: 35px;
		font-size: 16px;
	}

	#suche {
		position: relative;
		display: block;
		margin-bottom: 50px;

	}
	#suche input {
		display: inline-block;
		color: #fff;
	}
	#suche input#suchbegriff {
		display: inline-block;
		float: left;
		border: 0;
		width: 50%;
		min-width: 150px;
		background-color: #efefef;
		height: 40px;
		line-height: 40px;
		padding-left: 10px;
		color:#000;
		font-size: 12px;
		font-size: 0.9rem;
		font-size: calc(12px + (24 - 20) * ((100vw - 320px) / (1600 - 320)));
		border: 1px solid #00b5db;
		border-radius: 17px;
	}
	#suche input.formsuche {
		display: inline-block;
		height: 40px;
		float: left;
		line-height: 40px;
		margin-left: 10px;
		padding-left: 10px;
		padding-right: 10px;
		width: auto;
		background-color: #d83535;
		color: #fff;
		font-size: 12px;
		font-size: 0.9rem;
		font-size: calc(12px + (24 - 20) * ((100vw - 320px) / (1600 - 320)));
		cursor: pointer;
		border: 1px solid #d83535;
		border-radius: 17px;
	}

	/* Bildnachweis ----------------------------- */
	.content ul.bildnachweis {
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 100%;
		column-count: 2;
	}
	.bildnachweis li {
		margin-bottom: 10px;
	}
	.bildnachweis li img {
		display: block;
		width: 100px;
		height: auto;
		margin-right: 15px;
		vertical-align: middle;
	}
	/* Scrollup Pfeil ----------------------- */
	div.scrollup {
		position: fixed;
		top: inherit;
		bottom: 70px;
		right: 10px;
	}

	/* offcanvas - navi einblenden --- */
	/* Navi ein- und ausblenden */
	#navirespons {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		padding-top: 4px;
		padding-left: 10px;
		padding-right: 10px;
		background-color: #20d902 !important;
		z-index: 20000;
	}
	.naveins, .navzwei {
		display: block;
		border: 0px solid red;
		position: absolute;
		z-index: 5500;
		top: -4px;
		left: 0px;
		background-color: #20d902;
	}
	p.navaus a, p.navein a {
		display: block;
		min-width: inherit;
		max-width: inherit;
		width: 100%;
		height: 35px;
		line-height: 35px;
		margin-top: 4px;
		text-align: left;
		padding-left: 50px;
		text-decoration: none;
		color: #000;
		font-weight: normal;
		background-image: url(../images/navi.png);
		background-repeat: no-repeat;
		background-position: center left;
		background-color: #20d902;
	}
	.aktiv-eins p.navein {
		display: none;
	}
	p.navaus {
		display: none;
	}
	.aktiv-eins p.navaus {
		display: block;
	}
	.aktiv-eins p.navaus a {
		background-image: url(../images/navi-aus.png);
	}
	p.navaus a, p.navein a {
		display: block;
		width: 100%;
		min-width: inherit;
		max-width: inherit;
	}
	.js nav {
		position: absolute;
		-moz-transition: 0.6s all ease;
		-webkit-transition: 0.6s all ease;
		-o-transition: 0.6s all ease;
		transition: 0.6s all ease;
		display: block;
		left: -200%;
		top: 0px;
		z-index: 8100;
		width: 100%;
		height: inherit;
		background: #fff;
		box-shadow: 0 0 0 0;
	}
	.aktiv-eins nav {
		top: 20px;
		left: 0;
		padding-bottom: 40px;
		position: absolute;
		background-color: #fff;
		z-index: 5800;
		display: block;
	}
	.js nav > ul#mainnavi {
		padding: 0;
	}
	.js nav > ul#mainnavi, .js nav ul.kontakt a {
		box-shadow: 0 0 0;
	}
	.js nav > ul {
		position: relative;
		width: 100%;
		list-style: none;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	.js nav ul > li {
		display: inline-block;
		text-align: center;
		margin-left: 0px !important;
	}
	.js nav ul {
		display: bock;
		display: relative;
		list-style-type: none;
		margin: 0 !important;
		padding: 0;
		text-align: center;
		height: auto;
		width: 100%;
		background-color: #fff;
		color: #d93534;
	}
	.js nav ul li {
		display: block;
		height: auto;
		text-align: center;
	}
	.js nav ul > li, .js nav a {
		display: block;
		text-align: center;
		padding: 0;
		margin: 0;
	}
	.js nav a {
		height: inherit;
		line-height: 130%;
		padding-top: 15px;
		padding-bottom: 15px;
		background-color: #fff;
		text-align: center;
	}
	.js nav ul > li > a {
		margin-top: 5px;
		border-bottom: 1px solid #00b5dc;
	}
	.js nav ul.kontakt li a {
		color: #fff;
		border: none;
	}
	.js nav a:hover {}
	.js nav ul > li > ul a, .js nav ul > li > ul a:hover, .js nav ul > li > ul a:focus {
		margin-top: 0;
		border-bottom: none;
	}
	.js ul#mainnavi {
		width: 100%;
		max-width: 100%;
	}
	.js nav ul#mainnavi li ul {
		display: block;
		position: relative;
		width: 100% !important;
		background-color: #efefef;
		border-bottom: 1px solid #00b5dc;
	}

	.js nav ul > li > a {
		text-decoration: none;
		font-size: 14px;
		font-size: 1.0em;
		color: #d93534;
		height: auto;
		line-height: 100%;
		text-align: center;
	}
	.js nav ul > li:hover > ul > li {
		display: block;
		margin-bottom: 0px;
		width: 100% !important;
		text-align: center;
	}
	.js nav ul > li > ul > li a, .js nav ul > li > ul > li a:hover {
		float: none;
		display: block;
		width: 100%;
		background-color: #efefef;
		height: inherit;
		line-height: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		text-decoration: none;
		text-transform: inherit;
		text-align: center;
		font-size: 0.875em;
	}
	.js nav ul#mainnavi li ul li a {
		border: none !important;
		font-size: 0.9rem;
		font-size: calc(16px + (24 - 20) * ((100vw - 320px) / (1600 - 320)));
	}
	.aktiv-eins #page, .aktiv-eins #sonderinfo, .aktiv-eins #fuss, .aktiv-eins #header .content h1 {
		display: none;
		position: relative;
		z-index: 500;
	}
}