@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
  background: #FFF;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: #222;
}
img {
  width: 100%;
  height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Italianno", cursive;
}
table {
  margin: 0 auto;
}
table .grau {
  background: #CCC;
}
#yform-formular-name {
  display: none;
}
#yform-formular-datenschutz label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin: 0;
  padding: 0;
  text-align: left;
}
#yform-formular-datenschutz label input {
  position: relative !important;
  width: unset !important;
  margin: 0 !important;
}
.form-group label {
  display: none;
}
.name {
  display: none;
}
@media only screen and (min-width: 320px) {
  #top {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  .topbg {
    position: absolute;
    z-index: -2;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    min-width: 2000px;
  }
  .topArea {
    margin: 60px 2% 0.9%;
    padding: 0;
    border-top: 10px solid #0083A4;
    background: #EFEDE4;
    text-align: center;
    width: 96%;
  }
  .topArea h1 {
    font-size: 3em;
  }
  #mainNavi {
    width: 60%;
    margin: 0 auto;
    padding: 20px 0;
    list-style: none;
    border-top: 1px solid #CECDC7;
  }
  #mainNavi li {
    padding: 0 10px 14px;
    display: block;
    font-weight: 300;
    text-transform: uppercase;
  }
  #mainNavi li a,
  #mainNavi li a:visited {
    padding: 0 5px 1px;
    color: #222;
    text-decoration: none;
    border: none;
  }
  #mainNavi li a:hover,
  #mainNavi li a:active {
    padding: 0 5px 1px;
    color: #222;
    text-decoration: none;
    border-bottom: 2px solid #222;
  }
  #mainNavi li.active a,
  #mainNavi li.active a:visited,
  #mainNavi li.active a:hover,
  #mainNavi li.active a:active {
    padding: 0 5px 1px;
    color: #222;
    text-decoration: none;
    border-bottom: 2px solid #222;
  }
  .startbloecke {
    margin: 0;
  }
  .startbloecke a,
  .startbloecke a:visited {
    text-decoration: none;
    color: #222;
  }
  .startbloecke a:hover,
  .startbloecke a:active {
    text-decoration: none;
    color: #0083A4;
  }
  .startblock {
    margin: 20px 0;
    padding: 0 0.7%;
    display: block;
  }
  .startblock .blockContent {
    background-color: #EFEDE4;
    text-align: center;
    padding: 20px;
  }
  .blockContent h1 {
    margin: 0;
    padding: 0;
  }
  .textblock {
    text-align: center;
    padding: 0px 5% 35px;
  }
  .textblock h1 {
    font-size: 2.6em;
  }
  #footer {
    padding: 40px 20px 30px;
    background: #0083A4;
    color: #FFF;
    text-align: center;
    font-size: 0.9em;
    font-weight: 300;
  }
  #footer .col-lg-12 {
    width: 98%;
    margin: 0 auto;
  }
  #footer ul {
    margin: 0;
    padding: 20px 0 0 0;
    list-style: none;
    text-align: center;
  }
  #footer ul li {
    display: inline-block;
    padding: 0 5px;
  }
  #footer a,
  #footer a:visited {
    color: #FFF;
    text-decoration: none;
  }
  #footer a:hover,
  #footer a:active {
    color: #FFF;
    text-decoration: underline;
  }
  #footer .active a,
  #footer .active a:visited,
  #footer .active a:hover,
  #footer .active a:active {
    color: #FFF;
    text-decoration: underline;
  }
  .bildergalerie {
    text-align: center;
    padding: 0 0 80px;
  }
  .bildergalerie a,
  .bildergalerie a:visited,
  .bildergalerie a:hover,
  .bildergalerie a:active {
    display: inline-block;
    width: 48%;
    margin: 0.5%;
  }
  .kontaktform {
    width: 90%;
    margin: 0 5%;
    padding: 0 0 60px;
    text-align: center;
  }
  .kontaktform h3 {
    margin: 0;
    padding: 20px 0 10px;
    font-size: 2.4em;
  }
  .kontaktform input {
    width: 100%;
    height: 40px;
    margin: 2px 0;
  }
  .kontaktform textarea {
    width: 100%;
    height: 120px;
    margin: 2px 0;
  }
  #map {
    width: 100%;
    height: 220px;
    display: block;
  }
}
@media only screen and (min-width: 480px) {
  .bildergalerie a,
  .bildergalerie a:visited,
  .bildergalerie a:hover,
  .bildergalerie a:active {
    display: inline-block;
    width: 31%;
    margin: 0.5%;
  }
}
@media only screen and (min-width: 768px) {
  #top {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  .start {
    height: 640px !important;
    min-height: auto !important;
  }
  #map {
    width: 100%;
    height: 380px;
  }
  .topbg {
    position: absolute;
    z-index: -2;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    min-width: 2000px;
  }
  .topArea {
    margin: 60px 3% 0.9%;
    padding: 0;
    border-top: 10px solid #0083A4;
    background: #EFEDE4;
    text-align: center;
    width: 94%;
  }
  .topArea h1 {
    font-size: 4em;
  }
  #mainNavi {
    width: 70%;
    margin: 0 auto;
    padding: 20px 0;
    list-style: none;
    border-top: 1px solid #CECDC7;
  }
  #mainNavi li {
    padding: 0 10px;
    display: inline-block;
    font-weight: 300;
    text-transform: uppercase;
  }
  #mainNavi li a,
  #mainNavi li a:visited {
    padding: 0 5px 3px;
    color: #222;
    text-decoration: none;
    border: none;
  }
  #mainNavi li a:hover,
  #mainNavi li a:active {
    padding: 0 5px 3px;
    color: #222;
    text-decoration: none;
    border-bottom: 2px solid #222;
  }
  #mainNavi li.active a,
  #mainNavi li.active a:visited,
  #mainNavi li.active a:hover,
  #mainNavi li.active a:active {
    padding: 0 5px 3px;
    color: #222;
    text-decoration: none;
    border-bottom: 2px solid #222;
  }
  .startbloecke {
    margin: -121px 0 0 0;
  }
  .startbloecke a,
  .startbloecke a:visited {
    text-decoration: none;
    color: #222;
  }
  .startbloecke a:hover,
  .startbloecke a:active {
    text-decoration: none;
    color: #0083A4;
  }
  .startblock {
    margin: 0;
    padding: 0 0.7%;
  }
  .startblock .blockContent {
    background-color: #EFEDE4;
    text-align: center;
    padding: 20px;
    height: 180px;
  }
  .blockContent h1 {
    margin: 0;
    padding: 0;
  }
  .textblock {
    text-align: center;
    padding: 40px 5% 60px;
  }
  .textblock h1 {
    font-size: 3.6em;
  }
  .bildergalerie {
    text-align: center;
    padding: 0 0 80px;
  }
  .bildergalerie a,
  .bildergalerie a:visited,
  .bildergalerie a:hover,
  .bildergalerie a:active {
    display: inline-block;
    width: 16%;
    margin: 0.5%;
  }
  #footer {
    padding: 40px 20px 30px;
    background: #0083A4;
    color: #FFF;
    text-align: center;
    font-size: 0.9em;
    font-weight: 300;
  }
  #footer .col-lg-12 {
    width: 98%;
    margin: 0 auto;
  }
  #footer ul {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #footer ul li {
    float: left;
    padding: 0 5px;
  }
  #footer a,
  #footer a:visited {
    color: #FFF;
    text-decoration: none;
  }
  #footer a:hover,
  #footer a:active {
    color: #FFF;
    text-decoration: underline;
  }
  #footer .active a,
  #footer .active a:visited,
  #footer .active a:hover,
  #footer .active a:active {
    color: #FFF;
    text-decoration: underline;
  }
  .kontaktform {
    width: 450px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 992px) {
  #top {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  .start {
    height: 775px !important;
    min-height: auto !important;
  }
  .topArea {
    margin: 60px 2% 0.9%;
    padding: 0;
    border-top: 10px solid #0083A4;
    background: #EFEDE4;
    text-align: center;
    width: 96%;
  }
  .startbloecke {
    margin: -158px 0 0 0;
  }
  .startblock .blockContent {
    height: 130px;
  }
}
@media only screen and (min-width: 1200px) {
  #top {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  .start {
    height: 890px !important;
    min-height: auto !important;
  }
  .topArea {
    margin: 60px 2% 0.9%;
    padding: 0;
    border-top: 10px solid #0083A4;
    background: #EFEDE4;
    text-align: center;
    width: 96%;
  }
  .startbloecke {
    margin: -192px 0 0 0;
  }
}
/*# sourceMappingURL=styles.css.map */