/* CSS Document */

body {
  background-color: #fff;
  font-size: 18px;
  font-family: futura-pt, sans-serif; /*Für Fließtext immer die Futura PT nehmen*/
  font-weight: 400;
  font-style: normal;
  font-display: optional;
}

.logo-slider>img {
	width: 334px;
	height: 157px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: alegreya-sc, serif;
  font-weight: 700;
  font-style: normal;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: alegreya-sc, serif;
  font-weight: 700;
  font-style: normal;
}

.carousel-caption>h3 {
	font-size: 1.25rem;
}

.rev-slide-h2 {
  font-size:1.5rem; 
}
a {
  color: #ff7300;
  text-decoration: none;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
a:hover {
  color: #fea621;
}
.shadow-top {
    box-shadow: inset 0px 15px 10px -15px #111;
}


/* -------------------- Farben BEGINN -------------------- */

.color-01 {
  color: #0f218b; /*blau*/
}
.color-02 {
  color: #fea621; /*hell orange*/
}
.color-03 {
  color: #ff7300; /*dunkel orange*/
}
.color-04 {
  color: #000; /*schwarz*/
}
.color-05 {
  color: #fff; /*weiß*/
}
.color-06 {
  background-image: linear-gradient(45deg, #fea621 0%, #ff7300 100%); /*Verlauf orange*/
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bg-color-01 {
  background-color: #0f218b; /*blau*/
}
.bg-color-02 {
  background-color: #fea621; /*hell orange*/
}
.bg-color-03 {
  background-color: #ff7300; /*dunkel orange*/
}
.bg-color-04 {
  background-color: #000; /*schwarz*/
}
.bg-color-05 {
  background-color: #fff; /*weiß*/
}
.bg-color-06 {
  background-image: linear-gradient(45deg, #fea621 0%, #ff7300 100%); /*Verlauf orange*/
}
.bg-color-07 {
    background: rgba(255,255,255,0.5);
    border-radius: 5%;
    backdrop-filter: blur(7px);
}
.bg-color-08 {
  background-color: rgba(0,0,0,0.75); /*schwarz*/
}
.bg-color-09 {
    background: rgba(255,255,255,0.5);
    border-radius: 0%;
    backdrop-filter: blur(7px);
}
/* -------------------- Farben ENDE -------------------- */



/* -------------------- Hintergrundbilder BEGINN -------------------- */

.bg-top-info {
  background-image: url("../images/background/005--458689247.jpg");
  /* background-size: cover; */
  background-position: bottom;
}
.bg-content-front {
  background-image: url("../images/teaser/content_front_image.svg");
  background-size: cover;
}
.bg-content-back {
  background-image: url("../images/background/003--246149844.jpg");
  background-size: cover;
  background-position: right;
	background-repeat: no-repeat;
}
.bg-review {
  background-image: url("../images/background/001--11068956.jpg");
  background-size: cover;
}
.bg-review-img {
  background-image: url("../images/background/002--293736788.jpg");
  background-size: cover;
  background-position: right; 
}
.bg-footer {
  background-image: url("../images/background/004--378630291.jpg");
  background-size: cover;
  background-position: center;
}
.bg-footer-end {
  background-image: url("../images/background/005--458689247.jpg");
  background-size: cover;
  background-position: bottom;
}

/* -------------------- Hintergrundbilder ENDE -------------------- */


/* -------------------- Border BEGINN -------------------- */

.border-6 {
	border-width: 6px !important;
}
.border-7 {
	border-width: 7px !important;
}
.border-8 {
	border-width: 8px !important;
}
.border-9 {
	border-width: 9px !important;
}
.border-10 {
	border-width: 10px !important;
}
.border-top {
	border-top:5px solid #000 !important;
	opacity: 1;
}
/* -------------------- Border ENDE -------------------- */



/* -------------------- Parallax BEGINN -------------------- */

.parallax {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: hard-light;
}

/* -------------------- Parallax ENDE -------------------- */



/* -------------------- Scroll Top BEGINN -------------------- */

.scroll-top {
  display: none !important;
  color: #fff;
  font-weight: bold;
  background-color: rgba(43, 43, 43, 0.60);
  right: 7%;
  bottom: 5%;
  position: fixed;
  transition: all .35s;
  box-shadow: 1px 0px 2px #333;
  font-size: 0.7rem;
  z-index: 9;
}
.scroll-top:hover {
  color: #1D1D1B;
  text-decoration: none;
}
@media (min-width: 992px) {
  .scroll-top {
    display: block !important;
  }
}

/* -------------------- Scroll Top ENDE -------------------- */



/* -------------------- Top Info BEGINN -------------------- */

.top-info {
  box-shadow: inset 0px -15px 10px -15px #111;
}
.top-info a {
  color: #fff;
  font-weight: 400;
  font-size: 18px;
  text-decoration: none;
}
.top-info a:hover {
  color: #fea621;
}
.ie {
  z-index: 999;
  top: 0;
}
.badge {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    background-color: #b09e80;
}

/* -------------------- Top Info ENDE -------------------- */



/* -------------------- hr style BEGINN -------------------- */

.hr-style {
  background-image: url(../images/border.svg);
  background-size: contain;
  width: 100%;
  height: 10px !important;
  background-repeat: no-repeat;
  border: none;
  background-color: transparent;
  opacity: 1;
}

/* -------------------- hr style ENDE -------------------- */



/* -------------------- Öffnungszeiten Tabelle BEGINN -------------------- */

.table {
  border-color: #989898;
}
.table .table {
  background-color: transparent;
  color: #fff;
}
.table-success, .table-success > th, .table-success > td {
  background-color: #ff7300;
  color: #fff;
  font-weight: 400;
}
.table-sm > :not(caption) > * > * {
  padding: 0.25rem;
}

/* -------------------- Öffnungszeiten Tabelle ENDE -------------------- */



/* -------------------- Datenschutz Button BEGINN -------------------- */
/*
.btn-success {
  color: #fff;
  background-color: #b09e80;
  border-color: #b09e80;
}
.btn-success:hover {
    color: #fff;
    background-color: #b09e80;
    border-color: #b09e80;
} */
.btn-check:focus + .btn-success, .btn-success:focus {
  color: #fff;
  background-color: #b09e80 !important;
  border-color: #b09e80 !important;
  box-shadow: 0 0 0 .25rem rgba(176,158,128,0.50) !important;
}
.btn-check:active + .btn-success, .btn-check:checked + .btn-success, .btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #b09e80;
  background-image: none;
  border-color: #b09e80
}
.btn-check:active + .btn-success:focus, .btn-check:checked + .btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(176,158,128,0.50);
}
.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #b09e80;
  background-image: none;
  border-color: #b09e80;
}

/* -------------------- Datenschutz Button ENDE -------------------- */



/* -------------------- Cards BEGINN -------------------- */

.card {
  margin-top: 2rem;
  border: none;
}
.card-body {
  text-align: center;
  background-color: #f8f8f8;
}
.card-title {
  text-align: center;
  font-weight: 600;
}
.card-text {
  text-align: center;
}
.card-icon {
  width: 120px !important;
  height: 120px;
  margin-top: -60px;
  margin-bottom: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 120px;
  transition: .5s;
  padding: 2rem;
  color: #005e93;
}
.card:hover .card-icon {
  color: #fff;
  background-image: linear-gradient(45deg, #f3cc00 0%, #e48717 100%);
}

/* -------------------- Cards ENDE -------------------- */


/* -------------------- Accordion ANFANG -------------------- */

.accordion-header button {
	font-size: 1.5rem;
}
.accordion-button:not(.collapsed) {
	color: #0F286E;
}
/* -------------------- Accordion ENDE -------------------- */
/* -------------------- Button ANFANG -------------------- */

.btn.btn-orange {
	background-color: #FF8002;
	background-image: var(--bs-gradient);
	color: #fff;
}

/* ------------------ Online Angebot START -------------------- */
  .btn-outline-primary {
    color: #0f218b; 
  }
  .btn-outline-primary:hover {
    background-color: #0f218b;
    color: #fea621; 
  }
  .box-white {
      background-color: white;
      box-shadow: rgba(0,0,0,0.117647) 0px 1px 6px, rgba(0,0,0,0.117647) 0px 1px 4px;
      margin: 0px 0px 10px;
      border-radius: 2px;
  }
  .panel-heading{
      background-color: #023c5b;
      padding: 20px;
      color:#fff;
  }
  .step-circle{
      background-color: #fea621;
      border-radius: 50%;
      width: 60px;
      height: 40px;
      padding: .5rem 1rem;
      font-weight: bold;
  }
  .panel-heading h3{
      margin: 0px!important;
      padding: .2rem!important;
      font-family: "Open Sans Semibold", sans-serif;
      font-size: 1.5rem;
      background: rgba(255,255,255, 0.25)
  }
  .h2oa {
      font-size: 18px;
      color: #404040;
      text-align: center;
  }
  .step-button-bg{
      background-color: #fea621!important;
      color: #fff!important;
      font-size: 14px!important;
      padding: 15px!important;
      border: 0px!important;
      width: 100% !important;
      font-weight: bold!important;
      line-height: 2!important;
      height: 59px!important;
      cursor: pointer!important;
      text-align: center!important;
  }
 .step2checkbox[type="checkbox"] {
     margin: 5px;
     margin-right: 8px;
     /* display:none; */ 
  }
 /* .step2checkbox[type="checkbox"] + label::before {
      width: 22px;
      height: 18px;
      background-image: url("../images/unchecked.png");
      display: block;
      content: "";
      float: left;
      margin-right: 5px;
  }
  .step2checkbox[type="checkbox"]:checked+label::before {
      background-image: url("../images/checked.png");
  } */
  .text-white{
      color: #fff!important;
  }
  .value-button {
      display: inline-block;
      border: 1px solid #ddd;
      margin: 0px;
      width: 40px;
      line-height: 1;
      height: 40px;
      margin-top: -3px;
      text-align: center;
      vertical-align: middle;
      padding: 11px 0;
      background: #eee;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
  }

  .value-button:hover {
      cursor: pointer;
  }
#about {
  padding: 20px;
  background-color: #f5f5f5;
  box-shadow: 0 1px 4px rgb(0 0 0 / 40%);
  
}
  form .decrease {
      margin-right: -4px;
      border-radius: 8px 0 0 8px;
  }
  
  .form-control {
    background: rgba(0,0,0,0.1)!important;
    padding: .7rem;
}

  form .increase {
      margin-left: 0px;
      border-radius: 0 8px 8px 0;
  }

  form .input-wrap {
      margin: 0px;
      padding: 0px;
  }

  input.number {
      text-align: center;
      border: none;
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      margin: 0px;
      width: 40px;
      height: 40px;
  }

  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
  }
  .text-right{
      text-align: right!important;
  }
  .spanclassrommcreate{
      font-size: 1.1rem;
  }
  .descroombox{
      font-size: 12px!important;
      font-weight: normal!important;
      margin: 0px!important;
      padding: 0px!important;
  }
  .roombox {
    background-color: #fff;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 6px, rgb(0 0 0 / 12%) 0px 1px 4px;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(239, 239, 239,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(239, 239, 239,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgb(239, 239, 239) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e2e2e2',GradientType=0 );
    padding: 20px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    cursor: pointer!important;
    width: 100%;
}

.roombox:hover {
    background-color: #fea621!important;
    background: none;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 6px, rgb(0 0 0 / 12%) 0px 1px 4px;
    filter: none;
    padding: 20px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    cursor: pointer!important;
    width: 100%;
}

/* ------------------ Online Angebot END -------------------- */