@charset "UTF-8";
/**
* Theme Name:    V-Hotel
* Theme URI:     http://www.df-kreativ.de
* Author:        Daniel Faßbender | df-kreativ
* Author URI:    http://www.df-kreativ.de/
* Description:   Theme für V-Hotel
* Version:       1.0
*/
@font-face {
  font-family: "Pinto W05 NO_01";
  src: url("fonts/17e0eda2-2510-4934-bee8-847c93ba92c4.woff2") format("woff2"), url("fonts/0b6af000-496d-424d-be2d-1c3422c8bb1d.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova W05 Light";
  src: url("fonts/27f5855e-1f73-42cc-a083-cb0f319ea42a.woff2") format("woff2"), url("fonts/f44944f0-b92e-4152-9ea1-eb41de241416.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova W05 Bold";
  src: url("fonts/3c35dc60-9fe3-480f-90ac-e453db0271e2.woff2") format("woff2"), url("fonts/2b2b7939-693b-44cd-873a-1aa065a906b8.woff") format("woff");
  font-display: swap;
}
* {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  font-family: Proxima Nova W05 Light, sans-serif;
  font-display: swap;
  font-size: 18px;
}

img {
  max-width: 100%;
  height: auto;
}

b,
strong {
  font-family: Proxima Nova W05 Bold, sans-serif;
  font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Pinto W05 NO_01, sans-serif;
  font-display: swap;
}

a {
  color: rgb(65, 107, 58);
  transition: all 0.25s;
  text-decoration: none !important;
  font-family: Proxima Nova W05 Bold, sans-serif;
  font-display: swap;
}

a:hover {
  color: #88d67a;
  text-decoration: none;
}

.heroInner a {
  color: darkolivegreen;
}

.btnWhite {
  display: inline-block;
  background: white;
  color: black;
  padding: 12px 25px;
  border-radius: 50px;
  border: 1px solid black;
  margin: 20px 20px 0;
  transition: all 0.25s;
  font-family: Proxima Nova W05 Bold, sans-serif;
  font-display: swap;
}

.btnWhite:hover {
  background: black;
  color: white;
}

.btnGreen {
  display: inline-block;
  background: #88d67a;
  color: black;
  padding: 12px 25px;
  border-radius: 50px;
  border: 1px solid black;
  margin-top: 20px;
  transition: all 0.25s;
  font-family: Proxima Nova W05 Bold, sans-serif;
  font-display: swap;
}

.btnGreen:hover {
  background: black;
  color: white;
}

.btnGreenReihe {
  display: inline-block;
  background: #88d67a;
  color: black;
  padding: 12px 25px;
  border-radius: 50px;
  border: 1px solid black;
  margin: 20px 20px 0;
  transition: all 0.25s;
  font-family: Proxima Nova W05 Bold, sans-serif;
  font-display: swap;
}

.btnGreenReihe:hover {
  background: black;
  color: white;
}

.sectionPadding {
  padding-left: 80px;
  padding-right: 80px;
}

.textGreen {
  color: #88d67a;
}

.contenBox {
  background: white;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  padding-bottom: 20px;
}

.contenBoxImg img {
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
}

.contenBoxNachhaltig img {
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
}

.cover {
  background-size: cover;
}

.contain {
  background-size: contain;
}

.contenBoxHead {
  margin-top: 20px;
}

.contenBoxHead h4 {
  text-align: center;
  font-size: 2em;
  margin-bottom: 20px;
}
.contenBoxHead h4:after {
  content: " ";
  display: block;
  width: 150px;
  height: 5px;
  background: #88d67a;
  margin: 10px auto 0;
  border-radius: 5px;
}

.contenBoxLink {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  display: -webkit-box;
  -webkit-box-pack: center;
  /* justify-content */
  -webkit-box-align: center;
  /* align-items */
}

.contenBoxCopy h5 {
  font-family: Proxima Nova W05 Bold, sans-serif;
  font-display: swap;
  font-size: 3em;
}

.block {
  display: block;
}

.flexCenter {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  display: -webkit-box;
  -webkit-box-pack: center;
  /* justify-content */
  -webkit-box-align: center;
  /* align-items */
}

.center {
  text-align: center;
}

.gform_wrapper .gform_validation_errors {
  background: #fff9f9;
  border: 1.5px solid #c02b0a;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.11), 0 0 4px rgba(18, 25, 97, 0.04);
  margin-bottom: 8px;
  margin-top: 8px;
  padding: 16px 16px 16px 48px;
  position: relative;
  width: 100%;
  display: none !important;
}

.wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* Default for 1600x900 videos 16:9 ratio*/
  padding-top: 0;
  height: 0;
  overflow: hidden;
}

.text-center {
  text-align: center;
}

header {
  background: white;
  transition: all 0.25s;
  position: fixed;
  width: 100%;
  z-index: 500;
  height: 120px;
}

.headerTiny {
  height: 70px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
}

.contactRow {
  background: #88d67a;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all 0.25s;
}

.contactRowTiny {
  margin-top: -37px;
}

.contactBox img {
  margin-right: 5px;
}

.contactBox a {
  color: black;
}

.brandRow {
  padding-top: 15px;
  transition: all 0.25s;
}

.brandImg {
  width: 300px;
  transition: all 0.25s;
}

.brandImgTiny {
  width: 200px;
}

a.mega-menu-link {
  font-family: Proxima Nova W05 Bold, sans-serif !important;
}

nav {
  margin-top: 2px;
  transition: all 0.25s;
}

.navTiny {
  margin-top: -5px;
}

.heroimg {
  width: 100%;
  height: 85vh;
  -o-object-fit: cover;
     object-fit: cover;
}
.heroimg:after {
  content: " ";
  display: block;
  width: 100%;
  height: 150px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  position: relative;
  bottom: 150px;
  display: none;
}

@media (min-width: 501px) {
  .heroimgbig {
    display: block;
  }
  .heroimgsmall {
    display: none;
  }
}
@media (max-width: 500px) {
  .heroimgbig {
    display: none;
  }
  .heroimgsmall {
    display: block;
  }
}
#frontForm {
  background: #88d67a;
}

#frontFormMobile {
  background: #88d67a;
  display: none;
}

h2.gform_title {
  display: none;
}

.ginput_container_date_range input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
  line-height: 2;
  min-height: 32px;
  background: white url(/wp-content/themes/V-Hotel/img/calendar.svg) right 15px center no-repeat !important;
  border: none !important;
  padding: 18px 60px 18px 18px !important;
}

select#input_6_12 {
  background: white url(/wp-content/themes/V-Hotel/img/person.svg) right 15px center no-repeat !important;
  border: none !important;
  padding: 17px !important;
}

input#gform_submit_button_6 {
  display: inline-block !important;
  background: white !important;
  color: black !important;
  padding: 15px 20px !important;
  border-radius: 50px !important;
  border: 1px solid black !important;
  margin: 3px 0px 0 !important;
  font-family: Proxima Nova W05 Bold, sans-serif !important;
  cursor: pointer !important;
  font-size: 0, 8em !important;
}

.gform_footer.top_label {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  display: -webkit-box;
  -webkit-box-pack: center; /* justify-content */
  -webkit-box-align: center; /* align-items */
}

#frontForm .gform_wrapper.gravity-theme .gform_fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  display: -webkit-box;
  -webkit-box-pack: center; /* justify-content */
  -webkit-box-align: center; /* align-items */
  grid-column-gap: none;
  grid-row-gap: none;
  grid-template-columns: none;
  grid-template-rows: none;
  width: 100%;
  gap: 15px;
}

#frontForm div#field_2_8 {
  margin-left: 10px;
}

#frontForm div#gfield_instruction_2_8 {
  display: none;
}

#frontForm span.gfield_required {
  display: none !important;
}

#frontForm .ginput_complex.ginput_container.ginput_container_date_range.ginput_date_range_dual {
  margin-top: -5px;
}

#frontForm .ginput_complex.ginput_container.ginput_container_date_range.ginput_date_range_single input {
  background: white url(img/calendar.svg) right 15px center no-repeat !important; /*Your Image Link*/
  border: none !important;
  padding: 18px 60px 18px 18px !important;
}

#frontForm select#input_2_12,
body select#input_3_12 {
  background: white url(img/person.svg) right 15px center no-repeat !important; /*Your Image Link*/
  border: none !important;
  padding: 17px !important;
}

#frontForm input#gform_submit_button_2,
input#gform_submit_button_3 {
  display: inline-block !important;
  background: white !important;
  color: black !important;
  padding: 15px 20px !important;
  border-radius: 50px !important;
  border: 1px solid black !important;
  margin: 25px 0px 0 !important;
  transition: all 0.25s !important;
  font-family: Proxima Nova W05 Bold, sans-serif !important;
  cursor: pointer !important;
  font-size: 1em !important;
}

#frontForm input#gform_submit_button_2:hover,
input#gform_submit_button_3:hover {
  background: black !important;
  color: white !important;
}

#frontForm .gform_wrapper.gravity-theme #field_submit,
.gform_wrapper.gravity-theme .gform_footer {
  display: block;
  margin: -30px 0 0 0px !important;
}

.heroForm {
  padding: 20px 20px 15px;
  width: 100%;
}

#frontForm .gform_wrapper.gravity-theme #input_2_12,
.gform_wrapper.gravity-theme #input_3_12 {
  box-sizing: content-box;
  width: 80px !important;
}

#frontForm .gform_heading {
  display: none !important;
}

@media not all and (min-resolution: 0.001dpcm) {
  #frontForm #field_2_12 {
    position: relative;
    left: 20px;
  }
  #frontForm .gform_wrapper.gravity-theme #input_2_12,
  .gform_wrapper.gravity-theme #input_3_12 {
    box-sizing: content-box;
    width: 101px !important;
    padding: 30px !important;
    height: 54px;
    width: 100px;
  }
  #frontForm #field_submit {
    position: relative !important;
    left: 40px;
  }
}
section#frontIntro {
  margin: 80px 0 0;
}

.frontIntro h1 {
  text-align: center;
  font-size: 3.5em;
  margin-bottom: 50px;
}
.frontIntro h1:after {
  content: " ";
  display: block;
  width: 300px;
  height: 8px;
  background: #88d67a;
  margin: 10px auto 0;
  border-radius: 5px;
}

.frontIntro h3 {
  text-align: center;
}

.frontIntro h3 {
  text-align: center;
  margin: -30px 0 30px;
  font-size: 1.7em;
}

.frontIntro p {
  margin-bottom: 15px;
}

.frontIntroTitle {
  text-align: center;
  font-size: 3.5em;
  margin-bottom: 50px;
  font-family: Pinto W05 NO_01, sans-serif;
  font-display: swap;
  line-height: 1;
}

.frontIntroTitle:after {
  content: " ";
  display: block;
  width: 300px;
  height: 8px;
  background: #88d67a;
  margin: 10px auto 0;
  border-radius: 5px;
  text-align: center;
}

.frontIntroTitleSub {
  text-align: center;
  margin: -30px 0 30px;
  font-size: 1.7em;
  font-family: Proxima Nova W05 Bold, sans-serif;
  font-display: swap;
}

.frontIntroHeading {
  text-align: center;
}

#rooms {
  margin-top: 60px;
}

.roomsHead h2 {
  text-align: center;
  font-size: 3.5em;
  margin-bottom: 50px;
}
.roomsHead h2:after {
  content: " ";
  display: block;
  width: 300px;
  height: 8px;
  background: #88d67a;
  margin: 10px auto 0;
  border-radius: 5px;
}

[data-tab-content] {
  display: none;
}

.active[data-tab-content] {
  display: block;
}

.tabs {
  list-style: none;
  padding: 0;
  text-align: center;
  margin: 0 0 60px 0;
  padding: 0 2.3rem;
}

.tabs li {
  margin: 0 20px 8px 0;
  display: inline-block;
  font-family: Proxima Nova W05 Bold, sans-serif;
  font-display: swap;
}

.tab {
  cursor: pointer;
  padding: 10px 30px;
  border: 1px solid white;
}

.tab.active {
  background-color: #88d67a;
  border-radius: 40px;
  border: 1px solid black;
}

.tab:hover {
  background-color: white;
  border-radius: 40px;
  border: 1px solid black;
}

.roomRow {
  background: white;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
}

.tabCopy {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  display: -webkit-box;
  -webkit-box-align: center; /* align-items */
  text-align: left;
}

.tabCopy h3 {
  font-size: 2.5em;
  margin-bottom: 10px;
}

.tabCopy h4 {
  font-size: 1.8em;
  margin-bottom: 20px;
}

.tabCopy a {
  margin-top: 30px;
}

.tabImg {
  padding: 0;
  margin-bottom: -5px;
}

.tabImg img {
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 500px;
  width: 100%;
  transition: all 0.25s;
}

#aktuelles {
  margin-top: 160px;
}

.aktuelles {
  background: #88d67a;
  padding: 0;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
}

.aktuellesInner {
  background: white;
  display: block;
  padding: 30px;
  border-radius: 25px;
  color: black;
  font-family: Proxima Nova W05 Bold, sans-serif;
  font-display: swap;
  font-size: 1.3em;
  transition: all 0.25s;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  text-align: center;
}

.aktuellesInner:hover {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  transform: scale(1.05);
  color: black;
}

.aktullesHead h3 {
  text-align: center;
  font-size: 3.5em;
  margin-bottom: 50px;
}
.aktullesHead h3:after {
  content: " ";
  display: block;
  width: 300px;
  height: 8px;
  background: #88d67a;
  margin: 10px auto 0;
  border-radius: 5px;
}

.aktuellesLink {
  text-align: center;
}

section#uberuns {
  margin-top: 80px;
}

.textimbild {
  color: white;
  position: absolute !important;
  width: 100%;
  top: 17%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.textimbild h5 {
  font-size: 5em;
  padding: 4px 10px;
  background: rgb(65, 107, 58);
  color: white;
  width: -moz-fit-content;
  width: fit-content;
}

.textimbild p {
  font-family: Proxima Nova W05 Bold, sans-serif;
  font-display: swap;
  font-size: 1.4em;
  background: #88d67a;
  color: black;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 10px;
  margin: 0;
}

#besonders {
  margin-top: 10px;
}

.besondersHead h3 {
  text-align: center;
  font-size: 3.5em;
  margin-bottom: 50px;
}
.besondersHead h3:after {
  content: " ";
  display: block;
  width: 300px;
  height: 8px;
  background: #88d67a;
  margin: 10px auto 0;
  border-radius: 5px;
}

.BesondersIconsRow {
  margin-top: 60px;
}

a.besondersIconsBox {
  text-align: center;
  color: black;
  font-size: 2.5em;
  margin-bottom: 45px;
  display: inline-block;
  width: 100%;
  transition: all 0.25s;
}

a.besondersIconsBox:hover {
  transform: scale(1.1);
}

.besondersIcon img {
  width: 160px;
}

.besondersLine {
  font-family: Pinto W05 NO_01, sans-serif;
  font-display: swap;
  font-size: 0.8em;
}

.gebuchtRow {
  margin-top: 60px;
}

.gebuchtHead h3 {
  text-align: center;
  font-size: 3.5em;
  margin-bottom: 50px;
}
.gebuchtHead h3:after {
  content: " ";
  display: block;
  width: 300px;
  height: 8px;
  background: #88d67a;
  margin: 10px auto 0;
  border-radius: 5px;
}

.gebuchtBtns {
  justify-content: center;
  align-content: center;
  display: -webkit-box;
  -webkit-box-pack: center;
  /* justify-content */
  -webkit-box-align: center;
  /* align-items */
}

#rooms .active:after {
  content: none !important;
}

section#teaser .row {
  padding: 10px;
}

.bckgcnt {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.contenBoxOuta {
  margin-bottom: 30px;
}

#testemonials {
  background: #88d67a;
  margin-top: 60px;
  padding-top: 40px;
  padding-bottom: 40px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
}

.testimonialHead h3 {
  text-align: center;
  font-size: 3.5em;
  margin-bottom: 50px;
}
.testimonialHead h3:after {
  content: " ";
  display: block;
  width: 300px;
  height: 8px;
  background: white;
  margin: 10px auto 0;
  border-radius: 5px;
}
.testimonialHead h3 {
  margin-bottom: 30px;
}

.testimonialBox {
  background: white;
  border-radius: 25px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
}

.testimonialName {
  margin-top: 10px;
}

.btnBoxCenter {
  text-align: center;
}

.trustyouBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center !important;
  display: -webkit-box;
  -webkit-box-pack: center; /* justify-content */
  -webkit-box-align: center; /* align-items */
  min-height: 300px;
}

.startfeedbackbox {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  display: -webkit-box;
  -webkit-box-align: center; /* align-items */
}

.aktuellesBox h4 {
  font-size: 1.7em;
  margin: 15px 0;
}

.aktuellesHead h3 {
  text-align: center;
  font-size: 3.5em;
  margin-bottom: 50px;
}
.aktuellesHead h3:after {
  content: " ";
  display: block;
  width: 300px;
  height: 8px;
  background: #88d67a;
  margin: 10px auto 0;
  border-radius: 5px;
}

.aktuellesMore a {
  margin-left: 0;
}

#folgen {
  margin-top: 80px;
}

.folgenHead h3 {
  text-align: center;
  font-size: 3.5em;
  margin-bottom: 50px;
}
.folgenHead h3:after {
  content: " ";
  display: block;
  width: 300px;
  height: 8px;
  background: #88d67a;
  margin: 10px auto 0;
  border-radius: 5px;
}

.newsletterBox {
  justify-content: center;
  align-content: center;
  display: -webkit-box;
  -webkit-box-pack: center;
  /* justify-content */
  -webkit-box-align: center;
  /* align-items */
}

.socialBox img {
  width: 150px;
}

.socialBox a img {
  transition: all 0.25s;
}

.socialBox a img:hover {
  transform: scale(1.1);
}

.tnp-subscription label {
  display: block;
  padding: 5px;
  margin: 0 0 16px !important;
  font-family: Proxima Nova W05 Bold, sans-serif;
  font-display: swap;
}

#maps {
  margin-top: 120px;
}

.maps {
  position: relative;
  padding-bottom: 30%;
  height: 0;
  overflow: hidden;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
}

.maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

form#gform_8,
form#gform_20 {
  display: flex;
  justify-content: space-between;
  -webkit-appearance: none;
}

div#gform_fields_8,
div#gform_fields_20 {
  display: flex;
  -webkit-appearance: none;
}

.ginput_complex.ginput_container.ginput_container_date_range.ginput_date_range_single {
  border: 2px solid black;
  width: 260px;
  -webkit-appearance: none;
  font-size: 0.8em;
}

#input_8_9,
#input_20_9 {
  border: 2px solid black;
  width: 260px;
  -webkit-appearance: none;
  font-size: 0.8em;
}

#input_8_9,
#input_20_9 {
  background: white url(/wp-content/themes/V-Hotel/img/calendar.svg) right 15px center no-repeat !important;
  border: 2px solid black;
  padding: 10px 24px;
  width: 250px;
  -webkit-appearance: none;
  font-size: 0.8em;
  margin-right: 20px;
}

select#input_8_5,
select#input_20_5 {
  background: white url(/wp-content/themes/V-Hotel/img/person.svg) right 15px center no-repeat !important;
  border: 2px solid black;
  padding: 10px 24px;
  width: 250px;
  -webkit-appearance: none;
  font-size: 0.8em;
}

select#input_8_6,
select#input_20_6 {
  background: white url(/wp-content/themes/V-Hotel/img/person.svg) right 15px center no-repeat !important;
  border: 2px solid black;
  padding: 10px 24px;
  width: 270px;
  -webkit-appearance: none;
  margin-left: 20px;
  font-size: 0.8em;
}

input#gform_submit_button_8,
input#gform_submit_button_20 {
  padding: 10px 24px;
  background-color: black !important;
  color: white;
  border: none;
  border-radius: 50px;
  margin: 17px 0 0 20px;
  -webkit-appearance: none;
  width: 140px;
}

@media (max-width: 825px) {
  form#gform_8,
  form#gform_20 {
    flex-direction: column;
  }
  div#field_8_5,
  div#field_20_5 {
    width: 47%;
  }
  div#field_8_3,
  div#field_20_3 {
    width: 50%;
  }
  .ginput_complex.ginput_container.ginput_container_date_range.ginput_date_range_single {
    width: 100%;
  }
  select#input_8_5,
  select#input_20_5 {
    width: 100%;
  }
  input#gform_submit_button_8,
  input#gform_submit_button_20 {
    margin: 30px 0 0 0;
    width: 100%;
  }
}
@media (max-width: 640px) {
  div#field_8_3,
  div#field_20_3 {
    width: 100%;
    margin-bottom: 10px;
  }
  div#field_8_5,
  div#field_20_5 {
    width: 100%;
    margin-bottom: 10px;
  }
  div#field_8_6,
  div#field_20_6 {
    width: 100%;
  }
  select#input_8_6,
  select#input_20_6 {
    width: 100%;
    margin-left: 0px;
  }
  input[type=text] {
    width: 100%;
  }
  .ginput_container_date_range input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
    line-height: 2;
    min-height: 32px;
    background: white url(/wp-content/themes/V-Hotel/img/calendar.svg) right 15px center no-repeat !important;
    border: none !important;
    padding: 18px 60px 18px 18px !important;
    width: 100% !important;
  }
}
section#singleContent {
  padding-top: 200px;
}

.singleContentHead h1, #nachhaltig h1 {
  text-align: center;
  font-size: 3.5em;
  margin-bottom: 50px;
}
.singleContentHead h1:after, #nachhaltig h1:after {
  content: " ";
  display: block;
  width: 300px;
  height: 8px;
  background: #88d67a;
  margin: 10px auto 0;
  border-radius: 5px;
}

.singleContentCopy h2 {
  font-size: 3em;
  margin-bottom: 20px;
}

.singleContentCopy h3 {
  font-size: 2.5em;
  margin-bottom: 20px;
}

#singleContent p {
  margin-bottom: 15px;
}

.wp-block-group.has-secondary-background-color.has-background {
  background: #88d67a;
  padding: 30px;
  margin: 30px 0;
  text-align: center;
}

.singleWithoutHero {
  padding-top: 200px;
}

.singleWithHero {
  padding-top: 60px;
}

.singleContentCopy p {
  margin-bottom: 15px;
}

.nachhaltigkeitspalten .wp-block-column {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  padding: 30px;
}

.whiteBox {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  padding: 15px 30px;
}

.singleContentCopy ul {
  margin: 15px 0 15px 15px;
  padding: 0;
}

.singleContentCopy ul li {
  margin-bottom: 5px;
}

.singleHero {
  margin-bottom: -120px;
  padding-top: 60px;
}

.objectPosition {
  -o-object-position: top center;
     object-position: top center;
}

section#az {
  margin-top: 30px;
}

.azTab {
  padding: 0;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: white;
  color: black;
  cursor: pointer;
  padding: 0px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

.accordion h3 {
  font-size: 2em;
  padding-bottom: 10px;
  border-bottom: 1px solid #88d67a;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0;
  margin: 5px 0 20px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.accordion:after {
  content: "➕";
  font-size: 19px;
  color: #88d67a;
  float: right;
  margin-left: 5px;
  margin-top: -30px;
}

.active:after {
  content: "➖"; /* Unicode character for "minus" sign (-) */
}

.panel p {
  margin-bottom: 10px;
}

input.sf-input-text {
  padding: 10px !important;
  margin-bottom: 20px;
}

.teaser {
  margin-top: 60px;
  margin-bottom: -80px;
}

.aktuellesHauptBild {
  margin-bottom: 20px;
}

#aktuellesPage {
  margin-top: 0;
}

.audioBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-end;
  padding: 0;
}

audio {
  width: 100%;
  background-color: #eff1f2;
}

.contenBoxVideoAudio {
  padding-bottom: 20px;
  text-align: center;
}

#singleContent input#gform_submit_button_1, #singleContent input#gform_submit_button_4 {
  display: inline-block;
  background: white;
  color: black;
  padding: 12px 25px;
  border-radius: 50px;
  border: 1px solid black;
  margin: 45px 0 0;
  transition: all 0.25s;
  font-family: Proxima Nova W05 Bold, sans-serif;
  font-display: swap;
  cursor: pointer;
}

#singleContent input#gform_submit_button_1:hover, #singleContent input#gform_submit_button_4:hover {
  background: black;
  color: white;
}

.singleContentGutschein {
  margin-top: -130px;
}

.gutscheinhero {
  background: url("https://v-hotel.de/wp-content/uploads/2023/01/fuer-dich.svg") no-repeat center center;
  background-size: cover;
}

.ohneHero {
  padding-top: 80px;
}

@media (max-width: 820px) {
  .gutscheinhero {
    background: url("https://v-hotel.de/wp-content/uploads/2023/01/fuer-dich.svg") no-repeat center center;
    background-size: cover;
  }
  .singleContentGutschein {
    margin-top: 0px;
  }
}
.sprung {
  visibility: hidden;
  height: 0px !important;
  position: absolute;
  margin: -100px;
}

td {
  padding: 15px !important;
}

#pressebereich h3 {
  text-align: center;
  font-size: 2.5em;
}

.pressebereich-img {
  padding: 0;
  position: relative;
  margin: 15px;
  transition: all 0.25s;
  max-height: 300px;
}

.pressebereich-img img {
  max-height: 300px;
  width: auto;
}

.downloadOverlay {
  opacity: 0;
  transition: all 0.25s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  display: -webkit-box;
  -webkit-box-pack: center; /* justify-content */
  -webkit-box-align: center; /* align-items */
}

.pressebereich-img:hover .downloadOverlay {
  opacity: 1;
}

#pressebereichNavi {
  margin: 60px 0;
  padding: 10px 0 10px;
  border-top: 1px solid #88d67a;
  border-bottom: 1px solid #88d67a;
}

#pressebereichNavi ul {
  list-style: none;
  padding: 0;
  text-align: center;
  margin: 0;
  padding: 0;
}

#pressebereichNavi ul li {
  margin: 0 20px 0 0;
  display: inline;
}

#pressebereichNavi ul li a {
  color: black;
  display: inline-block;
}

#pressebereichNavi ul li a:hover {
  color: #88d67a;
}

.ludwigralley img {
  max-height: 500px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#nachhaltigKlein, #nachhaltigPartner {
  margin-top: 80px;
}

#nachhaltigKlein h2, #nachhaltigPartner h2 {
  text-align: center;
  font-size: 3.5em;
  margin-bottom: 50px;
}
#nachhaltigKlein h2:after, #nachhaltigPartner h2:after {
  content: " ";
  display: block;
  width: 300px;
  height: 8px;
  background: #88d67a;
  margin: 10px auto 0;
  border-radius: 5px;
}

.nachhaltigSeite {
  background-image: url("img/ranke.svg");
  background-repeat: repeat-y;
  background-position-x: center;
  background-size: 80%;
}

.nachhaltigGrossRow {
  margin-top: 80px;
}

.nachhaltigKleinBox {
  margin-bottom: 30px;
}

.nachhaltigkeitIcon {
  padding: 0 10px 0 0;
}

.nachhaltigkeitIcon img {
  max-width: 90px;
}

section#nachhaltig p {
  margin-bottom: 20px;
}

.nachhaltigCopy {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  display: -webkit-box;
  -webkit-box-align: center; /* align-items */
}

.nachhaltigCopy h4 {
  font-size: 2em;
  margin-bottom: 10px;
}

#nachhaltig {
  padding-top: 200px;
}

.partnerLogo {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  display: -webkit-box;
  -webkit-box-pack: center; /* justify-content */
  -webkit-box-align: center; /* align-items */
}

.partnerLogo img {
  width: 200px;
  max-width: 200px;
  height: auto;
}

.nachhaltigKleinCopy .btnWhite {
  margin: 20px 0px 0;
}

.spaltenGallery img {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
}

#newsroomHero {
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  align-content: center;
  display: -webkit-box;
  -webkit-box-pack: end; /* justify-content */
  -webkit-box-align: center; /* align-items */
}

.newsroomHeroBox {
  background: rgba(255, 255, 255, 0.9);
  padding: 30px;
  text-align: left;
  font-size: 1.3em;
  margin-top: 25vh;
  margin-right: 80px;
}

.newsroomHeroBox .btnWhite {
  margin: 20px 0px 0;
}

#newsroom-einleitung, #news {
  margin-top: 80px;
}

#newsroom-einleitung h1 {
  text-align: center;
  font-size: 3.5em;
  margin-bottom: 10px;
}

#newsroom-einleitung h1:after {
  content: " ";
  display: block;
  width: 300px;
  height: 8px;
  background: #88d67a;
  margin: 10px auto 0;
  border-radius: 5px;
}

.newsroomContentHead {
  padding: 0;
  margin: 80px 0 20px;
  text-align: center;
}

.newsroomContentHead h3, #news h2 {
  font-size: 2.5em;
  text-align: center;
}

.newsroomContentImages {
  text-align: center;
}

.newsroomContentRow {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  -webkit-box-pack: center; /* justify-content */
  -webkit-box-align: center; /* align-items */
}

a.newsroomContentImg img {
  width: auto;
  max-height: 240px;
}

a.newsroomContentImg {
  max-height: 240px;
  margin-right: 15px;
  margin-bottom: 15px;
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.newsroomContentImages a.newsroomContentImg:last-child {
  margin-right: 0px;
}

a.newsroomContentImg::before, a.newsroomContentImg::after {
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url(img/download-new.svg);
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  transition: all 0.3s ease;
  z-index: 1;
  opacity: 0;
  transform: scaleY(2);
}

a.newsroomContentImg:hover::before,
a.newsroomContentImg:hover::after {
  transform: scale(1);
  opacity: 1;
}

a.newsroomContentLogo img {
  width: auto;
  max-height: 170px;
}

a.newsroomContentLogo {
  max-height: 170px;
  margin-right: 15px;
  margin-bottom: 15px;
  display: inline-block;
  overflow: hidden;
  position: relative;
}

a.newsroomContentLogo::before, a.newsroomContentLogo::after {
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url(img/download-new.svg);
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  transition: all 0.3s ease;
  z-index: 1;
  opacity: 0;
  transform: scaleY(2);
}

a.newsroomContentLogo:hover::before,
a.newsroomContentLogo:hover::after {
  transform: scale(1);
  opacity: 1;
}

.newsNav {
  margin-top: 80px;
  padding: 15px 0 15px;
  border-top: 2px solid #88d67a;
  border-bottom: 2px solid #88d67a;
}

.newsNav ul {
  list-style: none;
  padding: 0;
  text-align: center;
  margin: 0;
  padding: 0;
}

.newsNav ul li {
  margin: 0 20px 0 0;
  display: inline;
}

.newsNav ul li a {
  color: black;
  display: inline-block;
}

.newsNav ul li a:hover {
  color: #88d67a;
}

#roomHero img {
  height: 75vh;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#roomHero img:after {
  content: " ";
  display: block;
  width: 100%;
  height: 13vh;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  position: relative;
  bottom: -62vh;
  display: none;
}

#roomContent {
  margin-top: 60px;
}

#roomContent h1 {
  text-align: center;
  font-size: 3.5em;
  margin-bottom: 10px;
}

#roomContent h2 {
  text-align: center;
  font-size: 2em;
  margin-bottom: 50px;
}
#roomContent h2:after {
  content: " ";
  display: block;
  width: 300px;
  height: 8px;
  background: #88d67a;
  margin: 10px auto 0;
  border-radius: 5px;
}

#roomContent p {
  margin-bottom: 20px;
}

section#bookingButtons {
  text-align: center;
}

#price {
  margin-top: 30px;
}

.priceHead h2 {
  text-align: center;
  font-size: 3.5em;
  margin-bottom: 50px;
}
.priceHead h2:after {
  content: " ";
  display: block;
  width: 300px;
  height: 8px;
  background: #88d67a;
  margin: 10px auto 0;
  border-radius: 5px;
}

.priceBox {
  background: white;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  text-align: center;
}

.priceBox p {
  margin-bottom: 10px;
}

h3.priceHeadline {
  text-align: center;
  font-size: 2em;
  margin-bottom: 20px;
}
h3.priceHeadline:after {
  content: " ";
  display: block;
  width: 150px;
  height: 5px;
  background: #88d67a;
  margin: 10px auto 0;
  border-radius: 5px;
}

#gallery {
  margin-top: 80px;
}

#roomIcons {
  margin-top: 60px;
}

.roomIconsBox {
  text-align: center;
}

.roomIcon img {
  width: 110px;
  margin-bottom: 15px;
}

.roomCopy h4 {
  font-size: 1.8em;
  margin-bottom: 10px;
}

#treeHouses {
  margin-top: 120px;
}

.baumhausCopy {
  justify-content: center;
  align-content: center;
  display: -webkit-box;
  -webkit-box-pack: center;
  /* justify-content */
  -webkit-box-align: center;
  /* align-items */
}

.baumhausCopy h3 {
  text-align: left;
  font-size: 2em;
  margin-bottom: 20px;
}
.baumhausCopy h3:after {
  content: " ";
  display: block;
  width: 150px;
  height: 5px;
  background: #88d67a;
  margin: 10px 0 0;
  border-radius: 5px;
}

.baumhausRow {
  margin-bottom: 60px;
}

#tagungenHero img {
  height: 75vh;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#tagungenHero img:after {
  content: " ";
  display: block;
  width: 100%;
  height: 13vh;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  position: relative;
  bottom: -62vh;
  display: none;
}

section#tagungenContent {
  margin-top: 60px;
}

section#tagungenContentNohero {
  padding-top: 200px;
}

#tagungenContent h1 {
  text-align: center;
  font-size: 3.5em;
  margin-bottom: 50px;
}
#tagungenContent h1:after {
  content: " ";
  display: block;
  width: 300px;
  height: 8px;
  background: #88d67a;
  margin: 10px auto 0;
}

#tagungenContentNohero h1 {
  text-align: center;
  font-size: 3.5em;
  margin-bottom: 50px;
}
#tagungenContentNohero h1:after {
  content: " ";
  display: block;
  width: 300px;
  height: 8px;
  background: #88d67a;
  margin: 10px auto 0;
}

section#tagungsFacts {
  margin-top: 80px;
}

.tagungCopyBox {
  padding-bottom: 35px;
}

.tagungsFactsBox {
  padding: 0;
}

.tagungsFactsBoxHead {
  margin: 20px 0 10px;
}

.tagungsFactsBox ul {
  list-style: none;
  margin: 0;
  padding: 0 30px;
  -moz-columns: 3;
       columns: 3;
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
}

.tagungsFactsBox ul li {
  display: block;
  padding-left: 35px;
  margin-bottom: 10px;
}

.tagungsFactsBox ul li::before {
  content: url("img/done.svg");
  display: inline-block;
  width: 30px;
  height: auto;
  float: left;
  margin-left: -35px;
}

.tagungsFactsBoxBottom {
  text-align: center;
  margin-top: 30px;
  padding: 0px 0 20px;
  background: #88d67a;
}

p#contactTextBox {
  line-height: 2em;
}

.btnNo {
  display: none;
}

section#tagungsRaeume {
  margin-top: 120px;
}

#tagungsRaeume h2 {
  text-align: center;
  font-size: 3.5em;
  margin-bottom: 50px;
}
#tagungsRaeume h2:after {
  content: " ";
  display: block;
  width: 300px;
  height: 8px;
  background: #88d67a;
  margin: 10px auto 0;
  border-radius: 5px;
}

.tagungsraumInhalt {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  display: -webkit-box;
  -webkit-box-align: center; /* align-items */
}

.tagungsraumInhalt h3 {
  font-size: 2.5em;
  margin-bottom: 10px;
}

.anordnungBox {
  border: 2px solid #88d67a;
  text-align: center;
  padding: 15px 10px 10px;
  font-family: Proxima Nova W05 Bold, sans-serif;
  font-display: swap;
}

.anordnungAnzahl {
  font-size: 1.5em;
  margin-top: 5px;
}

.anordnungRow {
  margin-top: 20px;
}

.extraRow {
  margin-top: 20px;
}

.tagungspauschale {
  margin-top: 20px;
}

.tagungsraumRow {
  margin-bottom: 60px;
}

.tagungsraumRow:nth-child(odd) {
  flex-direction: row-reverse;
}

.roomBoxCopy {
  text-align: center;
}

#zimmer {
  margin-top: 120px;
}

#zimmer h3 {
  text-align: center;
  font-size: 3.5em;
  margin-bottom: 50px;
}
#zimmer h3:after {
  content: " ";
  display: block;
  width: 300px;
  height: 8px;
  background: #88d67a;
  margin: 10px auto 0;
}

.skizzenBox {
  padding-top: 5px;
}

section#skizzen {
  margin-top: 80px;
}

.pauschalenBox h3 {
  font-size: 2em;
  margin-bottom: 0px;
}

.pauschalenBox h4 {
  margin-bottom: 20px;
}
.pauschalenBox h4:after {
  content: " ";
  display: block;
  width: 150px;
  height: 5px;
  background: white;
  margin: 10px auto 0;
}

.pauschalenBox ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pauschalenBox ul li {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid white;
}

.c-accordion__item h3 {
  font-size: 2em;
  margin-top: 30px;
  border-bottom: 2px solid #88d67a;
  padding-bottom: 15px;
}

.priceTable td {
  border-bottom: 3px solid #ededed;
  padding: 15px 0;
}

section#tagungenFacts {
  margin-top: 80px;
}

.tagungsmore {
  text-align: center;
  padding-bottom: 32px;
}

#tagungsangeboteMain {
  padding-top: 180px;
}

section#incentives {
  margin-top: 80px;
}

.tagungsangebotshero {
  background-size: cover;
}

.tagungsboxCopy p {
  margin-bottom: 10px;
}

.tagungsboxCopy ul {
  margin-left: 15px;
  margin-bottom: 10px;
}

.tagungsboxCopy ul li {
  margin-bottom: 5px;
}

.sectionhead h2 {
  text-align: center;
  font-size: 3em;
  margin-bottom: 15px;
}

.sectionhead p {
  margin-bottom: 10px;
}

.contenBoxCopy p {
  margin-bottom: 15px;
}

#tagungenContent p {
  margin-bottom: 20px;
}

.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
  background: #88d67a !important;
  border: 1px solid black !important;
}

#singleContent h2,
#singleContent h3,
#singleContent h4,
#singleContent h5,
#singleContent h6 {
  margin-top: 30px;
  margin-bottom: 10px;
}

#testemonials-page {
  margin-top: 0px;
  padding-top: 30px;
  padding-bottom: 60px;
}

.aktuellesPageInner {
  font-size: 1em;
}

.aktuellesBoxPage p {
  font-family: Proxima Nova W05 Light, sans-serif;
  font-display: swap;
}

.aktuellesBoxPage h4 {
  font-size: 2em;
  margin-bottom: 15px;
}

.contentBoxPresseHead {
  text-align: center;
}

.presseImg {
  width: 100%;
  height: 300px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.testimonialBoxPage {
  background: white;
  border-radius: 25px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  height: 100%;
  justify-content: center;
  align-content: center;
  display: -webkit-box;
  -webkit-box-pack: center;
  /* justify-content */
  -webkit-box-align: center;
  /* align-items */
}

.date {
  margin-top: 10px;
}

.testimonialBoxPage div {
  width: 100%;
}

#vogelhero {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  display: -webkit-box;
  -webkit-box-pack: center; /* justify-content */
  -webkit-box-align: center; /* align-items */
}

audio#player {
  width: 250px;
}

footer {
  background: #ededed;
  margin-top: 120px;
  padding-top: 40px;
  padding-bottom: 60px;
  border-bottom: 8px solid #88d67a;
}

.footerNav ul {
  list-style: none;
  padding: 0;
  text-align: left;
  margin: 0;
  padding: 0;
}

.footerNav ul li {
  margin: 0 0 10px 0;
}

.footerNav ul li a {
  color: black;
  display: inline-block;
  font-family: Proxima Nova W05 Bold, sans-serif;
  font-display: swap;
}

footer a {
  color: black;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item:last-child {
  margin: 0 0px 0 0;
}

#mega-menu-special-menu .mega-indicator {
  display: none !important;
}

img.wpml-ls-flag {
  width: 25px;
  border-radius: 2px;
}

.sprachwahl {
  margin-left: -5px;
  padding: 0;
}

input.tnp-submit {
  display: block !important;
  margin: 20px auto 0 !important;
  background: white !important;
  color: black !important;
  padding: 12px 25px !important;
  border-radius: 50px !important;
  border: 1px solid black !important;
  transition: all 0.25s;
  font-family: Proxima Nova W05 Bold, sans-serif;
  font-display: swap;
  cursor: pointer !important;
  font-size: 1.02em !important;
  width: auto !important;
}

.tnp-subscription-minimal input.tnp-email {
  height: 15px !important;
}

.tnp-field.tnp-privacy-field {
  text-align: center;
  display: inline-block;
  padding-top: 20px;
}

.tnp-subscription-minimal input.tnp-email,
.tnp-subscription-minimal input.tnp-name {
  padding: 25px 10px !important;
}

input.tnp-submit:hover {
  background: black !important;
  color: white !important;
}

input.tnp-email {
  margin: -10px auto 0 !important;
  display: block !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu {
  background-image: url("img/subpfeil.svg");
  background-repeat: no-repeat;
  background-position: top left 20px;
  background-size: 20px;
}

.nf-response-msg .row .col-8 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  display: -webkit-box;
  -webkit-box-pack: center; /* justify-content */
  -webkit-box-align: center; /* align-items */
  font-size: 2em;
}

a.nf-breadcrumb {
  border-radius: 25px;
}

.nf-breadcrumbs li.active a {
  background: #88d67a !important;
  color: black !important;
  cursor: default;
}

.nf-breadcrumbs li a {
  background: white !important;
  color: black !important;
  transition: all 0.5s;
  border: 1px solid #88d67a !important;
}

.nf-breadcrumbs li a:hover {
  background: #88d67a !important;
}

#single_Content input {
  background: white !important;
  border: 1px solid black !important;
  padding: 30px;
}

input.nf-next,
input.nf-previous {
  display: inline-block !important;
  background: white !important;
  color: black !important;
  padding: 12px 25px !important;
  border-radius: 50px;
  border: 1px solid black !important;
  margin-top: 20px !important;
  transition: all 0.25s !important;
  font-family: Proxima Nova W05 Bold, sans-serif;
  font-display: swap;
  cursor: pointer !important;
}

input.nf-next:hover,
input.nf-previous:hover {
  background: black !important;
  color: white !important;
  cursor: pointer !important;
}

input#nf-field-40 {
  background: #88d67a !important;
  border-radius: 50px !important;
  padding: 19px 36px !important;
  height: auto !important;
  border: none !important;
  cursor: pointer !important;
}

input#nf-field-40:hover {
  background: rgb(65, 107, 58) !important;
  color: white !important;
}

.nf-mp-body {
  padding: 40px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  margin-top: 30px;
}

.kontakt .nf-mp-body {
  padding: 0px;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  margin-top: 0px;
}

.nf-form-content {
  max-width: 1920px !important;
}

ul.nf-breadcrumbs li.active::after {
  display: none !important;
}

.kontaktabsenden {
  display: inline-block !important;
  background: white !important;
  color: black !important;
  padding: 12px 25px !important;
  border-radius: 50px !important;
  border: 1px solid black !important;
  margin-top: 20px !important;
  transition: all 0.25s !important;
  font-family: Proxima Nova W05 Bold, sans-serif;
  font-display: swap;
}

input#nf-field-76_1 {
  color: black;
  border-radius: 100px;
  cursor: pointer;
  padding: 20px 50px 35px !important;
}

input#nf-field-76_1:hover {
  background: #88d67a !important;
}

.show-wide_img .wpex-timeline > li .wpex-timeline-time span.tll-date {
  background: #88d67a;
}

.show-wide_img .wpex-timeline > li .wpex-timeline-time span.tll-date:before,
.wpex-timeline > li .wpex-timeline-label:before {
  border-right-color: #88d67a;
}

.show-wide_img .wpex-timeline > li:nth-child(even) .wpex-timeline-time span.tll-date:before,
.wpex-timeline.style-center > li:nth-child(odd) .wpex-timeline-label:before {
  border-left-color: #88d67a;
}

.wpex-timeline > li .wpex-timeline-icon .fa {
  background: #88d67a;
}

.wpex-timeline-list.show-wide_img .wpex-timeline > li .timeline-details {
  border-top: 3px solid #88d67a;
}

.wp-block-pb-accordion-item.c-accordion__item.js-accordion-item.is-read.is-open {
  margin-bottom: 60px;
}

.comingsoon img {
  width: 600px;
  margin-bottom: 15px;
}

.videoaudioBox {
  position: relative;
  padding-bottom: 56.25%;
}

.videoaudioBox iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
  background-color: #88d67a !important;
  color: #fff;
}

input#gform_next_button_5_10,
input#gform_previous_button_5_30,
input#gform_next_button_5_30,
input#gform_previous_button_5,
#gform_next_button_11_10,
#gform_next_button_11_30,
#gform_previous_button_11_30,
#gform_previous_button_11,
#gform_next_button_14_10,
#gform_previous_button_14_30,
#gform_next_button_14_30,
#gform_previous_button_14,
#gform_submit_button_21,
#gform_submit_button_22 {
  display: inline-block;
  background: #88d67a;
  color: black;
  padding: 12px 25px;
  border-radius: 50px;
  border: 1px solid black;
  margin: 20px 20px 0 0;
  transition: all 0.25s;
  font-size: 1em;
  font-family: Proxima Nova W05 Bold, sans-serif;
  font-display: swap;
  cursor: pointer;
}

input#gform_next_button_5_10:hover,
input#gform_previous_button_5_30:hover,
input#gform_next_button_5_30:hover,
input#gform_previous_button_5:hover,
#gform_previous_button_11:hover,
#gform_previous_button_11_30:hover,
#gform_next_button_11_30:hover,
#gform_next_button_11_10:hover,
#gform_next_button_14_10:hover,
#gform_previous_button_14_30:hover,
#gform_next_button_14_30:hover,
#gform_previous_button_14:hover,
#gform_submit_button_21:hover,
#gform_submit_button_22:hover {
  background: black;
  color: white;
}

input#gform_submit_button_5,
#gform_submit_button_11,
#gform_submit_button_14 {
  display: inline-block;
  background: #88d67a;
  color: black;
  padding: 12px 25px;
  border-radius: 50px;
  border: 1px solid black;
  margin-top: 20px;
  transition: all 0.25s;
  font-family: Proxima Nova W05 Bold, sans-serif;
  font-display: swap;
  font-size: 1em;
  cursor: pointer;
}

input#gform_submit_button_5:hover,
#gform_submit_button_11:hover,
#gform_submit_button_14:hover {
  background: black;
  color: white;
}

.gutscheinformular .image-choices-field .image-choices-choice-image-wrap {
  width: 332px !important;
  height: 170px !important;
}

.jl-overlay {
  background: black !important;
  opacity: 0.9 !important;
}

.jl-wrapper .jl-close {
  color: white !important;
}

.jl-wrapper .jl-navigation button {
  color: white !important;
}

ul.tagungsformular-tooltip-list {
  list-style: none !important;
}

ul.tagungsformular-tooltip-list li {
  margin-bottom: 5px !important;
  padding-bottom: 5px !important;
  border-bottom: 1px solid white !important;
}

h3.gsection_title {
  font-size: 1.6em;
}

input#gform_submit_button_17 {
  display: inline-block;
  background: #88d67a;
  color: black;
  padding: 12px 25px;
  border-radius: 50px;
  border: 1px solid black;
  margin-top: 60px;
  transition: all 0.25s;
  font-family: Proxima Nova W05 Bold, sans-serif;
  font-display: swap;
  font-size: 1em;
  cursor: pointer;
}

input#gform_submit_button_17:hover {
  background: black;
  color: white;
}

p.gform_required_legend {
  display: none;
}

span.image-choices-choice-text p {
  margin: 0 !important;
}

.flexCenter {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  display: -webkit-box;
  -webkit-box-pack: center; /* justify-content */
  -webkit-box-align: center; /* align-items */
}

@media (max-width: 500px) {
  div#gform_page_14_1 select,
  div#gform_page_14_1 input,
  #gform_page_14_2 select,
  #gform_page_14_2 input,
  #gform_page_14_3 select,
  #gform_page_14_3 input,
  #gform_page_14_3 textarea {
    max-width: 85%;
  }
}
figure.is-layout-flex.wp-block-gallery-3.wp-block-gallery.has-nested-images.columns-default.is-cropped.fbx-instance {
  display: flex;
}

.paypal-button.paypal-button-number-0.paypal-button-layout-horizontal.paypal-button-shape-pill.paypal-button-number-single.paypal-button-env-production.paypal-button-color-gold.paypal-button-text-color-black.paypal-logo-color-blue {
  width: 170px !important;
}

span.paypal-button-text.true {
  display: none !important;
}

.paypal-button-row.paypal-button-number-0.paypal-button-layout-horizontal.paypal-button-shape-pill.paypal-button-number-single.paypal-button-env-production.paypal-button-color-gold.paypal-button-text-color-black.paypal-logo-color-blue {
  margin-top: 15px !important;
}

div#gform_ppcp_smart_payment_buttons_14 {
  margin-top: 20px !important;
}

.audioBox {
  display: block;
}

.ai-wrap .ai-track-btn {
  background: #88d67a !important;
}

.ai-track-control {
  background: #88d67a !important;
}

.ai-wrap {
  background-color: white !important;
  margin-bottom: 0 !important;
}

#input_8_9 {
  width: 260px;
  padding: 10px;
}

select#input_8_5 {
  width: 210px;
  padding: 10px;
}

.heroForm .gform_footer.top_label {
  margin-top: -25px;
}

.gform-theme--framework *,
.gform-theme--framework ::after,
.gform-theme--framework ::before {
  box-sizing: initial !important;
}

input#gform_submit_button_8,
button#gform_submit_button_8 {
  width: 140px;
}

select#input_8_6 {
  width: 210px;
  padding: 10px;
}

input#gform_submit_button_8,
button#gform_submit_button_8,
button#gform_submit_button_8 {
  padding: 15px 18px;
  margin: 23px 0 0 20px;
}

.anmeldeForm {
  margin-top: 80px;
}

button#gform_submit_button_8 {
  display: inline-block;
  background: white;
  color: black;
  padding: 12px 25px;
  border-radius: 50px;
  border: 1px solid black;
  margin: 20px 20px 0;
  transition: all 0.25s;
  font-family: Proxima Nova W05 Bold, sans-serif;
  font-display: swap;
}

@media (max-width: 500px) {
  .anmeldungsHero img {
    height: 20vh !important;
    margin-top: 40px !important;
  }
  #anmeldeForm input {
    max-width: 320px !important;
  }
}
@media (max-width: 500px) {
  .gform-theme--foundation .gfield .ginput_password.large,
  .gform-theme--foundation .gfield input.large,
  .gform-theme--foundation .gfield select.large {
    inline-size: 320px !important;
  }
  .gform-theme--foundation .gfield textarea {
    inline-size: 320px !important;
  }
  input#input_17_27 {
    max-width: 320px !important;
  }
  input#input_17_27_2 {
    max-width: 320px !important;
  }
  select#input_17_42 {
    max-width: 300px !important;
  }
  select#input_17_36 {
    max-width: 300px !important;
  }
  select#input_17_12 {
    max-width: 300px !important;
  }
  .heroForm .gform_footer.top_label {
    margin-top: -5px;
  }
}
@media (max-width: 1580px) {
  .heroInner h1 {
    font-size: 2.5em;
  }
  .heroInner h2 {
    font-size: 1.7em;
  }
  .heroInner {
    display: none;
  }
  .contenBoxImg img {
    height: 300px;
  }
  .textimbild p {
    font-size: 1em;
  }
}
@media (min-width: 1446px) {
  .mobileBook {
    display: none;
  }
}
@media (max-width: 1445px) and (max-height: 900px) {
  .heroInner h1 {
    font-size: 2.3em;
  }
  .heroInner h2 {
    font-size: 1.6em;
    margin-bottom: 10px;
  }
  .heroInner p {
    font-size: 0.9em;
  }
  .heroInner {
    margin-top: 60px;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu {
    background-image: none;
  }
  .socialBox {
    padding-bottom: 20px !important;
  }
}
@media (max-width: 1445px) {
  .mobileBook {
    display: inline-block;
  }
  .mobileBook a {
    color: black;
    font-family: Proxima Nova W05 Bold, sans-serif;
    font-display: swap;
    margin: 0 10px 0 -10px;
  }
}
@media (max-width: 1366px) and (max-height: 768px) {
  .heroInner h1 {
    font-size: 2em;
  }
  .heroInner h2 {
    font-size: 1.4em;
    margin-bottom: 10px;
  }
  .heroInner p {
    font-size: 0.8em;
  }
}
@media (max-width: 1305px) {
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
    padding: 0 0 0 0 !important;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu li#mega-menu-item-25 > a.mega-menu-link {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
@media (max-width: 1280px) {
  .sectionPadding {
    padding-left: 60px;
    padding-right: 60px;
  }
  .uberunsCopy h5 {
    font-size: 2em;
  }
  .textimbild {
    width: 93%;
    top: 7%;
  }
  .textimbild h5 {
    font-size: 4em;
  }
}
@media (min-width: 1151px) {
  #heroOut {
    display: none;
  }
}
@media (max-width: 1150px) {
  #mega-menu-wrap-main-menu #mega-menu-main-menu li#mega-menu-item-25 > a.mega-menu-link {
    background: black !important;
    color: white !important;
  }
  .heroBoxXL {
    display: none;
  }
  #rooms {
    margin-top: 80px;
  }
  .footerNav {
    margin-top: 30px;
  }
  .gform_wrapper.gravity-theme #input_2_12 {
    width: 70px !important;
  }
  div#field_2_12 label {
    margin-left: 0;
  }
}
@media (max-width: 1024px) {
  #roomHero img {
    height: 55vh;
  }
}
@media (max-width: 992px) {
  .sectionPadding {
    padding-left: 45px;
    padding-right: 45px;
  }
  body {
    font-size: 17px;
  }
  .maps {
    padding-bottom: 45%;
  }
  .tagungsFactsBox ul {
    -moz-columns: 2;
         columns: 2;
  }
}
@media (max-width: 855px) {
  .tab-content {
    margin-top: -50px;
  }
}
@media (max-width: 768px) {
  .sectionPadding {
    padding-left: 35px;
    padding-right: 35px;
  }
  body {
    font-size: 16px;
  }
  #tagungenContent h1,
  #tagungsRaeume h2,
  .aktuellesHead h3,
  .aktullesHead h3,
  .besondersHead h3,
  .folgenHead h3,
  .frontIntro h1,
  .gebuchtHead h3,
  .roomsHead h2,
  .testimonialHead h3 {
    font-size: 3em;
  }
  .tabImg img {
    min-height: 450px;
  }
  .footerBox {
    margin-bottom: 30px;
  }
}
@media (max-width: 640px) {
  .gform_wrapper.gravity-theme .gform_fields {
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: column;
    display: -webkit-box;
    width: 100;
  }
  .gform_wrapper.gravity-theme .ginput_complex {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
  }
  .gform_wrapper.gravity-theme .ginput_complex span {
    flex: 0 0 47% !important;
    margin-bottom: 8px !important;
    padding-left: 0 !important;
    margin-right: 5% !important;
  }
  .ginput_complex.ginput_container.ginput_container_date_range.ginput_date_range_single input {
    padding: 14px !important;
  }
  input#gform_submit_button_2,
  input#gform_submit_button_3 {
    padding: 12px 15px !important;
    margin: 20px -3px 0 !important;
  }
  .heroForm {
    text-align: left;
    padding: 20px 20px 0;
  }
  div#field_2_12,
  div#field_3_12 {
    width: 110px !important;
  }
  div#field_submit {
    position: relative;
    top: -70px;
    left: 120px;
    width: 170px;
  }
  div#gform_fields_2 {
    margin-bottom: -70px !important;
  }
  .gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 5px !important;
  }
  body div#field_2_12 {
    margin-left: 0;
  }
}
@media (min-width: 501px) {
  .gform_wrapper.gravity-theme .ginput_complex {
    margin-right: 20px;
  }
  .gform_wrapper.gravity-theme .gfield.gfield--width-third {
    -ms-grid-column-span: 4;
    grid-column: span 4;
    margin-right: 20px !important;
  }
}
@media (max-width: 500px) {
  .sectionPadding {
    padding-left: 10px;
    padding-right: 10px;
  }
  body {
    font-size: 15px;
  }
  .notMobile {
    display: none;
  }
  .brandImg {
    width: 180px;
  }
  header {
    height: 100px;
  }
  nav {
    margin-top: -6px;
  }
  .headerTiny {
    height: 63px;
  }
  .navTiny {
    margin-top: -7px;
  }
  .heroimg {
    height: 55vh;
  }
  #frontForm {
    height: 40vh;
  }
  input#gform_submit_button_2 {
    top: 14px;
    position: relative;
  }
  #frontForm input#gform_submit_button_2,
  input#gform_submit_button_3 {
    padding: 20px 20px !important;
  }
  .textimbild {
    top: 7%;
  }
  .heroInner {
    margin-top: 140px;
  }
  .heroInner .btnWhite {
    display: none;
  }
  .heroInner h1 {
    font-size: 2em;
  }
  .heroInner h2 {
    font-size: 1.5em;
    margin-bottom: 10px;
  }
  .aktuellesHead h3,
  .aktullesHead h3,
  .besondersHead h3,
  .frontIntro h1,
  .roomsHead h2 {
    font-size: 2.5em;
  }
  #tagungenContent h1:after,
  #tagungsRaeume h2:after,
  .aktullesHead h3:after,
  .besondersHead h3:after,
  .folgenHead h3:after,
  .gebuchtHead h3:after,
  .roomsHead h2:after,
  .testimonialHead h3:after {
    width: 200px;
  }
  .tabImg img {
    min-height: 300px;
  }
  .uberunsBoxImg {
    height: 200px;
  }
  #aktuelles {
    margin-top: 80px;
  }
  a.besondersIconsBox {
    margin-bottom: 0;
  }
  #maps {
    margin-top: 80px;
  }
  .maps {
    padding-bottom: 80%;
  }
  #besonders {
    margin-top: 0px;
  }
  #gallery {
    margin-top: 80px;
  }
  #treeHouses {
    margin-top: 80px;
  }
  .contenBoxImg img {
    height: 200px;
  }
  .tagungsFactsBox ul {
    -moz-columns: 1;
         columns: 1;
  }
  .besondersIcon img {
    width: 75px;
  }
  .textimbild h5 {
    font-size: 4em;
    text-shadow: 5px 5px 10px black;
  }
  .textimbild p {
    font-family: Proxima Nova W05 Bold, sans-serif;
    font-display: swap;
    font-size: 1.2em;
  }
  .btnWhite {
    margin: 20px 15px 0 0;
  }
  #field_2_8 {
    position: inline-block;
    left: 0;
  }
  .heroForm {
    text-align: left;
    padding: 20px;
    width: 91vw;
  }
  body .gform_wrapper.gravity-theme .gform_fields {
    justify-content: center;
    align-content: center;
    -webkit-box-pack: center;
    /* justify-content */
    -webkit-box-align: center;
    /* align-items */
  }
  .ginput_complex.ginput_container.ginput_container_date_range.ginput_date_range_single input {
    width: 285px !important;
  }
  .gform_wrapper.gravity-theme #input_2_12,
  .gform_wrapper.gravity-theme #input_3_12 {
    width: 55px !important;
    padding: 15px !important;
    height: auto !important;
    margin-left: 0 !important;
  }
  div#field_2_12 label {
    margin-left: -20px;
  }
  .gform_wrapper.gravity-theme .gform_footer,
  body .gform_wrapper.gravity-theme #field_submit {
    margin: 0 0 0 0 !important;
    min-height: 70px !important;
  }
  body div#field_2_12,
  body div#field_3_12 {
    margin-left: 0;
    margin-top: 10px;
  }
  section#singleContent {
    padding-top: 45px;
  }
  .singleContentHead {
    padding-top: 95px;
  }
  #roomHero img {
    height: 35vh;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .newsroomHeroBox {
    margin-right: 30px;
    margin-left: 30px;
    margin-top: 40vh;
  }
  #nachhaltig h1,
  .singleContentHead h1 {
    font-size: 2.5em;
  }
  div#gform_fields_8,
  div#gform_fields_20 {
    flex-direction: column;
    gap: 10px;
  }
  #input_8_9,
  #input_20_9 {
    width: 93%;
    padding: 10px;
  }
  select#input_8_5,
  select#input_20_5 {
    width: 93%;
    padding: 10px;
  }
  select#input_8_6,
  select#input_20_6 {
    width: 93%;
    padding: 10px;
    margin-top: -10px;
  }
  input#gform_submit_button_8,
  input#gform_submit_button_20 {
    padding: 10px 30px;
    margin: 45px 0 0 20px;
  }
  .tabs li {
    margin: 0 0px 5px 0;
  }
  .tab {
    padding: 7px 11px;
  }
  .tabs {
    padding: 0 1.2rem;
  }
  .roomsHead h2 {
    margin-bottom: 15px;
  }
  .pl-4,
  .px-4 {
    padding-left: 0.3rem !important;
  }
  .pr-4,
  .px-4 {
    padding-right: 0.3rem !important;
  }
  .besondersLine {
    font-size: 0.5em;
  }
  .BesondersIconsRow {
    margin-top: 10px;
  }
}
@media (max-width: 380px) {
  .tabImg img {
    min-height: 235px;
  }
}
@media only screen and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .heroInner h1 {
    font-size: 2.3em;
  }
  .heroInner p {
    font-size: 0.9em;
  }
}
@page {
  size: 21cm 29.7cm;
  margin: 1.7cm 2cm 1.4cm;
}
@media print {
  header {
    display: none !important;
  }
  .singleContentHead h1 {
    text-align: center;
    font-size: 2em;
    margin-bottom: 10px;
  }
  section#singleContent {
    padding-top: 30px;
  }
  .panel {
    padding: 0;
    margin: 5px 0 20px;
    max-height: 600px !important;
    overflow: visible !important;
    display: block !important;
  }
  .azTab {
    page-break-inside: avoid !important;
    page-break-after: avoid;
  }
  blockqoute,
  p {
    orphans: 3;
  }
}
.tab.active:after {
  content: " " !important;
}/*# sourceMappingURL=style.css.map */