@charset "UTF-8";
 @import url("../genericons/genericons.css");

/* CSS Document */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html { overflow-y: scroll; }

body {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.header-image-home {
	height: 13.5em;
	background: url(../img/header-home_960x500.jpg) 50% 0 no-repeat;
	background-size: cover;
}

.header-image-ueber-uns {
	height: 13.5em;
	background: url(../img/header-ueber-uns_960x500.jpg) 50% 0 no-repeat;
	background-size: cover;
}

.header-image-leistungen {
	height: 13.5em;
	background: url(../img/header-leistungen_960x500.jpg) 50% 0 no-repeat;
	background-size: cover;
}

.header-image-mietverwaltung {
	height: 13.5em;
	background: url(../img/header-mietverwaltung_960x500.jpg) 50% 0 no-repeat;
	background-size: cover;
}

.header-image-referenzen {
	height: 13.5em;
	background: url(../img/header-referenzen_960x500.jpg) 50% 0 no-repeat;
	background-size: cover;
}

.header-image-kontakt {
	height: 13.5em;
	background: url(../img/header-kontakt_960x500.jpg) 50% 0 no-repeat;
	background-size: cover;
}

.header-image-impressum {
	height: 13.5em;
	background: url(../img/header-impressum_960x500.jpg) 50% 0 no-repeat;
	background-size: cover;
}

.logo {
	padding-top: 0.75em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}

h1,
h2,
h3,
h4 {
	font-family: 'Josefin Sans', Tahoma, Arial, sans-serif;
	font-size: 1.8em;
	color: #666;
	line-height: 1.2em;
}

.headline {
	font-size: 1.5em;
}

.logo-text {
	position: absolute;
	top: -1000px;
	left: -32500px;
}

.kachel {
	background-color: #EFEFEF;
	padding: 1em;
	border: 1px solid #E4E4E4;
	border-radius: 2px;
	max-height: 30%;
	position: relative;
	-webkit-box-shadow: 0.05em 0.1em 0.2em rgba(0,0,0,0.20);
	box-shadow: 0.05em 0.1em 0.2em rgba(0,0,0,0.20);
}

.kachel:before {
	background-color: #DADADA;
	content: '';
	height: 3em;
	width: 100%;
	display: block;
	position: absolute;
	top: 0px;
	margin-left: -1em;
	border-bottom: 2px solid rgba(255,255,255,1.00);
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.kachel2 {
	background-color: #E5E5E5;
	padding: 1em;
	border: 1px solid #E4E4E4;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	-webkit-box-shadow: 0.05em 0.1em 0.2em rgba(0,0,0,0.20);
	box-shadow: 0.05em 0.1em 0.2em rgba(0,0,0,0.20);
}

.kachel2 a:hover {
	text-decoration: underline;
}

#verband {
	padding-top: 1.5em;
}

footer {
	text-align: center;
	padding: 1em;
	font-size: 0.8em;
}

footer a {
	text-decoration: none;
	color: #666;
}

/* Raster */

.container {
	max-width: 960px;
	margin: 0 auto;
}

.row {
	width: 100%;
	float: left;
}

.columns {
	float: left;
	padding-left: 1em;
	padding-right: 1em;
}

.header {
	margin: 0;
	padding: 0;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	border: 1px solid rgba(194,194,194,1.00);
	-webkit-box-shadow: 0.05em 0.1em 0.2em rgba(0,0,0,0.20);
	box-shadow: 0.05em 0.1em 0.2em rgba(0,0,0,0.20);
}

.balken {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYyJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 47%, #2989d8 62%, #1e5799 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(47%, #2989d8), color-stop(62%, #2989d8), color-stop(100%, #1e5799)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1e5799 0%, #2989d8 47%, #2989d8 62%, #1e5799 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1e5799 0%, #2989d8 47%, #2989d8 62%, #1e5799 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1e5799 0%, #2989d8 47%, #2989d8 62%, #1e5799 100%); /* IE10+ */
	background: linear-gradient(to bottom, #1e5799 0%, #2989d8 47%, #2989d8 62%, #1e5799 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#1e5799', GradientType=0 ); /* IE6-8 */
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	height: 2em;
	-webkit-box-shadow: 0.05em 0.1em 0.2em rgba(0,0,0,0.20);
	box-shadow: 0.05em 0.1em 0.2em rgba(0,0,0,0.20);
	font-size: 1.3rem;
	color: rgba(231,178,99,1.00);
	text-decoration: none;
	font-family: 'Josefin Sans', Tahoma, Arial, sans-serif;
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

nav ul {
	position: relative;
	background: rgba(43,107,182,1.00);
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	margin: 0;
	padding: 0;
	text-align: center;
	-webkit-box-shadow: 0.05em 0.1em 0.2em rgba(43,107,182,1.00);
	box-shadow: 0.05em 0.1em 0.2em rgba(43,107,182,1.00);
}

nav ul li {
	font-family: 'Josefin Sans', Tahoma, Arial, sans-serif;
	display: inline-block;
	font-size: 1.3rem;
	color: rgba(231,178,99,1.00);
	text-decoration: none;
	padding: 0.15em 2.0em;
	margin: 0.35em 0;
	border-right: 0.1em solid #FFFFFF;
}

nav ul li:last-child {
	padding-right: 0;
	border-right: 0;
}

nav ul li:first-child {
	padding-left: 0;
}

nav ul li a {
	font-size: 1.3rem;
	color: white;
	text-decoration: none;
}

nav ul li a:hover {
	color: rgba(193,201,216,1.00);
}

nav ul li a:focus {
	color: rgba(225,235,246,1.00);
}

#subnav {
	position: absolute;
	background: rgba(43,107,182,1.00);
	display:none;
}

#subnav li {
	display:block;
	padding: 0;
	margin: 1em;
	border: 0;
	text-align: left;
}

#subnav li a {font-size: 0.85em;}

nav ul li:hover #subnav {display:block}

.navbreak {
	color: white;
	padding-left: 0.8em;
	font-size: 1.1em;
}

p {
	font-family: 'Oxygen', Tahoma, Arial, sans-serif;
	color: #666;
	font-size: 0.8em;
	line-height: 1.35em;
}

p a {
	text-decoration: none;
	color: rgba(74,74,74,1.00);
}

p a:hover {
	text-decoration: underline;
}

h3 a {
	text-decoration: none;
	color: rgba(74,74,74,1.00);
}

h3 a:hover {
	text-decoration: underline;
}

.active {
	color: rgba(194,157,59,1.00);
}

.leistungen {
	font-family: 'Oxygen', Tahoma, Arial, sans-serif;
	color: #666;
	font-size: 0.8em;
	line-height: 1.35em;
}

.bodytext {
	padding: 0.5em 1em;
}

.bodycontainer {
	max-width: 88%;
}

.kachel-head {
	color: rgba(38,92,187,1.00);
	position: relative;
	top: -1em;
}

.kachel-weiter a {
	color: rgba(37,79,175,1.00);
	font-family: 'Josefin Sans', Tahoma, Arial, sans-serif;
	font-size: 1.25em;
	font-weight: 500;
	text-decoration: none;
}

.kachel-weiter a:hover {
	text-decoration: underline;
}

.footer-nav a {
}

.footer-nav a:hover {
	text-decoration: underline;
}

.menu {
	padding: 0.6em;
	background-color: rgba(30,89,156,1.00);
	color: white;
	float: right;
	margin-top: 1em;
	border-radius: 0.2em;
}

.responsiveContainer {
  position: relative;
  padding-bottom: 76%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


@media screen and (max-width:320px) {

.menu {
	padding: 0.35em;
	margin-top: 0.6em;
	border-radius: 0.2em;
}
}

@media screen and (min-width:321px) and (max-width:480px) {

.menu {
	padding: 0.5em;
	margin-top: 0.8em;
	border-radius: 0.2em;
}
}

@media screen and (min-width:520px) and (max-width:599px) {

.headline {
	font-size: 1.2em;
}

p {
	font-size: 0.90em;
}

.fuss {
	display: block;
}

.subnav-break {
	display: none;
}
}

@media screen and (min-width:600px) and (max-width:679px) {

.headline {
	font-size: 1.4em;
}

p {
	font-size: 0.95em;
}

.fuss {
	display: block;
}

.subnav-break {
	display: none;
}
}

@media screen and (max-width:880px) {

.bodycontainer {
	max-width: 100%;
}
}

@media screen and (min-width:800px) and (max-width:879px) {

nav ul li {
	padding-right: 1.2em;
}

nav ul li {
	font-size: 1.2rem;
}

nav ul li a {
	font-size: 1.2rem;
}
}

@media screen and (min-width:710px) and (max-width:799px) {

nav ul li {
	padding-right: 1.1em;
}

nav ul li {
	font-size: 1.1rem;
}

nav ul li a {
	font-size: 1.1rem;
}
}

@media screen and (min-width:610px) and (max-width:709px) {

nav ul li {
	padding-right: 1.5em;
}

nav ul li {
	font-size: 1.4rem;
}

nav ul li a {
	font-size: 1.4rem;
}
}

@media screen and (min-width:680px) and (max-width:799px) {

.headline {
	font-size: 1.4em;
}

p {
	font-size: 0.90em;
}
}

@media screen and (min-width:600px) and (max-width:679px) {

.small-1 {
	width: 50%;
}

.small-2 {
	width: 100%;
}

.logo {
	width: 65%;
}

.header-image {
	height: 9em;
}

.bodycontainer {
	max-width: 100%;
}

.headline {
	font-size: 1.6em;
}

a.nav-show,
a.nav-hide {
	display: none;
}

#large-display {
	display: none;
}
}

@media screen and (max-width:599px) {

/* 2 spaltiges Raster in der kleinen Layout-Version */
.small-1 {
	width: 50%;
}

.small-2 {
	width: 100%;
}

.logo {
	width: 65%;
}

.header-image {
	height: 9em;
}

.bodycontainer {
	max-width: 100%;
}

.headline {
	font-size: 1.6em;
}

.genericon {
	color: white;
	font-size: 1.2em;
}

p {
	font-size: 1em;
}

nav ul li {
	border: 0;
}

#subnav {
	display:none;
	position:static;
}

#subnav li {
	text-align: center;
}

nav ul li:focus #subnav2 {display:block}

a.nav-hide {
	display: none;
}

.nav-slider {
	display: none;
}

#nav-open:target .nav-slider,
#nav-open:target a.nav-hide {
	display: block;
}

#nav-open:target a.nav-show {
	display: none;
}

#nav-open:target .balken {
	display: none;
}

nav ul li {
	display: block;
	padding: 0.4em;
	margin-top: 0;
	border-bottom: 1px solid rgba(252,248,248,1.00);
	border-radius: 2px;
}
 nav ul li:last child {
 border-bottom: 0px;
}

.navbreak {
	display: none;
}

footer p {
	display: block;
}

.fuss {
	display: block;
}

.subnav {
	display: block;
}

.subnav2 {
	display: block;
	padding-top: 1.1em;
}

.subnav-break {
	display: none;
}
}

@media screen and (min-width:680px) {

/* 12-spaltiges Raster in der großen Layout-Version */
.large-1 {
	width: 8.333333%;
}

.large-2 {
	width: 16.666666%;
}

.large-3 {
	width: 25%;
}

.large-4 {
	width: 33.333333%;
}

.large-5 {
	width: 41.666666%;
}

.large-6 {
	width: 50%;
}

.large-7 {
	width: 58.333333%;
}

.large-8 {
	width: 66.666666%;
}

.large-9 {
	width: 75%;
}

.large-10 {
	width: 83.333333%;
}

.large-11 {
	width: 91.666666%;
}

.large-12 {
	width: 100%;
}

a.nav-show,
a.nav-hide {
	display: none;
}

#large-display {
	display: none;
}
}