/* import the bajuku base theme on the basis of the startbootstrap-agency theme*/
/* Transition Mixin */
/* @include transition(all,2s,ease-out); */
body { overflow-x: hidden; font-family: 'Arimo', sans-serif; font-display: swap; color: #495057; }

@media (max-width: 992px) { body { font-weight: 400; color: #000; }
  body p { font-size: 16px !important; } }

section:before { height: 80px; content: ""; display: block; }

#reservierung { padding-bottom: 10px; }

#reservierung-formular { background-color: #FAFAFA; padding-top: 10px; }

#reservierung-formular:before { height: 0px; }

p { line-height: 1.75; }

a { color: #841f28; }

a:hover { color: #5b151b; }

.text-primary { color: #841f28 !important; }

h1, h2, h3, h4, h5, h6 { font-weight: 200; font-family: 'Arimo', sans-serif; font-display: swap; }

.top-buffer { margin-top: 50px; }

#kontakt a { color: #648A5F; }

section { padding: 100px 0; }

section h2.section-heading { font-size: 20px; margin-top: 0; margin-bottom: 15px; text-align: center; text-transform: uppercase; }

@media (max-width: 576px) { section h2.section-heading { font-size: 20px; } }

section h3.section-subheading { font-size: 17px; font-weight: 200; margin-bottom: 75px; text-transform: none; text-align: center; }

@media (max-width: 576px) { section h3.section-subheading { font-size: 17px; } }

@media (min-width: 768px) { section { padding: 80px 0; } }

.btn { font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; ont-display: swap; font-weight: 700; }

.btn-xl { font-size: 18px; padding: 20px 40px; }

.btn-primary { background-color: #841f28; border-color: #841f28; }

.btn-primary:active, .btn-primary:focus, .btn-primary:hover { background-color: #65181f !important; border-color: #65181f !important; color: white; }

.btn-primary:active, .btn-primary:focus { box-shadow: 0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important; }

::-moz-selection { background: #841f28; text-shadow: none; }

::selection { background: #841f28; text-shadow: none; }

img::selection { background: transparent; }

img::-moz-selection { background: transparent; }

#mainNav { border-bottom: 1px solid rgba(33, 37, 41, 0.1); background-color: #fff; padding: 25px 5px; font-family: 'Arimo', sans-serif; font-display: swap; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

#mainNav .navbar-brand img { margin-bottom: 12px; width: 200px; }

#mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus { font-size: 17px; font-weight: 100; color: #495057; }

#mainNav .navbar-nav > li.nav-item > a.nav-link:hover, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover { color: #841f28; }

#mainNav .navbar-nav > li.nav-item > a.nav-link.active, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active { color: #841f28 !important; background-color: transparent; }

#mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active:hover { background-color: transparent; }

@media (min-width: 1200px) { #mainNav .navbar-brand img { width: 270px; } }

@media (min-width: 992px) { #mainNav { padding: 25px 0 15px 0; top: 40px; background-color: #mainNav white; }
  #mainNav.navbar-shrink { padding: 0; border-color: #212529; }
  #mainNav .navbar-nav > li.nav-item { border-left: 1px solid #841f28; }
  #mainNav .navbar-nav > li.nav-item > a.nav-link { padding: 15px 20px; }
  #mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus { color: #868e96; -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out; -ms-transition: all 2s ease-out; -o-transition: all 2s ease-out; transition: all 2s ease-out; }
  #mainNav .navbar-nav > li.nav-item > a.nav-link:hover, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover { color: #841f28; } }

#header_menu { display: none; z-index: 10; background-color: #648A5F; position: fixed; top: 0px; width: 100%; color: #fff; padding: 0px; padding-top: 4px; height: 40px; line-height: 17px; }

#header_menu .row { display: block; }

#header_menu .left { float: left; padding-left: 20px; }

#header_menu .right { float: right; padding-right: 20px; }

#header_menu ul { padding: 0; margin: 0; list-style: none; }

#header_menu ul li { float: left; padding-top: 5px; padding-right: 20px; display: block; position: relative; text-transform: uppercase; }

#header_menu ul li span { font-family: 'Arimo', sans-serif; font-display: swap; font-size: 11px; color: #fff; padding-left: 5px; }

#header_menu ul li a { font-family: 'Arimo', sans-serif; font-display: swap; font-size: 11px; color: #fff; }

@media (min-width: 992px) { #header_menu { display: block; } }

header.masthead { width: 100%; }

header.masthead .carousel-control-next-icon, header.masthead .carousel-control-prev-icon { width: 50px; height: 50px; }

header.masthead .carousel-caption { bottom: 40%; background-color: rgba(132, 31, 40, 0.6); -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; border-top: solid 1px rgba(255, 255, 255, 0.6); border-bottom: solid 1px rgba(255, 255, 255, 0.6); z-index: 0; }

header.masthead .carousel-caption h5 { font-size: 40px; margin-bottom: 0px; }

@media (min-width: 992px) { header.masthead .carousel-caption { bottom: 50%; } }

#slideOut { position: absolute; width: 0px; height: 800px; top: 80px; right: -0px; /* Animation  */ transition-property: all; transition-duration: .5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); z-index: 5; }

#slideOut .modal-content { top: 140px; border-radius: 0; display:none; }

/* Display slideOut */
.showSlideOut { right: 0px !important; width:300px!important }
.showSlideOut .modal-content {display:block!important;}

/* Tab */
.slideOutTab { margin-top: 170px; position: absolute; left: -50px; height: 250px; width: 50px; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); background: #841f28; border-radius: 15px 0px 0px 15px; }

.slideOutTab div { text-align: center; position: relative; color: #fff; width: 230px; right: 90px; top: 110px; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); writing-mode: lr-tb; }

#welcome h1 { display: none; }

#welcome h2.section-heading { padding-bottom: 15px; }

#ausstattung h2 { text-align: left; text-transform: uppercase; }

#ausstattung h3 { text-align: left; margin-bottom: 15px; }

#leistung { padding: 0px; display: block; color: #fff; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; height: auto; }

#leistung .overlay { margin-top: -80px; width: 100%; height: 100%; background-color: rgba(132, 31, 40, 0.8); }

#leistung .container { padding: 50px 20px; }

#leistung h2 { text-align: left; text-transform: uppercase; }

#leistung h3 { text-align: left; margin-bottom: 15px; }

#reservierung { background-color: #648A5F; color: #fff; }

#reservierung h2.section-heading { padding-bottom: 15px; }

@media (max-width: 576px) { #reservierung h4 { font-size: 20px; } }

#kontakt { background-color: #841f28; background-repeat: no-repeat; background-position: right; background-size: auto; display: block; color: #fff; padding-bottom: 0px; }

#kontakt .container { padding-bottom: 20px; }

#kontakt h2 { text-align: left; text-transform: uppercase; }

#kontakt h3 { text-align: left; margin-bottom: 15px; }

#kontakt .container-fluid .col-md-12 { padding: 0px; margin-bottom: -8px; }

.where-item { margin-bottom: 50px; text-align: center; }

.where-item img { width: 150px; height: 150px; border: 7px solid #fff; -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out; -ms-transition: all 2s ease-out; -o-transition: all 2s ease-out; transition: all 2s ease-out; }

.where-item img:hover { border: 7px solid #841f28; }

@media (min-width: 992px) { .where-item img { width: 225px; height: 225px; } }

@media (max-width: 768px) { .where-item img { width: 225px; height: 225px; } }

.where-item h4 { color: #fff; margin-top: 25px; margin-bottom: 10px; text-transform: none; }

.where-item p { margin-top: 0; min-height: 150px; }

@media (max-width: 768px) { .where-item p { padding-bottom: 15px; min-height: 0; } }

#paralax1 { /* Create the parallax scrolling effect */ display: block; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }

@media (max-width: 768px) { #paralax1 { min-height: 200px; } }

#paralax1 .overlay { width: 100%; height: 100%; background-color: rgba(100, 138, 95, 0.8); }

#paralax1 .paralax-inner { padding: 30px 20px; font-weight: 200; color: #fff; text-shadow: 0px 0px 7px #000000; text-transform: upppercase; text-align: left; }

#paralax1 .paralax-inner a { color: #fff; }

@media (max-width: 576px) { #paralax1 .paralax-inner h3 { font-size: 20px; } }

#paralax2 { /* Create the parallax scrolling effect */ display: block; background-position: center; background-repeat: no-repeat; background-size: cover; height: 430px; }

@media (max-width: 768px) { #paralax2 { height: 330px; } }

#paralax2 .overlay { width: 100%; height: 100%; background-color: rgba(100, 138, 95, 0.7); }

#paralax2 .paralax-inner { padding: 120px 0px; font-weight: 200; color: #fff; text-shadow: 0px 0px 7px #000000; text-align: center; }

#paralax2 .paralax-inner a { color: #fff; }

#paralax2 .paralax-inner h3 { font-size: 30px; }

@media (max-width: 768px) { #paralax2 .paralax-inner h3 { font-size: 20px; } }

#paralax-team { /* Create the parallax scrolling effect */ display: block; background-position: center; background-repeat: no-repeat; background-size: cover; height: 430px; }

@media (max-width: 768px) { #paralax-team { height: 330px; } }

#paralax-team .overlay { width: 100%; height: 100%; background-color: rgba(100, 138, 95, 0.3); }

#paralax-team .paralax-inner { padding: 120px 0px; font-weight: 200; color: #fff; text-shadow: 0px 0px 7px #000000; text-align: center; }

#paralax-team .paralax-inner a { color: #fff; }

#paralax-team .paralax-inner h3 { font-size: 30px; }

@media (max-width: 768px) { #paralax-team .paralax-inner h3 { font-size: 20px; } }

#paralax-arzt { /* Create the parallax scrolling effect */ display: block; background-position: center; background-repeat: no-repeat; background-size: cover; height: 480px; }

@media (max-width: 768px) { #paralax-arzt { height: 480px; } }

#paralax-arzt .overlay { width: 100%; height: 100%; background-color: rgba(100, 138, 95, 0.3); }

#paralax-arzt .paralax-inner { padding: 150px 0px; font-weight: 200; color: #fff; text-shadow: 0px 0px 7px #000000; text-align: center; }

#paralax-arzt .paralax-inner a { color: #fff; }

#paralax-arzt .paralax-inner h3 { font-size: 35px; }

@media (max-width: 576px) { #paralax-arzt .paralax-inner h3 { font-size: 20px; } }

#paralax3 { /* Create the parallax scrolling effect */ display: block; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; height: 550px; }

#paralax3 .overlay { width: 100%; height: 100%; background-color: rgba(132, 31, 40, 0.6); }

#paralax3 .paralax-inner { padding: 190px 0px; font-weight: 200; color: #fff; text-shadow: 0px 0px 7px #000000; text-align: center; }

#paralax3 .paralax-inner h3 { font-size: 40px; }

@media (max-width: 576px) { #paralax3 .paralax-inner h3 { font-size: 20px; } }

@media (max-width: 768px) { #paralax3 { background-attachment: unset; height: 300px; }
  #paralax3 .paralax-inner { padding: 100px 0px; } }

#paralax4 { /* Create the parallax scrolling effect */ display: block; background-position: center; background-repeat: no-repeat; background-size: cover; height: 480px; }

@media (max-width: 768px) { #paralax4 { height: 330px; } }

#paralax4 .overlay { width: 100%; height: 100%; background-color: rgba(100, 138, 95, 0.2); }

#paralax4 .paralax-inner { padding: 150px 0px; font-weight: 200; color: #fff; text-shadow: 0px 0px 7px #000000; text-align: center; }

#paralax4 .paralax-inner a { color: #fff; }

#paralax4 .paralax-inner h3 { font-size: 35px; }

@media (max-width: 576px) { #paralax4 .paralax-inner h3 { font-size: 20px; } }

footer { padding: 25px 0 70px 0; text-align: center; background-color: #648A5F; color: #fff; }

footer a { color: #fff; }

footer span.copyright { color: #fff; font-size: 90%; line-height: 40px; text-transform: none; font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; ont-display: swap; }

footer ul.quicklinks { font-size: 90%; line-height: 40px; margin-bottom: 0; text-transform: none; font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; ont-display: swap; }

footer ul.quicklinks li { float: left; margin-right: 20px; }

.uc-embedding-container{
  color:black;
}

/*# sourceMappingURL=main.css.map */