/*
    Netzstrand Webproject "Gellert"
    Created on  : 10.05.2017, 12:00:00
    Author      : Christian Beckmann
    Mail        : info@netzstrand.de
    Url         : http://netzstrand.de
    All rights reserved
*/
/*Fonts     ~~~~~~~~~~~~*/
@font-face {
  font-family: 'TitilliumWebRegular';
  src: url("../fonts/TitilliumWebRegular.eot");
  src: url("../fonts/TitilliumWebRegular.eot") format("embedded-opentype"), url("../fonts/TitilliumWebRegular.woff2") format("woff2"), url("../fonts/TitilliumWebRegular.woff") format("woff"), url("../fonts/TitilliumWebRegular.ttf") format("truetype"), url("../fonts/TitilliumWebRegular.svg#TitilliumWebRegular") format("svg"); }
@font-face {
  font-family: 'WaitingfortheSunrise';
  src: url("../fonts/WaitingfortheSunrise.eot");
  src: url("../fonts/WaitingfortheSunrise.eot") format("embedded-opentype"), url("../fonts/WaitingfortheSunrise.woff2") format("woff2"), url("../fonts/WaitingfortheSunrise.woff") format("woff"), url("../fonts/WaitingfortheSunrise.ttf") format("truetype"), url("../fonts/WaitingfortheSunrise.svg#WaitingfortheSunrise") format("svg"); }
/*Basics    ~~~~~~~~~~~~*/
html, body {
  height: 100%;
  font-family: 'TitilliumWebRegular';
  position: relative;
  font-size: 14px;
  background-color: #fff; }

.text_white {
  color: #fff !important; }

.text_bright {
  color: #fff; }

.text-main-color {
  color: #962323; }

.strong {
  font-weight: 900; }

.mycenter, .myheadline {
  margin: 0 auto; }

.zeropadding, .zerospace, .zeroborder {
  padding: 0; }

.zeromargin, .zerospace, .zeroborder {
  margin: 0; }

.zerosidepadding {
  padding-left: 0;
  padding-right: 0; }

.zeropaddingright {
  padding-right: 0; }

.zeroborder {
  border: 0;
  border-radius: 0; }

.topspace_5 {
  margin-top: 5px; }

.topspace_10 {
  margin-top: 10px; }

.topspace_15, footer a.scroll, footer a.scroll:visited, footer a.scroll:focus {
  margin-top: 15px; }

.topspace_20 {
  margin-top: 20px; }

.topspace_25 {
  margin-top: 25px; }

.topspace_50 {
  margin-top: 50px; }

.bottomspace_5 {
  margin-bottom: 5px; }

.bottomspace_10 {
  margin-bottom: 10px; }

.bottomspace_15 {
  margin-bottom: 15px; }

.bottomspace_20 {
  margin-bottom: 20px; }

.bottomspace_25, .galerie div:last-child, .galerie .grid-item {
  margin-bottom: 25px; }

.bottomspace_30 {
  margin-bottom: 30px; }

.bottomspace_50 {
  margin-bottom: 50px; }

.padding_10 {
  padding: 10px; }

.padding_15 {
  padding: 15px; }

.absolute {
  position: absolute; }

.relative {
  position: relative; }

.right {
  float: right; }

.left {
  float: left; }

.overflowh {
  overflow: hidden; }

.zlow {
  z-index: 10; }

.zhigh, .myheadline {
  z-index: 20; }

.boxShadow_bottom {
  -webkit-box-shadow: 0px 10px 8px -6px rgba(0, 0, 0, 0.77);
  -moz-box-shadow: 0px 10px 8px -6px rgba(0, 0, 0, 0.77);
  box-shadow: 0px 10px 8px -6px rgba(0, 0, 0, 0.77); }

.boxShadow_bottom_right {
  -webkit-box-shadow: 10px 10px 8px -6px rgba(0, 0, 0, 0.77);
  -moz-box-shadow: 10px 10px 8px -6px rgba(0, 0, 0, 0.77);
  box-shadow: 10px 10px 8px -6px rgba(0, 0, 0, 0.77); }

.boxShadow_clear {
  -webkit-box-shadow: 0px 0px 0px 0px transparent;
  -moz-box-shadow: 0px 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px 0px transparent; }

.arrow_left:before {
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 15px solid #fff;
  content: "";
  display: block;
  position: absolute;
  margin-left: -30px;
  margin-top: 25px; }

.borderradius_25 {
  border-radius: 25px; }

.text-shadow_bottom {
  text-shadow: 0px 3px 5px #000; }

.softtransparents {
  opacity: 0.9; }

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
  color: #962323;
  font-weight: 900; }

h1, .h1 {
  font-size: 24px; }

h2, .h2 {
  font-size: 16px; }

h3, .h3 {
  font-size: 18px; }

h4, .h4 {
  font-size: 20px; }

.handwritten {
  font-family: 'WaitingfortheSunrise'; }

.oneline {
  white-space: nowrap; }

.strike {
  display: block;
  padding-left: 30px;
  white-space: nowrap;
  overflow: hidden;
  font-size: 30px; }
  .strike.text-left {
    text-align: left; }

.strike > h1, .strike > h2, .strike > .h1 {
  position: relative;
  display: inline-block;
  font-size: 55px;
  font-weight: 500;
  font-family: 'Italianno', cursive; }
  .strike > h1 div, .strike > h2 div, .strike > .h1 div {
    position: relative;
    height: 1px;
    display: inline-block;
    width: 18px;
    margin-left: -4px;
    margin-right: -4px;
    border-top: 1px solid #962323; }
  .strike > h1 section, .strike > h2 section, .strike > .h1 section {
    display: inline; }

.strike > h1:before,
.strike > h1:after,
.strike > h2:before,
.strike > h2:after,
.strike > .h1:before,
.strike > .h1:after {
  content: "";
  position: absolute;
  top: 64%;
  width: 9999px;
  height: 4px;
  border-top: 1px solid #962323; }

.strike > h1:before, .strike > h2:before, .strike > .h1:before {
  right: 99%;
  margin-right: 0px; }

.strike > h1:after, .strike > h2:after, .strike > .h1:after {
  left: 99%;
  margin-left: 0px; }

.myheadline {
  display: table;
  margin-top: 25px;
  margin-bottom: 30px;
  white-space: nowrap; }

@media screen and (max-width: 768px) {
  .strike > h1, .strike > h2, .strike > .h1 {
    font-size: 38px; } }
::selection {
  background: #962323;
  color: #FFF; }

::-moz-selection {
  background: #962323;
  color: #FFF; }

a {
  color: #962323;
  cursor: pointer;
  text-decoration: underline;
  outline: 0 !important; }
  a.btn-default {
    text-decoration: none; }

a:hover {
  color: #a73434; }

.white-link {
  color: #fff;
  text-decoration: underline; }
  .white-link:hover {
    opacity: 0.9;
    color: #fff; }

input::-moz-focus-inner {
  border: 0; }

p {
  font-size: 15px; }

.transition05, .btn-default, #main-nav .navbar-default .navbar-nav li a, .my_fade_in {
  -webkit-transition: all 0.5s ease;
  /* Firefox */
  -moz-transition: all 0.5s ease;
  /* WebKit */
  -o-transition: all 0.5s ease;
  /* Opera */
  transition: all 0.5s ease;
  /* Standard */ }

.transition10, .galerie a img {
  -webkit-transition: all 1.0s ease;
  /* Firefox */
  -moz-transition: all 1.0s ease;
  /* WebKit */
  -o-transition: all 1.0s ease;
  /* Opera */
  transition: all 1.0s ease;
  /* Standard */ }

.container-full {
  overflow: hidden; }

ul li {
  list-style: square; }

.btn-default {
  color: #fff;
  background-color: #962323;
  border-color: transparent; }
  .btn-default:hover, .btn-default:focus, .btn-defaultactive {
    color: #fff;
    background-color: #a73434;
    border-color: #962323; }

.box {
  padding: 15px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 12px; }

/*Nav       ~~~~~~~~~~~~*/
#main-nav {
  color: #666;
  text-transform: uppercase;
  z-index: 999;
  width: 100%; }
  #main-nav h1 {
    float: left;
    text-transform: uppercase;
    margin-bottom: 0px;
    color: #962323;
    position: relative;
    font-size: 25px;
    margin-top: 19px;
    font-weight: 900; }
  #main-nav .responsive-logo {
    margin-top: 25px; }
  #main-nav .navbar-header h1 {
    float: left;
    text-transform: uppercase;
    margin-left: 20px;
    font-size: 16px;
    margin-top: 0px;
    color: #962323; }
  @media screen and (max-width: 360px) {
    #main-nav .navbar-header h1 {
      font-size: 20px; } }
  #main-nav .navbar-header img {
    height: 50px;
    width: inherit; }
  @media screen and (max-widt: 990px) {
    #main-nav .navbar-header h1 {
      margin-top: 10px; } }
  @media screen and (min-width: 991px) and (max-width: 1324px) {
    #main-nav a {
      font-size: 11px; } }
  @media screen and (max-width: 990px) {
    #main-nav a {
      font-size: 10px; } }
  #main-nav .navbar-toggle {
    border-color: #962323; }
    #main-nav .navbar-toggle:focus, #main-nav .navbar-toggle:hover {
      background-color: #fff; }
    #main-nav .navbar-toggle .icon-bar {
      background-color: #962323; }
  #main-nav .navbar-collapse {
    border-color: #444; }
    #main-nav .navbar-collapse .mybrand h1 {
      white-space: nowrap; }
    #main-nav .navbar-collapse.in li {
      list-style: none; }
      #main-nav .navbar-collapse.in li a {
        font-size: 14px; }
      #main-nav .navbar-collapse.in li a:hover {
        color: #fff; }
      #main-nav .navbar-collapse.in li.active a {
        color: #962323; }
      #main-nav .navbar-collapse.in li:before {
        display: none; }
  #main-nav.scrolled .wow {
    visibility: visible !important; }
  #main-nav .navbar-default {
    background-color: #fff;
    border-bottom: 2px solid #962323;
    z-index: 500; }
    #main-nav .navbar-default .navbar-nav li a {
      padding: 25px 9px 0;
      text-decoration: none;
      font-size: 16px; }
      #main-nav .navbar-default .navbar-nav li a:hover {
        color: #962323; }
      #main-nav .navbar-default .navbar-nav li a.logo {
        color: #962323; }
    #main-nav .navbar-default .navbar-nav li:hover {
      color: #962323; }
    #main-nav .navbar-default .navbar-nav li {
      list-style: none; }
      #main-nav .navbar-default .navbar-nav li .dropdown-menu {
        background-color: #ddccba; }
      #main-nav .navbar-default .navbar-nav li:before {
        display: none; }
      #main-nav .navbar-default .navbar-nav li.active a {
        background-color: transparent;
        color: #962323; }
    #main-nav .navbar-default .sticky-left-nav {
      left: 0; }
    #main-nav .navbar-default .sticky-right-nav {
      right: 0; }
    #main-nav .navbar-default .sticky-left-nav, #main-nav .navbar-default .sticky-right-nav {
      position: absolute;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 7px;
      padding-bottom: 7px;
      background-color: #962323;
      text-transform: uppercase;
      color: #fff; }
      #main-nav .navbar-default .sticky-left-nav a, #main-nav .navbar-default .sticky-right-nav a {
        color: #fff; }
    #main-nav .navbar-default .container {
      width: 1440px; }
    @media screen and (max-width: 990px) {
      #main-nav .navbar-default .container {
        margin-top: -10px;
        width: initial; } }
  @media screen and (max-width: 990px) {
    #main-nav .navbar-toggle {
      margin-top: -9px; } }
  @media screen and (max-width: 768px) {
    #main-nav {
      bottom: inherit; } }

.fixed {
  position: fixed !important;
  top: 0;
  bottom: inherit !important;
  z-index: 100;
  width: 100%; }

/*Slider~~~~~~~~~~~~*/
/*Background~~~~~~~~~~~~*/
.whitebg {
  background-color: #fff;
  color: #444; }
  .whitebg p {
    color: #444; }

.colorbg {
  background-color: #962323;
  color: #fff; }
  .colorbg p {
    color: #fff; }
  .colorbg .whitebg {
    background-color: #fff;
    color: #444; }
    .colorbg .whitebg p {
      color: #444; }

.secondcolorbg {
  background-color: #f1f1f1; }
  .secondcolorbg p {
    color: #444; }

.imagebg {
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 45px;
  background-position: 50% 0;
  background: fixed; }
  .imagebg.ibg_1 {
    background-image: url("../images/backgrounds/oben.jpg"); }
  .imagebg.ibg_2 {
    background-image: url("../images/backgrounds/eingang.jpg"); }

/*Parallax~~~~~~~~~~~~*/
/*Contents~~~~~~~~~~~~*/
.header {
  background-image: url(../images/backgrounds/#.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  display: block; }
  .header .myslider .logo img {
    margin: 0 auto;
    margin-top: 0;
    position: relative; }
  .header .fixedbounce {
    position: fixed;
    bottom: 50px;
    width: 100%; }
  .header .fa {
    font-size: 65px;
    color: #fff;
    opacity: 0.75; }

.willkommen .card h2, .fewo .card h2, .hof .card h2 {
  padding: 10px 10px 0 10px; }
.willkommen .card .secondcolorbg, .fewo .card .secondcolorbg, .hof .card .secondcolorbg {
  border-bottom: 2px solid #962323; }
.willkommen .card .price, .fewo .card .price, .hof .card .price {
  background-color: #962323;
  position: absolute;
  right: -5px;
  color: #fff;
  width: 200px;
  margin-top: -103px;
  padding: 14px 33px 14px 0;
  font-size: 21px; }
  .willkommen .card .price a, .fewo .card .price a, .hof .card .price a {
    color: #fff; }
@media screen and (max-width: 990px) {
  .willkommen .card .price, .fewo .card .price, .hof .card .price {
    position: relative;
    right: 0;
    width: 100%;
    margin-top: 0;
    text-align: center !important;
    padding: 10px; } }

@media screen and (min-width: 991px) {
  .willkommen .card .secondcolorbg {
    min-height: 190px; }
    .willkommen .card .secondcolorbg .h2 {
      position: absolute;
      bottom: 0px;
      text-align: center;
      width: 83%; } }

.hof .card h2 {
  padding: 10px;
  margin-bottom: 0; }

.region .colorbg h2 {
  padding: 0;
  margin: 0; }
.region .nolist li {
  list-style: none; }

.galerie {
  z-index: 3;
  position: relative; }
  .galerie a {
    border: 2px solid #962323;
    z-index: 2;
    display: block;
    position: relative;
    overflow: hidden; }
    .galerie a img {
      z-index: 1;
      padding: 0; }
      .galerie a img:hover {
        transform: scale(1.5, 1.5); }

.flipInX {
  padding: 10px;
  max-height: 165px;
  overflow: hidden; }

@media screen and (max-width: 990px) {
  .flipInX {
    max-height: 212px; } }
.close {
  font-size: 30px; }

.video {
  width: 100%;
  margin: 0px auto; }
  .video iframe {
    width: 100%;
    height: 16.5vw; }

#mymap {
  width: 93.3%;
  margin: 0px auto;
  margin-left: 32px; }
  #mymap iframe {
    width: 100%; }

@media screen and (max-width: 1200px) {
  #mymap {
    width: 100%;
    margin: 0px auto; } }
.panel-primary {
  border-color: #962323; }

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #962323;
  border-color: #962323; }

.panel-info > .panel-heading {
  color: #962323;
  background-color: #FEFAF4;
  border-color: #962323; }

.bg-success {
  background-color: #ABBE67; }

footer {
  background-color: #fff;
  color: #000;
  min-height: 40px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 4px solid #962323; }
  footer a, footer a:visited, footer a:focus {
    color: #962323; }
    footer a.scroll, footer a:visited.scroll, footer a:focus.scroll {
      font-size: 12px;
      font-family: 'CardoRegular'; }
  footer h2 {
    font-size: 12px;
    font-family: 'CardoRegular';
    color: #000; }
  footer a:hover {
    color: #333333; }
  footer .collapse {
    background-color: #fff;
    padding: 15px; }
    footer .collapse p {
      color: #444; }

/*Load More*/
.single-event {
  display: none; }

/*Animations*/
.my_fade_in {
  opacity: 0; }
  .my_fade_in.fade-in {
    opacity: 1; }
  @media screen and (max-width: 768px) {
    .my_fade_in {
      opacity: 1; } }

/*Browser Bugs~~~~~~~~~~~~*/
/* Nur Firefox */
@-moz-document url-prefix() {}
/* Nur Internet Explorer 10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .willkommen video {
    max-height: 59vw; }

  .left.carousel-control, .right.carousel-control {
    filter: none; } }
/* IE 9 und kleiner*/
@media screen and (min-width: 0\0) {
  .willkommen video {
    max-height: 59vw; }

  .my_fade_in {
    opacity: 1; }

  .left.carousel-control, .right.carousel-control {
    filter: none; } }

/*# sourceMappingURL=style.css.map */