body {
     font-family: Open Sans,Arial, Sans-Serif;
     font-size: 1.15rem;
     line-height: 1.8;
     font-weight: normal;
     background: #fff8e5;
     color: #000;
}
body.start {
 background: #006abe;
}
 a {
     -webkit-transition: .3s all ease;
     -o-transition: .3s all ease;
     transition: .3s all ease;
     color: #7c5a66;
}
 a:hover, a:focus {
     text-decoration: none !important;
     outline: none !important;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 button {
     -webkit-transition: .3s all ease;
     -o-transition: .3s all ease;
     transition: .3s all ease;
}
 button:hover, button:focus {
     text-decoration: none !important;
     outline: none !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
}
 h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
     line-height: 1.5;
     font-weight: 400;
     font-family: "Poppins", Arial, sans-serif;
     color: #000;
}
 .ftco-section {
     padding: 7em 0;
}
 .ftco-no-pt {
     padding-top: 0;
}
 .ftco-no-pb {
     padding-bottom: 0;
}
 .heading-section {
     font-size: 28px;
     color: #000;
}
 .heading-section small {
     font-size: 18px;
}
 .img {
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
}
 .wrapper {
     /* width: 90%; */
     margin: auto;
}
 #sidebar {
     min-width: 200px;
     max-width: 200px;
     background: #ede2dc;
     color: #fff;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     position: relative;
     z-index: 1;
}
.start #sidebar {
  background:#006abe;
}
 #sidebar .h6 {
     color: #fff;
}
 #sidebar.active {
     margin-left: -200px;
}
 #sidebar h1 {
     margin-bottom: 20px;
     font-weight: 700;
     font-size: 30px;
}
 #sidebar h1 .logo {
     color: #fff;
}
 #sidebar h1 .logo span {
     font-size: 14px;
     color: #44bef1;
     display: block;
}
 #sidebar ul.components {
     padding: 0;
}
 #sidebar ul li {
     /* font-size: 16px; */
}
 #sidebar ul li > ul {
     margin-left: 10px;
}
 #sidebar ul li > ul li {
     font-size: 14px;
}
 #sidebar ul li a {
     /* font-weight:800; */
     padding: 10px 0;
     display: block;
     color: rgba(255, 255, 255, 0.6);
     /* border-bottom: 1px solid rgba(255, 255, 255, 0.1); */
}
 #sidebar ul li a span {
     color: #44bef1;
}
 #sidebar ul li a:hover {
     color: #fff;
}
 #sidebar ul li.active > a {
     background: transparent;
     color: #fff;
}
 @media (max-width: 991.98px) {
     #sidebar {
         margin-left: -220px;
    }
     #sidebar.active {
         margin-left: 0;
    }
}
 #sidebar .custom-menu {
     display: inline-block;
     position: absolute;
     top: 20px;
     right: 0;
     margin-right: -20px;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 @media (prefers-reduced-motion: reduce) {
     #sidebar .custom-menu {
         -webkit-transition: none;
         -o-transition: none;
         transition: none;
    }
}
 #sidebar .custom-menu .btn {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     position: fixed;
     left: 10.4rem;
     z-index: 10;
}
 #sidebar.active .custom-menu .btn {
     left: -1.9rem;
}
 #sidebar .custom-menu .btn i {
     margin-right: -30px;
     font-size: 14px;
     color: #7c5a66;
}

 .start #sidebar .custom-menu .btn i {
     color: #fff;
 }
 #sidebar.active .custom-menu .btn i {
     margin-right: -20px;
     font-size: 14px;
}
 #sidebar .custom-menu .btn.btn-primary {
     background: #ede2dc;
     border-color: transparent;
}

.start  #sidebar .custom-menu .btn.btn-primary {
     background: #006abe;
}
 #sidebar .custom-menu .btn.btn-primary:after {
     z-index: -1;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     content: '';
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     background: #ede2dc;
     border-radius: 10px;
     /* border: 1px solid #000; */
}
.start  #sidebar .custom-menu .btn.btn-primary:after {
 background:#006abe;
}
#sidebar.active .custom-menu .btn.btn-primary:after {
 /* border:1px solid #7c5a66; */
}
.start #sidebar.active .custom-menu .btn.btn-primary:after {
 /* border:1px solid #fff; */
}
 #sidebar .custom-menu .btn.btn-primary:hover, #sidebar .custom-menu .btn.btn-primary:focus {
    /* background: transparent !important;
     */
     border-color: transparent !important;
}
 a[data-toggle="collapse"] {
     position: relative;
}
 .dropdown-toggle::after {
     display: block;
     position: absolute;
     top: 50%;
     right: 0;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 @media (max-width: 991.98px) {
     #sidebarCollapse span {
         display: none;
    }

 #sidebar .custom-menu .btn {
     left: -1.9rem;
}

   #sidebar.active .custom-menu .btn {
     left: 10.4rem;
}
  
}
 #content {
     width: 100%;
     padding: 0;
     min-height: 100vh;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     background: #fff8e5;     
}

#content p img {
 width:100%; 
 max-width:600px;
 height:auto;
}
 .btn.btn-primary {
    /* background: #3445b4;
     */
     border-color: #3445b4;
}
 .btn.btn-primary:hover, .btn.btn-primary:focus {
    /* background: red;
     */
     border-color: #3445b4 !important;
}
 .footer p {
     color: rgba(255, 255, 255, 0.5);
}
 .form-control {
     height: 40px !important;
     background: #fff;
     color: #000;
     font-size: 13px;
     border-radius: 4px;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     border: transparent;
}
 .form-control:focus, .form-control:active {
     border-color: #000;
}
 .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
     color: rgba(255, 255, 255, 0.5);
}
 .form-control::-moz-placeholder {
    /* Firefox 19+ */
     color: rgba(255, 255, 255, 0.5);
}
 .form-control:-ms-input-placeholder {
    /* IE 10+ */
     color: rgba(255, 255, 255, 0.5);
}
 .form-control:-moz-placeholder {
    /* Firefox 18- */
     color: rgba(255, 255, 255, 0.5);
}
 .subscribe-form .form-control {
     background: #3b4ec6;
}
 .navigation {
     background:#EDE2DC;
     z-index: 20;
     position: relative;
     top: 1.5rem;
     width: 200px;
}

.start .navigation {
 background:#006abe;
}
.start .navigation ul li {
 background:#84d0f4;
}

.start .navigation ul li:hover {
 background:#009ee3;
}



 .navigation ul {
     text-transform:uppercase;
     font-weight: 800;
     list-style:none;
     padding:0;
     letter-spacing: -0.5px;
     z-index: 30;
     position: relative;
}
 .navigation ul li {
     background:#b49992;
     list-style:none;
     margin-bottom:.5rem;
     text-align:center;
     padding: 0.7rem 0;
}

.navigation ul.serviceNav li {
     background:#fbba00;
}
.navigation ul.serviceNav li:hover {
     background:#fbba00;
     text-decoration:underline;
}

 .navigation ul li:hover, .navigation ul li.active {
     background:#7c5a66;
}
 .navigation ul li a {
     color:#fff !important;
}


.header {background:#7c5a66;position:relative;top: -1rem;height:140px;margin-bottom:2rem;}

/*
.header>h1 { font-size:2rem; position:relative; top:2.25em; left:0.8em; color:#fff; text-transform:uppercase; font-weight:800}
.header>h2 { font-size:1.1rem; position:relative; top:3.1em; left:1.5em; color:#fff; }
.header>img { position:absolute; top:1.1em; right:4em; }
.header>a.startseite { top:0; right:0; }
.header>a:hover.startseite { opacity:0.7; }
*/

.facebook { position:absolute; margin-left:0.5em; }
.facebook a { color: #fff; position:relative; top:0.5rem; }

#content { padding-bottom:5rem !important; }
footer {margin-top: -6rem;}
footer img {position:absolute;left:50%;transform:translateX(-50%);max-width: 99%;height:auto;z-index: 20;pointer-events: none;}
.copyright {font-size:0.9em;color:#226a89;padding-left:0.5rem;}
.start .copyright { color:#fff;}
.start #content  {
  text-align:center;
  background:#006abe;
  /* border:1px solid red; */
  padding-bottom:0 !important;
}
.start #content h1 {color:#fff;font-size:1.5rem;font-weight: bold;}

.start #content p, .start #content p strong, .start a {color:#fff;margin: auto;max-width: 1000px;}

.start #content p { max-width: 80%; }

.start #content img {
 width:100%;
 margin: auto;
 padding-top: 1.25rem;
}

.start a.eingang {
 background:#fdb802;
 padding:1rem 2rem;
 top: 2rem;
 position:relative;
 color:#000;
 margin-bottom: 4rem !important;
}

.start a.eingang:hover {
 background:#b0c904;
}

.start img#ueber-mich-1 {position:absolute;left: 1em;top: 33.5em;z-index:50;pointer-events:none;opacity:0.8;display: block;width: 100px;height: auto;}
.start img#ueber-mich-2 {position:absolute;left: auto;right: 1rem;top: 38.5em;z-index:50;pointer-events:none;opacity:0.8;display:block;width: 80px;}

img#ueber-mich-1 { position:absolute; left: 1em;top: 63.5em;z-index:50;pointer-events:none;opacity:0.8; display:none; }
img#ueber-mich-2 { position:absolute; left:5em; top:42.5em;z-index:50;pointer-events:none;opacity:0.8; display:none; }
img#ueber-mich-3 { position:absolute; left:14em; top:30.5em; z-index:50;pointer-events:none;opacity:0.8; display:none; }

img#betreuung-1 {position:absolute;left:-1.8em;top: 42em;z-index: 50;pointer-events:none;opacity:0.8; display:none; }
img#betreuung-2 {position:absolute;left:1.5em;top: 68em;z-index: 50;pointer-events:none;opacity:0.8; display:none; }
img#betreuung-3 {position:absolute;left: 45em;top:55.5em;z-index: 50; display:none; }
img#betreuung-4 {position:absolute;left:1em;top: 95em;z-index: 50;pointer-events:none;opacity:0.8; display:none; }
img#betreuung-5 { position:absolute; left:26.5em; top:100.4em;z-index: 50; display:none; }
img#betreuung-6 {position:absolute;left:2em;top: 125em;z-index: 50;pointer-events:none;opacity:0.8; display:none; }

img#anmeldung-1 { position:absolute; left:2em; top:28.5em; z-index:50;pointer-events:none;opacity:0.8; display:none; }
img#anmeldung-2 { position:absolute; left:44.5em; top:35em;z-index:50; display:none; }
img#anmeldung-3 { position:absolute; left:1.8em; top:74em; z-index:50;pointer-events:none;opacity:0.8; display:none; }
img#anmeldung-4 { position:absolute; left:5em; top:89em; z-index:50;pointer-events:none;opacity:0.8; display:none; }
img#anmeldung-5 { position:absolute; left:1em; top:54.5em;z-index:50;pointer-events:none;opacity:0.8; display:none; }

img#gaestebuch-1 { position:absolute; left:2em; top:30em; z-index:50; pointer-events:none;opacity:0.8; display:none; }
img#gaestebuch-3 { position:absolute; left:1.8em; top:50%; z-index:50;pointer-events:none;opacity:0.8; display:none; }
img#gaestebuch-4 { position:absolute; left:5em; top:79%; display:none; }
img#gaestebuch-5 { position:absolute; left:1em; top:35%; display:none; }


h2 {color:#7c5a66;border-bottom:1px solid;padding-bottom:0.28em;font-weight:800;display:inline-block;margin-bottom: 1.0em;margin-top:0.5em;}
h4 { font-weight:800; font-size:1.3em; margin-bottom:0; }
p>strong { color:#7c5a66; font-weight:800; font-size:1.05em; }
.betreuung strong { display:block; }
p>em { float:right; font-size:0.8em; font-style:normal; margin-right:2.5em; }
p>b { font-weight:normal; display:inline-block; width:160px; }
h3 { color:#7c5a66; font-weight:800; }

.quip, form { border:4px solid #a5a49e; background:#ede2dc; padding:1em 1.5em 1em 1.5em; font-size:0.75em; color:#a5a49e; font-weight:bold; }
.quip {margin-bottom:20.5em;margin-top: 5rem;}
form#quip-add-comment-qcom div.quip-comment.quip-add-comment div.quip-fld input, form.form>input { border:0; width:100%; padding:0.5em; border-radius:10px; height:40px; margin-bottom:1em; margin-top:0.2em; font-family:Open Sans; }
form.form>input { border:0; width:100%; padding:0.5em; border-radius:10px; height:40px; margin-bottom:1em; margin-top:0.2em; font-family:Open Sans; }
form.form>textarea { padding:1em; font-family:Open Sans; font-size:0.95em;  }
span.error { color:red;}
.geschlecht span.error { margin-left:1rem;}

.custom-select {position:relative;display: inline-block;/* background:#fff; */color:#000;border-radius:10px;height:34px;padding-top:0.5em;margin-right:0.5em;margin-bottom:1em;width: 105px;}
.custom-select:after {content: "";position: absolute;top: 0;right: 0em;bottom: 0;width:19px;background: #fff;background:url(../../images/input.jpg);z-index:100;opacity: 0;}
.custom-select select {display: inline-block;font-family:Open Sans;font-weight:bold;left:1em;border:1px solid #000 !important;position: relative;left: -0.75em !important;}

label.custom-select span.select { margin-left:-3em; }
label.custom-select select#Tag.select {width: 104px !important;}
label.custom-select select#Monat.select {width: 104px !important;}
label.custom-select select#Jahr.select {width: 104px !important;}
label.custom-select select#Geschlecht.select { width:120px !important; }
label.custom-select select#Woche.select { width:120px !important; }

select { width:110% !important; z-index:10000 !important; position:relative; margin-top:0em; left:0em !important; cursor:pointer; margin-top:-0.6em; height:41px;  }
.select option { padding-left:0.5em; }
.custom-select span.select { position:relative; top:-2.5em; left:3.6em; width:100%; }
.custom-select span.select { display:block; }

label.custom-select span.select { padding-left:0px; }
span.select { border:#fff !important;}
.Geschlecht { float:right; margin-top:-1.85em; margin-right:2em; width:200px; }

.form-buttons input { border:0; border-radius:10px; padding:0.5em; background:#7c5a66; color:#fff; font-family:Open Sans; font-weight:800; }
.form-buttons input:hover { text-decoration:underline; cursor:pointer; }
form#quip-add-comment-qcom div.quip-comment.quip-add-comment textarea#quip-comment-box-qcom, form.form>textarea {border:0;width: 97.9%;margin-top:0.2em;margin-bottom:1em;resize:none;border-radius:10px;height:200px;}
form#quip-add-comment-qcom div.quip-comment.quip-add-comment div.quip-fld input#quip-comment-notify-qcom {width: 12px;/* margin-left:2em; */}
form#quip-add-comment-qcom div.quip-comment.quip-add-comment div.quip-fld label {width: 330px;}
form#quip-add-comment-qcom div.quip-comment.quip-add-comment div.quip-fld input#quip-comment-notify-qcom {margin-top:-0.5em;}
button { border:0; border-radius:10px; padding:0.5em; background:#7c5a66; color:#fff; font-family:Open Sans; font-weight:800; }
button:hover { text-decoration:underline; cursor:pointer; }
.quip ol.quip-comment-list li { margin-bottom:3em; border:1px solid; border-radius:10px; padding:1em; background-color: #f2f2f2;}
.quip-comment-right { display:none; }
textarea#quip-comment-box-qcom { padding:1em; width:95.5% !important; font-family:Open Sans; font-size:0.95em; }
html body div.container div.inhalt.gaestebuch div#quip-comment-preview-box-qcom.quip-comment.quip-preview { margin-top:-2em; margin-bottom:1em; border:4px solid #a5a49e; padding:1em; font-size:0.8em; }
input.error, label.error, textarea.error { background:#7c5a66;color:#fff; }

.kontakt.form { margin-top:-3em; }
.kontakt.form>input { width:98%; }
.kontakt.form>textarea{ width:95.5%; }
#confirm_email { display:none; }

form#quip-add-comment-qcom div.quip-comment.quip-add-comment div.quip-fld input { width:98%; } 



@media (min-width: 320px) {
 .header { height:220px; }
 .header .facebook { font-size:0.95rem; }
 .header .facebook a { }
 .facebook img { width:30px; height:auto; position:relative; top:7px; margin-right:0.5em;}
 .header h1 { color:#fff; font-weight:800; font-size:1.25rem ; padding:0.5rem; padding-right:12rem; position:relative; top:2rem; text-transform:uppercase}
 .header h2 {color:#fff;font-size:0.95rem;padding:0.5rem;padding-right:12rem;position:relative;top: 0.25rem;border: 0;font-weight: normal;font-style: italic;}
 .header a.startseite { position:absolute; bottom:0; right:0; } 

 #content {padding-bottom:5rem !important;margin-left: 1.5rem;}
 .start #content {margin-left:0.3rem;width: 95%;}
 footer {margin-top: -6rem;}

 h2, .h2 {
     font-size: 1.25rem;
} 
}

@media (min-width: 425px) {
 .start #content img {/* width:100%; */margin-left: 0.25rem;padding-top: 1.75rem;}
 .header { height:250px; }
 .header .facebook { font-size:1rem; }
 .header .facebook a { }
 .facebook img { }
 .header h1 { font-size:1.75rem; top:3rem; padding-right:14rem; }
 .header h2 {font-size: 1.0rem;top: 0.8rem; padding-right:14rem;} 
 .header img.logo {position:absolute;margin-left: -14rem;bottom:-0.35rem;}

 #content { padding-bottom:8rem !important; }
 footer {margin-top: -9rem;} 

 h2, .h2 {
     font-size: 1.75rem;
} 
}

@media (min-width: 480px) {
 .header { height:220px; }
 .header img.logo {position:absolute;right: 20px;bottom:-0.35rem;}
 .header a.startseite { position:absolute; top:0; right:0; }

 #content { padding-bottom:9rem !important; }
 footer {margin-top: -10rem;}  

 h2, .h2 {
     font-size: 2rem;
} 
}

@media (min-width: 576px) {
 .start #content img {/* width:100%; *//* margin-left: -0.8rem; */padding-top: 2.25rem;}
 .header { height:180px; }

#content { padding-bottom:12rem !important; }
 footer {margin-top: -13rem;}   

.start img#ueber-mich-1 {position:absolute;left: 2em;top: 41.5em;z-index:50;pointer-events:none;opacity:0.8;display: block;width: 100px;height: auto;}
.start img#ueber-mich-2 {position:absolute;left: auto;right: 4rem;top: 43.5em;z-index:50;pointer-events:none;opacity:0.8;display:block;width: 80px;}

 
}

@media (min-width: 768px) {
 .start #content img {/* width:100%; */margin-left: 0.6rem;padding-top: 3.25rem;}
 .header { height:145px; }
 .header h1 { font-size:2rem; top:3rem; left:0.5rem; padding-right:14rem;}
 .header h2 {font-size: 1.25rem;top: 0.5rem;left:0.5rem;border: 0;font-weight: normal; padding-right:14rem;}
 .header img.logo { right:5rem; bottom:-0.35rem; }
#content {padding-bottom:18rem !important;}
 footer {margin-top: -17rem;}    

.start img#ueber-mich-1 {position:absolute;left: 4em;top: 49.5em;z-index:50;pointer-events:none;opacity:0.8;display: block;width: 100px;height: auto;}
.start img#ueber-mich-2 {position:absolute;left: auto;right: 7rem;top: 53.5em;z-index:50;pointer-events:none;opacity:0.8;display:block;width: 80px;}

 img#anmeldung-1 { left:32em; top:41.0em; }
 img#anmeldung-2 { left:34.5em; top:30em;}
 img#anmeldung-3 { left:18em; top:74em; }
}

@media (min-width: 992px) {
 .betreuung strong { display:inline-block; width:190px; }
 .start #content img {/* width:100%; */margin-left: 0.9rem;max-width:1100px;}
#content { padding-bottom:27rem !important; }
 footer {margin-top: -23rem;}  

.start img#ueber-mich-1 {position:absolute;left: 9em;top: 56.5em;z-index:50;pointer-events:none;opacity:0.8;display: block;width: 100px;height: auto;}
.start img#ueber-mich-2 {position:absolute;left: auto;right: 7rem;top: 56.5em;z-index:50;pointer-events:none;opacity:0.8;display:block;width: 80px;}
 
 img#ueber-mich-1 { left: 1em;top: 63.5em; display:block; }
img#ueber-mich-2 { left:5em; top:42.5em; display:block; }
img#ueber-mich-3 { left:14em; top:30.5em; display:block; }

img#betreuung-1 {position:absolute;left:-1.8em;top: 42em; display:block; }
img#betreuung-2 {position:absolute;left:1.5em;top: 68em; display:block; }
img#betreuung-3 {position:absolute;left: 45em;top:55.5em; display:block; }
img#betreuung-4 {position:absolute;left:1em;top: 95em; display:block; }
img#betreuung-5 { left:26.5em; top:100.4em;z-index: 50; display:block; }
img#betreuung-6 {position:absolute;left:2em;top: 125em; display:block; }

img#anmeldung-1 {left:2em;top: 41.5em;display:block;}
img#anmeldung-2 {left: 45.5em;top: 32em;display:block;}
img#anmeldung-3 { left:1.8em; top:74em; display:block; }
img#anmeldung-4 {left:5em;top: 94em;display:block;}
img#anmeldung-5 {left:1em;top: 58.5em;display:block;}

img#gaestebuch-1 {left:2em;top: 63em;display:block;}
img#gaestebuch-3 {left:1.8em;top: 83%;display:block;}
img#gaestebuch-4 { left:5em; top:79%; display:block; }
img#gaestebuch-5 {left:1em;top: 124%;display:block;}

}

@media (min-width: 1200px) {
 
.start img#ueber-mich-1 {position:absolute;left: 9em;top: 63.5em;z-index:50;pointer-events:none;opacity:0.8;display: block;width: 100px;height: auto;}
.start img#ueber-mich-2 {position:absolute;left: auto;right: 12rem;top: 65.5em;z-index:50;pointer-events:none;opacity:0.8;display:block;width: 80px;}
 
#content { padding-bottom:33rem !important; }
 footer {margin-top: -28rem;}   
 
 
img#ueber-mich-1 { left: 1em;top: 63.5em;}
img#ueber-mich-2 {left:5em; top:42.5em;}
img#ueber-mich-3 {left:14em; top:30.5em; }

img#betreuung-1 {left: 1.2em;top: 42em;}
img#betreuung-2 {left:1.5em;top: 68em;}
img#betreuung-3 {left: 56em;top:55.5em;}
img#betreuung-4 {left:1em;top: 95em;}
img#betreuung-5 {left:26.5em; top:100.4em;}
img#betreuung-6 {left:2em;top: 110em;}

img#anmeldung-1 {left:2em;/* top: 41.5em; */}
img#anmeldung-2 {left: 48.5em;top: 41em;}
img#anmeldung-3 {left:1.8em; top:74em; }
img#anmeldung-4 { left:5em; top:89em; }
img#anmeldung-5 { left:1em; top:54.5em;}

img#gaestebuch-1 {left:2em;top: 45em;}
img#gaestebuch-3 {left:1.8em;top: 125%;}
img#gaestebuch-4 { left:5em; top:79%; display:none; }
img#gaestebuch-5 { left:1em; top:35%; display:none; }

}

@media (min-width: 1600px) {
 .start #content p { max-width: 50%; }
#content { padding-bottom:43rem !important; }
 footer {margin-top: -37rem;}    
}

@media (min-width: 1920px) {
#content { padding-bottom:53rem !important; }
 footer {margin-top: -44.7rem;}    
}