/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/*custom style*/
.g-cta-button.style2 .g-cta-inner .g-cta-left {
  margin-left: 15px;
  margin-top: -4px;
}
.g-cta-button.style2 .g-cta-inner .g-cta-left span.g-cta-desc {
  font-size: 0.75rem;
}
.g-cta-button.style2 .g-cta-inner .g-cta-right {
  width: 33%;
}
/*.asset-row h3 .rating {
    font-size: 13px;
    width: 15px;
}*/
#solidres .asset-row h3 .rating {
  font-size: 13px;
  width: 15px;
}
/*.pagination ul li:nth-child(n+7){display:none}*/
div.coordinates {
  display: none;
}
.show_map {
  display: none;
}
.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li {
  font-weight: normal;
}
.gkTabsGK5 {
  position: relative;
  margin-top: -9rem;
  border-color: none;
  overflow: visible;
  z-index: 9;
}
.gkTabsWrap {
  margin: 0;
  box-shadow: none;
}
.gkTabsItem.gk-opacity.gk-active {
  overflow-y: visible;
}
.grid-container {
  display: grid;
  grid-gap: 10px;
  background-color: #2196F3;
  padding: 10px;
}
.grid-item {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 20px;
  font-size: 30px;
}
.item1 {
  grid-column: 1;
  grid-row: 1 / span 2;
}
.item2 {
  grid-column: 2 / span 2;
  grid-row: 1;
}
.item5 {
  grid-column: 2 / span 2;
  grid-row: 2;
}
.myhide {
  opacity: 0;
}
/*booking form*/
#cbEditableWrapper1 {
  display: flex;
  flex-wrap: wrap;
}
#cbEditableWrapper1 > form {
  width: 90%;
}
#cbEditableWrapper2 {
  display: flex;
  flex-wrap: wrap;
}
#cbEditableWrapper2 > form {
  width: 90%;
}
#cbEditableWrapper1 > .cbToolBar {
  padding: 0 10rem;
}
#cbEditableWrapper2 > .cbToolBar {
  padding: 0 10rem;
}
#cbEditableWrapper1 > .cbToolBar .cbSaveButton {
  margin: 0 10rem;
}
#cbEditableWrapper2 > .cbToolBar .cbSaveButton {
  margin: 0 10rem;
}
#fcontainer {
  width: 770px;
  margin: 0 auto;
  padding: 0;
}
.big {
  font-weight: bold;
  font-size: 1.2em;
  color: #ff9933;
}
#fcontainer select, #fcontainer textarea, #fcontainer input[type="text"], #fcontainer input[type="password"], #fcontainer input[type="datetime"], #fcontainer input[type="datetime-local"], #fcontainer input[type="date"], #fcontainer input[type="month"], #fcontainer input[type="time"], #fcontainer input[type="week"], #fcontainer input[type="number"], #fcontainer input[type="email"], #fcontainer input[type="url"], #fcontainer input[type="search"], #fcontainer input[type="tel"], #fcontainer input[type="color"], #fcontainer .uneditable-input {
  display: inline-block;
  padding: 0px 5px;
  margin-bottom: 10px;
  font-size: 16px;
  vertical-align: middle;
  border-radius: 2px;
  color: #000;
}
#bereich {
  width: 490px;
  float: left;
  margin-top: 10px;
}
#ueberschrift {
  padding-left: 10px;
  border: 1px solid #ff9933;
  background: #cce6ff;
}
#ueberschrift h2 {
  font-size: 1.5em;
  color: #06a;
}
#box {
  padding: 20px 10px 10px 10px;
  border: 1px solid #ff9933;
  background: #e7f1f8;
  float: left;
  margin-bottom: 20px;
}
#box h2 {
  font-size: 2em;
  color: #06a;
}
#field {
  float: left;
  margin-bottom: 5px;
  width: 450px;
}
#text {
  font-size: 13px;
  background: #cce6ff;
  color: #06a;
  width: 175px;
  padding: 0 10px 0 10px;
  float: left;
  margin-right: 10px;
}
#eingabefeld {
  float: left;
  height: auto;
}
#fcontent {
  width: 490px;
  float: left;
  margin: 50px 0 0 0;
  padding: 0 0 30px 10px;
}
#fcontent h1 {
  font-size: 1.5em;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #06a;
}
#content_right {
  width: 200px;
  float: right;
  margin: 50px 10px 0 0;
  padding-bottom: 30px;
}
@media (max-width: 680px) {
  #cbEditableWrapper1 > .cbToolBar {
    padding: 0 0rem;
  }
  #cbEditableWrapper2 > .cbToolBar {
    padding: 0 0rem;
  }
}
/*buchungsanfrageimages*/
.imgright {
  float: left;
  margin: 10px;
  padding: 10px;
}
.myextrahight {
  height: 100px;
}
/*CURVED CORNERS*/
dl.curved {
  background: #bbd9ee url('../../../../images/c_tl.gif') top left no-repeat;
  margin: 15px 0;
  padding: 0;
  width: 100%;
}
dl.curved dt {
  background: transparent url('../../../../images/c_tr.gif') top right no-repeat;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  color: #fff;
}
dl.curved dd {
  background: #eee url('../../../../images/c_bl.gif') bottom left no-repeat;
  padding: 0;
  margin: 0;
}
dl.curved dd p {
  margin: 0;
  padding: 10px;
  line-height: 1.53em;
}
dl.curved dd p.last {
  background: transparent url('../../../../images/c_br.gif') bottom right no-repeat;
}
/*LINK PROPERTIES*/
#fcontainer a img {
  border: none;
}
#fcontainer a:link, #fcontainer a:visited {
  color: #286e87;
  background: inherit;
  text-decoration: none;
}
#fcontainer a:hover {
  text-decoration: none;
  color: #999;
  background: inherit;
}
#fcontainer #navlist li {
  list-style-image: url('../../../../images/right.gif');
  background: inherit;
  color: #ff9933;
  margin: 5px 0 0 0;
  padding-left: 10px;
}
/*end booking form*/
/*front end scroll*/
.nice-select .list {
  max-height: 250px;
  overflow-y: scroll;
}
/*front end scroll*/
/*partner dashboard*/
a.dashboard-shortcut.green {
  display: none;
}
/*registration form legend hidden*/
.registration #member-registration legend {
  display: none;
}
/*media manager modal*/
body.gantry.modal-open #g-container-site {
  position: static;
}
.mytable > .table th, .table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border: 0 solid;
  border-top: 0px solid transparent;
}
/*    
.table th, .table td {
    
    border-top: 0px solid transparent;
    background-color: transparent;
}*/
/*from dynamicdrive*/
.imagepluscontainer {
  /* main image container */
  position: relative;
  z-index: 1;
}
.imagepluscontainer img {
  /* CSS for image within container */
  position: relative;
  z-index: 2;
  -moz-transition: all 0.5s ease;
  /* Enable CSS3 transition on all props */
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.imagepluscontainer:hover img {
  /* CSS for image when mouse hovers over main container */
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  -moz-transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.imagepluscontainer div.desc {
  /* CSS for desc div of each image. */
  position: absolute;
  width: 90%;
  z-index: 1;
  /* Set z-index to that less than image's, so it's hidden beneath it */
  bottom: 0;
  /* Default position of desc div is bottom of container, setting it up to slide down */
  left: 5px;
  padding: 8px;
  background: rgba(0, 0, 0, 0.8);
  /* black bg with 80% opacity */
  color: white;
  -moz-border-radius: 0 0 8px 8px;
  /* CSS3 rounded borders */
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  opacity: 0;
  /* Set initial opacity to 0 */
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
  /* CSS3 shadows */
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
  -moz-transition: all 0.5s ease 0.5s;
  /* Enable CSS3 transition on desc div. Final 0.5s value is the delay before animation starts */
  -webkit-transition: all 0.5s ease 0.5s;
  -o-transition: all 0.5s ease 0.5s;
  -ms-transition: all 0.5s ease 0.5s;
  transition: all 0.5s ease 0.5s;
}
.imagepluscontainer div.desc a {
  color: white;
}
.imagepluscontainer:hover div.desc {
  /* CSS for desc div when mouse hovers over main container */
  -moz-transform: translate(0, 100%);
  -webkit-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%);
  opacity: 1;
  /* Reveal desc DIV fully */
}
/*### Below CSS when applied to desc DIV slides the desc div from the right edge of the image ###*/
.imagepluscontainer div.rightslide {
  width: 150px;
  /* reset from default */
  top: 15px;
  right: 0;
  left: auto;
  bottom: auto;
  /* reset from default */
  padding-left: 15px;
  /* reset from default */
  -moz-border-radius: 0 8px 8px 0;
  -webkit-border-radius: 0 8px 8px 0;
  border-radius: 0 8px 8px 0;
}
.imagepluscontainer:hover div.rightslide {
  -moz-transform: translate(100%, 0);
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
}
/*### Below CSS when applied to desc DIV slides the desc div from the left edge of the image ###*/
.imagepluscontainer div.leftslide {
  width: 150px;
  /* reset from default */
  top: 15px;
  left: 0;
  bottom: auto;
  padding-left: 15px;
  /* reset from default */
  -moz-border-radius: 8px 0 0 8px;
  -webkit-border-radius: 8px 0 0 8px;
  border-radius: 8px 0 0 8px;
}
.imagepluscontainer:hover div.leftslide {
  -moz-transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}
/*### Below CSS when applied to desc DIV slides the desc div from the top edge of the image ###*/
.imagepluscontainer div.upslide {
  top: 0;
  bottom: auto;
  padding-bottom: 10px;
  /* reset from default */
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.imagepluscontainer:hover div.upslide {
  -moz-transform: translate(0, -100%);
  -webkit-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  transform: translate(0, -100%);
}
/*end of code from dynamicdrive*/
/*# sourceMappingURL=custom__body_only.css.map */