@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: table;
		border-collapse: collapse;
		border-spacing: 0;
	}
	#precontent {
		display: table-cell;
		border-collapse: collapse;
  		border-spacing: 0;
		min-width: 13.5rem;
		max-width: 25%;
		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: table-cell;
		border-collapse: collapse;
  		border-spacing: 0;
		min-width: 18rem;
	}
	#postcontent {
		display: table-caption;
	}
	ul#leistungsmenue {
		padding: 0.5rem;
	}
	ul#leistungsmenue li {
		margin: 0.5rem;
		display: inline-block;
	}
	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: 30%;
		min-width: 18rem;
		max-width: 30%;
	}
	#postcontent {
		position: relative;
	}
	div.postcontentmenue h3 {

	}
	ul#leistungsmenue {

	}
	.warumuns {
		font-size: 2rem;
	}
	#content {
		width: 50%;
	}
	#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: 25%;
		min-width: 13.5rem;
		max-width: 25%;
	}
	#content {
		width: 50%;
	}
	#postcontent {
		position: relative;
		display: table-cell;
		border-collapse: collapse;
  		border-spacing: 0;
		vertical-align: top;
		width: 25%;
		min-width: 13.5rem;
		background: transparent;
		padding-top: 3em;
		padding-top: calc(2em + 1rem);
	}
	div.postcontentmenue h3 {
		display: block;
		font-size: 2rem;
	}
	div.kontaktdaten > div.kontaktCircle {
		display: block;
		margin: 0 auto 1em auto;
	}
	ul#leistungsmenue {
		padding: 0 1rem 1rem 1rem;
		font-size: 1.5rem;
	}
	ul#leistungsmenue li {
		display: block;
	}
	ul#leistungsmenue a {
		padding: 1rem 0.25rem;

	}
	ul#leistungsmenue a:hover,
	ul#leistungsmenue li.current a {
		padding: 1rem 0.24rem 1rem 0.25rem;
	}
	.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: 18rem;
		max-width: 25%;
	}
	#content {

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