@charset "UTF-8";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

a {
  background: transparent; }

a:focus {
  outline: thin dotted; }

a:active,
a:hover {
  outline: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button,
input {
  line-height: normal; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(fonts/Vollkorn-VariableFont_wght.ttf) format("truetype"); }

@font-face {
  font-family: 'Vollkorn';
  font-style: italic;
  font-weight: 400 900;
  font-display: swap;
  src: url(fonts/Vollkorn-Italic-VariableFont_wght.ttf) format("truetype"); }

/*
@font-face {
    font-family: 'Norican';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/Norican-Regular.eot?#iefix) format('embedded-opentype'), 
         url(fonts/Norican-Regular.otf) format('otf'), 
         url(fonts/Norican-Regular.svg#Norican-Regular) format('svg'), 
         url(fonts/Norican-Regular.ttf) format('truetype'), 
         url(fonts/Norican-Regular.woff) format('woff'), 
         url(fonts/Norican-Regular.woff2) format('woff2');
}
*/
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/Raleway-VariableFont_wght.eot);
  src: url(fonts/Raleway-VariableFont_wght.eot?#iefix) format("embedded-opentype"), url(fonts/Raleway-VariableFont_wght.otf) format("otf"), url(fonts/Raleway-VariableFont_wght.svg#Raleway-VariableFont_wght) format("svg"), url(fonts/Raleway-VariableFont_wght.ttf) format("truetype"), url(fonts/Raleway-VariableFont_wght.woff) format("woff"), url(fonts/Raleway-VariableFont_wght.woff2) format("woff2"); }

@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/Raleway-Italic-VariableFont_wght.eot);
  src: url(fonts/Raleway-Italic-VariableFont_wght.eot?#iefix) format("embedded-opentype"), url(fonts/Raleway-Italic-VariableFont_wght.otf) format("otf"), url(fonts/Raleway-Italic-VariableFont_wght.svg#Raleway-Italic-VariableFont_wght) format("svg"), url(fonts/Raleway-Italic-VariableFont_wght.ttf) format("truetype"), url(fonts/Raleway-Italic-VariableFont_wght.woff) format("woff"), url(fonts/Raleway-Italic-VariableFont_wght.woff2) format("woff2"); }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(fonts/MaterialIcons-Regular.woff2) format("woff2"), url(fonts/MaterialIcons-Regular.woff) format("woff"), url(fonts/MaterialIcons-Regular.ttf) format("truetype"); }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

* {
  text-wrap: normal !important;
  hyphens: auto !important; }

body {
  background-color: #D7C2B2;
  color: #010101;
  font-family: Raleway, sans-serif;
  font-weight: 500;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-wrap: normal;
  min-width: 320px; }

.container {
  margin: 0 auto;
  max-width: 1600px;
  width: 100%; }

div.maincontent {
  background-color: #FFF;
  margin: 0;
  padding: 1em;
  transform: translateY(-5px);
  /*    
    img:hover {
        opacity: 0.85;
    }
*/ }
  div.maincontent a:link, div.maincontent a:visited {
    color: #bf1b13; }
  div.maincontent a:active, div.maincontent a:hover {
    color: #ed524b; }

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

h1, h2, h3, h4 {
  font-family: Vollkorn, serif; }

h1 {
  font-size: 3.2rem;
  font-size: clamp(2rem, 5vw, 3.2rem);
  color: #460A07;
  margin-bottom: 0;
  font-style: italic; }

h2 {
  font-size: 2.6rem;
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  color: #460A07;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  font-style: italic; }

h3 {
  font-size: 2rem;
  font-size: clamp(1.4rem, 2.5vw, 2rem);
  color: #460A07; }

h4 {
  font-size: 18px;
  font-size: clamp(0.9rem, 2.3vw, 1.4rem);
  color: #2E2E2E; }

::-moz-selection {
  background-color: #460A07;
  color: #F8F8F8; }

::selection {
  background-color: #460A07;
  color: #F8F8F8; }

p, td {
  font-size: clamp(0.9rem, 2vw, 1rem); }

/* Display-Modes */
.d-none {
  display: none; }

.d-block {
  display: block; }

.d-flex {
  display: flex; }

.d-grid {
  display: grid; }

/* für Textbausteine benötigt:*/
.floatleft {
  float: left; }

.floatright {
  float: right; }

.imgfloatleft {
  float: left;
  margin-right: 1rem;
  margin-bottom: 0.5rem; }

.imgfloatright {
  float: right;
  margin-left: 1rem;
  margin-bottom: 0.5rem; }

.center {
  text-align: center; }

.imgcenter {
  text-align: center;
  margin: 0 auto; }

.error {
  color: red; }

/* -- End Textbausteine ---*/
/* Standard-ListenElemente UL LI  */
div.container div.maincontent div.row div.col div ul li {
  margin-left: 1rem;
  list-style-type: square;
  font-size: clamp(0.9rem, 2vw, 1.2rem); }

/* ul.uniform - Listen in Courier */
div.container div.maincontent div.row div.col div ul.uniform {
  font-family: 'Courier New'; }
  div.container div.maincontent div.row div.col div ul.uniform li {
    list-style-type: none;
    max-width: 340px;
    font-size: clamp(0.9rem, 2vw, 1.2rem); }
  div.container div.maincontent div.row div.col div ul.uniform li:nth-child(odd) {
    background-color: #eeeeee; }

.btn,
.btn-small {
  border-radius: 0.5rem; }

nav {
  background: linear-gradient(180deg, #460A07 0%, #620e0a 100%); }
  nav div.nav-wrapper {
    position: relative; }
    nav div.nav-wrapper.container ul li a:link,
    nav div.nav-wrapper.container ul li a:visited {
      font-size: 1rem;
      font-weight: 600; }
      nav div.nav-wrapper.container ul li a:link i,
      nav div.nav-wrapper.container ul li a:visited i {
        float: left;
        margin-right: 0.25rem; }
    nav div.nav-wrapper.container ul li a:hover {
      background-color: #2f0705; }
    nav div.nav-wrapper ul#dropdownhotel.dropdown-content,
    nav div.nav-wrapper ul#dropdownumgebung.dropdown-content {
      position: absolute;
      top: -4rem;
      background-color: rgba(84, 12, 9, 0.6); }
      nav div.nav-wrapper ul#dropdownhotel.dropdown-content li a:link, nav div.nav-wrapper ul#dropdownhotel.dropdown-content li a:visited,
      nav div.nav-wrapper ul#dropdownumgebung.dropdown-content li a:link,
      nav div.nav-wrapper ul#dropdownumgebung.dropdown-content li a:visited {
        color: #F8F8F8; }
      nav div.nav-wrapper ul#dropdownhotel.dropdown-content li a:hover, nav div.nav-wrapper ul#dropdownhotel.dropdown-content li a:active,
      nav div.nav-wrapper ul#dropdownumgebung.dropdown-content li a:hover,
      nav div.nav-wrapper ul#dropdownumgebung.dropdown-content li a:active {
        background-color: #2a0604;
        color: #fff; }
  nav .nav-wrapper.container #logo-container2.brand-logo-image {
    position: absolute;
    left: 1rem;
    top: 1rem;
    z-index: 10; }
    nav .nav-wrapper.container #logo-container2.brand-logo-image img {
      max-width: 42vw;
      height: auto;
      border-radius: 0.5rem; }
    @media only screen and (max-width: 560px) {
      nav .nav-wrapper.container #logo-container2.brand-logo-image {
        display: none; } }
  nav .nav-wrapper.container a#logo-container.brand-logo-text {
    display: block;
    width: calc(100% - 70px);
    text-align: center;
    font-family: Norican;
    font-size: 2.2rem;
    float: left; }
    @media only screen and (min-width: 560px) {
      nav .nav-wrapper.container a#logo-container.brand-logo-text {
        display: none; } }
    @media only screen and (max-width: 540px) {
      nav .nav-wrapper.container a#logo-container.brand-logo-text {
        font-size: 1.6rem; } }
    @media only screen and (max-width: 400px) {
      nav .nav-wrapper.container a#logo-container.brand-logo-text {
        font-size: 1.2rem; } }
  nav div.nav-wrapper.container ul#nav-mobile.sidenav div.user-view {
    width: 310px;
    height: 180px;
    background-color: #460A07;
    text-align: center; }
    nav div.nav-wrapper.container ul#nav-mobile.sidenav div.user-view img.mobilenavlogo {
      padding: 0;
      margin: 0;
      width: 14rem;
      height: 8rem;
      filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.6)); }
    nav div.nav-wrapper.container ul#nav-mobile.sidenav div.user-view span {
      display: inline-block;
      width: 310px;
      padding: 0;
      margin: 0 0 0 -1rem;
      font-family: 'Times New Roman';
      font-size: 1rem;
      transform: translateY(-1rem);
      text-align: center; }
  nav div.nav-wrapper.container ul#nav-mobile.sidenav li ul li {
    padding-left: 1rem; }
  nav div.nav-wrapper.container ul#nav-mobile.sidenav li a:link,
  nav div.nav-wrapper.container ul#nav-mobile.sidenav li a:visited {
    color: #010101; }
  nav div.nav-wrapper.container ul#nav-mobile.sidenav li a:hover,
  nav div.nav-wrapper.container ul#nav-mobile.sidenav li a:active {
    background-color: rgba(84, 12, 9, 0.8);
    color: #fff; }

/*tablet - Ansicht kleiner  */
@media only screen and (max-width: 400px) {
  nav div.nav-wrapper.container a#logo-container.brand-logo.show-on-small.hide-on-large-only {
    font-size: 1rem; }
    nav div.nav-wrapper.container a#logo-container.brand-logo.show-on-small.hide-on-large-only span {
      display: none; } }

.form {
  margin-top: 1rem; }

fieldset {
  padding: 1rem !important;
  margin-bottom: 1rem !important;
  border: 1px solid #C0C0C0;
  background-color: #eeeeee;
  border-radius: 0.5rem;
  background: linear-gradient(180deg, #F0F0F0 0%, #F8F8F8 50%, #cccccc 100%); }
  fieldset legend {
    background: linear-gradient(180deg, #F0F0F0 0%, #F8F8F8 50%, #cccccc 100%);
    color: #460A07;
    padding: 0.25rem 0.5rem;
    border-radius: 0.5rem;
    border: 1px solid #C0C0C0;
    font-size: 0.9rem;
    font-weight: 600; }

fieldset div.row div.input-field {
  margin-left: 1rem;
  margin-right: 1rem; }

fieldset div.row div.input-field > label span.error {
  color: #ff0000 !important; }

input:focus,
.materialize-textarea:focus:not([readonly]) {
  border-bottom: 2px solid black !important;
  box-shadow: 0 1px 0 0 black !important; }

.input-field .prefix.active {
  color: #460A07 !important; }

.input-field i.material-icons.prefix:hover {
  cursor: default; }

label.active {
  color: #460A07 !important; }

input[type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:after {
  background-color: #460A07 !important; }

input[type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:before,
input[type="radio"].with-gap:checked + span:after {
  border: 2px solid #460A07 !important; }

.checkbox-blue[type="checkbox"].filled-in:checked + span:not(.lever):after {
  border: 2px solid #460A07 !important;
  background-color: #460A07 !important; }

.scriptsperre {
  text-align: center; }

input.txt.active,
input.txt:focus {
  height: 24px;
  margin: 5px;
  background-color: lightgray; }

.input-field input[type=text].valid {
  border-bottom: 1px solid #000 !important;
  box-shadow: 0 1px 0 0 #000 !important; }

.input-field label span.error {
  display: inline-block;
  transform: scale(2); }

div.anrede-icon {
  width: 3rem;
  height: 1.5rem;
  float: left;
  padding-left: 0.8rem;
  text-align: center; }
  div.anrede-icon .material-icons {
    font-size: 2rem;
    margin: 0;
    padding: 0; }

div.anreden {
  width: calc(100% - 4rem);
  float: right;
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  div.anreden input[type="radio"] {
    margin: 0;
    padding: 0; }
  div.anreden label {
    display: inline-block; }
    div.anreden label span {
      display: inline-block;
      margin: 0 0 0 0.5rem;
      padding: 0 0 0 1.7rem !important; }

div.form fieldset div.row div.input-field .datepicker-date-display {
  background-color: #620e0a !important; }

div.form fieldset div.row div.input-field .picker__day.picker__day--today {
  color: red !important; }

div.form fieldset div.row div.input-field .datepicker-day-button {
  color: #460A07 !important; }

div.form fieldset div.row div.input-field .datepicker-cancel {
  color: #620e0a !important;
  font-weight: 700; }

div.form fieldset div.row div.input-field .datepicker-done {
  color: #620e0a !important;
  font-weight: 700; }

div.form fieldset div.row div.input-field .is-today .datepicker-day-button {
  color: red !important;
  font-weight: 600; }

div.form fieldset div.row div.input-field .is-selected .datepicker-day-button {
  background-color: #620e0a !important;
  color: white !important;
  font-weight: 600; }

.dropdown-content.select-dropdown li span {
  color: black !important; }

.datepicker-calendar .datepicker-controls .month-prev:focus,
.datepicker-calendar .datepicker-controls .month-next:focus {
  background-color: #620e0a !important; }

header {
  margin: 0;
  padding: 0; }

header div.container.headerimg {
  margin-bottom: 0;
  padding: 0;
  overflow: hidden; }
  header div.container.headerimg #ctl00_headerimg1 {
    transform: scale(1);
    transform-origin: center;
    transition-duration: 3s;
    z-index: 1; }
  header div.container.headerimg #ctl00_headerimg1:hover {
    transform: scale(1.2);
    transform-origin: center;
    transition-duration: 10s; }

footer.page-footer {
  background-color: #2E2E2E;
  transform: translateY(-5px);
  font-size: 1rem; }
  footer.page-footer div.row.footerrow {
    position: relative; }
    footer.page-footer div.row.footerrow div.scrolltotop {
      position: absolute;
      right: 1rem;
      top: -3rem; }
  footer.page-footer .cright {
    padding: 1rem 0;
    background-color: #212121;
    color: #888888; }
  footer.page-footer div.container div.row p a:link,
  footer.page-footer div.container div.row p a:visited,
  footer.page-footer div.container div.row ul li a:link,
  footer.page-footer div.container div.row ul li a:visited {
    color: #ed524b; }
  footer.page-footer div.container div.row p a:hover,
  footer.page-footer div.container div.row p a:active,
  footer.page-footer div.container div.row ul li a:hover,
  footer.page-footer div.container div.row ul li a:active {
    color: white;
    text-decoration: underline; }
  footer.page-footer div.container div.row ul.footernav li a:link,
  footer.page-footer div.container div.row ul.footernav li a:visited {
    line-height: 1.75rem; }
  footer.page-footer h4 {
    font-size: 2rem; }
  footer.page-footer .facebook {
    display: block;
    margin-top: 1.5rem;
    color: #eeeeee; }
    footer.page-footer .facebook .facebook-logo {
      width: 32px;
      height: 32px;
      overflow: hidden;
      margin: 0 auto;
      float: right; }
      footer.page-footer .facebook .facebook-logo img {
        width: 32px;
        transition: ease-in-out 0.25s; }
        footer.page-footer .facebook .facebook-logo img:hover {
          transform: translateY(-32px); }
  footer.page-footer .footer__contact-item {
    position: relative;
    margin-bottom: 0.75rem; }
  footer.page-footer .footer__contact-item-icon {
    position: relative;
    z-index: 2;
    background-color: #5d0d09;
    height: 4rem;
    width: 4rem;
    text-align: center;
    border-radius: 100000px;
    font-size: 2.5rem;
    color: #F0F0F0; }
    footer.page-footer .footer__contact-item-icon--phone {
      line-height: 3.9rem; }
  footer.page-footer .footer__contact-item-link {
    position: absolute;
    z-index: 1;
    left: 2rem;
    top: 0.25rem;
    white-space: nowrap;
    background-color: #222222;
    text-decoration: none;
    color: white;
    padding: 1rem 1rem 1rem 3rem;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    width: 19rem;
    text-align: left;
    overflow: hidden; }
    footer.page-footer .footer__contact-item-link::after {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: calc(-100% - 5rem);
      width: calc(100% + 5rem);
      bottom: 0;
      background-image: linear-gradient(-45deg, transparent 2.82rem, #90150e 2.82rem);
      background-position: right center;
      background-repeat: no-repeat;
      transition: transform 0.5s ease-in-out;
      will-change: transform; }
    footer.page-footer .footer__contact-item-link:hover::after {
      transform: translate(100%, 0); }
  footer.page-footer .anfahrtteaser1 img {
    width: 100%;
    max-width: 400px;
    height: auto;
    margin-bottom: 0.875rem; }
  @media only screen and (max-width: 360px) {
    footer.page-footer .footer__contact-item-link {
      font-size: 0.8rem;
      width: 16rem; } }

.parallax-container {
  min-height: 320px;
  line-height: 0;
  height: auto;
  color: #eeeeee;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-bottom: 2rem; }
  .parallax-container h5 {
    font-size: 3rem;
    font-weight: 600;
    text-shadow: 5px 5px 0.5rem rgba(0, 0, 0, 0.9); }
    @media only screen and (max-width: 600px) {
      .parallax-container h5 {
        font-size: 2rem; } }
  .parallax-container img {
    width: 1600px;
    height: auto; }

.parallax-container .section {
  width: 100%; }

@media only screen and (max-width: 992px) {
  .parallax-container .section {
    position: absolute;
    top: 10%; }
  #index-banner .section {
    top: 10%; } }

.videobox {
  border: 1px solid #C0C0C0;
  margin: 1rem;
  padding: 1rem;
  border-radius: 0.5rem; }
  .videobox .videocontainer {
    margin-top: 1rem;
    margin-bottom: 1rem; }
    .videobox .videocontainer .video {
      width: 100%;
      height: auto; }

.bordered_box {
  text-align: center;
  border: 1px solid #C0C0C0;
  box-shadow: 0 5px 5px -3px black;
  padding: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 0.5rem;
  background: linear-gradient(0deg, #C0C0C0 0%, #F8F8F8 50%, #eeeeee 100%); }
  .bordered_box .box-content {
    text-align: center !important;
    align-self: stretch; }
    .bordered_box .box-content h3 {
      margin: -1rem -1rem 1rem -1rem;
      padding: 0.5rem 0;
      background-color: #C0C0C0;
      color: #620e0a; }
    .bordered_box .box-content ul.bordered-box-list {
      text-align: left; }
      .bordered_box .box-content ul.bordered-box-list li a:link,
      .bordered_box .box-content ul.bordered-box-list li a:visited {
        font-size: 1rem;
        color: #000; }
      .bordered_box .box-content ul.bordered-box-list li a:hover,
      .bordered_box .box-content ul.bordered-box-list li a:active {
        color: #90150e; }
    .bordered_box .box-content a:link img.circlesmaller, .bordered_box .box-content a:visited img.circlesmaller {
      border-radius: 50%;
      box-shadow: 4px 4px 10px #444444;
      width: 150px;
      height: 150px;
      margin-bottom: 1rem; }
  .bordered_box .btnwebsite {
    margin-top: 1rem;
    align-items: center; }

.flexitemcontainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: stretch;
  text-align: center; }
  .flexitemcontainer .bordered_box {
    min-width: 31%;
    max-width: 31%; }

/*tablet - Ansicht kleiner 768 */
@media only screen and (max-width: 768px) {
  .flexitemcontainer div.bordered_box {
    min-width: 45%;
    max-width: 45%; } }

/*tablet - Ansicht kleiner 500 */
@media only screen and (max-width: 500px) {
  .flexitemcontainer div.bordered_box {
    min-width: 90%;
    max-width: 90%; } }

.histimagecontainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: stretch;
  text-align: center; }
  .histimagecontainer .boxhistory {
    text-align: center;
    border: 1px solid #C0C0C0;
    box-shadow: 0 5px 5px -3px black;
    padding: 1rem;
    margin-bottom: 2rem;
    min-width: 45%;
    max-width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 0.5rem;
    background: linear-gradient(0deg, #C0C0C0 0%, #F8F8F8 50%, #eeeeee 100%); }
    .histimagecontainer .boxhistory .imagecontainer {
      padding: 1rem; }
      .histimagecontainer .boxhistory .imagecontainer img {
        border-radius: 0.5rem; }
    .histimagecontainer .boxhistory .caption {
      font-weight: 600; }

/*tablet - Ansicht kleiner 900 */
@media only screen and (max-width: 500px) {
  .histimagecontainer .boxhistory {
    min-width: 90%;
    max-width: 90%; } }

.gaestebuchentry .gaestebuchentryheader {
  margin: 1rem 0;
  font-size: 1.5rem;
  font-weight: 600; }

.gaestebuchentry .gaestebuchentrytext {
  margin-bottom: 2rem; }

.gaestebuchentryseparator {
  width: 3rem;
  height: 0.4rem;
  background-color: #620e0a;
  border-radius: 0.2rem;
  margin-top: 1rem;
  margin-bottom: 3rem; }

@media screen and (max-width: 768px) {
  .bordered_box .btnNeuerGbEintrag a {
    font-size: 0.8rem; } }

@media screen and (max-width: 700px) {
  .bordered_box .btnNeuerGbEintrag a {
    font-size: 0.6rem; }
    .bordered_box .btnNeuerGbEintrag a i {
      display: none; } }

@media screen and (max-width: 600px) {
  .bordered_box .btnNeuerGbEintrag a {
    font-size: 1rem; }
    .bordered_box .btnNeuerGbEintrag a i {
      display: inline; } }

.selektor {
  background: linear-gradient(180deg, #460A07 0%, #620e0a 100%);
  color: #F8F8F8;
  width: 100%;
  height: 4rem;
  border-radius: 0.5rem;
  padding: 0;
  margin: 1rem 0 2rem 0;
  display: flex;
  justify-content: center;
  align-items: center; }

.fotogrid {
  margin: 0 auto;
  margin-bottom: 2rem; }

.fotogrid-item {
  width: 320px;
  margin-bottom: 10px;
  overflow: hidden; }

.fotogrid-item img {
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: all 0.5s ease-in-out;
  cursor: pointer; }

.fotogrid-item img:hover {
  filter: saturate(120%) brightness(1.2);
  transform: scale(1.1);
  transition: all 0.5s ease-in-out; }

.modaldialogfoto {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 10;
  /* Sit on top */
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.8);
  /* Black w/ opacity */ }

.modal-contentfoto {
  background-color: transparent;
  position: relative;
  width: auto;
  max-width: 70vw;
  /* Could be more or less, depending on screen size */
  height: auto;
  max-height: 90vh;
  top: 50vh;
  left: 50vw;
  transform: translate(-50%, -50%);
  z-index: 10000 !important; }
  .modal-contentfoto .btnclose {
    width: 3rem;
    height: 3rem;
    text-align: center;
    background-color: transparent;
    color: #C0C0C0;
    position: absolute;
    top: -4.8vh;
    right: -1.4vw;
    z-index: 2000 !important; }
  .modal-contentfoto .btnclose:hover,
  .modal-contentfoto .btnclose:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer; }
  .modal-contentfoto .modal-containerfoto img {
    object-fit: contain;
    max-width: 70vw;
    height: auto;
    max-height: 90vh;
    filter: drop-shadow(0px 0px 2px #fff) drop-shadow(0px 0px 2px #fff); }

/* Section WELCOME */
.welcome {
  margin-top: 1rem; }
  .welcome .welcomecontainer .welcome-img img {
    width: 40%;
    height: auto;
    max-width: 34rem;
    max-height: 34rem;
    object-fit: cover;
    float: left;
    border-radius: 1000000px;
    /* clip-path: circle(50% at 50% 50%); */
    shape-outside: circle(50% at 50% 50%);
    margin-right: 2rem;
    margin-bottom: 2rem; }
  .welcome .welcomecontainer .welcome-text2 {
    text-align: justify; }

/* Section TEASER */
.teaser div.icon-block {
  border: 1px solid #C0C0C0;
  /* background-color: $gray-lighter; */
  background: linear-gradient(0deg, #C0C0C0 0%, #F8F8F8 50%, #eeeeee 100%);
  margin: 1rem;
  padding: 1rem;
  border-radius: 0.5rem;
  text-align: center; }
  .teaser div.icon-block h1 i.medium.material-icons {
    color: #620e0a; }
  .teaser div.icon-block h4 {
    font-size: clamp(18px, 4vw, 22px); }

/* Section TEXTTEASER */
section.textteaser {
  margin-left: -1rem;
  margin-right: -1rem;
  margin-bottom: -1rem;
  padding: 2rem;
  background: url("../images/specialimages/hotel-oberland-neuhaus-bg-03.jpg");
  background-position: top;
  color: #fff;
  position: relative;
  z-index: 2; }
  section.textteaser h3 {
    color: #fff;
    text-align: left; }
  section.textteaser .textteaser-text {
    position: relative;
    column-count: 2;
    column-gap: 4rem;
    column-rule: 0.02rem solid #F8F8F8;
    max-width: 46rem;
    margin: 0 auto;
    text-align: justify;
    color: #fff;
    text-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.5);
    padding-bottom: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    z-index: 3; }
    @media only screen and (max-width: 783px) {
      section.textteaser .textteaser-text {
        column-count: 1; } }

section.textteaser::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, #460A07 0%, #620e0a 100%);
  opacity: 0.8;
  z-index: 1; }

#controlbar {
  background-color: #620e0a;
  width: 100%;
  padding: 0.3em;
  margin-bottom: 1rem; }
  #controlbar img {
    width: 16px;
    height: 16px; }

.box {
  border: 1px solid #C0C0C0;
  background-color: #F0F0F0;
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 1rem; }
  .box h2 {
    margin: 0;
    padding: 0; }

.planungsapplet {
  background-color: #F0F0F0;
  padding: 0.5em; }

.resultrow {
  font-size: 14px; }

#printoutPanel .MicrosoftMap.dirSDK .directionsPanel {
  display: inline-block;
  width: 100% !important;
  margin-top: 1.5rem;
  font-size: 1.5rem;
  color: #333333; }

div#printoutPanel .MicrosoftMap.dirSDK .directionsPanel table tr td p.drTitleText {
  color: #333333; }

div#printoutPanel .MicrosoftMap.dirSDK .directionsPanel table tr td p.traffic {
  color: #009c5b; }

div#printoutPanel .MicrosoftMap.dirSDK .directionsPanel table tr td.drTitleRight {
  color: #404040; }

div#printoutPanel .MicrosoftMap.dirSDK .directionsPanel table tr td.drDuration.selected table.drDurationTable tr td p {
  color: #404040; }

div#printoutPanel .MicrosoftMap.dirSDK .directionsPanel table tr td.drDuration.selected table.drDurationTable td.hoursMinsSeparator {
  color: #404040; }

div#printoutPanel .MicrosoftMap.dirSDK .directionsPanel table tr th {
  background: #FFF;
  font-size: 1.5rem; }

div#printoutPanel .MicrosoftMap.dirSDK .directionsPanel div.dirLeg div.dirInstructions table tbody tr td {
  background: #FFF;
  font-size: 1.5rem; }

/* SECTION UMGEBUNG*/
.umgebung .umgebung-slideshow {
  position: relative; }

.umgebung .sl-img {
  width: 23rem;
  height: 23rem;
  object-fit: cover;
  float: left;
  border-radius: 1000000px;
  /* clip-path: circle(50% at 50% 50%); */
  shape-outside: circle(50% at 50% 50%);
  margin-right: 2rem;
  margin-bottom: 1rem; }

@media screen and (max-width: 780px) {
  .umgebung .sl-img {
    width: 16rem;
    height: 16rem; } }

@media screen and (max-width: 490px) {
  .umgebung .sl-img {
    width: 12rem;
    height: 12rem; } }

.umgebung .sl-img-slideshow {
  position: absolute;
  top: 0;
  left: 0; }

.umgebung .sl-img-slideshow-3 {
  animation-name: animation-about__img--slideshow-3;
  animation-timing-function: ease-in-out;
  animation-duration: 20s;
  animation-iteration-count: infinite; }

@keyframes animation-about__img--slideshow-3 {
  0% {
    opacity: 1; }
  20% {
    opacity: 1; }
  25% {
    opacity: 0; }
  95% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.umgebung .sl-img-slideshow-2 {
  animation-name: animation-about__img--slideshow-2;
  animation-timing-function: ease-in-out;
  animation-duration: 20s;
  animation-iteration-count: infinite; }

@keyframes animation-about__img--slideshow-2 {
  0% {
    opacity: 1; }
  45% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.umgebung .sl-img-slideshow-1 {
  animation-name: animation-about__img--slideshow-1;
  animation-timing-function: ease-in-out;
  animation-duration: 20s;
  animation-iteration-count: infinite; }

@keyframes animation-about__img--slideshow-1 {
  0% {
    opacity: 1; }
  70% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 0; } }

/* SECTION  INFOS */
.infos {
  margin-top: 3rem; }

div.container div.maincontent div.row div.col div ul li {
  font-size: clamp(0.9rem, 2vw, 1rem) !important; }

section.zimmerbilder {
  padding: 1rem;
  background-color: #C7B3A6;
  margin-top: 1rem;
  margin-bottom: 2rem;
  margin-left: -1rem;
  margin-right: -1rem; }
  section.zimmerbilder h3 {
    color: #fff;
    padding-left: 1rem;
    margin-top: 0; }
  section.zimmerbilder .image-sample {
    overflow: hidden;
    border-radius: 0.5rem; }
    section.zimmerbilder .image-sample img {
      transform: scale(1);
      transition: all 0.5s ease-in-out;
      border-radius: 0.5rem; }
    section.zimmerbilder .image-sample img:hover {
      filter: saturate(120%) brightness(1.2);
      transform: scale(1.1);
      transition: all 0.5s ease-in-out; }