/* GLOBAL STYLES
-------------------------------------------------- */
/*
@import url('../fonts/css?family=Roboto&display=swap');
@import url('../fonts/css?family=Merriweather&display=swap');
*/

@font-face {font-family: 'Merriweather'; src: local('Merriweather'), url('../fonts/merriweather-v30-latin-300.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: auto;}
@font-face {font-family: 'Merriweather'; src: local('Merriweather'), url('../fonts/merriweather-v30-latin-300italic.woff2') format('woff2'); font-weight: 300; font-style: italic; font-display: auto;}
@font-face {font-family: 'Merriweather'; src: local('Merriweather'), url('../fonts/merriweather-v30-latin-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap;}
@font-face {font-family: 'Merriweather'; src: local('Merriweather'), url('../fonts/merriweather-v30-latin-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap;}
@font-face {font-family: 'Merriweather'; src: local('Merriweather'), url('../fonts/merriweather-v30-latin-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap;}
@font-face {font-family: 'Merriweather'; src: local('Merriweather'), url('../fonts/merriweather-v30-latin-700italic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap;}
@font-face {font-family: 'Merriweather'; src: local('Merriweather'), url('../fonts/merriweather-v30-latin-900.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap;}
@font-face {font-family: 'Merriweather'; src: local('Merriweather'), url('../fonts/merriweather-v30-latin-900italic.woff2') format('woff2'); font-weight: 900; font-style: italic; font-display: swap;}
@font-face {font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.glyphicon-ok:before {content: "\e013";}
.glyphicon-remove:before {content: "\e014";}
.glyphicon-chevron-left:before {content: "\e079";}
.glyphicon-chevron-right:before {content: "\e080";}
.glyphicon-th-large:before {content: "\e010";}
.glyphicon-play:before {content: "\e072";}

html {
	height:100%;
}
body {
	background: linear-gradient(90deg, #eef3ec, #eef3ec, #ecf2ea, #e8efe5, #e0eadc, #d4e3ce, #ccdec5, #c8dbc0, #c6dabe, #c6dabe);	/* rgba(96, 143, 78, 0.1); */ 
	background: linear-gradient(90deg, #eef3ec, #eef3ec, #ecf2ea, #e0eadc, #e0eadc, #d4e3ce, #e0eadc, #c6dabe, #c6dabe);	/* rgba(96, 143, 78, 0.1); */ 
	color: rgba(28, 50, 32, 0.9);
	font-family: 'Merriweather', 'Times', sans-serif;
	font-size: 14px;
	font-size: 100%;
	font-size: 2vw;
  -webkit-transition: font-size .3s;
	text-align: left;
	position: relative;
	height:100%;
	overflow-x: hidden;
/*	scroll-behavior: smooth; */
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
color: rgba(28, 50, 32, 0.9);
text-align: left;
font-weight: bold;
}
h1, .h1 {
margin-top: 1rem;
margin-bottom: 1rem;
font-size: 3rem;
}
h2, .h2 {
margin-top: 0;
margin-bottom: 2rem;
font-size: 1.8rem;
}
h3, .h3 {
margin-top: 0;
margin-bottom: 2rem;
font-size: 1.8rem;
display: inline-block;
}
p {
margin-top: 0;
margin-bottom: 2rem;
color: rgba(28, 50, 32, 0.9);
text-align: left;
line-height: 1.7;
text-align: left;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
p.nodistance {margin:0;}
p.small, .small {color: rgba(28, 50, 32, 0.5);font-size: 80%;line-height: 1.2;}
p.smaller, .smaller {color: rgba(28, 50, 32, 0.5);font-size: 60%;line-height: 1.2;text-align: justify;-ms-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
a, a:link {color: rgba(28, 50, 32,0.7);text-decoration: none;}
a:hover {color: rgba(28, 50, 32, 0.4);text-decoration: none;}
ul {list-style-type: disc;padding-left: 1em;}
hr {border-top: dotted 1px rgba(28, 50, 32,0.7);height: 2px;width: 100%;margin: 5% 0;clear: both;}
.maxh {height: 100%;} 
.text-schatten {text-shadow: 3px 3px 30px rgba(28, 50, 32, 1);}
.box-schatten {box-shadow: 3px 3px 30px rgba(28, 50, 32, 1);}
body {font-size: 4.2vw;} 
h1 {font-size: 1.75rem;}

@media (min-width: 576px) {body {font-size: 3.5vw;}}
@media (min-width: 768px) {body {font-size: 2.25vw;}}
@media (min-width: 992px) {body {font-size: 1.8vw;} h1 {font-size: 2.4rem;}}
@media (min-width: 1200px) {body {font-size: 1.2vw;} h1 {font-size: 3rem;}}
@media (min-width: 1400px) {body {font-size: 0.9vw;} h1 {font-size: 3rem;}}

/* MODAL
-------------------------------------------------- */
.navi #NavModal {padding-right: 0 !important;}
.navi .modal-open {overflow: hidden;padding:0 !important;z-index:1000;}
.navi .modal-open .modal {padding-right:0px !important;}
.navi .modal-dialog {max-width: 100%;height:100%;padding:0;margin:0;overflow-y: scroll;}
.navi .modal-content {background-color: rgba(255,255,255, 1) !important;background-image:url();background-position: center center;background-attachment: scroll;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size:cover;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction: column;flex-direction: column;min-height:100%;height:100%;border: 0px solid rgba(0,0,0,0);border-radius:0;outline: 0;}
.navi .modal-header {padding:0;z-index:1200;}
.navi .modal-header .close {padding: 0; margin: auto !important;}
.navi .modal-body {background-color: rgba(255,255,255,0.0) !important;padding:0;height:100%;}
.navi .modal.fade .modal-dialog {-webkit-transform: translate3d(0, -10%, 0);transform: translate3d(0, -10%, 0);}
.navi .modal.fade:not(.in) .modal-dialog {-webkit-transform: translate3d(-0%, 0, 0);transform: translate3d(-0%, 0, 0);}

/* NAVIGATION
-------------------------------------------------- */
.navbar {padding:0;margin:0;--bs-navbar-toggler-focus-width: 0rem !important;}
.bg-light {background-color:transparent !important;}

/* NAVI
-------------------------------------------------- */
.navbar-brand {width: 400px;padding: 20px;}
.navbar-collapse {height:100%;width:100%;}
.navbar-nav {height:100%;width:auto;margin:0;padding:35px;display:flex;justify-content: center;	/* align-items: center; */}
.navbar-nav > hr {height:1px;width:100%;border:1px dotted #FFF;}
.navbar-nav ul {list-style:none;padding:0;}
.navbar-nav .nav-link {color: rgba(28, 50, 32, 1);/*text-transform:uppercase;*/text-align:left;padding:0;}
.navbar-nav a.nav-link:hover {color: rgba(28, 50, 32, 0.7); text-decoration: none;}
.navbar-nav a.nav-link::before {/*content: "►";*/ color: transparent;display: inline-block;width: 1.5em;margin-left: -1em;}
.navbar-nav a.nav-link.active {color: rgba(28, 50, 32, 0.9);list-style-type: disc;}
.navbar-nav a.nav-link.active::before {/*content: "►";*/ color: rgba(28, 50, 32, 1);display: inline-block; width: 1.5em; margin-left: -1em;}

@media (max-width: 576px) {.navbar-nav > hr {margin:0 0 1rem !important;}.navbar-nav .nav-link {font-size: 20px;line-height:1.5;}.sub .nav-link {font-size:18px;}.subsub .nav-link {font-size:16px;}}
@media (min-width: 576px) {.navbar-nav > hr {margin:0 0 1rem !important;}.navbar-nav .nav-link {font-size:20px;line-height:1.5;}.sub .nav-link {font-size:18px;}.subsub .nav-link {font-size:16px;}}
@media (min-width: 768px) {.navbar-nav > hr {margin:1rem 0 2rem !important;}.navbar-nav .nav-link {font-size:32px;line-height:1.7;}.sub .nav-link {font-size:28px;}.subsub .nav-link {font-size:24px;}}
@media (min-width: 992px) {.navbar-nav > hr {margin:1rem 0 2rem !important;}.navbar-nav a.nav-link::before {content: "";}}
@media (min-width: 1200px) {.navbar-nav > hr {margin:1rem 0 2rem !important;}.navbar-nav a.nav-link::before {content: "";}}
@media (min-width: 1400px) {.navbar-nav > hr {margin:1rem 0 2rem !important;}.navbar-nav a.nav-link::before {content: "";}}

.notdienst-toggler {background-color: rgba(157, 5, 18,1);color: rgba(255, 255, 255, 1);bottom: 120px;right: -40px;width: 130px;padding: 10px;font-size: 1.25rem;	text-align: center;position: absolute;border: 0px solid #FFF;border-radius: 0;cursor: pointer;rotate: -90deg;z-index: 10;}
.notdienst-toggler::after {content: "Notdienst"; background-color: rgba(157, 25, 38,1); color: rgba(255, 255, 255, 1); white-space: nowrap;}
.notdienst-toggler:hover {background-color: rgba(157, 5, 18,1); color: rgba(255, 255, 255, 1);} 

@media (min-width: 576px) {.notdienst-toggler {bottom: 90px; right: -54px; width: 170px; font-size: 1.75rem; padding:10px;}}
@media (min-width: 768px) {.notdienst-toggler {bottom: 180px; right: -54px; width: 170px; font-size: 1.75rem; padding:10px;}}
@media (min-width: 992px) {.notdienst-toggler {bottom: 180px; right: -64px; width: 210px; font-size: 2.25rem; padding:15px;}}
@media (min-width: 1200px) {.notdienst-toggler {bottom: 180px; right: -70px; width: 240px; font-size: 2.5rem; padding:20px;}}
@media (min-width: 1400px) {.notdienst-toggler {bottom: 180px; right: -70px; width: 240px; font-size: 2.5rem; padding:20px;}}

/* NAVIGATION - BUTTON 
-------------------------------------------------- */
.navbar-toggler {background-color: rgba(28, 50, 32, 1);top:35px;right:6px;height:60px;width:60px;font-size:1.25rem;line-height:1;position:absolute;border: 2px solid rgba(238, 243, 236,1);border-radius:16px;}
.navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {opacity: 1;}
body.h-feed modal-open button.navbar-toggler {margin-right:90px !important;}

@media (min-width: 576px) {.navbar-toggler {top:20px;right:10px;height:70px;width:70px;font-size:1.75rem;}}
@media (min-width: 768px) {.navbar-toggler {top:80px;right:10px;height:70px;width:70px;font-size:1.75rem;}}
@media (min-width: 992px) {.navbar-toggler {top:70px;right:10px;height:80px;width:80px;font-size:2.25rem;}}
@media (min-width: 1200px) {.navbar-toggler {top:70px;right:1%;height:100px;width:100px;font-size:2.5rem;}}
@media (min-width: 1400px) {.navbar-toggler {top:150px;right:1%;height:100px;width:100px;font-size:2.5rem;}}

/* LOGO 
-------------------------------------------------- */
#brand {top: 35px;left: 0;padding: 5px; background-color: #FFF;position: absolute; display: inline-block;z-index: 100;}
#brand h1 {display: none;}
#brand img {height: 70px;}

@media (min-width: 576px) {#brand {top: 10px; padding: 15px;} #brand img {height: 75px;}}
@media (min-width: 768px) {#brand {top: 60px; padding: 20px;} #brand img {height: 80px}}
@media (min-width: 992px) {#brand {top: 25px; padding: 20px;} #brand img {height: 95px;}}
@media (min-width: 1200px) {#brand {top: 30px; padding: 20px;} #brand img {height: 125px;}}
@media (min-width: 1400px) {#brand {top: 40px; padding: 20px;} #brand img {height: 150px;}}

/* Box
-------------------------------------------------- */
.piktogramm {/*background-image: url(/static/img/icon_cross_02.png);background-position: right top;background-repeat: no-repeat;*/}
a.piktogramm {display: grid; background-color: transparent;border-radius:16px; padding:10px; /*box-shadow: 0 20px 20px rgba(0, 0, 0, .075);*/}
a.piktogramm:hover {background-color: rgba(106,158,85,0.35);}
.piktogramm-in {align-self:center; text-align: left; line-height: normal !important; margin: 0 !important; padding:0 !important;}
.custom-tooltip {--bs-tooltip-bg: rgba(106,158,85,0.99);--bs-tooltip-max-width: 300px;--bs-tooltip-padding-x: 20px;--bs-tooltip-padding-y:	20px;--bs-tooltip-arrow-width:2rem;--bs-tooltip-arrow-height:1rem;	font-family: 'Merriweather', 'Times', sans-serif; font-size: inherit; box-shadow: 0px 10px 10px rgba(30,30,30,0.3);}

.linkbox-out {display:grid; align-items:stretch; padding: 5px; margin: 0; float: left;}
.linkbox {display: grid; background-color: rgba(219,231,213,1); border: solid 1px rgba(198,218,190,1); border-radius: 16px; color: rgba(28, 50, 32,0.9); width: 100%; position:relative; margin: 0; box-shadow: 0 20px 20px rgba(0, 0, 0, .075);}
a.linkbox {background-image: url(/static/img/icon_arrow.png);background-position: right top;background-repeat: no-repeat;color: rgba(28, 50, 32,0.9);}
a.linkbox:hover, .linkbox:hover {background-color: rgba(198,218,190,1);}
/* .linkbox-in {color: rgba(28, 50, 32,0.9); align-self:center; text-align: center; line-height: normal !important; margin: 10px !important; padding:0px !important;} */
.custom-tooltip {--bs-tooltip-bg: rgba(106,158,85,0.99);--bs-tooltip-max-width: 300px;--bs-tooltip-padding-x: 20px;--bs-tooltip-padding-y:	20px;--bs-tooltip-arrow-width:2rem;--bs-tooltip-arrow-height:1rem;	font-family: 'Merriweather', 'Times', sans-serif; font-size: inherit; box-shadow: 0px 10px 10px rgba(30,30,30,0.3);}

@media (max-width: 576px) {.piktogramm-out {display:grid; align-items:stretch; height: 76px; width: 76px; padding: 0; margin: 0 10px 0 -10px; float: left;}}
@media (min-width: 576px) {.piktogramm-out {display:grid; align-items:stretch; height: 86px; width: 86px; padding: 0; margin: 0 10px 0 -10px; float: left;}}
@media (min-width: 1400px) {.piktogramm-out {display:grid; align-items:stretch; height: 100px; width: 100px; padding: 0; margin: 0 10px 0 -10px; float: left;}}

.textbox {background-color: rgba(219,231,213,1); border: solid 1px rgba(198,218,190,1); border-radius: 16px; position:relative; margin: 0 0 36px 0; box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.05)}
.bg-color {background-color: rgba(198,218,190,1);}
.textbox:hover {background-color: rgba(198,218,190,1); box-shadow: 0 20px 20px rgba(0, 0, 0, .075);}
.acorn {background-image: url(/static/img/ferienhaus-alte-eichen_logo-transparent.png); background-position: center center; background-size: 70px 70px; background-repeat: no-repeat; height: 70px; width: 70px; position: absolute; right: 10px; bottom: -10px; z-index:5;}

/* BUTTON
-------------------------------------------------- */
.btn-default, a.btn-default, button.btn-default {background-color: rgba(28, 50, 32, 1); border: 2px solid rgba(219,231,213,1); color: rgba(255, 255, 255, 1); text-align: center; width: 100%; padding: 16px 24px; margin: 0; border-radius: 12px;display:inline-block;box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.05); background-image: none !important;}
.btn-default:after, a.btn-default:after, button.btn-default:after {content: "  ►";}
btn-default:hover, a.btn-default:hover, button.btn-default:hover {background-color: rgba(28, 50, 32, 0.8); color: rgba(238, 243, 236,0.9); border: 2px solid rgba(219,231,213,1);}

@media (min-width: 576px) {.btn-default, a.btn-default, button.btn-default {width: auto;}}


/* CONTAINER 
-------------------------------------------------- */
.content-wrapper {padding: 10% 0;margin-left: 0;margin-right: 0;height: auto;position: relative;}
@media (min-width: 576px) {.content-wrapper {padding: 10% 0;}}
@media (min-width: 768px) {.content-wrapper {padding: 10% 0;}}
@media (min-width: 992px) {.content-wrapper {padding: 10% 0;}}
@media (min-width: 1200px) {.content-wrapper {padding: 5% 0;}}
@media (min-width: 1400px) {.content-wrapper {padding: 5% 0;}}




#ferienhaus > .container-fluid {padding: 0;}
#umgebung  > .container-fluid {padding: 0;}
#preise > .container-fluid {padding: 0;}
#belegungskalender > .container-fluid {padding: 0;}
#anfahrt > .container-fluid {padding: 0;}
#kontakt > .container-fluid {padding: 0;}

.bg {margin-top:4%; margin-bottom:4%;}
.left, .right {position: relative;}
.left-inner {overflow:hidden;}
.right-inner {overflow:hidden;}

@media (max-width: 576px) {.left-inner {padding: 0 calc(var(--bs-gutter-x) * .5) 40px calc(var(--bs-gutter-x) * .5);} .right-inner {padding: 0 calc(var(--bs-gutter-x) * .5) 40px calc(var(--bs-gutter-x) * .5);}}
@media (min-width: 576px) {.left-inner {padding: 0 calc(var(--bs-gutter-x) * .5) 40px calc(var(--bs-gutter-x) * .5);} .right-inner {padding: 0 calc(var(--bs-gutter-x) * .5) 40px calc(var(--bs-gutter-x) * .5);}}
@media (min-width: 768px) {.left-inner {padding: 0 calc(var(--bs-gutter-x) * .5) 40px calc(var(--bs-gutter-x) * .5);} .right-inner {padding: 0 calc(var(--bs-gutter-x) * .5) 40px calc(var(--bs-gutter-x) * .5);}}
@media (min-width: 992px) {.left-inner {padding: 0 calc(var(--bs-gutter-x) * .5) 40px calc(var(--bs-gutter-x) * .5);} .right-inner {padding: 0 calc(var(--bs-gutter-x) * .5) 40px calc(var(--bs-gutter-x) * .5);}}
@media (min-width: 1200px) {.left-inner {padding: 0 calc(var(--bs-gutter-x) * .5) 40px calc(var(--bs-gutter-x) * .5);} .right-inner {padding: 0 calc(var(--bs-gutter-x) * .5) 40px calc(var(--bs-gutter-x) * .5);}}
@media (min-width: 1400px) {.left-inner {padding:0;} .right-inner {padding:0;}}


/* Breaker
-------------------------------------------------- */
.breaker {border-top: dotted 15px rgb(28, 50, 32, 0.5);text-align:center; height:0;}
.breaker img {height: 62px; margin-top:-31px; margin-left:0;}
#home .breaker {border: 0;}

@media (min-width: 576px) {.breaker img {height: 70px; margin-top:-35px;}}
@media (min-width: 768px) {.breaker img {height: 80px; margin-top:-40px;}}
@media (min-width: 992px) {.breaker img {height: 90px; margin-top:-45px;}}
@media (min-width: 1200px) {.breaker img {height: 100px; margin-top:-50px;}}
@media (min-width: 1400px) {.breaker img {height: 110px; margin-top:-55px;}}

/* home
-------------------------------------------------- */
/* #home {background: linear-gradient(30deg, #eef3ec, #eef3ec, #ecf2ea, #e8efe5, #e0eadc, #d4e3ce, #ccdec5, #c8dbc0, #c6dabe, #c6dabe);} */
#home .content-wrapper {padding: 0 0 15% 0;}
#home .home {background-image:url(/pics/home/ferienhaus-alte-eichen_haus-am-scharmuetzelsee.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 80vh; padding:0px; border-radius:25px;}
#home .textbox {background-color: transparent; border: 0; border-radius:0; box-shadow: none;margin-bottom:20%;}
#home .textbox h1, #home .textbox .h1, #home .textbox h2, #home .textbox .h2, #home .textbox h3, #home .textbox .h3, #home .textbox p {color: rgba(238, 243, 236,1); margin-bottom: 0;}

@media (min-width: 576px) {#home .content-wrapper {padding: 0 0 15% 0;} #home .textbox {margin-bottom: 20%;} #home .textbox .h1, #home .textbox .h2, #home .textbox p {font-size: 150%; margin-bottom: 0;}}
@media (min-width: 768px) {#home .content-wrapper {padding: 0 0 15% 0;} #home .textbox {margin-bottom: 10%;} .textbox .h1, #home .textbox .h2, #home .textbox p {font-size: 150%; margin-bottom: 0.5rem;}}
@media (min-width: 992px) {#home .content-wrapper {padding: 0 0 10% 0;} #home .textbox {margin-bottom: 6%;} .textbox .h1, #home .textbox .h2, #home .textbox p {font-size: 150%; margin-bottom: 1rem;}}
@media (min-width: 1200px) {#home .content-wrapper {padding: 0 0 5% 0;} #home .textbox {margin-bottom: 5%;} .textbox .h1, #home .textbox .h2, #home .textbox p {font-size: 150%; margin-bottom: 1.5rem;}}
@media (min-width: 1400px) {#home .content-wrapper {padding: 0 0 5% 0;} #home .textbox {margin-bottom: 5%;} .textbox .h1, #home .textbox .h2, #home .textbox p {font-size: 180%; margin-bottom: 2rem;}}


/* ALLGEMEIN
-------------------------------------------------- */
/* #allgemein {background: linear-gradient(150deg, #eef3ec, #eef3ec, #ecf2ea, #e8efe5, #e0eadc, #d4e3ce, #ccdec5, #c8dbc0, #c6dabe, #c6dabe);} */
#allgemein .content-wrapper {background-image: url(/static/img/ferienhaus-alte-eichen_blatt_left_transparent.svg); background-position: left -10% bottom 10%; background-repeat: no-repeat; padding: 0 0 5% 0;}
/* #allgemein .owl-carousel .owl-item.active > .textbox {background-color: rgba(198,218,190,1);} */

/* Ferienhaus
-------------------------------------------------- */
/* #ferienhaus {background: linear-gradient(30deg, #eef3ec, #eef3ec, #ecf2ea, #e8efe5, #e0eadc, #d4e3ce, #ccdec5, #c8dbc0, #c6dabe, #c6dabe);} */
#ferienhaus {background-image: url(/static/img/ferienhaus-alte-eichen_blatt_right_transparent.svg); background-position: right -10% bottom 25%; background-repeat: no-repeat;}
#ferienhaus h3, #ferienhaus .h3 {width: 70%;}
.carousel-item img {border-radius: 16px; box-shadow: 3px 3px 10px rgb(28, 50, 32, 0.3);}
#ferienhaus .acorn {background-size: 70px 70px; height:70px; width:70px; bottom:30px; right:15px;}
@media (min-width: 768px) {#ferienhaus .acorn {background-size: 70px 70px; height:70px; width:70px; bottom:30px; right:15px;}}
@media (min-width: 1400px) {#ferienhaus .acorn {background-size: 150px 150px; height:150px; width:150px; bottom:-50px; right:50px;}}

@media (max-width: 1400px) {#ferienhaus #container1 { order: 1;} #ferienhaus #container2 { order: 2; margin-bottom:2rem;} #ferienhaus #container3 { order: 2; margin-bottom:2rem;} #ferienhaus #container4 { order: 1;} #ferienhaus #container5 { order: 1; } #ferienhaus #container6 { order: 2; margin-bottom:2rem;} #ferienhaus #container7 { order: 2; margin-bottom:2rem;} #ferienhaus #container8 { order: 1;}}
@media (min-width: 1400px) {#ferienhaus #container1 { order: 1;} #ferienhaus #container2 { order: 2; margin-bottom:0;} #ferienhaus #container3 { order: 1; margin-bottom:0;} #ferienhaus #container4 { order: 2;} #ferienhaus #container5 { order: 1;} #ferienhaus #container6 { order: 2; margin-bottom:0;} #ferienhaus #container7 { order: 1; margin-bottom:0;} #ferienhaus #container8 { order: 2;}}

/* UMGEBUNG
-------------------------------------------------- */
/*#umgebung .owlCarousel {margin: 30px;} */
#umgebung .owl-carousel {margin-bottom:96px; padding: 0;}

/* PREISE
-------------------------------------------------- */
#preise {background-image: url(/static/img/ferienhaus-alte-eichen_blatt_left_transparent.svg); background-position: left -10% bottom 10%; background-repeat: no-repeat;}
#preise h2, #preise .h2, #preise h3, #preise .h3, #preise p {padding: 0 1rem 0 1rem;margin-bottom:1rem;}
#preise .mietpreis {margin-bottom:60px; padding: 0;}
#preise .zusatzleistungen {margin-bottom:96px; padding: 0;}
#preise .inklusivleistungen {margin-bottom:0; padding: 0;}
#preise .inklusivleistungen .textbox {margin: 0; padding: 0;}
#preise .textbox p {padding: 1.5rem;margin:0;}
#preise img {border-radius: 12px;}

@media (min-width: 1200px) #preise h2, #preise .h2, #preise h3, #preise .h3, #preise p {padding: 0 2rem 0 2rem;margin-bottom:2rem;}

/* BUCHEN
-------------------------------------------------- */
#buchen {background-image: url(/static/img/ferienhaus-alte-eichen_blatt_left_transparent.svg); background-position: left -10% bottom 10%; background-repeat: no-repeat;}
/* #buchen {background-image: url(/static/img/ferienhaus-alte-eichen_claim_transparent.svg); background-position: center center; background-repeat: no-repeat;background-size:cover;} */

.belegungsplan {margin: 0; padding: 0; overflow: hidden;}
@media (max-width: 576px) {iframe {margin: -100px 0px 0px 0px; width: 266px; height: 1000px; border: 0px;}}
@media (min-width: 576px) {iframe {margin: -100px 0px 0px 0px; width: 392px; height: 710px; border: 0px;}}
@media (min-width: 768px) {iframe {margin: -100px 0px 0px 0px; width: 392px; height: 710px; border: 0px;}}
@media (min-width: 992px) {iframe {margin: -67px 0px 0px 0px; width: 766px; height: 388px; border: 0px;}} 
@media (min-width: 1200px) {iframe {margin: -100px 0px 0px 0px; width: 392px; height: 710px; border: 0px;}}
@media (min-width: 1400px) {iframe {margin: -67px 0px 0px 0px; width: 536px; height: 534px; border: 0px;}}

/* ANFAHRT
-------------------------------------------------- */
#anfahrt {background-image: url(/static/img/ferienhaus-alte-eichen_blatt_right_transparent.svg); background-position: right -10% bottom -10%; background-repeat: no-repeat;}
#anfahrt h2, #anfahrt .h2, #anfahrt h3, #anfahrt .h3, #anfahrt p {padding: 0 2rem 0 2rem;}
.accordion {
  --bs-accordion-color: rgba(28, 50, 32, 0.9);
  --bs-accordion-bg: rgba(219,231,213, 1);
  --bs-accordion-border-color: rgba(28, 50, 32, 0.9);
  --bs-accordion-btn-padding-x: 0 !important;
  --bs-accordion-btn-padding-y: 0 !important;
  --bs-accordion-btn-color: rgba(28, 50, 32, 0.9);
  --bs-accordion-btn-bg: transparent;
  --bs-accordion-btn-icon: none !important;
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: none !important;
  --bs-accordion-btn-focus-border-color: rgba(28, 50, 32, 0.9);
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(28, 50, 32, 0.25);
  --bs-accordion-body-padding-x: 0 !important;
  --bs-accordion-body-padding-y: 0 !important;
  --bs-accordion-active-color: rgba(28, 50, 32, 0.9);
}
.accordion-button {font-size: inherit;}
.accordion-button:not(.collapsed) {color: var(--bs-accordion-active-color);background-color: transparent;box-shadow: none;}
.accordion-button::after {width: auto;height: auto;margin-left: auto;
  content: "\e082";background-image: none;transition: none;
}
.accordion .h3, .accordion h3 {font-size: inherit;margin-top: 0;margin-bottom: 0;padding-bottom:0;border: none;}
.accordion .accordion-item {background-color: rgba(219,231,213, 1); border: 1px solid rgba(106,158,85,0.5);margin-bottom: 1rem;border-radius: 16px;}
.accordion .accordion-header {background-color: rgba(219,231,213, 1);color: rgba(28, 50, 32, 0.9);cursor: pointer;border-bottom: 0px solid rgba(106,158,85,0.5);padding: 0.75rem 1.0rem; border-radius: 16px;}
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
.accordion .accordion-button {background-color: rgba(28,50,32,0.9);width: 85%;position: relative;}
.accordion .accordion-button::after {font-family: 'Glyphicons Halflings';content: "\e082";position: absolute;right: 0%;top: 0;}
.accordion .accordion-button.collapsed::after {content: "\e081";}
.accordion .accordion-body {background-color: transparent;color: rgba(28, 50, 32, 0.9);padding: 0.75rem 1.0rem;}
.accordion img {height: 60px; width: 60px;float:right;}
.accordion p {font-size: 80%; margin: 0; padding: 0;}

.lageplan img {border-radius:16px; margin-bottom: 1rem; display: block;}
@media (min-width: 1200px) {.lageplan img {display: none;}}
.lageplan-big img {border-radius:16px; margin-bottom: 1rem; display:none;}
@media (min-width: 1200px) {.lageplan-big img {display: block;}}


/* Impressionen
-------------------------------------------------- */
#impressionen a:link {padding:1px; margin:0;}
#impressionen img {width: 100%;}
/* @media (max-width: 576px) {#impressionen img {margin-bottom:20px;} #impressionen img.last {margin-bottom:48px;}}
@media (min-width: 577px) {#impressionen img {margin-bottom:auto;}} */

/* KONTAKT + IMPRESSUM + DATENSCHUTZ + HAUSORDNUNG
-------------------------------------------------- */
#kontakt, #impressum, #datenschutz, #hausordnung {background-image: url(/static/img/ferienhaus-alte-eichen_blatt_right_transparent.svg); background-position: right -10% bottom -10%; background-repeat: no-repeat;}
#kontakt p, #impressum p, #datenschutz p, #hausordnung p {text-align: justify; -ms-hyphens: auto; -webkit-hyphens: auto;hyphens: auto;}

/* KONTAKTFORMULAR
-------------------------------------------------- 
fieldset {border: 0;padding: 0;}
label {padding-left: 0.25rem; margin-top: 0rem; margin-bottom: 0.4rem;}
label.captcha {margin-top: 0 !important;}

/* Farbe des validierten Eingabefeldes 
/*.field-error,
.field-error a, 
.field-error .control-label,
.field-error .help-block,
.field-error .form-control-feedback,
.field-error .fv-control-feedback {
  color: rgba(255,0,66,1);
  font-weight: normal;
}
.field-error .form-control {
  border-color: rgba(255,0,66,1);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.form-group {
    margin-bottom: 0rem;
}
.form-control {
  padding: .375rem .75rem;
  font-size: inherit;
  color: rgba(28, 50, 32, 0.9);
  background-color: rgba(255,255,255, 0.9);
  border: 1px solid rgba(28, 50, 32, 0.9);
  border-radius: 4px;
  line-height: 1.2;
}
/* Farbe des validierten Eingabefeldes */
/*.field-success,
.field-success a, 
.field-success .control-label, 
.field-success .help-block,
.field-success .form-control-feedback,
.field-success .fv-control-feedback {
  color: rgba(28, 50, 32, 0.9);
  font-weight: normal;
}
.field-success .form-control {
  border-color: rgba(28, 50, 32, 0.9);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
/* Transparenter Rahmen bei aktivem Inputfeld */
/*
.form-control:focus {
	border-color: transparent !important;
	box-shadow: none;
}
 */
/* SubmitButton deaktiviert bis Formular vollstängig ausgefüllt 
.form-control-feedback {
  pointer-events: auto;
}
.btn-default.disabled {
  background-color: rgba(28, 50, 32, 0.7) !important;
  border-color: rgba(28, 50, 32, 0);
}
/* Icon - Platzirerung 
.fv-control-feedback {
  right: 15px;
}

.fv-form-bootstrap4:not(.form-inline) label ~ .fv-control-feedback {
  top: 43px;
}
.fv-form-bootstrap4 .fv-control-feedback {
  width: 38px;
  height: 38px;
  line-height: 38px;
}
/* Placeholder - Farbe 
.form-control::placeholder,
.form-control::-moz-placeholder  {
  color: rgba(0,0,0,.25);
}
/* Datenschutztext inkl. Verlinkung - Ausrichtung 
.form-check-label {
	width: 90%;
	display: block;
	margin-top: 10px;
}
.form-check-label a {
  text-decoration: underline;
}
p.hinweis {
	margin: 10px 0px !important;
}
/* Warnhinweis - Abstände 
small.form-control-feedback {
	padding-top: 0.5rem;
	padding-left: 0.25rem;
	display: block;
  font-size: 75%;
}
/* Warnhinweis - Zeichen 
form .glyphicon {
  position: absolute; 
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Warnhinweis - Zeichenpositionierung 
.col-form-label {
  padding-top: 0;
	padding-bottom: 0;
}
.fv-form-bootstrap4:not(.form-inline) .form-check ~ .fv-control-feedback {
  top: -7px !important;
}

/* KONTAKTFORMULAR - BESTÄTIGUNG AUF DER SEITE
-------------------------------------------------- 
#mail_summary {width: 100%;}
#mail_summary p {margin: 1rem;}
#mail_summary .btn-default {margin: 0 1rem;	}
table {margin-bottom: 0;}
.table-bordered {border: 0px solid transparent;}
.table-bordered td, .table-bordered th {border: 0px solid transparent;}
.table-striped tbody tr:nth-of-type(2n+1) {background-color: rgba(0, 0, 0, 0.02);}
/*.table-striped tbody td:nth-of-type(2n+1) {width: 40%;} */


/* KONTAKTFORMULAR
-------------------------------------------------- */
/* #kontakt .btn-default, #kontakt a.btn-default, #kontakt button.btn-default {margin: 0 10px;} */
fieldset {border: 0;padding: 0;}
label {padding-left: 0.25rem; margin-top: 0.4rem; margin-bottom: 0rem;}
/*label.captcha {margin-top: 0 !important;} */

/* Farbe des validierten Eingabefeldes */
/*.field-error,
.field-error a, */
.field-error .control-label,
.field-error .help-block,
.field-error .form-control-feedback,
.field-error .fv-control-feedback {
  color: rgba(255,0,66,1);
  font-weight: normal;
}
.field-error .form-control {
  border-color: rgba(255,0,66,1);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.form-group {
    margin-bottom: 0rem;
}
.form-control {
  padding: .75rem .75rem;
  font-size: inherit;
  color: rgba(28, 50, 32, 0.9);
  background-color: rgba(255,255,255, 0.5);
  border: 1px solid rgba(28, 50, 32, 0.9);
  border-radius: 4px;
}
textarea.form-control {
  min-height: calc(6.5em + .75rem + calc(var(--bs-border-width) * 2));
}
.captchabox, .submitbox {margin-bottom:24px;}
.submitbox {display: flex;}
 
/* Farbe des validierten Eingabefeldes */
/*.field-success,
.field-success a, */
.field-success .control-label, 
.field-success .help-block,
.field-success .form-control-feedback,
.field-success .fv-control-feedback {
  color: rgba(28, 50, 32, 0.9);
  font-weight: normal;
}
.field-success .form-control {
  border-color: rgba(28, 50, 32, 0.9);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
/* Transparenter Rahmen bei aktivem Inputfeld */
/* .form-control:focus {border-color: transparent !important; box-shadow: none;}*/

/* SubmitButton deaktiviert bis Formular vollstängig ausgefüllt */
.form-control-feedback {pointer-events: auto;}
.btn-default.disabled {background-color: rgba(50, 13, 21, 0.7) !important; border-color: rgba(50, 13, 21, 0);}

/* Placeholder - Farbe */
.form-control::placeholder, .form-control::-moz-placeholder  {color: rgba(50, 13, 21,.25);}

/* Datenschutztext inkl. Verlinkung - Ausrichtung */
.form-check-label {width: 90%; display: block; margin-top: 10px;}
.form-check-label a {text-decoration: underline; font-size: 80%;}
.form-check .form-check-input {border: solid 1px rgba(28, 50, 32, 0.9);}

p.hinweis {margin: 10px 0px !important;}

/* Warnhinweis - Abstände */
small.form-control-feedback {padding-top: 0.5rem; padding-left: 0.25rem; display: block; font-size: 100%;}
/* Warnhinweis - Zeichen */
form .glyphicon {position: absolute; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
/* Warnhinweis - Zeichenpositionierung */
.col-form-label {padding-top: 0; padding-bottom: 0;}

/* Icon - Platziererung */
.fv-form-bootstrap4 .fv-control-feedback {width: 60px; height: 48px; line-height: 0px; display: flex; align-items: center; justify-content:center;}
.fv-form-bootstrap4:not(.form-inline) label ~ .fv-control-feedback {top: 22px;}
.fv-form-bootstrap4:not(.form-inline) .form-check ~ .fv-control-feedback {top: 0px;}
.captchabox .fv-control-feedback {margin-right: -12px; margin-top: 0;}
@media (min-width: 992px) {.fv-form-bootstrap4:not(.form-inline) label ~ .fv-control-feedback {top: 32px;}}
@media (min-width: 992px) {.fv-form-bootstrap4:not(.form-inline) label ~ .fv-control-feedback {top: 42px;}.captchabox .fv-control-feedback {margin-top: -2px;}}
@media (min-width: 1200px) {.fv-form-bootstrap4:not(.form-inline) label ~ .fv-control-feedback {top: 52px;}.captchabox .fv-control-feedback {margin-top: -4px;}}
@media (min-width: 1400px) {.fv-form-bootstrap4:not(.form-inline) label ~ .fv-control-feedback {top: 52px;}.captchabox .fv-control-feedback {margin-top: -4px;}}  

/* KONTAKTFORMULAR - BESTÄTIGUNG AUF DER SEITE
-------------------------------------------------- */
#mail_summary {width: 100%;}
table {background-color: transparent !important; margin: 48px 0;}
td {padding: 0.5rem 0;}
.table-bordered {border: 0px solid transparent;}
.table-bordered td, .table-bordered th {border: 0px solid transparent;}
.table-striped tbody tr:nth-of-type(2n+1) {background-color: rgba(0, 0, 0, 0.02);}
.table-striped tbody td:nth-of-type(2n+1) {width: 30%;}



/* LAGE
-------------------------------------------------- */
#lage {background-image: url(/pics/home/ferienhaus-alte-eichen_haus-am-scharmuetzelsee_panorama_02.jpg); background-position: center bottom;
/*	background-attachment: fixed; */
	background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  background-color:rgba(96, 143, 78, 0.1);margin-left: 0;margin-right: 0;height: auto;position: relative;}
#lage .content-wrapper {padding: 5% 0 0 0;}
#lage .bg {margin-top: 0; margin-bottom: 25%;}
#lage .left {position: relative;overflow:visible;}
#lage .right {position: relative;overflow:visible;}
#lage .box.google {background-image: url(/static/img/icon_arrow.png)!important;}

@media (max-width: 1200px) {#lage img.thumb {margin-bottom:48px;}}
@media (min-width: 1200px) {#lage img.thumb {margin-bottom:0;}}
@media (min-width: 576px) {#lage .d-sm-block {display: inline-block !important;}}



/* Footer
-------------------------------------------------- */
footer {
	background-color: rgba(28, 50, 32, 1); width: auto;right: 0;bottom: 0;position: fixed;z-index: 9999;}
.nav-footer ul {list-style: none;	margin: 0 0 0 -20px;justify-content: center; display: flex;}
.nav-footer li {float: left; margin-left: 0px;}
.nav-footer a, .nav-footer a:link {color: rgba(255, 255, 255, 0.9);	text-decoration: none;}
.nav-footer a:hover {color: rgba(255, 255, 255, 0.7);	text-decoration: none;}
.nav-footer .nav-link {font-size:90%; padding: 1rem 1rem;}
@media (max-width: 576px) {
footer {width: 100%;}
.nav-footer .nav-link {padding: 0.5rem 0.5rem;}
}
@media (min-width: 576px) {
footer {width: 100%;}
.nav-footer .nav-link {padding: 0.5rem 1.0rem;}
}
@media (min-width: 768px) {
footer {width: auto;}
.nav-footer .nav-link {padding: 0.5rem 1.0rem;}
}
@media (min-width: 992px) { 
footer {width: auto;}
.nav-footer .nav-link {padding: 1rem 1.5rem;}
}
@media (min-width: 1200px) {
footer {width: auto;}
.nav-footer .nav-link {padding: 0.5rem 1.2rem;}
}

/* SCROLLER
------------------------- */
.scroll-to-top {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 800ms ease, visibility 0s ease;
  -webkit-transition-delay: 0s, 800ms;
  -moz-transition: opacity 800ms ease 0s, visibility 0s ease 800ms;
  -o-transition: opacity 800ms ease 0s, visibility 0s ease 800ms;
  transition: opacity 800ms ease 0s, visibility 0s ease 800ms;
}
.scroll-to-top.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.scroll-to-top.show {
  opacity: 0.5;
}
.scroll-to-top.show:hover {
  opacity: 1;
}
.scroll-to-top:before {
	vertical-align: middle;
  background: url("/static/img/icon_to-top.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.scroll-to-top:before {
  content: '';
  display: block;
  background-position: 0 0;
  height: 20px;
  width: 44px;
  margin-top: 5px;
	vertical-align: middle;
}