/*@font-face {
 font-display: swap;
 font-family: 'Gruppo';
 font-style: normal;
 font-weight: 400;
 src: url('../../../../fonts/gruppo-v16-latin-regular.woff2') format('woff2');
}*/
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../../../../fonts/montserrat-v29-latin-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Italiana';
  font-style: normal;
  font-weight: 400;
  src: url('../../../../fonts/italiana-v20-latin-regular.woff2') format('woff2');
}

:root {
--mybg:url(/images/bgtransparent.png);
--mybgheight:100px;
--mybgbeforeheight:160px;
--maxwidth: 1920px;
--blue: #1e90ff;
--white: #ffffff;
--red: #ff0000;
--black:#000;
--bgbody: rgb(252,252,252);
--ontop: 50vh;
--onright: 5vw;
--mybgmarginbottom:4px;
--bgbraun:rgb(151, 134, 110);
--bgbraun_h:rgba(94, 78, 67, 0.5);
--fa:#754d31;
--h:60;
--s:20;
--l:21;
--boxcontentwrapper:rgba(255,255,255,0.4);
}

* {border-radius: 0;} 
html {
	scroll-behavior: smooth;
}
body{max-width:var(--maxwidth);min-height:100vh;margin:0 auto 0 auto;background:var(--bgbody);font-size:1rem;font-family:'Montserrat',sans-serif;font-weight:400;line-height:1.2rem;position: relative;overflow-x:hidden;-webkit-font-smoothing: antialiased !important;-moz-osx-font-smoothing: grayscale;}
p,li,li a,label { -webkit-font-smoothing: antialiased !important;-moz-osx-font-smoothing: grayscale;font-size:1rem;line-height:1.2rem;font-weight:200;color:rgba(0,0,0,0.8);}
h1,h2,h3,h4,h5,h6 {font-family:'Montserrat';color:rgba(0,0,0,0.8);font-weight:200} 
h1{ font-size:2rem;line-height:2.2rem;margin:0;padding:0}
h2{ font-size:1.8rem;line-height:2rem;margin:0;padding:0}
h3 { font-size:1.6rem;}
h4 { font-size:1.2rem;}
a,a:focus,a:hover,a:active,a:link{font-size:1rem;text-decoration: none;outline: 0;}
a:focus{outline:1px solid blue;}

.list-unstyled a,
.list-unstyled a:focus,
.list-unstyled a:hover,
.list-unstyled a:active,
.list-unstyled a:link {font-size:1.2rem;color:#fff}
.clearfix{clear:both}
.fs-16 { font-size:1rem;}
.fs-18 { font-size:1.2rem;}
.fs-20 { font-size:1.3rem;}
.fs-24 { font-size:1.5rem;}
.fs-30 { font-size:1.8rem;}
.fs-36 { font-size:2rem;line-height:2.1rem}
.fs-42 { font-size:2.2rem;}
.fs-72 { font-size:4rem;}

.fw-200 { font-weight:200;}
.fw-300 { font-weight:300;}
.fw-400 { font-weight:400;}
.fw-500 { font-weight:500;}
.fw-600 { font-weight:600;}
.fw-700 { font-weight:700;}
section {margin:auto;padding:80px 0 20px 0}
pre {font-family:'Montserrat',sans-serif;}
hr {border-top: 1px solid rgba(0,0,0,0.1) !important;margin-bottom:20px !important;margin-top:20px !important;width:50%;}

#logo { border-radius:10px;z-index:10;max-width:220px;display:block;position:absolute;top:16px;left:30px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.0);backdrop-filter: blur(0.3px);-webkit-backdrop-filter: blur(0.3px);z-index:1000}
#logo.blurweiss{background-color:rgba(255,255,255,0.0);box-shadow: 0 4px 10px rgba(0, 0, 0, 0.0);backdrop-filter: blur(0);-webkit-backdrop-filter: blur(0);}
#logo img { max-width:220px;} 
.mypointer{cursor:pointer;}
.imgborder{ background:rgba(255,255,255,0.0);padding:5px}
#mybg {background: var(--bgbody) var(--mybg) no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;background-size: cover;height:var(--mybgheight);width:100vw;margin-bottom:var(--mybgmarginbottom);}
#mybg:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height:var(--mybgbeforeheight);background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2007003484987745) 100%); }
.transparent { background:transparent;border:0;}
.myblur {border-radius: 3px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.4);backdrop-filter: blur(4.3px);-webkit-backdrop-filter: blur(4.3px);}
.ontop {position:absolute;top:calc(100vh - var(--ontop));right:var(--onright);}
.content-titel { color:#fff;text-align:left;font-size:2.4rem;line-height:2.4rem;margin-bottom:10px;padding:0}
#myInfoModal h2 {font-size:2rem;margin-bottom:0.8rem}
#myInfoModal p {font-size:1.4rem}
#Mymap {height:80vh;width:100%};

.parallax_wrapper { position: relative; margin-bottom: 25px;}
@media (max-width: 991px) { .parallax_wrapper { padding-left: 25%; }}
.parallax_wrapper .img_over { left: -25%; bottom: 10%; position: absolute; z-index: 99;}
@media (max-width: 991px) { .parallax_wrapper .img_over { left: 0; }}
.parallax_wrapper .img_over img { border: 4px solid #fff; width: 50%; height: auto; -webkit-box-shadow: 10px 10px 26px 0px rgba(0, 0, 0, 0.21); -moz-box-shadow: 10px 10px 26px 0px rgba(0, 0, 0, 0.21); box-shadow: 10px 10px 26px 0px rgba(0, 0, 0, 0.21);}
@media (max-width: 991px) { .parallax_wrapper.inverted { padding-left: inherit; padding-right: 25%; }}
.parallax_wrapper.inverted .img_over { text-align: right; left: inherit; right: -25%;}
@media (max-width: 991px) { .parallax_wrapper.inverted .img_over { left: inherit; right: 0; }}
img.rounded-img { border-radius: 10px;}


.intro .title small { text-transform: uppercase; color:var(--bgbraun); letter-spacing: 3px; font-weight: 400; display: block; margin-bottom: 5px; font-size: 12px; font-size: 0.75rem;}
.intro .title h2,.title h3 { font-weight: 400; font-size: 1.8rem; line-height: 2.2rem; margin-bottom: 10px;}
.intro .title h3 { font-size: 1.5rem;line-height:1.8rem;font-weight:600}
.intro .title.center { text-align: center;}
.intro em { font-size: 1.6rem; font-style: 300; color: #555;}
.pagetitel{ position:absolute;top:calc(50vh - 3rem);width:100%;left:100px;right:100px;font-size:3rem;font-weight:200;z-index:10}

.active { color:#fff; border: 2px solid #482001; }
.show-more { background-color: #007BFF; color: white; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; margin: 20px auto; display: block; }
.show-more:hover { background-color: #0056b3;}
@media (max-width: 1200px) {
 .item {width: calc(33.33% - 20px); }
}
@media (max-width: 800px) {
 .item {width: calc(50% - 20px); }
}
@media (max-width: 600px) {
 .item {width: calc(100% - 20px);}
}

.pinned-image { display: flex; height: 90vh; justify-content: center; position: relative; overflow: hidden;}
.pinned-image.rounded_container { border-radius: 10px;}
.pinned-image--medium { height: 75vh;}
.pinned-image--small { height: 45vh;}
.pinned-image__container { position: relative; transform: scale(0.8); width: 100%; border-radius: 10px; overflow: hidden;}
.pinned-image__container-overlay { background: rgba(0, 0, 0, 0.6); bottom: 0; left: 0; position: absolute; right: 0; top: 0;}
.pinned-image__container img,
.pinned-image__container { height: 100%; left: 0; object-fit: cover; object-position: center; position: absolute; top: 0; width: 100%; background-color: #ccc;}

a.box_contents { margin: 0 10px 45px 10px; display: block; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); border-radius: 10px; overflow: hidden; background-color:var(--boxcontentwrapper);}
a.box_contents .wrapper { padding: 20px 40px 50px 60px; position: relative;}
a.box_contents figure { position: relative; overflow: hidden; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -ms-transition: all 0.7s ease; transition: all 0.7s ease;}
a.box_contents figure img { transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
a.box_contents figure em { position: absolute; z-index: 4; bottom: 0; left: 10px; background-color: #24262d; color: #fff; padding: 10px 15px; line-height: 1; text-transform: uppercase; font-style: normal; font-size: 12px; font-size: 0.75rem;}
a.box_contents small { font-weight: 600; color: #333; text-transform: uppercase; position: absolute; top: 5px; left: 40px; display: block; width: 150%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; white-space: nowrap; position: absolute; letter-spacing: 2px;}
a.box_contents small:after { background-color: #333; width: 100%; height: 1px; content: ""; display: inline-block; margin: 4px;}
a.box_contents h2 { font-size: 24px; font-size: 1.5rem; font-weight: 600; margin-bottom: 30px;}
a.box_contents em { font-style: normal; font-weight: 600; position: relative;}
a.box_contents em:before { position: absolute; bottom: -8px; left: 0; width: 10px; height: 2px; content: ""; transition: width 500ms ease; background-color: var(--bgbraun);}
a.box_contents:hover em:before { width: 100%; background-color: #333;}
a.box_contents:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.home a.box_contents { margin: 0 0 25px 0;}

.myitem-img { position: relative; border-radius: 10px; overflow: hidden;}
.myitem-img img { max-width: 100%;}
.myitem-img .content { position: absolute; text-align: center; height: 0; width: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.65); z-index: 1; display: flex; justify-content: center; flex-direction: column; height: 100%; width: 100%; transition: 0.2s ease-in-out; opacity: 0;}
.myitem-img .content a { opacity: 0; transition: 0.2s ease; font-size: 24px; width: 100%; height: 100%; display: block; display: flex; align-items: center; justify-content: center;}
.myitem:hover .content { height: calc(100% - 30px); width: calc(100% - 30px); opacity: 1;}
.myitem:hover .content a { opacity: 1; color: #fff;}
a.btn_1,.btn_1 { border: none; color: #fff; background: var(--bgbraun); outline: none; cursor: pointer; display: inline-flex; text-decoration: none; padding: 14px 25px 14px 25px; font-weight: 600; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 25px; align-items: center; justify-content: center; line-height: 1;}
a.btn_1:hover,.btn_1:hover {background-color: #4b514d;}
a.btn_1.outline,.btn_1.outline { background-color: transparent; border: 1px solid #24262d; color: #24262d;}
a.btn_1.outline.braun,.btn_1.outline.braun { background-color: var(--bgbraun); border: 1px solid #e1e1e1; color: #e1e1e1;}
a.btn_1.outline:hover,.btn_1.outline:hover { background-color: var(--bgbraun_h); border: 1px solid transparent; color: #fff;}
a.btn_2,.btn_2 { border: none; color: #fff; background: var(--bgbraun); outline: none; cursor: pointer; display: inline-flex; text-decoration: none; padding: 4px 15px 4px 15px; font-weight: 600; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 25px; align-items: center; justify-content: center; line-height: 1;}
a.btn_2:hover,.btn_2:hover {background-color: #4b514d;}
a.btn_2.outline,.btn_2.outline { background-color: rgba(255,255,255,0.7); border: 1px solid #24262d; color: #24262d;}
a.btn_2.outline.braun,.btn_2.outline.braun { background-color: var(--bgbraun); border: 1px solid #e1e1e1; color: #e1e1e1;}
a.btn_2.outline:hover,.btn_2.outline:hover { background-color: var(--bgbraun_h); border: 1px solid transparent; color: #fff;}
a.btn_3,.btn_3 { border: none; color: #fff; background: var(--bgbraun); outline: none; cursor: pointer; display: inline-flex; text-decoration: none; padding: 1px 6px 1px 4px; margin-right:3px;cursor:pointer;font-weight:600; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 5px; align-items: center; justify-content: center; line-height: 1;}
a.btn_3:hover,.btn_3:hover {background-color: #4b514d;}
a.btn_3.outline_3,.btn_3.outline_3 { background-color: rgba(255,255,255,0.9); border: 1px solid #24262d; color: #24262d;}
a.btn_3.outline_3.braun,.btn_3.outline_3.braun { background-color: var(--bgbraun); border: 1px solid #e1e1e1; color: #e1e1e1;}
a.btn_3.outline_3:hover,.btn_3.outline_3:hover { background-color: var(--bgbraun); border: 1px solid #e1e1e1; color: #fff;}

#buchungsanfrage { z-index:11;max-width:100px;display:block;position:absolute;top:18px;right:200px;}
#buchungsanfrage a.btn_1,#buchungsanfrage .btn_1 { border: none; color: #fff; background: var(--bgbraun); outline: none; cursor: pointer; display: inline-flex; text-decoration: none; padding:10px; font-weight: 600; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 15px; align-items: center; justify-content: center; line-height: 1;margin-top:20px;}
#buchungsanfrage a.btn_1:hover,#buchungsanfrage .btn_1:hover {background-color: #4b514d;}
#buchungsanfrage a.btn_1.outline,#buchungsanfrage .btn_1.outline { background-color: transparent; border: 1px solid #24262d; color: #24262d;}
#buchungsanfrage a.btn_1.outline.braun,#buchungsanfrage .btn_1.outline.braun { background-color: var(--bgbraun); border: 1px solid #e1e1e1; color: #e1e1e1;}
#buchungsanfrage a.btn_1.outline:hover,#buchungsanfrage .btn_1.outline:hover { background-color: var(--bgbraun_h); border: 1px solid transparent; color: #fff;}

#btn-back-to-top {opacity:0;cursor:pointer;position: fixed;bottom:20px;right:20px;background-color:#754D31;color:#fff;border-radius:50%;height:50px;width:50px;z-index:100000}
#btn-back-to-top img {margin:8px 0 0 16px;height:34px;width:18px;}

/* ############# KONTAKT #################*/
.contakt_info {background-color:rgba(0,0,0,0.08);border-radius: 10px;padding: 30px 45px 20px 45px;margin-bottom: 25px;-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);}
.contakt_info ul {list-style: none;padding: 0;margin: 0 0 0 0;}
.contakt_info ul li {margin-bottom: 25px;}
.contakt_info ul li i {font-size: 2.25rem;color: var(--bgbraun);}
.contakt_info ul li h4 {font-size: 1.3125rem;}
.contakt_info ul li small {font-style: oblique;opacity: 0.8;}
.submit {display: flex;justify-content: center;align-items: center;min-height: 100vh;flex-direction: column;}
.input-group {position: relative;margin: 0;}
.input-group label {position: absolute;top: 50%;left: 5px;transform: translateY(-50%);font-size: 1.2rem;color: color: #111;padding: 0 5px;pointer-events: none;transition: .5s;}
.input-group input {width: 100%;height: 40px;font-size: 1.2rem;color: #111;padding: 0 10px;background-color: transparent;border: none;border-bottom: 1.2px solid #111;outline: none;}
.input-group select {width: 100%;height: 40px;font-size: 1.2rem;color: #111;padding: 0 10px;background-color: transparent;border: none;border-bottom: 1.2px solid #111;outline: none;}
.input-group textarea {transition: .5s;width: 100%;height: 100px;font-size: 1.2rem;color: #111;padding: 0 10px;background-color: transparent;border: none;border-bottom: 1.2px solid #111;outline: none;}
.input-group select:focus~label,
.input-group input:focus~label,
.input-group input:valid~label,
.input-group textarea:focus~label,
.input-group textarea:valid~label,
.input-group input.invalid~label {display:none;top: 0;font-size: 12px;background: white;border-radius:5px;margin:20px auto auto -70px;}
/* ############## */


/* Animations */

@keyframes rotateHamburger {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(180deg);
    }
}

@keyframes moveItems {
    0% {
        transform: translateY(-20px);
        opacity: 0;
    }

    30% {
        transform: translateY(-15px);
        opacity: .2;
    }

    50% {
        transform: translateY(-10px);
        opacity: .3;
    }

    80% {
        transform: translateY(-5px);
        opacity: .4;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes showMenu {
    0% {opacity: 0;transform: scale(.5);}
    100% {opacity: 1;transform: scale(1);}
}
.custom {position: relative;}

/*hamburger menu styling */


.oms-navi {margin-right:3px;font-size:1rem;cursor:pointer;font-weight:600}
.oms-navi-img {width:24px;height:26px;margin:2px 4px 4px 0}



.fa { color:rgba(var(--h),var(--s),var(--l),0.9);}
.fa.fa-camera{ font-size:1.2rem;margin-right:6px;}



/* ############################### */
#aktivitaeten {background:url(/images/slider/img-2.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;width:100vw;height:auto;display:flex;justify-content:center;align-items:center;}
#aktivitaeten div.footer-blur {width:100vw;height:auto;box-shadow: 0 0 1rem 0 rgba(0,0,0,0);border-radius:5px;background-color:rgba(255,255,255,0);backdrop-filter:blur(8px);}
#aktivitaeten .titel h3 {position:relative;top:0;font-size: 1.6rem;line-height:1.8rem;font-weight:500}
#aktivitaeten p {position:relative;top:0;font-size: 1rem;line-height:1.2rem;font-weight:500}
.auto-grid {display:-ms-grid;display:grid;grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));grid-gap: 1rem;}
.grid-box {display: flex;flex-flow: column nowrap;padding:2px;border:0;background:#fff}
.grid-box h3 {margin:0;padding:4px 0 4px 12px;background-color:#fff;font-size:1.2rem;font-weight:600}
.grid-figure {background-color:#fff;margin: 0;padding: 1rem;text-align: center;font-style: italic;color: #4d4d4d;}
.grid-img {background-color:#fff;max-width: 100%;height:auto;-o-object-fit:cover;object-fit:cover;transition:opacity .25s ease-in-out;}
.grid-box p {align-items: stretch;padding:12px;background-color:#fff;}
.grid-img:hover {opacity: .7;}
.m-top {margin-top: auto;}
@media screen and (max-width: 16rem) {
	.auto-grid {grid-auto-rows: 1fr;}
	.grid-box h3 {font-size:1rem;}

}


/* ############################### */
footer { margin:70px 0 0 0;background:url(/images/slider/img-2.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;width:100vw;height:auto;display:flex;justify-content:center;align-items:center;}
footer div.footer-blur {width:100vw;height:auto;box-shadow: 0 0 1rem 0 rgba(39,39,39,.2);border-radius:5px;background-color:rgba(0,0,0,.8);backdrop-filter:blur(8px);}

#ModalTermine {padding-left:0!important;padding-right: 0!important;background-color:rgba(0,0,0,0.5);backdrop-filter: blur(4.3px);-webkit-backdrop-filter: blur(4.3px);z-index:100000}
#ModalTermine .modal{ background:transparent}
#ModalTermine .modal-content{ background:transparent;padding-top:4px }
#ModalTermine .modal-body{ background:transparent;padding:4px;overflow-x:hidden;}
#ModalTermine .modal-header {border: 0;}
#ModalTermine .modal-footer {padding:4px;margin:0}
#information_modal{z-index:100001}
#information_modal .modal-content {background-color:#fff;color:#333}
#information_modal .modal-body {background-color:#fff;color:#333}
.modal.fade .modal-dialog.modal-dialog-zoom {-webkit-transform: translate(0,0)scale(.5);transform: translate(0,0)scale(.5);}
.modal.show .modal-dialog.modal-dialog-zoom {-webkit-transform: translate(0,0)scale(1);transform: translate(0,0)scale(1);}

.modal.fade.modal-right .modal-dialog {transform: translate(125%, 0px);}
.modal.show.modal-right .modal-dialog {transform: none;}


#galleryModal {padding-left:0!important;padding-right: 0!important;background-color:rgba(0,0,0,0.7);backdrop-filter: blur(4.3px);-webkit-backdrop-filter: blur(4.3px);z-index:100002;max-height:100vh}
#galleryModal.modal.modal-fullscreen .modal-content button {position:absolute;top:30px;left:30px);background:rgba(255,255,255,0.7);height:36px;width:36px;line-height:36px;border:none;border-radius:50%;right:20px;padding:2px 8px;font-size:1.4rem;outline:none;color:#333}
#galleryModal.modal.modal-fullscreen .modal-dialog {background-color:transparent;width: auto;height: 100vh;margin: 0;padding: 0;max-width: none;}
#galleryModal.modal.modal-fullscreen .modal-content {background-color:transparent;max-height:100vh;border-radius: 0;border: none;}
#galleryModal.modal.modal-fullscreen .modal-body {background-color:transparent;	  overflow-y: auto;height:100vh	}
#galleryModal.modal.modal-fullscreen .modal-body img {max-height:calc(100vh - 50px);}
#galleryModal h1 { z-index:10222;position:absolute;text-align:center;color:#fff;font-size:3rem;top:50px;width:100vw;margin:auto;}	



#wetter_navi { border-radius:10px;position:absolute; top:20px; right:20px;padding:4px;margin:auto;background:rgba(255, 255, 255, 0.7);z-index:100000;}
#wetter_navi h6 {border-radius:6px;color:#333;background:#e7e7e7;font-size:1.2rem;text-align:center;margin:0;padding:0}
#wetter_navi .wetter_img_anz { max-width:30px;height:30px;float:left}
#wetter_navi .wetter_temp_anz { height:30px;font-size:2rem;margin:0 10px 0 4px;color:#333;font-weight:600;line-height:30px;float:left}
#wetter_navi .wetter_temp_anz span {margin-left:3px;font-size:0.8rem;}

@media only screen and ( max-width: 651px ){
	#wetter_navi { position:absolute; position:fixed; top:10px; right:10px;padding:4px;margin:auto;background:rgba(255, 255, 255, 0.0);z-index:100000;}
	#wetter_navi h6 {display:none;}
	#wetter_navi .wetter_img_anz { max-width:30px;height:30px;float:left;margin-top:-4px;}
	#wetter_navi .wetter_temp_anz { height:30px;font-size:1rem;margin:-5px 6px 0 0;color:#333;font-weight:600;line-height:30px;float:left}
	#wetter_navi .wetter_temp_anz span {margin-left:3px;font-size:0.6rem;}
}



/* ############################### */
@media(max-width:767px){
	.modal-body img { max-width:100vw}
	.modal-transparent .modal-content {
		background-color: rgba(255, 255, 255,0.9) ;
		padding:0;
		margin:0;
	}
 }
 
@media only screen and ( max-width: 1300px ) { 
	#logo img{ width:140px;}
	h1 {font-size:2rem;font-weight:500;}
	h2 {font-size:1.8rem;font-weight:500;}
	h3 {font-size:1.4rem;font-weight:500;}
	p {font-size:1rem;line-height:1.1rem;}
	.pagetitel{ position:absolute;top:40vh;left:100px;font-size:2rem;font-weight:200;}

}
@media only screen and ( max-width: 1111px ) { 
	#logo img{ display:none;}
	h1 {font-size:1.9rem;font-weight:500;}
	h2 {font-size:1.7rem;font-weight:500;}
	h3 {font-size:1.2rem;font-weight:500;}
	p {font-size:1rem;line-height:1.1rem;}
	.pagetitel{ position:absolute;top:40vh;left:100px;font-size:1.6rem;font-weight:200;}

}
@media only screen and ( max-width: 651px ){
	#logo{display:none;}
	#buchungsanfrage{display:none;}
	#btn-back-to-top{display:none;}
	h1 {font-size:1.4rem;line-height:1.4rem;font-weight:500;}
	h2 {font-size:1.4rem;line-height:1.4rem;font-weight:500;}
	h3 {font-size:1.3rem;line-height:1.3rem;font-weight:500;}
	p {font-size:1rem;line-height:1.1rem;}
	.intro .title h2,.intro .title h3 { font-weight: 500; font-size: 1rem;}
	.intro .title h3 { font-size: 1.1rem;line-height:1.5rem;font-weight: 600;}
	section {margin:0 auto 0 auto;padding:20px 0 20px 0}
	.input-group-prepend {display:none}
	.pagetitel{ display:none}
	.oms-navi {margin-right:3px;font-size:0.8rem;cursor:pointer;font-weight:600}
	.oms-navi-img {width:18px;height:20px;margin:2px 4px 4px 0}
	#Mymap {height:60vh;width:100vw};
	.fa.fa-camera{ font-size:0.9rem;margin-right:6px;}
	#ModalTermine .modal-body{ background:transparent;width:99%;padding:4px;overflow-x:hidden;}
}