@charset "utf-8";
/* CSS Document */

.header_main {
    border-bottom: none;
}
@font-face {
  font-family: 'Aloe';
  src: url("../fonts/aloevera.ttf");
}

html {
  text-align: center;
}

h1, h2, h3, h4, h5, h6, h2.item-title, .item-title,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h2.item-title a, .item-title a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h2.item-title a:link, .item-title a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, h2.item-title a:visited, .item-title a:visited {
  font-family:'Aloe',Arial, Helvetica, sans-serif !important;
  text-transform: uppercase;
}
h1 {
  font-size:2.8em;
  color:#809580;
  
}
h2.item-title, .item-title {
  color:#f2a500!important;
}

h2
.header_top {
  height:120px!important;
  padding:0px!important
}
h2 {
  font-size: 2.4em;
  font-weight: 400;
  color:#809580;
}
h3 {
  font-size: 1.6em;
}
/** fuer youtube videos 
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/** ENDE youtube videos ****/

/** fuer youtube videos ***/
.video-container {
    position: relative; 
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    padding-top: 25px; 
    height: 0;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/** ENDE youtube videos ****/













/** Booking Button unten auf der Seite ********/
.booking {
  font-family:'Aloe',Arial, Helvetica, sans-serif;
  background-color: #809580;
  color: white;
  text-decoration: none;
  display: inline-block;
  padding: 0px 20px;
  margin-bottom: 0;
  font-size: 2.0em;
  font-weight: normal;
  line-height: 3;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

a.booking:hover {
  background-color: #537753;
}
/**** Button ENDE ****/

#container_showcase1_modules {
  box-shadow: none!important;
}

.top-2 img, .top-3 img {
  padding:11px;
  border:none;
  -webkit-border-radius: 9px;
-moz-border-radius: 9px;
-o-border-radius: 9px;
border-radius: 9px;
}
.base-1, .base-2 {
  text-align: center;
}

.base-2 a:hover { 
color:#809580 !important;
}

.button {
  background-color: #809580;
  color: #ffffff !important;
  font-size: 1.2em;
  font-weight: normal;
  line-height: 3;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  font-family:'Aloe',Arial, Helvetica, sans-serif!important;
  padding:10px;
  border:none;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,0.25);
    -webkit-border-radius: 9px;
-moz-border-radius: 9px;
-o-border-radius: 9px;
border-radius: 9px;
  
}
.button:hover {
  background-color: #5a5a5a;
  color: #dddddd !important;
}

@media only screen and (max-width: 767px) {
    #main {
        display: flex;
        flex-direction: column;
    }
    #sidecol_a, #sidecol_b, .sidecol_a, .sidecol_b {
        order: 1;
    }
}
.top-2, .top-3 {
  padding:10px;
}
.base-1 {
  padding:30px 30px 50px 30px;
}