@charset "utf-8";
/* CSS Document */

@media (min-width: 40rem) {
	#headertop {

	}
	ul.hauptmenue {

	}
	ul.hauptmenue > li {
		font-size: 1.25rem;
		padding: 0 1.25rem;
	}
	ul.hauptmenue > li > a {
		padding-left: 0.4rem;
	}
	ul.hauptmenue > li > a::before {
		font-size: 1.15rem;
	}
	#middle {
		display: grid;
		grid-template-columns: minmax(13.5rem, 25%) minmax(18rem, 1fr);
		align-items: stretch;
		border-collapse: collapse;
		border-spacing: 0;
	}
	#precontent {
		display: block;
		border-collapse: collapse;
  		border-spacing: 0;
		min-width: 0;
		max-width: none;
		overflow: hidden;
		min-height: 0;
	}
	#precontent::after {
		content: "";
		position: absolute;
		z-index: 999;
		top: 0;
		bottom: 0;
		right: 0.25rem;
		width: 0.25rem;
		height: auto;
		background: #005aa3; /* Old browsers */
		background: -moz-linear-gradient(top, #005aa3 0%, #005aa3 44%, #003765 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005aa3), color-stop(44%,#005aa3), color-stop(100%,#003765)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #005aa3 0%,#005aa3 44%,#003765 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #005aa3 0%,#005aa3 44%,#003765 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #005aa3 0%,#005aa3 44%,#003765 100%); /* IE10+ */
		background: linear-gradient(to bottom, #005aa3 0%,#005aa3 44%,#003765 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005aa3', endColorstr='#003765',GradientType=0 ); /* IE6-9 */
	}
	#content::before {
		content: "";
		position: absolute;
		z-index: 999;
		top: 0;
		bottom: 0;
		left: -0.5rem;
		width: 0.25rem;
		background: #005aa3; /* Old browsers */
		background: -moz-linear-gradient(top, #005aa3 0%, #005aa3 44%, #003765 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005aa3), color-stop(44%,#005aa3), color-stop(100%,#003765)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #005aa3 0%,#005aa3 44%,#003765 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #005aa3 0%,#005aa3 44%,#003765 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #005aa3 0%,#005aa3 44%,#003765 100%); /* IE10+ */
		background: linear-gradient(to bottom, #005aa3 0%,#005aa3 44%,#003765 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005aa3', endColorstr='#003765',GradientType=0 ); /* IE6-9 */
	}
	#content {
		position: relative;
		display: block;
		border-collapse: collapse;
  		border-spacing: 0;
		min-width: 18rem;
	}
	.contact-page-layout {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(16rem, 22rem);
		gap: 2.5rem;
		align-items: start;
	}
	.contact-page-layout .contact-aside {
		order: initial;
		align-self: start;
		justify-self: center;
		padding-top: 4.25rem;
		width: 100%;
	}
	.contact-page-layout .contact-card {
		margin: 0 auto;
	}
	div.contact-form > form#contact-form > fieldset > div.control-group > div.controls > input {

	}
	div.contact-form > form#contact-form > fieldset > legend {
		font-size: 1.25rem;
	}
	div.contact-form > form#contact-form > fieldset > div.form-actions {
		text-align: right;
	}
	div.contact-form > form#contact-form > fieldset > div.form-actions > button.btn-primary {
		width: auto;
		padding: 0.5rem 1rem;
	}
	.warumuns {
		font-size: 1.5rem;
	}
	#apps > ul > li {

	}
	#apps > ul > li > div {
		font-size: 5rem;
	}
	#apps > ul > li > div > span {
		font-size: 2rem;
	}
}
@media (min-width: 60rem) {
	p {

	}
	#headertop.fixed {

	}
	#headertop.fixed #nklogo {

	}
	#headertop.fixed #nklogo img {
		height: 3rem;
	}
	#header {

	}
	ul.hauptmenue > li {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	#precontent {
		width: auto;
		min-width: 0;
		max-width: none;
	}
	#middle {
		grid-template-columns: minmax(18rem, 30%) minmax(18rem, 1fr);
	}
	.warumuns {
		font-size: 2rem;
	}
	#content {
		width: auto;
	}
	#apps > ul > li > div {
		font-size: 8rem;
	}
	#apps > ul > li {

	}
}
@media (min-width: 90rem) {
	#headertop.fixed #nklogo {
		float: left;
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
	}
	ul.hauptmenue > li {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}
	#precontent {
		width: auto;
		min-width: 0;
		max-width: none;
	}
	#middle {
		grid-template-columns: minmax(13.5rem, 25%) minmax(18rem, 75%);
	}
	#content {
		width: auto;
	}
	#middle.no-postcontent #content {
		width: auto;
	}
	.fullSizeImage {
	}
	.warumuns {
		font-size: 1.5rem;
	}
	/* SLIDER */
	/* Apps */
	#apps {
		width: 50%;
	}
	#apps > ul > li {
		width: 30%;
	}
	/* ENDE APPS */
}
@media (min-width: 120rem) {
	#precontent {
		min-width: 0;
		max-width: none;
	}
	#content {

	}
	/* Warum uns */
	.warumuns {
		font-size: 2rem;
	}
}