body {color:#555555;background-color:/*rgba(235,247,235,1)*/transparent;background-image: url(/images/banners/bg_body3.jpg?1760374322697);background-repeat: no-repeat; background-position: center right;background-attachment:fixed;font-size:18px;line-height:1.5em;}

.background-bild {
  position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:0;background-image: url(/images/parkhotel/bg-hotel-3000.jpg?1753281366910);background-repeat: no-repeat; background-position: 0px top;
}
h1,h2,h3,h4,h5 {color:rgba(122,147,122,1);}

.lead a:link {
  color:#daf97c!imortant;font-size:0.8em!important;
}
.lead a:hover {
  color:#ffffff;
}
h1 {
  font-size:3em;text-decoration:none;text-transform: uppercase;text-align:center;padding-top:20px;padding-bottom:30px;
  margin-top:0px;margin-bottom:0px;font-weight:300;
}
.start-banner {
    font-size:3em;color:white;
  }
.blog-featured {
  padding:20px 20px;
}
.com-content-article {
  padding:20px 20px;
}
.display-4 {
  color:#ffffff!important;padding:20px 0px;
}
.page-header {
  padding:0px 20px 0px 20px; margin-top:20px;margin-bottom:40px;
}
.page-header h1 {
  color: /*#3d702a*/rgba(122,147,122,1)!important; font-family:times;font-weight:100!important;
  letter-spacing:0.07em; border-bottom: 1px solid rgba(180,195,180,1);
}
h2 {
  font-size:2.2em;font-weight:300!important; color:rgba(122,147,122,1);text-align:center;
  margin-bottom:20px; padding-top:40px;padding-bottom:40px;
  font-family: times;border-bottom: 1px solid rgba(180,195,180,1);
}

.titel2 {font-weight:300!important; font-size:1.8em!important;color:#3d702a!important;}
h3 {font-weight:400;font-size: 1.4em;margin-top:30px;color:rgba(180,195,180,1);}
h4 {font-weight:400;font-size: 1.2em;margin-top:30px;color:rgba(122,147,122,1);}
h5 {font-weight:400;font-size: 1em;margin-top:30px;color:rgba(122,147,122,1);}
p {color:#555555;font-weight:300;}
a {color:#b7f401;text-decoration:none;}
a:not([class]) {text-decoration: none;}
li {color:#555555;font-weight:300;margin:10px 0px;}
.date-preise {color:white; background-color:rgba(122,147,122,1);padding:10px 10px; }
.preise {color:#3d702a; background-color:rgba(219,224,219,1);padding:10px 10px;}
@media (max-width: 991px) {
  h1 {font-size:2em;}
h2 {font-size:1.5em;}
  
}
/* ================= Farben ====================== */ 

.container-header {
  background-color:/*#3d702a*/transparent;
  /*box-shadow: inset 0 5px 5px rgba(0,0,0,.03);*/
  position: relative; text-align: center;
  z-index: 10;
  background-image:none;
}
.container-topbar, .container-below-top {
  color: #fff;background-color:transparent;
}
main {
  background-color:rgba(255,255,255,0.9);margin-top:20px;margin-bottom:10px!important;
}
.com-content-category-blog__items {
  padding-left:20px;padding-right:20px;
}
.com-content-article__body {
  padding-left:20px;padding-right:20px;
}
.card {
  background-color:#ffffff;margin: 0px 0px 1px 0px;
  border: none;
}
.card-body {padding:0px 10px;}
/*.card {
  --card-spacer-y: 1rem;
  --card-spacer-x: 1rem;
  --card-title-spacer-y: 0.5rem;
  --card-title-color: ;
  --card-subtitle-color: ;
  --card-border-width: 0px;
  --card-border-color: transparent;
  --card-border-radius: none;
  --card-box-shadow: ;
  --card-inner-border-radius: none;
  border: none;
  border-radius:none;
}*/
:root{--cassiopeia-color-primary:#dfdaac!important;--cassiopeia-color-link:#224faa;--cassiopeia-color-hover:#424077}

.container-header .grid-child {
  padding: .5em; text-align: center!important;
}
.container-header .navbar-brand {
  color: #fff;
}
.navbar-brand img {
  width:250px;height:auto;text-align:center!important;margin-left:auto;margin-top: 10px;margin-bottom: 10px;margin-right:auto;
}

.container-header .container-nav {
  
  background-color: #3d702a;
}

.head-image {
  height: 720px; border-top: 10px solid #fefae9;border-bottom: 10px solid #fefae9;background-size: cover;
}
.container-banner {
  display: block;float:left;background-color:rgba(255,255,255,0.8);padding:0px 0px;
  margin: 0px 0px 0rem;border-top: 0px solid rgba(255,255,255,0.5);border-radius:0px!important;
}
.mod-articles-grid {
  margin:10vh 20px;border-top: 0px solid rgba(255,255,255,0.5);border-radius:0px!important;
}
.mod-articles-item .mod-articles-item-content {
  order: 1;text-align:center;background-color:rgba(255,255,255,0.5);padding:20px 0px;border-top: 5px solid rgba(255,255,255,0.5);border-radius:0px!important;
}
.footer {
  z-index:2;
  color:white!important;
  background-color: rgba(61,112,42,1);
  background-image: none;
  color: inherit;
  margin-top: 1em;
   -webkit-box-align: top;
  -ms-flex-align: top;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  justify-content: space-between;
  padding: 20px .5em;
}
.footer p {color:white;}
@media (max-width: 991px){
#mod-custom126 {
  margin-top:20px;margin-right:20px;
}
}

/* ================== Spalten =================== */
.spalte1-3 {
  width:100%; height:auto; float:left; display:block; margin-bottom:20px;
}
.spalte-halblinks-text {
  width: 70%;float:left;
}
.spalte-halblinks {
  width: 49.5%;float:left;margin-top:20px;margin-right:1%;margin-bottom:20px;
}
.spalte-halbrechts {
  width: 49.5%;float:left;margin-top:20px;margin-bottom:20px;
}

.spalte-1 {
  width:33%; float:left;margin-right:0.5%;margin-bottom:20px;
}
.spalte-2 {
  width:33%; float:left;margin-right:0.5%;margin-bottom:20px;
}
.spalte-3 {
  width:33%; float:left;margin-bottom:20px;
}
@media (max-width: 991px){
  .spalte1-3 {width:100%; height:auto;float:left; display:block;margin-bottom:20px;}
.spalte-halblinks-text { width: 100%;float:left;}
.spalte-halbrechts { width: 100%;float:left;}
  .spalte-halblinks { width: 100%;float:left;margin-right:0px;}
.spalte-1 {width:100%; float:left;margin-right:0%;margin-bottom:20px;}
.spalte-2 {width:100%; float:left;margin-right:0%;margin-bottom:20px;}
.spalte-3 {width:100%; float:left;margin-right:0%;margin-bottom:20px;}
}

/* ================== Banner =================== */

.container-banner .banner-overlay {
  color: #fff;
    background-position-x: right;
    background-position-y: -110px;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 100vh /*70vh*/;margin:0vh 0vh;
}

.container-banner .banner-overlay .overlay {
  height:100vh;
  background-color: #00000020;
  justify-content: center;align-items:center;
  padding:0px 0px;
}
.start-overlay {
  padding: 0px 50px; margin: -500px 0px 0px 0px; background-color: rgb(255,255,255,0.8); text-align: center;"
}
.banner-text {
  background-color: #3d702a; width: 100%; height: 100%; color: white!important; display: inline; vertical-align: middle;
  }
.banner-text-2 {
  top:20px;bottom:20px;
  background-color: rgba(10, 10, 10, 0.3); 
  width:80%; min-width:400px; height: auto;padding:1em 20px 1em 20px; 
  color: white!important; display: inline; 
  font-size:0.8em; line-height: 3em!important;text-align:center!important;
  }
.banner-text-2 h2 {
  font-weight:500!important; font-size:2em!important;
}
.banner-text-white {
  top:0px;bottom:0px; float:left;display:block;
  background-color: rgba(14, 100, 14, 0.4); 
  width:100%; min-width:400px; height: 100%;padding:0em 0px 0em 0px; 
  color: white!important; display: inline; 
  font-family:times;font-size:0.8em;font-weight:light; line-height: 3em!important;text-align:center!important;
  }
.banner-text-white h2 {color:white;font-weight:500; font-size:3em;}
.banner-text-bild {
  background-color: transparent; width: 100%; height: 100%; color: white!important; display: inline; vertical-align: middle;
  }
.lead {
  color:white!important; font-size:1.5em;line-height:1.7em;font-weight:100!important;letter-spacing:0.2px;
}
.banner-text .banner-text-bild p {
  font-size: 1.2em;
  }
  .lindau {
    background-image: url("/images/banners/bg_body5.jpg");background-size:cover; width:100%;height:100%;
    }
  .red {
    background-color: red;width:100%;height:100%;
  }
  .gray-light {
    background-color: rgba(226,239,226,0.5)/*#e2efe2*/; width:100%; height:100%;
  }
 .gray {
    background-color: rgba(/*140,140,140,*/95,24,66,0.7)/*#e2efe2*/; width:100%; height:auto;float:left;
  }
.white-light {
    background-color: rgba(245,245,245,0.7)/*#e2efe2*/; width:100%; height:100%;padding:0px 0px;
  }
/* --------- Banner mobile ------------ */
@media (max-width: 949px){
.container-banner .banner-overlay {
  background-position-x: -700px;
    background-position-y: -200px;
  background-size: auto;
  background-attachment: local;
  height: 100vh /*70vh*/;
  /*display:block; */
}
  .start-overlay {
  padding: 0px 50px; margin: 0px 0px 0px 0px; background-color: rgb(255,255,255,0.8); text-align: center;"
}
  .lindau {
    background-image: url("/images/banners/bg_body5.jpg");background-size:cover;
  }
  .red {
    background-color: red; width:100%; height:100%;
  }
  .gray-light {
    background-color: rgba(226,239,226,0.5); width:100%; height:100%;
  }
  .gray {
    background-color: rgba(95,24,66,0.7); width:100%; height:auto;
  }
  .white-light {
    background-color: rgba(245,245,245,0.7)/*#e2efe2*/; width:100%; height:100%;
  }
  .lead {
    font-size:1.2em;
  }
.start-banner {
    font-size:2em;color:white;
  }
  .badende {display:none;visibility:none;}
/*#mod-custom118 {
  background-image: url("/images/banners/parkhotel-lindau-hoch.jpg")!important;
  background-size:contain;background-position: left 30%;background-repeat:repeat !important;
}*/
#mod-custom125 {
  background-image: url("/images/banners/bg_body5.jpg")!important;
  background-size:contain;background-position: left 30%;background-repeat:no-repeat !important;
}
.banner-text p, .banner-text-bild p, .lindau p, .red p {
  font-size: 1em;
  }
}
#mod-custom124 {
  height:auto;min-height:500px;
  }
  /* -------------------------- Maxi Menu ----------------------------------- */
  div#maximenuck128 {
    width:100%;float:left;
}
.menu-bild {width:31%;margin-right:10px;}
div#maximenuck128 ul.maximenuck li ul.maximenuck2 li p, div#maximenuck128 ul.maximenuck2 li p {
  line-height:1.4em!important;
  margin: 0 0 10px 0;
  font-size: 1em!important;
  text-align: left;
}
.menu-bild a {width:31%!important;margin-right:10px;}
.menu-text {font-size:1em!important;}
  /* -------------------------- Metis Menu footer ----------------------------------- */
.metismenu.mod-menu .metismenu-item.active > a, .metismenu.mod-menu .metismenu-item.active > button, .metismenu.mod-menu .metismenu-item > a:hover, .metismenu.mod-menu .metismenu-item > button:hover {
  text-decoration: none;color:rgba(180,195,180,1);
}
.metismenu.mod-menu .metismenu-item > span, .metismenu.mod-menu .metismenu-item > a, .metismenu.mod-menu .metismenu-item > button {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
  overflow: hidden;color:white;
}

/* ============================ Kontaktbutton q-4-u ========================== */
/* ------------------------- Kontaktbutton Startseite ------------------*/
.contactBox {
  width:100%;
  background-color: rgba(255,255,255,0);
  margin: 9px 0 0 0px;
  padding: 0px 0px 0px 0px;
  border-radius: 0px;
  text-align: center;
 /* -webkit-box-shadow: 0px 29px 31px -19px rgba(0,0,0,0.52);
  -moz-box-shadow: 0px 29px 31px -19px rgba(0,0,0,0.52);
  box-shadow: 0px 11px 20px -10px #aaaaaa;*/

}
/*
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
*/
.contactBox a {
 color: #ffffff !important;
    text-decoration: none !important;
  
}
.contactBox a:hover {
 color: #ffffff !important;
}

 .button::after, button::after {
  content: '';
  display: block;
  background: #a46324 url('https://www.q-4-u.de/images/arrow-buttons.png') no-repeat center center;
  height: 48px;
  width: 50px;
  border: 1px 0px 1px 0px solid #eeeeee;
  position: absolute;
  top: 0;
  right: 0;
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: ease-out;
  z-index: 9;
/*-webkit-box-shadow: -19px 19px 19px -32px rgba(0,0,0,0.22);
  -moz-box-shadow: -19px 19px 19px -32px rgba(0,0,0,0.22);
  box-shadow: -19px 19px 19px -32px rgba(0,0,0,0.22);*/
}

.button, button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus {
  display: inline-block;
  margin: 0px 0px !important;
  padding: 0px 70px 0px 20px !important;
  background-color: #d88330;
  text-align: center;
  width: auto;
  height: 50px !important;
  line-height: 50px !important;
  font-size: 18px !important;
 /* text-transform: uppercase;*/
  color: /*#112855*/#1ac403;
  border: 1px solid #eeeeee;
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: ease-out;
  font-weight: 400;
  position: relative !important;
  z-index: 9;
   /*-webkit-box-shadow: -5px 0px 30px 0px #aaaaaa;;
  -moz-box-shadow: -5px 0px 30px 0px #aaaaaa;;
  box-shadow: -5px 0px 30px 0px #aaaaaa;*/
}
.button:hover, button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
  background-color: /*#027c7f;*/#3d702a;
}

.button:hover::after {

    background-color: /*#006d70;*/#3d702a;

} 
/* ------------------------ Kontaktbutton Ende -------------------- */