* {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
 *behavior: script/boxsizing.htc);
          -moz-hyphens: auto;
          -o-hyphens: auto;
          -webkit-hyphens: auto;
          -ms-hyphens: auto;
          hyphens: auto;
}
body {
          font-size: 1em;
          font-family: 'Source Sans Pro', sans-serif;
}
header {
          margin: 0 auto;
          border-top: 7px solid #3f8015; /*apfelruen*/
}
.container {
          margin: 0 auto;
          max-width: 990px;
}
.row {
          float: left;
          width: 100%;
          margin: 1.6em 0 0 0;
}
.topimage {
          margin: 0 auto;
          max-width: 100%;
          border-bottom: 7px solid #3f8015; /*apfelruen*/
}
.domain {
          font-family: 'Euphoria Script', cursive;
          color: #801f36; /*weinrot*/
          font-size: 4em;
          padding: 0.3em 0 0 1.3em;
          letter-spacing: -0.03em;
}
.sub {
          color: #aaa;
          font-size: 1.3em;
          padding: 0 0 1em 5.2em;
          font-weight: 300;
          font-style: italic;
          font-family: 'Open Sans', sans-serif;
}
p a {
 text-decoration: none;
 color: #888;         
}
iframe {
	width: 100%;
		float: left;
}
section {
          padding: 0;
}
@media screen and (max-width: 1050px) {
section {
          padding: 0 2em;
}
}
h1, h2 {
          font-family: 'Open Sans', sans-serif;
          color: #3f8015; /*apfelgruen*/
          text-transform:uppercase;
          font-weight: 300;
          font-size: 3em;
          display: block;
          padding: 0;
          margin: 0.5em 0 0.5em 0;
          line-height: 1em;
}
@media screen and (min-width: 500px) and (max-width: 980px) {
 h1, h2 {
          font-size: 2em;
          margin: 0 0 0.5em 0;
          line-height: 1.1em;
}
}
@media screen and (max-width: 500px) {
 h1, h2 {
          font-size: 1.5em;
          margin: 0 0 0.5em 0;
          line-height: 1.1em;
}
}
p {
          padding: 0;
          margin: 0;
          color: #888;
          font-family: 'Open Sans', sans-serif;
          font-weight: 300;
          line-height: 1.5em;
          font-size: 1em;
            text-align:left;
}
.spalten {
          margin:0 auto 0 auto;
          -webkit-column-count: 2;
          -webkit-column-gap: 50px;
          -moz-column-count: 2;
          -moz-column-gap: 50px;
          column-count: 2;
          column-gap: 50px;
}
@media screen and (max-width: 790px) {
 .spalten {
          margin:0 auto 0 auto;
          -webkit-column-count: 1;
          -webkit-column-gap: 0;
          -moz-column-count: 1;
          -moz-column-gap: 0;
          column-count: 1;
          column-gap: 0;
}
}
.contentimage {
          max-width: 32.3%;
          height: auto;
          float: left;
          margin: 0 1% 1% 0;
          border: 1px solid #3f8015; /*apfelgruen*/
}
.grundriss {
           border: 1px solid #3f8015; /*apfelgruen*/
             max-width: 99%;
          height: auto;
          float: left;
}
.verboten {
          max-width: 50%;
          height: auto;
          float: right;
          margin: 2em 0 0 0;
}
@media screen and (max-width: 700px) {
 .contentimage {
          max-width: 100%;
          margin: 0 0 2% 0;
}
}
@media screen and (max-width: 500px) {
 .row {
          margin: 0.7em 0 0 0;
}
.domain {
          font-size: 3em;
          padding: 0.3em 0 0 0.8em;
}
.sub {
          font-size: 1em;
          padding: 0 0 0 3.2em;
}
p {
          padding: 0;
         font-size: 0.9em;
          text-align:justify;
}
}
footer {
          clear: both;
          float: left;
          background: #801f36; /*weinrot*/
          margin: 8% 0 0 0;
          width: 100%;
          padding: 4% 0;
          color: #fff;
          font-family: 'Open Sans', sans-serif;
          font-weight: 300;
}
footer a {
          color: #fff;
          text-decoration: none;
}
footer .column {
          width: 50%;
          float: left;
          padding: 0 0 0 5em;
          height: 150px;
}
footer .column.left {
          border-right: 1px solid #fff;
}
footer span {
          text-transform: uppercase;
          font-size: 1.5em;
          letter-spacing: 0.07em;
}
.footerdomain {
          font-family: 'Euphoria Script', cursive;
          color: #fff;
          font-size: 3.2em;
          padding:  0 0 0 1em;
          letter-spacing: -0.03em;
}
@media screen and (max-width: 700px) {
 footer .column {
          width: 100%;
          padding: 1em 4em;
          height: auto;
}
footer .column.left {
          border-right: none;
}
.footerdomain {
          font-size: 2.5em;
          padding:  0;
}
}
.kalender {
          text-decoration: none;
          padding: 0.5em;
          background: #ddd;
          color: #888;
          font-size: 0.65em;
}
/* ------------------------------------------
  NAVIGATION STYLES
  (+ responsive-nav.css file is loaded in the <head>)
--------------------------------------------- */

.fixed {
          position: fixed;
          width: 100%;
          top: 0;
          left: 0;
}
.nav-collapse, .nav-collapse * {
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.nav-collapse, .nav-collapse ul {
          list-style: none;
          width: 100%;
          float: left;
          margin: 0 0 0.3em 0;
}
.nav-collapse li {
          float: left;
          width: 100%;
}
 @media screen and (min-width: 62em) {
.nav-collapse li {
          width: 11.111%;
 *width: 11.1%; /* IE7 Hack */
}
}
.nav-collapse a {
          color: #fff;
          text-decoration: none;
          width: 100%;
          background: #801f36; /*weinrot*/
          border-bottom: 1px solid white;
          padding: 0.7em 1em;
          float: left;
          text-transform:uppercase;
          font-weight: 300;
          font-family: 'Open Sans', sans-serif;
          font-size: 0.9em;
}
li.current-item a {
          background: #3f8015; /*apfelgruen*/
}
 @media screen and (min-width: 62em) {
.nav-collapse a {
          margin: 0;
          padding: 1em 0.5em;
          float: left;
          text-align: center;
          border-bottom: 0;
          border-right: 1px solid white;
          color: #3f801;
          font-size: 0.8em;
}
.nav-collapse a:hover {
          background: #aaa;
}
}
.nav-collapse ul ul a {
          background: #ca3716;
          padding-left: 2em;
}
 @media screen and (min-width: 62em) {
.nav-collapse ul ul a {
          display: none;
}
}
/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

.nav-toggle {
          position: fixed;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          -webkit-touch-callout: none;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          text-decoration: none;
          text-indent: -999px;
          position: relative;
          overflow: hidden;
          width: 70px;
          height: 55px;
          float: right;
}
.nav-toggle:before {
          color: #801f36; /* Edit this to change the icon color */
          font-family: "responsivenav", sans-serif;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          font-size: 28px;
          text-transform: none;
          position: absolute;
          content: "≡";
          text-indent: 0;
          text-align: center;
          line-height: 55px;
          speak: none;
          width: 100%;
          top: 0;
          left: 0;
}
.nav-toggle.active::before {
          font-size: 24px;
          content:"x";
}