body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
@charset "UTF-8";
/*variables*/
/******************************/
/** Breakpoints ***************/
/******************************/
/** Breakpoints ***************/
/** Media up ******************/
/** Media down ****************/
/** Media between *************/
/* Header */
#header {
  height: 75px;
  position: fixed;
  width: 100%;
  z-index: 999;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 57%, rgba(255, 255, 255, 0) 90%); }
  #header .inside {
    height: 100%; }

.header_title {
  position: relative;
  display: block;
  color: black;
  padding: 35px 0 0 35px;
  font-size: 30px;
  font-weight: 600;
  font-style: normal;
  cursor: pointer;
  user-select: none; }
  .header_title:hover {
    color: #1E1D1D; }
  @media (max-width: 349px) {
    .header_title {
      font-size: 17px; } }
  @media (min-width: 350px) and (max-width: 449px) {
    .header_title {
      font-size: 19px; } }
  @media (min-width: 450px) and (max-width: 575px) {
    .header_title {
      font-size: 22px; } }
  @media (min-width: 576px) and (max-width: 767px) {
    .header_title {
      font-size: 25px; } }
  @media (max-width: 767px) {
    .header_title {
      padding: 15px 0 0 15px; } }

.mod_mobile_menu {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: #1E1D1D;
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  margin: 41px 35px 0 0; }
  @media (max-width: 349px) {
    .mod_mobile_menu {
      width: 17px;
      height: 17px; } }
  @media (min-width: 350px) and (max-width: 449px) {
    .mod_mobile_menu {
      width: 21px;
      height: 21px; } }
  @media (min-width: 450px) and (max-width: 575px) {
    .mod_mobile_menu {
      width: 22px;
      height: 22px; } }
  @media (min-width: 576px) and (max-width: 767px) {
    .mod_mobile_menu {
      width: 25px;
      height: 25px; } }
  @media (max-width: 767px) {
    .mod_mobile_menu {
      margin: 19px 15px 0 0; } }

.mobile_menu_trigger {
  display: block !important;
  height: 100%;
  z-index: 999;
  position: relative;
  cursor: pointer; }

.menu_button_item:nth-of-type(1) {
  top: 0; }
.menu_button_item:nth-of-type(2) {
  top: 13px; }
.menu_button_item:nth-of-type(3) {
  top: 26px; }

/* CSS Document */
#footer {
  background-color: #1E1D1D;
  color: #fff; }
  #footer a, #footer .text_separator {
    color: #B6B1AD;
    font-style: normal;
    font-size: 15px; }
    #footer a:hover, #footer .text_separator:hover {
      color: #fff; }
  @media (max-width: 450px) {
    #footer h4, #footer p, #footer td, #footer a, #footer .text_separator {
      font-size: 13px !important; } }
  #footer h2 {
    position: absolute;
    padding: 10px 0;
    top: 10px;
    font-size: 30px;
    font-weight: 600;
    width: fit-content; }
    @media (max-width: 500px) {
      #footer h2 {
        font-size: 25px; } }
    @media (max-width: 450px) {
      #footer h2 {
        font-size: 20px; } }
  #footer h4 {
    text-transform: uppercase; }
  #footer .row {
    margin: 0;
    padding: 150px 35px 35px 35px;
    row-gap: 80px; }
    @media (max-width: 1080px) {
      #footer .row {
        row-gap: 15px;
        padding-top: 100px; } }
    @media (max-width: 767px) {
      #footer .row {
        padding: 80px 15px 15px 15px; } }
    @media (max-width: 1066px) {
      #footer .row {
        flex-direction: column; } }
  #footer td {
    padding: 2px 0;
    font-size: 15px;
    text-wrap: nowrap; }

.ft_contact {
  order: 1; }

.ft_opening {
  order: 2; }

.ft_logo {
  /*order: 3;*/
  /*
  @include mediaDown(mlg) {
    order: 5;
  }
  */ }
  .ft_logo img {
    float: right; }

.ft_social {
  order: 4; }
  @media (max-width: 1199px) {
    .ft_social {
      order: 3; } }

.ft_nav {
  order: 5; }
  @media (max-width: 1199px) {
    .ft_nav {
      order: 4; } }

/* Globals */
* {
  box-sizing: border-box; }

a {
  color: #1E1D1D;
  text-decoration: none;
  text-transform: uppercase;
  font-style: italic;
  font-size: 16px;
  width: fit-content;
  transition: ease 0.4s; }
  a:hover {
    color: #B6B1AD; }

img {
  display: block; }

#main {
  background-color: #F1F1F1;
  overflow: hidden; }

body {
  min-width: 320px; }

.inside {
  max-width: 1920px;
  margin: 0 auto; }

.mod_article {
  position: relative;
  z-index: 5;
  max-width: 1920px; }
  .mod_article .content-text {
    text-align: center; }

.content-text {
  position: relative;
  z-index: 5; }

.text_separator {
  margin: 0 9px;
  color: #B6B1AD; }

.socialmedia {
  display: flex; }

.footer-margin {
  margin-bottom: 150px; }

.vf_bg_white {
  background-color: #fff; }
  .vf_bg_white h1, .vf_bg_white h2, .vf_bg_white h3, .vf_bg_white h4, .vf_bg_white h5, .vf_bg_white h6, .vf_bg_white p {
    max-width: calc(100% - 70px); }
    @media (max-width: 767px) {
      .vf_bg_white h1, .vf_bg_white h2, .vf_bg_white h3, .vf_bg_white h4, .vf_bg_white h5, .vf_bg_white h6, .vf_bg_white p {
        max-width: calc(100% - 30px); } }

.nowrap {
  text-wrap: nowrap; }

.no_padding {
  padding: 0; }

.padding-bottom {
  padding-bottom: 150px; }

.padding-top {
  padding-top: 150px; }

.mobile-hyphon-break {
  hyphens: none; }
  @media (max-width: 575px) {
    .mobile-hyphon-break {
      hyphens: auto; } }

.vf_heading h2 {
  margin: 25px 0 90px 0; }
  @media (max-width: 767px) {
    .vf_heading h2 {
      margin: 25px 0 50px 0; } }
.vf_heading h3 {
  font-weight: 400;
  margin: 15px 0; }
.vf_heading h4 {
  font-size: 20px;
  font-weight: 400;
  margin: 10px 0; }
  @media (max-width: 767px) {
    .vf_heading h4 {
      font-size: 16px; } }
.vf_heading p {
  font-size: 25px; }
  @media (min-width: 1200px) {
    .vf_heading p {
      width: 70%; } }
  @media (min-width: 450px) and (max-width: 767px) {
    .vf_heading p {
      font-size: 18px; } }
  @media (max-width: 449px) {
    .vf_heading p {
      font-size: 15px; } }

.vf_headline_space {
  padding-top: 45px; }
  .vf_headline_space .ce_text :first-child {
    margin-top: 0px; }
  .vf_headline_space .ce_headline, .vf_headline_space .vf_double_heasline {
    margin-top: 0px; }
  .vf_headline_space h2 {
    margin-bottom: 25px; }

.reset_space_start_end :first-child {
  margin-top: 0;
  padding-top: 0; }
.reset_space_start_end :last-child {
  margin-bottom: 0;
  padding-bottom: 0; }

.vf_heading_small h3 {
  font-weight: 500;
  font-size: 35px;
  margin: 15px 0; }

.vf_multicontent {
  display: flex;
  flex-direction: column;
  align-items: flex-start; }

.vf_content_center {
  display: flex;
  align-items: center; }

.vf_justify_content_center {
  justify-content: center; }

.vf_other_double_headline h2 {
  font-size: 20px;
  margin: 100px 0 0 0; }
.vf_other_double_headline h3 {
  font-weight: 500;
  margin: 10px 0; }

.vf_no-upper h3 {
  text-transform: none; }

fieldset {
  margin: 0;
  padding: 0; }

/* Frontend Helper */
.rsfh-delete, .rsfh-pastenew {
  display: none !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  position: relative;
  width: 100%;
  min-height: 1px; }

@media (min-width: 768px) {
  .col-1 {
    flex: 0 0 8.333%;
    max-width: 8.333%; } }

@media (min-width: 768px) {
  .col-1 {
    flex: 0 0 16.666%;
    max-width: 16.666%; } }

@media (min-width: 768px) {
  .col-3 {
    flex: 0 0 25%;
    max-width: 23%; } }

@media (min-width: 768px) {
  .col-4 {
    flex: 0 0 33.333%;
    max-width: 33.333%; } }

@media (min-width: 768px) {
  .col-5 {
    flex: 0 0 41.666%;
    max-width: 41.666%; } }

@media (min-width: 768px) {
  .col-6 {
    flex: 0 0 50%;
    max-width: 45%; } }

@media (min-width: 768px) {
  .col-7 {
    flex: 0 0 58.333%;
    max-width: 58.333%; } }

@media (min-width: 768px) {
  .col-8 {
    flex: 0 0 66.666%;
    max-width: 66.666%; } }

@media (min-width: 768px) {
  .col-9 {
    flex: 0 0 75%;
    max-width: 75%; } }

@media (min-width: 768px) {
  .col-10 {
    flex: 0 0 83.333%;
    max-width: 83.333%; } }

@media (min-width: 768px) {
  .col-11 {
    flex: 0 0 91.666%;
    max-width: 91.666%; } }

.col-12 {
  flex: 0 0 100%;
  max-width: 100%; }

/* CSS Document */
body {
  font-family: "neue-haas-grotesk-display";
  letter-spacing: 0.08rem;
  word-spacing: 0.05rem;
  line-height: 1.5; }

h1 {
  font-size: 60px;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  width: 80%; }
  @media (min-width: 768px) and (max-width: 1199px) {
    h1 {
      font-size: 55px;
      width: 85%; } }
  @media (min-width: 450px) and (max-width: 767px) {
    h1 {
      font-size: 40px;
      width: 100%; } }
  @media (max-width: 449px) {
    h1 {
      font-size: 30px; } }

h2 {
  font-size: 65px;
  text-transform: uppercase;
  font-weight: 400; }
  @media (min-width: 768px) and (max-width: 1199px) {
    h2 {
      font-size: 50px;
      width: 85%; } }
  @media (min-width: 450px) and (max-width: 767px) {
    h2 {
      font-size: 35px;
      width: 100%; } }
  @media (max-width: 449px) {
    h2 {
      font-size: 30px;
      width: 100%; } }

/*#main h2.ce_headline  {
    @include mediaDown(lg) {
        margin-top: 60px;
    }
}*/
h3 {
  font-size: 50px;
  font-weight: 400;
  text-transform: uppercase;
  width: 85%; }
  @media (min-width: 768px) and (max-width: 1199px) {
    h3 {
      font-size: 35px;
      width: 90%; } }
  @media (min-width: 450px) and (max-width: 767px) {
    h3 {
      font-size: 32px;
      width: 100%; } }
  @media (max-width: 449px) {
    h3 {
      font-size: 20px;
      width: 100%; } }

h4 {
  font-size: 25px;
  font-weight: 400;
  text-transform: uppercase; }
  @media (max-width: 767px) {
    h4 {
      font-size: 18px;
      width: 100%; } }

h5 {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase; }

h6 {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 8px 0px; }

p {
  font-size: 16px;
  margin: 5px 0; }
@mediaDown (xs) {
  p {
    font-size: 14px; } }
/* articleHeigth */
.box_height_auto {
  height: fit-content;
  padding-top: 75px;
  padding-bottom: 75px; }

.vf_bg_black {
  color: #fff;
  overflow: visible;
  display: inline-block;
  width: 100%; }
  .vf_bg_black .ce_text {
    max-width: calc(100% - 70px); }
  .vf_bg_black a {
    color: #B6B1AD; }
    .vf_bg_black a:hover {
      color: #fff; }
  .vf_bg_black::before {
    content: '';
    background: radial-gradient(circle at 48.4830729167% 47.7571614583%, rgba(8, 8, 8, 0.43) 0%, 35.99%, rgba(8, 8, 8, 0) 59%), radial-gradient(circle at 48.4423828125% 47.7083333333%, rgba(8, 8, 8, 0.9) 0%, 28.14%, rgba(8, 8, 8, 0) 67%), radial-gradient(circle at 28.134765625% 37.2884114583%, rgba(84, 76, 63, 0.78) 0%, 15.9%, rgba(84, 76, 63, 0) 53%), radial-gradient(circle at 48.9013671875% 49.521484375%, #3D372C 0%, 100%, rgba(61, 55, 44, 0) 100%);
    width: 100%;
    display: block;
    margin-left: -35px;
    margin-right: -35px;
    position: absolute;
    z-index: -1; }
    @media (max-width: 1920px) {
      .vf_bg_black::before {
        left: 0; } }
    @media (min-width: 1920px) {
      .vf_bg_black::before {
        width: 100vw;
        margin-left: calc((-100vw + 1850px)/2); } }
  .vf_bg_black.margin_L::before {
    content: '';
    margin-top: -300px;
    margin-bottom: -300px;
    height: calc(100% + 600px); }
  .vf_bg_black.margin_M::before {
    content: '';
    margin-top: -200px;
    margin-bottom: -200px;
    height: calc(100% + 400px); }
  .vf_bg_black.margin_S::before {
    content: '';
    margin-top: -100px;
    margin-bottom: -100px;
    height: calc(100% + 200px); }
  @media (min-width: 768px) and (max-width: 1199px) {
    .vf_bg_black.margin_L::before {
      content: '';
      margin-top: -200px;
      margin-bottom: -200px;
      height: calc(100% + 400px); }
    .vf_bg_black.margin_M::before {
      content: '';
      margin-top: -160px;
      margin-bottom: -160px;
      height: calc(100% + 320px); }
    .vf_bg_black.margin_S::before {
      content: '';
      margin-top: -60px;
      margin-bottom: -60px;
      height: calc(100% + 120px); } }
  @media (max-width: 767px) {
    .vf_bg_black .ce_text {
      max-width: calc(100% - 30px); }
    .vf_bg_black.margin_L::before {
      content: '';
      margin-top: -100px;
      margin-bottom: -100px;
      height: calc(100% + 200px);
      margin-left: -15px;
      margin-right: -15px; }
    .vf_bg_black.margin_M::before {
      content: '';
      margin-top: -60px;
      margin-bottom: -60px;
      height: calc(100% + 120px);
      margin-left: -15px;
      margin-right: -15px; }
    .vf_bg_black.margin_S::before {
      content: '';
      margin-top: -40px;
      margin-bottom: -40px;
      height: calc(100% + 80px);
      margin-left: -15px;
      margin-right: -15px; } }

.vf_bg_black.vf_content_center {
  display: inline-flex; }

.margin_end {
  margin: 35px; }
  @media (max-width: 767px) {
    .margin_end {
      margin: 15px; } }

.margin_L {
  margin-top: 300px;
  margin-bottom: 300px; }
.margin_M {
  margin-top: 200px;
  margin-bottom: 200px; }
.margin_S {
  margin-top: 100px;
  margin-bottom: 100px; }
.margin_top_L {
  margin-top: 300px; }
.margin_top_M {
  margin-top: 200px; }
.margin_top_S {
  margin-top: 100px; }
.margin_bottom_L {
  margin-bottom: 300px; }
.margin_bottom_M {
  margin-bottom: 200px; }
.margin_bottom_S {
  margin-bottom: 100px; }
@media (min-width: 768px) and (max-width: 1199px) {
  .margin_L {
    margin-top: 200px;
    margin-bottom: 200px; }
  .margin_M {
    margin-top: 160px;
    margin-bottom: 160px; }
  .margin_S {
    margin-top: 60px;
    margin-bottom: 60px; }
  .margin_top_L {
    margin-top: 200px; }
  .margin_top_M {
    margin-top: 160px; }
  .margin_top_S {
    margin-top: 60px; }
  .margin_bottom_L {
    margin-bottom: 200px; }
  .margin_bottom_M {
    margin-bottom: 160px; }
  .margin_bottom_S {
    margin-bottom: 60px; } }
@media (max-width: 767px) {
  .margin_L {
    margin-top: 100px;
    margin-bottom: 100px; }
  .margin_M {
    margin-top: 60px;
    margin-bottom: 60px; }
  .margin_S {
    margin-top: 40px;
    margin-bottom: 40px; }
  .margin_top_L {
    margin-top: 100px; }
  .margin_top_M {
    margin-top: 60px; }
  .margin_top_S {
    margin-top: 40px; }
  .margin_bottom_L {
    margin-bottom: 100px; }
  .margin_bottom_M {
    margin-bottom: 60px; }
  .margin_bottom_S {
    margin-bottom: 40px; } }
.margin_L, .margin_M, .margin_S, .margin_top_L, .margin_top_M, .margin_top_S, .margin_bottom_L, .margin_bottom_M, .margin_bottom_S {
  margin-left: 35px;
  margin-right: 35px; }
  @media (max-width: 767px) {
    .margin_L, .margin_M, .margin_S, .margin_top_L, .margin_top_M, .margin_top_S, .margin_bottom_L, .margin_bottom_M, .margin_bottom_S {
      margin-left: 15px;
      margin-right: 15px; } }

.marginBottom100 {
  margin-bottom: 100px; }

.marginBottom200 {
  margin-bottom: 200px; }

.marginBottom300 {
  margin-bottom: 300px; }

.marginBottom400 {
  margin-bottom: 400px; }

.marginBottom500 {
  margin-bottom: 500px; }

.marginBottom600 {
  margin-bottom: 600px; }

.margin_end_fullwidth {
  margin: 35px 0; }
  @media (max-width: 767px) {
    .margin_end_fullwidth {
      margin: 15px 0; } }

.minHeight600 img {
  min-height: 600px; }
  @media (max-width: 767px) {
    .minHeight600 img {
      min-height: 300px; } }

/* special articles */
.vf_l-text_r-bild h3 {
  margin: 0;
  width: 100%;
  font-weight: 500; }
.vf_l-text_r-bild p {
  position: absolute;
  bottom: 0; }
.vf_l-text_r-bild img {
  object-fit: cover; }
.vf_l-text_r-bild .vf_headline {
  text-transform: uppercase; }
@media (min-width: 768px) {
  .vf_l-text_r-bild {
    display: grid;
    grid-template-columns: 60% auto;
    grid-template-rows: auto fit-content(100%) auto; } }
@media (min-width: 1200px) {
  .vf_l-text_r-bild h3 {
    width: 630px; }
  .vf_l-text_r-bild p {
    width: 510px; } }
@media (max-width: 1199px) {
  .vf_l-text_r-bild h3 {
    width: 90%; }
  .vf_l-text_r-bild p {
    width: 90%; } }
@media (max-width: 991px) {
  .vf_l-text_r-bild h3 {
    font-size: 30px; } }
@media (max-width: 767px) {
  .vf_l-text_r-bild h3 {
    font-size: 28px;
    width: 100%; }
  .vf_l-text_r-bild p {
    position: relative;
    margin: 60px 0 45px 0;
    width: 100%; }
  .vf_l-text_r-bild img {
    max-height: 400px;
    object-position: top; } }
.vf_l-text_r-bild div:first-child {
  grid-column: 1/2;
  grid-row: 2/3;
  position: relative; }
.vf_l-text_r-bild div:nth-child(2) {
  grid-column: 2/3;
  grid-row: 2/3; }

@media (min-width: 576px) {
  .mobile_only {
    display: none; } }

@media (max-width: 575px) {
  .desktop_only {
    display: none; } }

.vf_confirm {
  min-height: calc(100vh - 200px);
  display: flex;
  justify-content: center; }
  .vf_confirm .ce_text {
    flex-direction: column;
    align-items: normal;
    justify-content: center; }
    .vf_confirm .ce_text h4 {
      text-transform: none; }
    .vf_confirm .ce_text:before {
      top: 0; }
    @media (min-width: 1200px) {
      .vf_confirm .ce_text h4 {
        font-size: 35px; }
      .vf_confirm .ce_text p, .vf_confirm .ce_text a {
        font-size: 20px; } }

/* faq */
/*

.info, .toplink {
  display: none;
}

.mod_faqpage {
  article {
    padding: 20px 0;
  }
  
  h2 {
    font-size: 16px;
  }
  
  .ce_accordion {
    font-size: 15px;
    padding: 10px 0;
  }
  
  .ui-accordion-header {
    font-weight: 600;
    cursor: pointer;
  }
}


*/
.info, .toplink {
  display: none; }

.mod_faqpage article {
  padding: 20px 0; }
.mod_faqpage article.last, .mod_faqpage section.last {
  padding-bottom: 0; }
.mod_faqpage h2 {
  font-size: 25px; }
.mod_faqpage .ce_accordion {
  font-size: 18px;
  padding: 10px 0; }
.mod_faqpage .ui-accordion-header {
  font-weight: 600;
  cursor: pointer;
  color: white;
  background-color: #1E1D1D;
  padding: 20px 50px 20px 20px; }
  @media (max-width: 767px) {
    .mod_faqpage .ui-accordion-header {
      padding: 15px 30px 15px 15px;
      font-size: 16px; } }
  @media (max-width: 575px) {
    .mod_faqpage .ui-accordion-header {
      padding: 12px 30px 12px 12px;
      font-size: 14px; } }
  @media (max-width: 449px) {
    .mod_faqpage .ui-accordion-header {
      font-size: 12px; } }
.mod_faqpage .ui-accordion-content {
  padding: 10px;
  border: 2px solid #1E1D1D; }
  .mod_faqpage .ui-accordion-content p {
    width: 70%; }
  @media (max-width: 991px) {
    .mod_faqpage .ui-accordion-content p {
      width: 100%; } }
  @media (max-width: 575px) {
    .mod_faqpage .ui-accordion-content p {
      font-size: 14px; } }
  @media (max-width: 449px) {
    .mod_faqpage .ui-accordion-content p {
      font-size: 12px; } }
.mod_faqpage .ui-accordion-header-icon {
  position: absolute;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='51.322' height='77.574' viewBox='0 0 51.322 77.574'%3E%3Cdefs%3E%3Cfilter id='Pfad_190' x='0' y='0' width='51.322' height='77.574' filterUnits='userSpaceOnUse'%3E%3CfeOffset input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='3' result='blur'/%3E%3CfeFlood flood-opacity='0.341'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg transform='matrix(1, 0, 0, 1, 0, 0)' filter='url(%23Pfad_190)'%3E%3Cpath id='Pfad_190-2' data-name='Pfad 190' d='M-20084.389-4950.1l28.02-28.019,28.02,28.019' transform='translate(-4939.33 20095.16) rotate(90)' fill='none' stroke='%23fff' stroke-width='5'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/contain;
  display: block;
  width: 25px;
  height: 25px;
  right: 50px;
  transition: ease 0.4s; }
  @media (max-width: 767px) {
    .mod_faqpage .ui-accordion-header-icon {
      right: 26px;
      height: 20px; } }
  @media (max-width: 575px) {
    .mod_faqpage .ui-accordion-header-icon {
      height: 18px; } }
  @media (max-width: 449px) {
    .mod_faqpage .ui-accordion-header-icon {
      margin-top: -2px; } }
.mod_faqpage .ui-accordion-header-active .ui-accordion-header-icon {
  transform: rotate(90deg); }

/* home */
.vf_home_video {
  padding: 0;
  width: 100%;
  height: 90vh;
  display: flex;
  overflow: visible;
  justify-content: center;
  z-index: 0; }
  .vf_home_video::after {
    content: '';
    background-color: #2D2B21;
    opacity: 0.25;
    width: 100%;
    height: 84vh;
    display: block;
    position: absolute;
    top: 0;
    pointer-events: none; }
  .vf_home_video video {
    height: 94vh;
    max-width: revert;
    object-fit: cover;
    width: 100%;
    z-index: 0; }
  .vf_home_video .huh_video {
    height: 100%; }
    .vf_home_video .huh_video .video-wrapper {
      height: 100%;
      padding: 0; }
  .vf_home_video .ce_player {
    width: 100%;
    height: 94vh;
    position: absolute; }
  .vf_home_video .ce_hyperlink {
    position: absolute;
    z-index: 10;
    bottom: 70px;
    left: 0;
    margin-left: 35px;
    overflow: visible; }
    .vf_home_video .ce_hyperlink a {
      color: black;
      font-weight: 800;
      display: flex;
      flex-direction: row-reverse;
      align-items: center;
      transition: ease 0.2s; }
    .vf_home_video .ce_hyperlink:hover a {
      color: #B6B1AD; }
    @media (max-width: 767px) {
      .vf_home_video .ce_hyperlink {
        margin-left: 15px; } }

.scrollAnimation {
  position: absolute;
  width: 30px;
  bottom: 10%;
  right: 35px;
  z-index: 10; }
  .scrollAnimation svg #wheel {
    animation: scroll ease 2s infinite; }
  @media (min-width: 576px) and (max-width: 991px) {
    .scrollAnimation {
      width: 25px; } }
  @media (max-width: 575px) {
    .scrollAnimation {
      width: 18px;
      right: 21px; } }
@keyframes scroll {
  0% {
    transform: translateY(0); }
  30% {
    transform: translateY(60px); } }
.vf_home_familie {
  padding: 0; }
  .vf_home_familie img {
    width: 100%;
    bottom: 0;
    position: relative; }
  .vf_home_familie .ce_image {
    bottom: 0; }

.vf_home_willkommen p {
  font-size: 20px; }
  @media (min-width: 450px) and (max-width: 767px) {
    .vf_home_willkommen p {
      font-size: 18px; } }
  @media (max-width: 449px) {
    .vf_home_willkommen p {
      font-size: 15px; } }
.vf_home_willkommen img {
  width: 85%;
  max-width: 550px;
  padding-top: 0px;
  padding-bottom: 25px; }

/* restaurant.scss */
.vf_heading p {
  font-weight: 500; }
  @media (min-width: 1200px) {
    .vf_heading p {
      font-size: 35px;
      width: 85%; } }
  @media (min-width: 450px) and (max-width: 767px) {
    .vf_heading p {
      font-size: 18px;
      width: 95%; } }
  @media (max-width: 449px) {
    .vf_heading p {
      font-size: 15px;
      width: 95%; } }

@media (max-width: 767px) {
  .vf_restaurant {
    gap: 20px; } }
@media (min-width: 768px) {
  .vf_restaurant {
    justify-content: space-evenly; }
    .vf_restaurant .ce_text {
      flex: 0 0 550px; } }
.vf_slick_partner figcaption {
  text-align: center;
  text-transform: uppercase;
  padding-top: 10px;
  width: 100% !important;
  height: 50px;
  display: flex;
  justify-content: center; }
  @media (max-width: 575px) {
    .vf_slick_partner figcaption {
      font-size: 12px;
      height: 40px; } }
.vf_slick_partner img {
  padding: 20px; }

.vf_partner {
  justify-content: center;
  padding-bottom: 120px; }
  .vf_partner h4 {
    font-size: 25px;
    font-weight: 400;
    margin: 200px 35px 70px 35px; }
    @media (max-width: 767px) {
      .vf_partner h4 {
        font-size: 18px;
        font-weight: 400;
        margin: 100px 15px 70px 15px; } }

/*
.vf_partners {

  h4 {
    font-size: 25px;
    font-weight: 400;
    margin: 200px 0 70px 0;
  }
  
  ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, 200px);
    justify-content: space-around;
    grid-column-gap: 30px;
    grid-row-gap: 60px;
  }
  
  li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: fit-content;
  }
  
  .caption {
    text-align: center;
    padding-top: 10px;
  }
  
  padding-bottom: 120px;
  
  @include mediaDown(sm) {
    ul {
      grid-template-columns: repeat(auto-fill, 150px);
    }
    
    li {
      width: 150px;
    }
    
    .caption {
      font-size: 12px;
    }
    
    h4 {
      font-size: 18px;
      font-weight: 400;
      margin: 100px 0 70px 0;
    }
  }
}*/
/* Slider */
.slick-arrow {
  position: absolute;
  width: 26px;
  height: 40px;
  z-index: 1000;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  transition: ease 0.2s;
  top: calc(50% - 20px);
  filter: drop-shadow(0px 0px 6px black); }
  .slick-arrow:hover {
    background-size: 108%; }

.slick-prev {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='51.322' height='77.574' viewBox='0 0 51.322 77.574'%3E%3Cdefs%3E%3Cfilter id='Pfad_191' x='0' y='0' width='51.322' height='77.574' filterUnits='userSpaceOnUse'%3E%3CfeOffset input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='3' result='blur'/%3E%3CfeFlood flood-opacity='0.341'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg transform='matrix(1, 0, 0, 1, 0, 0)' filter='url(%23Pfad_191)'%3E%3Cpath id='Pfad_191-2' data-name='Pfad 191' d='M-20084.389-4950.1l28.02-28.019,28.02,28.019' transform='translate(4990.65 -20017.58) rotate(-90)' fill='none' stroke='%23fff' stroke-width='5'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/contain;
  left: 35px; }
  @media (min-width: 768px) and (max-width: 1199px) {
    .slick-prev {
      left: 15px; } }
  @media (max-width: 767px) {
    .slick-prev {
      left: 5px;
      transform: scale(0.8); } }

.slick-next {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='51.322' height='77.574' viewBox='0 0 51.322 77.574'%3E%3Cdefs%3E%3Cfilter id='Pfad_190' x='0' y='0' width='51.322' height='77.574' filterUnits='userSpaceOnUse'%3E%3CfeOffset input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='3' result='blur'/%3E%3CfeFlood flood-opacity='0.341'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg transform='matrix(1, 0, 0, 1, 0, 0)' filter='url(%23Pfad_190)'%3E%3Cpath id='Pfad_190-2' data-name='Pfad 190' d='M-20084.389-4950.1l28.02-28.019,28.02,28.019' transform='translate(-4939.33 20095.16) rotate(90)' fill='none' stroke='%23fff' stroke-width='5'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/contain;
  right: 35px; }
  @media (min-width: 768px) and (max-width: 1199px) {
    .slick-next {
      right: 15px; } }
  @media (max-width: 767px) {
    .slick-next {
      right: 5px;
      transform: scale(0.8); } }

.slick-slide {
  padding: 0 5px; }

.vf_slick_restaurant .slick-slide {
  padding: 0 10px 0 0; }
  .vf_slick_restaurant .slick-slide img {
    width: auto; }
    @media (min-width: 1200px) {
      .vf_slick_restaurant .slick-slide img {
        height: 850px; } }
    @media (min-width: 768px) and (max-width: 1199px) {
      .vf_slick_restaurant .slick-slide img {
        height: 600px; } }
    @media (max-width: 767px) {
      .vf_slick_restaurant .slick-slide img {
        height: 400px; } }

.vf_slick_home h4 {
  margin-left: 35px; }
  @media (max-width: 767px) {
    .vf_slick_home h4 {
      margin-left: 15px; } }
@media (max-width: 500px) {
  .vf_slick_home .slick-list {
    margin: 0 -5px; } }

.mod_article:has(> .vf_slider_fullpage) {
  padding: 0; }
  .mod_article:has(> .vf_slider_fullpage) .slick-slide {
    padding: 0; }

/* _übernachtet */
.vf_shoutout h3 {
  width: 85%;
  text-transform: none; }
  @media (min-width: 768px) and (max-width: 1199px) {
    .vf_shoutout h3 {
      font-size: 40px;
      width: 95%; } }
  @media (min-width: 450px) and (max-width: 767px) {
    .vf_shoutout h3 {
      font-size: 30px;
      width: 100%; } }
  @media (max-width: 449px) {
    .vf_shoutout h3 {
      font-size: 20px;
      width: 100%; } }

.vf_prices .ce_text {
  padding: 25px 0; }
.vf_prices tr {
  font-size: 35px;
  text-wrap: nowrap; }
  @media (max-width: 1199px) {
    .vf_prices tr {
      font-size: 25px; } }
  @media (max-width: 767px) {
    .vf_prices tr {
      font-size: 20px; } }
  @media (max-width: 575px) {
    .vf_prices tr {
      font-size: 16px; } }
  @media (max-width: 380px) {
    .vf_prices tr {
      font-size: 13px; } }
.vf_prices p {
  font-size: 22px;
  text-wrap: pretty; }
  @media (max-width: 1199px) {
    .vf_prices p {
      font-size: 18px; } }
  @media (max-width: 767px) {
    .vf_prices p {
      font-size: 16px; } }
.vf_prices td {
  width: 50%;
  min-width: fit-content; }

.vf_booking_text {
  padding-bottom: 40px; }
  .vf_booking_text h6 {
    font-weight: 400; }
  @media (min-width: 1200px) {
    .vf_booking_text {
      width: 80%; } }
  .vf_booking_text p, .vf_booking_text a {
    font-size: 20px; }
    @media (max-width: 1199px) {
      .vf_booking_text p, .vf_booking_text a {
        font-size: 16px; } }

/* anfahrt */
@media (min-width: 1300px) {
  .vf_anfahrt {
    display: flex;
    gap: 30px;
    align-items: center; } }
.vf_anfahrt .sbb_timetable {
  flex-basis: 50%;
  height: fit-content; }
.vf_anfahrt .vf_bg_white {
  padding: 21px; }
.vf_anfahrt .google_maps {
  flex-basis: 50%;
  height: 500px; }
  .vf_anfahrt .google_maps iframe {
    width: 100%;
    height: 400px; }

.sbb_row {
  display: flex;
  gap: 4rem; }
  @media (max-width: 710px) {
    .sbb_row {
      flex-direction: column;
      gap: 2rem; } }

.sbb_field {
  flex-basis: 50%;
  display: flex;
  width: 100%; }
  .sbb_field input {
    width: 100%; }

.sbb_button {
  width: 100%;
  display: flex;
  justify-content: flex-end; }
  @media (max-width: 710px) {
    .sbb_button {
      justify-content: center; } }

/* alles und mehr */
@media (min-width: 1200px) {
  .vf_all-and-more {
    display: flex; }
    .vf_all-and-more h3 {
      width: 270px; }
    .vf_all-and-more ul {
      left: 20%; } }
@media (min-width: 768px) {
  .vf_all-and-more {
    width: 100%; }
    .vf_all-and-more h3 {
      margin: 0 0 50px 0; }
    .vf_all-and-more ul {
      display: flex;
      flex-wrap: wrap;
      align-content: center;
      flex-direction: column;
      list-style-type: none;
      column-gap: 80px;
      position: relative;
      margin: 0;
      height: 450px; }
    .vf_all-and-more li {
      height: 9%; }
    .vf_all-and-more a {
      font-style: normal;
      font-size: 20px; } }
@media (max-width: 768px) {
  .vf_all-and-more h3 {
    margin-top: 0;
    padding-left: 0px; } }
.vf_all-and-more {
  width: 100%;
  margin: 12px; }
  .vf_all-and-more h3 {
    font-weight: 500; }
  .vf_all-and-more ul {
    list-style-type: none;
    padding-inline-start: 20px; }
  .vf_all-and-more a {
    font-style: normal;
    font-size: 20px; }

/* gallery */
.ce_gallery .cols_2 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 25px; }
  @media (max-width: 991px) {
    .ce_gallery .cols_2 {
      gap: 15px; } }
  .ce_gallery .cols_2 li {
    width: 33%; }
    @media (max-width: 991px) {
      .ce_gallery .cols_2 li {
        width: 50%; } }
  .ce_gallery .cols_2 img {
    width: 100%; }

.ce_huh_video {
  padding-bottom: 0px; }
  .ce_huh_video .video-container {
    width: 100%;
    height: auto;
    aspect-ratio: 640/360; }

.vf_agb p {
  margin: 10px 0 30px 0; }
.vf_agb h5 {
  margin: 30px 0 10px 0; }

.vf_shoutout_text h3 {
  font-weight: 500;
  width: 100%; }
.vf_shoutout_text p {
  max-width: 770px; }

/* subpages */
.vf_neun-gruende {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  column-gap: 5%;
  row-gap: 100px;
  margin-top: 130px; }
  .vf_neun-gruende .vf_grund {
    flex-basis: 30%;
    display: flex; }
    .vf_neun-gruende .vf_grund p:first-child {
      font-size: 8vw;
      margin-right: 20px;
      margin-top: -2.3vw; }
    .vf_neun-gruende .vf_grund p {
      margin: 0;
      font-size: 1.2vw; }
  .vf_neun-gruende br {
    display: block;
    margin: 5px 0;
    content: ""; }

.vf_double_headline {
  display: flex; }
  .vf_double_headline > * {
    width: fit-content;
    margin: 0; }
  .vf_double_headline h3 {
    flex-basis: 40%;
    font-weight: 500;
    padding-right: 20px; }
  .vf_double_headline h4 {
    font-size: 33px;
    font-weight: 500; }

@media (min-width: 768px) and (max-width: 991px) {
  .vf_neun-gruende {
    row-gap: 50px; }
    .vf_neun-gruende .vf_grund {
      flex-basis: 46%; }
      .vf_neun-gruende .vf_grund p {
        font-size: 1.7vw; } }
@media (max-width: 767px) {
  .vf_neun-gruende {
    row-gap: 50px; }
    .vf_neun-gruende .vf_grund {
      flex-basis: 100%; }
      .vf_neun-gruende .vf_grund p:first-child {
        font-size: 75px; }
      .vf_neun-gruende .vf_grund p {
        font-size: 15px; }

  .vf_double_headline {
    display: block; }
    .vf_double_headline h4 {
      font-size: 25px;
      margin-top: 25px; } }
.vf_wanderrouten {
  display: flex; }
  .vf_wanderrouten h3 {
    margin: 10px 0; }
  .vf_wanderrouten h5 {
    margin: 50px 0 10px 0;
    font-weight: 400; }
  .vf_wanderrouten > div {
    flex-basis: 50%; }
  .vf_wanderrouten a {
    font-size: 20px; }
  .vf_wanderrouten p {
    padding: 10px 0; }
  .vf_wanderrouten td {
    font-size: 20px;
    padding: 5px 0; }
  .vf_wanderrouten table {
    margin: 85px 0 75px 0; }
  @media (max-width: 991px) {
    .vf_wanderrouten a, .vf_wanderrouten td {
      font-size: 16px; } }
  @media (max-width: 767px) {
    .vf_wanderrouten {
      display: block; } }

.vf_impressum h6, .vf_impressum h5 {
  font-weight: 400;
  font-size: 16px; }
.vf_impressum h5 {
  margin: 40px 0 15px 0; }

.vf_impr_flex {
  display: flex;
  gap: 75px; }
  @media (max-width: 991px) {
    .vf_impr_flex {
      flex-direction: column;
      gap: 30px; } }

.vf_agb h6, .vf_agb h5 {
  font-weight: 400;
  font-size: 16px; }
.vf_agb h5 {
  margin: 40px 0 15px 0; }
.vf_agb p {
  margin: 10px 0 30px 0; }

.vf_agb_flex {
  display: flex;
  gap: 75px; }
  @media (max-width: 991px) {
    .vf_agb_flex {
      flex-direction: column;
      gap: 30px; } }

.vf_about-us {
  display: flex;
  align-items: center; }
  .vf_about-us .image_container {
    filter: brightness(0.8);
    padding: 50px 0; }
  .vf_about-us img {
    filter: blur(3px);
    min-height: 370px;
    object-fit: cover; }

.vf_history_container {
  padding: 0 60px;
  color: white;
  align-items: stretch;
  justify-content: center;
  display: grid;
  grid-template-columns: auto auto;
  align-content: center;
  gap: 30px; }
  .vf_history_container p {
    text-wrap: balance;
    font-size: 18px; }
  .vf_history_container .vf_date {
    min-width: fit-content;
    text-align: right;
    max-width: 250px; }
  .vf_history_container .vf_tab {
    text-transform: uppercase; }
  @media (max-width: 991px) {
    .vf_history_container {
      gap: 20px;
      padding: 0 35px; }
      .vf_history_container p {
        font-size: 14px; }
      .vf_history_container .vf_tab {
        text-transform: none; } }
  @media (max-width: 575px) {
    .vf_history_container {
      gap: 15px;
      padding: 0 35px; }
      .vf_history_container p {
        font-size: 12px; } }

.grid_table {
  display: grid;
  grid-template-columns: repeat(2, auto);
  column-gap: 3vw; }

.grid_table p {
  padding: 8px 4px;
  margin: 0;
  font-size: 2vw; }
  @media (max-width: 991px) {
    .grid_table p {
      font-size: 3vw; } }

.vf_oeffnung {
  align-content: center; }
  .vf_oeffnung h2 {
    font-weight: 400; }

/* events */
.mod_eventlist .layout_teaser h2 {
  margin: 0 0 35px 0; }
@media (min-width: 992px) {
  .mod_eventlist .layout_teaser {
    display: grid;
    grid-template-columns: 40% auto;
    gap: 35px; }
    .mod_eventlist .layout_teaser:nth-child(even) .ev_text {
      grid-column: 1 / 2;
      grid-row: 1 / 2;
      position: relative; }
    .mod_eventlist .layout_teaser:nth-child(even) .ev_image {
      grid-column: 2 / 3;
      grid-row: 1 / 2; }
    .mod_eventlist .layout_teaser:nth-child(odd) .ev_text {
      grid-column: 2 / 3;
      grid-row: 1 / 2; }
    .mod_eventlist .layout_teaser:nth-child(odd) .ev_image {
      grid-column: 1 / 2;
      grid-row: 1 / 2;
      position: relative; } }
@media (max-width: 991px) {
  .mod_eventlist .layout_teaser {
    display: flex;
    flex-direction: column-reverse; }
    .mod_eventlist .layout_teaser .bottom {
      padding-top: 50px; }
    .mod_eventlist .layout_teaser .ev_text {
      width: 90%;
      margin: 50px 0; } }
.mod_eventlist .ev_text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 510px; }
.mod_eventlist .teaser {
  height: 40%; }
.mod_eventlist .empty {
  min-height: calc(100vh - 500px);
  text-align: center; }

/* box3 */
.vf_box3 {
  overflow-x: auto;
  padding-bottom: 40px; }
  @media (max-width: 767px) {
    .vf_box3 {
      padding-bottom: 15px; } }
  .vf_box3 .row {
    justify-content: center;
    min-width: fit-content;
    flex-wrap: nowrap;
    gap: 30px;
    margin: 30px; }
    @media (max-width: 767px) {
      .vf_box3 .row {
        gap: 15px;
        margin: 15px; } }
    .vf_box3 .row .col-4 {
      flex: 0 0 33.333%;
      max-width: 33.333%;
      padding: 0; }
  .vf_box3 img {
    height: 700px;
    object-fit: cover; }
    @media (max-width: 1199px) {
      .vf_box3 img {
        height: 600px; } }
    @media (max-width: 767px) {
      .vf_box3 img {
        height: 500px; } }
    @media (max-width: 575px) {
      .vf_box3 img {
        height: 400px; } }
  @media (max-width: 767px) {
    .vf_box3 h6 {
      font-weight: 400;
      font-size: 16px; } }

.vf_am_box {
  max-width: 610px;
  min-width: 290px; }
  .vf_am_box h6 {
    font-weight: 400; }
  .vf_am_box .link_bottom a {
    position: absolute;
    bottom: 0; }

.mod_article:has(.vf_box3) {
  padding: 0; }

/* formular zimmer */
.vf_form_rooms {
  font-size: 15px; }
  .vf_form_rooms .formbody {
    grid-template-columns: 50% 50%; }
    @media (min-width: 1200px) {
      .vf_form_rooms .formbody {
        display: grid; } }
  .vf_form_rooms .widget {
    display: flex;
    flex-direction: column;
    margin-top: 20px; }
    .vf_form_rooms .widget a {
      font-size: inherit; }
  .vf_form_rooms fieldset {
    border: none; }
  .vf_form_rooms label {
    margin-bottom: 10px;
    font-weight: 600; }
  .vf_form_rooms input, .vf_form_rooms select, .vf_form_rooms textarea {
    border: inherit;
    background: inherit;
    padding: 2px 0px 8px 10px;
    border-bottom: 1px solid #1E1D1D;
    margin: 5px 40px 5px 0px;
    font-family: "neue-haas-grotesk-display"; }
    .vf_form_rooms input::placeholder, .vf_form_rooms select::placeholder, .vf_form_rooms textarea::placeholder {
      opacity: 0.8; }
    .vf_form_rooms input:focus-visible, .vf_form_rooms select:focus-visible, .vf_form_rooms textarea:focus-visible {
      outline: none; }
  .vf_form_rooms input:focus-visible {
    border-bottom: 2px solid black; }
  .vf_form_rooms .checkbox_container {
    margin: 20px 0;
    padding: 0;
    accent-color: black; }
    .vf_form_rooms .checkbox_container a {
      color: #1E1D1D;
      font-weight: 600; }
    .vf_form_rooms .checkbox_container label {
      font-weight: 400; }
    .vf_form_rooms .checkbox_container input {
      padding: 5px;
      margin: 0; }
  .vf_form_rooms span.mandatory {
    display: none; }
  .vf_form_rooms .input_not_set {
    color: #1E1D1D70; }
  .vf_form_rooms option {
    color: #1E1D1D; }
  .vf_form_rooms option:first-child {
    display: none; }
  .vf_form_rooms button {
    border: none;
    text-align: left;
    font-size: 22px;
    font-style: italic;
    cursor: pointer;
    background-color: inherit;
    margin-top: 10px;
    padding-inline: 0;
    transition: ease 0.3s;
    color: black; }
    .vf_form_rooms button:hover {
      color: #B6B1AD; }

.ce_form {
  width: 100%; }
  .ce_form h6 {
    margin-top: 0; }

.vf_form_additional .widget {
  height: 50%; }
.vf_form_additional textarea {
  padding: 10px;
  resize: none;
  width: 100%;
  height: 150px;
  border: 1px solid #1E1D1D; }

.vf_form_submit .widget-submit {
  padding-right: 1px;
  text-align: right; }
.vf_form_submit .submit {
  display: contents; }

@media (min-width: 576px) {
  .vf_form_zweispaltig .widget {
    width: calc(50% - 10px); }

  .vf_form_personal, .vf_form_date {
    display: flex;
    flex-wrap: wrap; } }
@media (min-width: 1200px) {
  .vf_form_personal {
    order: 1;
    grid-column: 1/2;
    grid-row: 1/3; }

  .vf_form_date {
    order: 3;
    grid-column: 1/2;
    grid-row: 3/5; }

  .vf_form_additional {
    order: 2;
    grid-column: 2/3;
    grid-row: 1/4; }

  .vf_form_submit {
    order: 4;
    grid-column: 2/3;
    grid-row: 4/5; } }
@media (max-width: 1199px) {
  .vf_form_rooms input, .vf_form_rooms select, .vf_form_rooms textarea {
    margin: 5px 0px 5px 0px; }

  .vf_form_zweispaltig {
    column-gap: 20px; } }
@media (max-width: 767px) {
  .vf_form_rooms {
    font-size: 14px; }
    .vf_form_rooms .widget {
      margin-top: 15px; }
    .vf_form_rooms label {
      margin-bottom: 8px; }
    .vf_form_rooms button {
      font-size: 20px; }
    .vf_form_rooms input, .vf_form_rooms select, .vf_form_rooms textarea {
      margin: 5px 5px 5px 0px; } }
@media (max-width: 449px) {
  .vf_form_rooms {
    font-size: 12px; }
    .vf_form_rooms .widget {
      margin-top: 10px; }
    .vf_form_rooms label {
      margin-bottom: 5px; }
    .vf_form_rooms button {
      font-size: 15px; } }
/* formular gutscheine */
.vf_form_gutscheine {
  font-size: 15px; }
  .vf_form_gutscheine .formbody {
    grid-template-columns: 50% 50%; }
    @media (min-width: 1200px) {
      .vf_form_gutscheine .formbody {
        display: grid; } }
  .vf_form_gutscheine .widget {
    display: flex;
    flex-direction: column;
    margin-top: 20px; }
    .vf_form_gutscheine .widget a {
      font-size: inherit; }
  .vf_form_gutscheine fieldset {
    border: none; }
  .vf_form_gutscheine label {
    margin-bottom: 10px;
    font-weight: 600; }
  .vf_form_gutscheine input, .vf_form_gutscheine select, .vf_form_gutscheine textarea {
    border: inherit;
    background: inherit;
    padding: 2px 0px 8px 10px;
    border-bottom: 1px solid #1E1D1D;
    margin: 5px 40px 5px 0px;
    font-family: "neue-haas-grotesk-display"; }
    .vf_form_gutscheine input::placeholder, .vf_form_gutscheine select::placeholder, .vf_form_gutscheine textarea::placeholder {
      opacity: 0.8; }
    .vf_form_gutscheine input:focus-visible, .vf_form_gutscheine select:focus-visible, .vf_form_gutscheine textarea:focus-visible {
      outline: none; }
  .vf_form_gutscheine input:focus-visible {
    border-bottom: 2px solid black; }
  .vf_form_gutscheine .checkbox_container {
    margin: 20px 0;
    padding: 0;
    accent-color: black; }
    .vf_form_gutscheine .checkbox_container a {
      color: #1E1D1D;
      font-weight: 600; }
    .vf_form_gutscheine .checkbox_container label {
      font-weight: 400; }
    .vf_form_gutscheine .checkbox_container input {
      padding: 5px;
      margin: 0; }
  .vf_form_gutscheine span.mandatory {
    display: none; }
  .vf_form_gutscheine .input_not_set {
    color: #1E1D1D70; }
  .vf_form_gutscheine option {
    color: #1E1D1D; }
  .vf_form_gutscheine option:first-child {
    display: none; }
  .vf_form_gutscheine button {
    border: none;
    text-align: left;
    font-size: 22px;
    font-style: italic;
    cursor: pointer;
    background-color: inherit;
    padding-inline: 0;
    margin-top: 10px;
    transition: ease 0.3s;
    color: black; }
    .vf_form_gutscheine button:hover {
      color: #B6B1AD; }
  @media (min-width: 1200px) {
    .vf_form_gutscheine .vf_form_personal {
      order: 1;
      grid-column: 1/2;
      grid-row: 1/3; }
    .vf_form_gutscheine .vf_form_date {
      order: 3;
      grid-column: 1/2;
      grid-row: 3/5; }
    .vf_form_gutscheine .vf_form_additional {
      order: 2;
      grid-column: 2/3;
      grid-row: 1/4; }
    .vf_form_gutscheine .vf_form_submit {
      order: 4;
      grid-column: 2/3;
      grid-row: 4/5;
      position: absolute;
      right: 5px;
      bottom: 0; } }

.vf_form_additional .widget {
  height: 50%; }
.vf_form_additional textarea {
  padding: 10px;
  resize: none;
  width: 100%;
  height: 150px;
  border: 1px solid #1E1D1D; }

@media (min-width: 576px) {
  .vf_form_personal, .vf_form_date {
    display: flex;
    flex-wrap: wrap; } }
.vf_form_vierspaltig {
  display: flex;
  flex-wrap: wrap;
  padding: 0; }
  .vf_form_vierspaltig .widget {
    width: 50%; }

@media (min-width: 576px) {
  .vf_form_vierspaltig .widget {
    width: 25%; } }
@media (max-width: 767px) {
  .vf_form_gutscheine {
    font-size: 14px; }
    .vf_form_gutscheine .widget {
      margin-top: 15px; }
    .vf_form_gutscheine label {
      margin-bottom: 8px; }
    .vf_form_gutscheine button {
      font-size: 20px; }
    .vf_form_gutscheine input, .vf_form_gutscheine select, .vf_form_gutscheine textarea {
      margin: 5px 5px 5px 0px; } }
@media (max-width: 449px) {
  .vf_form_gutscheine {
    font-size: 12px; }
    .vf_form_gutscheine .widget {
      margin-top: 10px; }
    .vf_form_gutscheine label {
      margin-bottom: 5px; }
    .vf_form_gutscheine button {
      font-size: 15px; } }
/* Navigation */
.mobile_menu_active {
  /* hamburger-stil
  .menu_button_item {
    &:nth-of-type(1) {
      transform: rotate(45deg);
      top: 13px;
    }

    &:nth-of-type(2) {
      opacity: 0;
      width: 0;
    }

    &:nth-of-type(3) {
      transform: rotate(-45deg);
      top: 13px;
    }
  } */ }
  .mobile_menu_active .mod_mobile_menu {
    width: 50px;
    height: 50px;
    background-color: #00000000;
    position: absolute;
    top: 25px;
    right: 25px; }
    @media (max-width: 575px) {
      .mobile_menu_active .mod_mobile_menu {
        right: 15px; } }
  .mobile_menu_active .menu_button_item {
    width: 36px;
    height: 2px;
    position: absolute;
    background-color: #fff; }
    .mobile_menu_active .menu_button_item:nth-of-type(1) {
      transform: rotate(45deg);
      top: 13px; }
    .mobile_menu_active .menu_button_item:nth-of-type(2) {
      opacity: 0;
      width: 0; }
    .mobile_menu_active .menu_button_item:nth-of-type(3) {
      transform: rotate(-45deg);
      top: 13px; }
  .mobile_menu_active .mod_header_menu_button {
    width: 50px;
    height: 75px;
    background-color: #1E1D1D;
    position: absolute;
    top: 0px;
    right: 71px; }
  .mobile_menu_active .ce_header_menu_button {
    width: 36px;
    height: 28px;
    cursor: pointer;
    position: relative;
    top: 12px;
    margin: 0 auto; }

.mobile_menu {
  width: auto; }
  .mobile_menu a {
    color: #B6B1AD; }
    .mobile_menu a:hover {
      color: #fff; }
  .mobile_menu.active {
    box-shadow: 0 0 5px black; }
  @media (max-width: 767px) {
    .mobile_menu {
      width: 80% !important; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    .mobile_menu {
      width: 350px; } }
  .mobile_menu .mod_navigation a, .mobile_menu .mod_navigation strong {
    font-size: 25px;
    font-style: normal; }
    @media (min-width: 768px) and (max-width: 1199px) {
      .mobile_menu .mod_navigation a, .mobile_menu .mod_navigation strong {
        font-size: 20px; } }
    @media (max-width: 449px) {
      .mobile_menu .mod_navigation a, .mobile_menu .mod_navigation strong {
        font-size: 20px; } }
  .mobile_menu .inner {
    background-color: #1E1D1D;
    overflow: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .mobile_menu .block {
    overflow: revert; }

.main_navigation {
  text-transform: uppercase; }
  .main_navigation strong {
    color: #fff;
    font-weight: 400;
    cursor: default; }
  .main_navigation ul {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    list-style-type: none;
    margin-top: 115px; }
  .main_navigation li {
    padding: 7px 0; }
    @media (max-width: 767px) {
      .main_navigation li {
        padding: 5px 0; } }

.nav_footer {
  position: relative;
  bottom: 40px;
  padding: 40px;
  font-size: 15px;
  color: #B6B1AD;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px; }
  @media (max-width: 767px) {
    .nav_footer {
      gap: 7px; } }
  .nav_footer a, .nav_footer .text_separator {
    cursor: pointer;
    font-style: normal; }
    @media (min-width: 768px) and (max-width: 1199px) {
      .nav_footer a, .nav_footer .text_separator {
        font-size: 12px; } }
    @media (max-width: 449px) {
      .nav_footer a, .nav_footer .text_separator {
        font-size: 12px; } }

/* CSS Document */
.event.layout_teaser {
  margin-bottom: 20px;
}

.mod_eventlist .ev_text {
  width: 100%;
}

.mod_eventlist .layout_teaser .ev_text {
  margin-bottom: 30px;
  margin-top: 60px;
}

.mod_eventlist .layout_teaser .bottom {
  padding-top: 10px;
}


#ft_appenzellerland {
  order: 6;
  right: 200px;
  width: 240px;
  bottom: 64px;
}

#ft_alpstein {
  order: 7;
  right: 35px;
  width: 120px;
  bottom: 61px;
}

.ft_logo {
  order: 3;
}

@media (min-width: 1066px) {
  #ft_appenzellerland {
    bottom: 28px;
  }

  #ft_alpstein {
    bottom: 28px;
    right: 45px;
  }
}


@media (max-width: 1066px) {
  .ft_logo {
    order: 5;
  }
  
  #ft_appenzellerland {
    right: 190px;
    width: 260px;
    bottom: 63px;
  }

  #ft_alpstein {
    right: 35px;
    width: 120px;
    bottom: 65px;
  }
}


@media (max-width: 767px) {
  .ft_logo {
    order: 5;
  }
  
  #ft_appenzellerland {
    right: 120px;
    width: 190px;
    bottom: 43px;
  }

  #ft_alpstein {
    right: 15px;
    width: 80px;
    bottom: 45px;
  }
}

@media (max-width: 470px) {
  #ft_appenzellerland {
    right: 100px;
    width: 150px;
    bottom: 43px;
  }

  #ft_alpstein {
    right: 15px;
    width: 70px;
    bottom: 45px;
  }
}

@media (max-width: 410px) {
  #ft_appenzellerland {
    right: 80px;
    width: 90px;
    bottom: 43px;
  }

  #ft_alpstein {
    right: 15px;
    width: 50px;
    bottom: 45px;
  }
}


#ft_appenzellerland, #ft_alpstein {
  position: absolute;
  z-index: 100;
}

body {
  background: #000;
}

#header {
  z-index: 1001;
}

.ce_image.ft_logo {
  margin-top: 30px;
}

#bookingConfirm .vf_content_center {
  display: block;
  margin-left: 0px;
  margin-right: 0px;
}

#bookingConfirm {
  margin-left: 35px;
}

.hyperlink_txt {
  font-weight: 400 !important;
  font-size: 16px !important;
}

.nowrap {
  white-space: nowrap;
  text-wrap: nowrap !important;
}

.vf_history_margin {
  margin-lefT: -23px;
}

.mod_eventlist .layout_teaser {
  display: block;
}

.vf_home_video a {
  font-size: 14px;
}

.vf_partner .caption {
  display: none;
}

.mod_mobile_menu {
  /*outline: 2px solid rgba(241,241,241,.4);*/
  box-shadow: 0px 0px 70px 10px rgba(241,241,241,.8);
}

.vf_restaurant .vf_content_center{
  align-items: none;
}


.mod_faqpage .ui-accordion-header-icon {
  right: 15px;
}

.mod_faqpage td {
  vertical-align: top;
  padding-bottom: 10px;
  padding-right: 15px;
}

/* vf_neun-gruende */

.vf_grund_zahl {
  width: 70px;
  font-size: 116px;
  margin-right: 20px;
  margin-top: -44px;
  text-align: center;
}

.vf_grund_text {
  width: calc(100% - 92px);
}

.vf_grund_titel {
  padding-bottom: 5px;
}

.vf_grund_beschreibung {
}


/* Media */
@media (max-width: 1066px) {
  .ft_logo img {
    float: left; 
    margin: 30px 0;
  }
  
  .col-5 {
    max-width: 100%;
  }  
}


@media (min-width: 995px) {
  /* Padddings */
  .vf_grund_zahl {
    padding-top: 1px;
  }

  .zahl_2, .zahl_3, .zahl_6, .zahl_8, .zahl_9 {
    padding-top: 3px;
  }
  
  /* Fontsizes */
  .zahl_2, .zahl_5 {
    font-size: 114px;
  }
  .zahl_3, .zahl_6, .zahl_8, .zahl_9 {
    font-size: 112px;
  }
  
}
  
  
@media (max-width: 992px) {
  
  .vf_grund_zahl {
    width: 32px;
    font-size: 72px;
    text-align: center;
    margin-top: -22px;
  }

  .vf_grund_text {
    width: calc(100% - 80px);
  }

  .vf_grund_titel {
    padding-top: 3px;
    font-size: 20px;
  }

  .vf_grund_beschreibung {
    font-size: 19px;
    line-height: 25px;
  }
}

@media (max-width: 767px) {
  #bookingConfirm {
    margin-left: 15px;
  }
  
  .vf_home_video {
    height: 80vh;
  }
  
  #hyperlinkblock {
    bottom: 30px;
  }
  
  .vf_l-text_r-bild h3 {
    font-size: 32px;
    font-weight: 400;
    margin: 15px 0;
  }
  
  .vf_l-text_r-bild h4 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
  }  

  .vf_bg_black.margin_M {
    margin-top: 60px;
  }  
  
  .mod_faqpage .ui-accordion-header-icon {
    right: 8px;
  }  
  
  
  .vf_grund_zahl {
    font-size: 72px;
    text-align: center;
  }

  .vf_grund_text {
    
  }

  .vf_grund_titel {
    padding-top: 3px;
    font-size: 18px;
  }

  .vf_grund_beschreibung {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (min-width: 768px) {
  
  .mod_faqpage td {
    font-size: 16px;
  } 
  
  .vf_bg_black.margin_M {
    margin-top: 100px;
  }
  
  .col-3 {
    max-width: 100%;
  }
}