/*# sourceMappingURL=../css/reset.css.map */

.paragraph--type--hero-block > .inner {
  min-height: 100vh !important;
  padding: 100px 0 50px 0;
}

@media (max-width: 768px) {
  .paragraph--type--hero-block > .inner {
    min-height: auto !important;
    padding: 100px 0 50px 0;
  }
}

.paragraph--type--hero-block.text-align-center .field--seitentitel + *,
.paragraph--type--hero-block.text-align-center .field--seitentitel h1 {
  font-size: 46px !important;
  font-weight: bold;
  margin-bottom: 40px !important;
}

.paragraph--type--hero-block .field--kurzbeschreibung p:first-child {
  font-size: 24px !important;
  font-weight: 500 !important;
}

.longtext-container p {
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 20px;
  color: var(--nir-gray);
}

/* === 17-07-2023 === */

::-webkit-scrollbar {
  width: 4px !important;
}

::-webkit-scrollbar-thumb {
  /* background: #ea2127; */
  background: var(--nir-theme) !important;
  border-radius: 50px !important;
}

::-webkit-scrollbar-track {
  /* background: #282828; */
  background: var(--nir-gray) !important;
}

.paragraph--type--kontaktformular .inner {
  padding: 4.5rem 1rem !important;
}

footer.main-footer a:hover,
footer.main-footer a:focus {
  color: var(--nir-white) !important;
}

article ul.links.inline a:hover,
article ul.links.inline a:focus,
.more-link a:hover,
.more-link a:focus,
.button:hover,
.sliding-popup-bottom button.agree-button:hover,
.button:focus,
.sliding-popup-bottom button.agree-button:focus,
header button:hover,
header button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
  background: none !important;
}

.navbar .nav-link {
  padding: 14px 21px !important;
}

.paragraph--type--hero-block .iframe-container {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.iframe-container--cover iframe {
  min-width: 100vw;
  min-height: 100vh;
  width: 100%;
  height: 100%;
}

@media (max-width: 450px) {
  .longtext-container p {
    font-size: 18px;
  }

  footer {
    padding-bottom: 0;
  }
}

form input[type="submit"] {
  display: block !important;
  text-align: center !important;
  font-weight: 400 !important;
  background-color: var(--nir-theme) !important;
  color: var(--nir-white) !important;
  padding: 14px 25px !important;
  text-transform: uppercase !important;
  font-size: 19px !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  border: 1px solid var(--nir-theme) !important;
  /* margin: 0 auto !important;
  margin-top: 30px !important; */
  transition: all 0.4s !important;
}

form input[type="submit"]:hover {
  color: var(--nir-theme) !important;
  background-color: aliceblue !important;
  border: 1px solid var(--nir-theme);
}

/* .inner #captcha {
    width: 50%;
    float: left;
}

.inner #edit-actions {
    width: 50%;
    float: right;
} */

form input[type="submit"] {
  display: block !important;
  text-align: center !important;
  background-color: var(--nir-theme) !important;
  color: var(--nir-white) !important;
  padding: 10px !important;
  text-transform: uppercase !important;
  font-size: 19px !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  /* margin: 0 auto !important;
  margin-top: 30px !important; */
  transition: all 0.4s !important;
}

@media (max-width: 769px) {
  form input[type="submit"] {
    display: block !important;
    text-align: center !important;
    width: 100% !important;
    background-color: var(--nir-theme) !important;
    color: var(--nir-white) !important;
    padding: 10px 30px !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    text-decoration: none !important;
    border-radius: 10px !important;
    /* margin: 0 auto !important;
    margin-top: 0px !important; */
    transition: all 0.4s !important;
  }

  #selector .selector-form .availability {
    margin-bottom: 10px;
  }
}

@media (max-width: 450px) {
  .paragraph--type--hero-block.text-align-center .field--seitentitel + *,
  .paragraph--type--hero-block.text-align-center .field--seitentitel h1 {
    font-size: 30px !important;
    margin-bottom: 20px !important;
  }

  .paragraph--type--hero-block .field--kurzbeschreibung p:first-child {
    font-size: 16px !important;
    font-weight: 400 !important;
  }

  #selector .selector-form .availability .form-actions input[type="submit"] {
    margin-top: 0px !important;
  }

  form .form-actions {
    margin-top: 0em;
  }
}

nav.pager .pager__items {
  display: flex !important;
  justify-content: end !important;
}

nav.pager .pager__items li.pager__item--first a:hover,
nav.pager .pager__items li.pager__item--next a:hover {
  color: #fff;
  background-color: #fff !important;
  border-color: #fff !important;
}

nav.pager .pager__items li.is-active a {
  border: 2px solid #eb3c3f !important;
  color: #ffffff !important;
  background-color: #eb3c3f !important;
}

nav.pager .pager__items li a.normal {
  display: block;
  font-weight: 900;
  border-radius: 100%;
  color: #000;
  border: 2px solid #eb3c3f !important;
}

nav.pager .pager__items li a.normal:hover {
  background-color: #eb3c3f !important;
}

nav.pager .pager__items li.pager__item--next a {
  background-image: url(../resources/dist/icons/right-pager.svg) !important;
}

nav.pager .pager__items li.pager__item--first a,
nav.pager .pager__items li.pager__item--previous a {
  background-image: url(../resources/dist/icons/left-pager.svg) !important;
}

nav.pager .pager__items li.pager__item--first {
  margin-right: 0em !important;
}

nav.pager .pager__items li.pager__item--next {
  margin-left: 0em !important;
}

#selector .selector-form {
  display: flex;
  justify-content: space-between;
  gap: 0px;
  align-items: center;
}

#selector .selector-form div input[type="date"] {
  background-color: white;
  color: #959595;
  border-radius: 4px;
  padding: 10px 20px;
  font-weight: bold;
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
height:46px;
}

#selector .selector-form legend {
  padding: 0px !important;
}

form fieldset:not(.fieldgroup) {
  padding: 0rem !important;
}

@media screen and (min-width: 1180px) and (max-width: 8880px) {
  form fieldset:not(.fieldgroup) {
    margin: 0em 0 !important;
  }
}

@media (max-width: 770px) {
  /* == Selector == */

  #selector .selector-form {
    flex-wrap: wrap;
  }

  #selector .selector-form div {
    width: 100%;
    /* border-radius: 10px !important; */
    /* overflow: hidden; */
  }

  /* .col {
        flex: auto;
    } */
}

input[type="date"],
input[type="time"] {
  -webkit-appearance: none !important;
}

@media (max-width: 450px) {
  #selector .selector div a,
  #selector .selector div select,
  #forms .availability a {
    font-size: 16px;
  }

  p.text-form-desc,
  p.subtitle {
    font-size: 18px;
  }

  h4.title-service {
    font-size: 36px;
  }

  form textarea,
  form input[type="text"],
  form input[type="email"],
  form input[type="search"],
  form input[type="tel"],
  form input[type="url"],
  form input[type="password"],
  form input[type="color"],
  form input[type="file"],
  form input[type="color"],
  form input[type="number"],
  form input[type="range"],
  form input[type="date"],
  form input[type="month"],
  form input[type="week"],
  form input[type="time"],
  form input[type="datetime"],
  form input[type="datetime-local"] {
    min-width: 100% !important;
    width: 100% !important;
  }
}

form .form-item-managed-file,
form textarea,
form select,
form input[type="text"],
form input[type="email"],
form input[type="search"],
form input[type="tel"],
form input[type="url"],
form input[type="password"],
form input[type="color"],
form input[type="file"],
form input[type="color"],
form input[type="number"],
form input[type="range"],
form input[type="date"],
form input[type="month"],
form input[type="week"],
form input[type="time"],
form input[type="datetime"],
form input[type="datetime-local"] {
  padding: 12px 20px !important;
  min-width: 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* Safari and Chrome */
  form .form-item-managed-file,
  form textarea,
  form select,
  form input[type="text"],
  form input[type="email"],
  form input[type="search"],
  form input[type="tel"],
  form input[type="url"],
  form input[type="password"],
  form input[type="color"],
  form input[type="file"],
  form input[type="color"],
  form input[type="number"],
  form input[type="range"],
  form input[type="date"],
  form input[type="month"],
  form input[type="week"],
  form input[type="time"],
  form input[type="datetime"],
  form input[type="datetime-local"] {
    padding: 8px 20px !important;
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

form input[type="number"] {
  width: -webkit-fill-available;
}

input#edit-submit-camps {
  width: 100% !important;
}

input#edit-submit-all-venues {
  width: 100% !important;
}

@media (max-width: 770px) {
  form input[type="number"] {
    width: calc(100% - 1rem);
  }
}

.paragraph--type--kontaktformular form textarea,
input#edit-field-sender-email-0-value {
  margin-top: 4px;
}

form details {
  padding: 1.4em 0 !important;
}

h4.title-service {
  font-size: 45px;
  font-weight: bold;
}

p.text-form-desc {
  font-size: 20px;
  font-weight: 400;
}

p.subtitle {
  font-size: 20px;
  font-weight: 400;
}

.paragraph--type--hero-block .field--hintergrund .field--mediaimage {
  height: 100% !important;
}

@media (min-width: 768px) {
  .container-inline
    .webform-flex--container
    > .form-item
    > input:not([type="checkbox"]),
  .container-inline .webform-flex--container > .form-item > select,
  .webform-flex--container
    > .form-item.webform-element--title-inline
    > input:not([type="checkbox"]),
  .webform-flex--container > .form-item.webform-element--title-inline > select {
    width: 100%;
  }

  form input:not([type="checkbox"]) {
    width: 100%;
    font-size: 14px !important;
  }
}

@media screen and (min-width: 0px) and (max-width: 1180px) {
  nav.pager .pager__items li {
    display: block !important;
  }
}

.paragraph--type--kontaktformular form {
  padding-top: 0px !important;
  text-align: left;
}

@media (min-width: 768px) {
  form#webform-submission-contact-node-1-add-form .webform-flex--container {
    margin: 0px 0px;
  }
}

form#webform-submission-contact-node-1-add-form {
  background-color: transparent !important;
  padding: 0px !important;
}

.drupal--status {
  z-index: 99999 !important;
}

@media (max-width: 786px) {
  .customer-grid .view-inner-content .views-row {
    width: 100%;
  }

  .customer-grid .view-inner-content .views-row img {
    opacity: 0.4;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    aspect-ratio: 2/1;
  }

  .node--kunden .field--logo {
    margin: 0 auto;
  }
}

@media (max-width: 380px) {
  .dates,
  .venues {
    min-width: 100%;
  }
}

#selector .selector-form div input::placeholder {
  color: black;
}

input[type="date"]#edit-field-camp-date-value-date::-webkit-input-placeholder {
  color: black;
}

form .form-item {
  overflow: hidden;
}

label.error,
.error {
  color: red;
  font-size: 14px;
  font-weight: 500;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  display: flex;
}

#selector .selector-form .availability {
  margin-left: 0px;
}

@media (max-width: 770px) {
  #selector .selector-form .venues {
    margin: 0 0;
  }

  #selector .selector-form .availability {
    margin-left: 0px;
  }

  #selector .selector-form .dates {
    margin-left: 20px;
  }
}

@media (max-width: 380px) {
  #selector .selector-form .dates {
    margin-left: 0;
  }
}

/* Blog page css */

.card-body .card-title {
  font-size: 20px;
  font-weight: bold;
  font-family: "Poppins", sans-serif;
}

.card-body .card-text {
  font-size: 16px;
  font-weight: 100;
  font-family: "Poppins", sans-serif;
}

.card-blog {
  background-color: #f8f4f4;
  border: 1px solid transparent;
  padding: 15px;
}

.btn.btn-card {
  text-transform: uppercase;
  background-color: var(--nir-theme);
  border-radius: 10px;
  color: var(--nir-white);
  font-weight: 600;
}

.btn.btn-card:hover {
  color: var(--nir-black);
  background-color: var(--nir-white);
  border: 1px solid var(--nir-theme);
}

#card #banner .banner {
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

#card #banner .banner img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  object-position: center;
}

#card #banner .layer {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 65%;
  background-image: linear-gradient(var(--nir-gray) 80%, transparent);
  opacity: 0.4;
  z-index: 1;
}

#card #banner .layer_content {
  color: var(--nir-white);
  text-align: center;
  position: absolute;
  top: 50%;
  right: 50%;
  width: 70%;
  transform: translate(50%, -50%);
  z-index: 2;
}

#card #banner .layer_content h1 {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 10px;
}

.card-blog img {
  height: 250px;
  object-fit: cover;
}

section#card .container {
  margin-top: 30px;
}

#banner .reva img {
  width: 100%;
  object-fit: cover;
}

#banner .reva .layer {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 65%;
  background-image: linear-gradient(var(--nir-gray) 80%, transparent);
  opacity: 0.4;
  z-index: 1;
}

.camp-btn a {
  text-decoration: none;
  padding: 14px 20px;
  text-transform: uppercase;
  background-color: var(--nir-theme);
  display: block;
  width: fit-content;
  margin: 0 auto;
  border-radius: 10px;
  color: var(--nir-white);
  border: 1px solid transparent;
  transition: all 0.4s;
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
}

.camp-btn a:hover {
  color: var(--nir-black);
  background-color: var(--nir-white);
  border: 1px solid var(--nir-theme);
}

@media (max-width: 450px) {
  .camp-text h2 {
    font-size: 38px;
    margin-bottom: 30px;
  }
}

/* === VENUES === */
#venues {
  background-color: var(--nir-bg-gray);
}

/* === card === */

.card.venue-main-card .card-body .card-title {
  font-size: 24px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  line-height: 33px;
}

.card-body .card-text {
  font-size: 16px;
  font-weight: 100;
  font-family: "Poppins", sans-serif;
}

.card-blog {
  background-color: #f8f4f4;
  border: 1px solid #d1d3d4;
  padding: 15px;
}

#training #venues-slider .slick-list.draggable {
  padding-top: 0px !important;
}

#training #venues-slider .slick-slide {
  margin: 3px;
}

#training #camps-slider .slick-list.draggable {
  padding-top: 0px !important;
}

#training #camps-slider .slick-slide {
  margin: 3px;
}

.btn.btn-card {
  text-transform: uppercase;
  background-color: var(--nir-theme);
  border-radius: 10px;
  color: var(--nir-white);
  font-weight: 600;
}

.btn.btn-card:hover {
  color: var(--nir-black);
  background-color: var(--nir-white);
  border: 1px solid var(--nir-theme);
}

#about .about_section {
  margin-bottom: 80px;
  margin-top: 11%;
}

@media (max-width: 450px) {
  #about .about_section {
    margin-bottom: 80px;
    margin-top: 26%;
  }

  #about,
  #services {
    margin: 0px 0 !important;
  }
}

#training .slick-center .train_card {
  background: white !important;
  color: var(--nir-black) !important;
  margin-bottom: 40px;
  text-align: center;
  transform: translateY(-40px);
}

#training .train_card {
  /* width: 30%; */
  /* margin: 0 10px; */
  background: var(--nir-white);
  color: var(--nir-gray);
  padding: 20px;
  border-radius: 20px;
  text-align: center;
}

#training .train_card {
  /* width: 30%; */
  /* margin: 0 10px; */
  background: var(--nir-white);
  color: var(--nir-gray);
  padding: 20px;
  border-radius: 20px;
  text-align: center;
}

#training .slick-center a {
  border: 1px solid var(--nir-black) !important;
  color: var(--nir-black) !important;
  transition: all 0.4s;
}

#training .slick-center a:hover {
  border: 1px solid var(--nir-theme) !important;
  color: var(--nir-white) !important;
  background-color: var(--nir-theme) !important;
}

.train_card .tain_detail a {
  margin: 16px auto 0 auto !important;
}

.blog-inner-banner img {
  display: block;
  width: 100%;
}

.blog-inner-content {
  max-width: 900px;
  margin: 0 auto;
}

.blog-inner-content * {
  font-family: var(--font-family-montserrat);
}

.blog-inner-content strong {
  font-size: 25px;
  font-weight: 500;
  line-height: 31px;
  color: #000000;
  display: block;
  margin: 30px 0;
}

.blog-inner-content p {
  font-size: 22px;
  font-weight: 400;
  line-height: 33px;
  color: #433b3b;
  margin-bottom: 24px;
}

.blog-inner-content p:last-of-type {
  margin-bottom: 0;
}

.name {
  font-size: 25px;
  font-weight: 500;
  line-height: 38px;
  color: #01000c;
  margin: 0;
  margin-top: 45px;
  margin-bottom: 45px;
  text-align: right;
  margin-bottom: 50px;
}

.blog-title {
  margin: 20px 0;
}

.blog-title h2 {
  font-family: var(--font-family-montserrat);
  font-size: 60px;
  font-weight: 600;
  line-height: 75px;
  margin: 0;
}

/* breadcrumbs */
.breadcrumbs ul {
  display: flex;
  margin-bottom: 27px;
  margin-top: 45px;
  flex-wrap: wrap;
  padding-left: 0;
}

.breadcrumbs ul li {
  border: solid 1px transparent;
  padding: 6px 20px;
  font-family: var(--font-family-montserrat);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #807f7f;
  display: block;
  position: relative;
  text-transform: capitalize;
}

.breadcrumbs ul li:after {
  content: "";
  position: absolute;
  height: 50%;
  margin: auto;
  width: 1px;
  top: 0;
  right: 0;
  bottom: 0;
  background: #807f7f;
}

.breadcrumbs ul li:last-of-type:after {
  display: none;
}

.breadcrumbs ul li.active {
  border: solid 1px #8f8f8f;
  border-radius: 50px;
}

.breadcrumbs ul li.active:after {
  display: none;
}

.breadcrumbs ul li.active {
  color: #000;
}

/* breadcrumbs */
.breadcrumbs ul {
  display: flex;
  margin-bottom: 27px;
  flex-wrap: wrap;
}

.breadcrumbs ul li {
  border: solid 1px transparent;
  padding: 6px 20px;
  font-family: var(--font-family-montserrat);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #807f7f;
  display: block;
  position: relative;
  text-transform: capitalize;
}

.breadcrumbs ul li:after {
  content: "";
  position: absolute;
  height: 50%;
  margin: auto;
  width: 1px;
  top: 0;
  right: 0;
  bottom: 0;
  background: #807f7f;
}

.breadcrumbs ul li:last-of-type:after {
  display: none;
}

.breadcrumbs ul li.active {
  border: solid 1px #8f8f8f;
  border-radius: 50px;
}

.breadcrumbs ul li.active:after {
  display: none;
}

.breadcrumbs ul li.active {
  color: #000;
}

@media (max-width: 770px) {
  #training .slick-list.draggable {
    min-height: 800px !important;
  }
}

@media (max-width: 600px) {
  #training .slick-list.draggable {
    min-height: 600px !important;
  }
}

@media (max-width: 400px) {
  #training .slick-list.draggable {
    min-height: 550px !important;
  }
}

@media (max-width: 991px) {
  .blog-inner-content {
    padding: 0 30px;
  }
}

.paragraph--type--kontaktformular .field--hintergrund img {
  width: 100vw !important;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.paragraph--type--ansicht {
  padding-bottom: 0rem !important;
  padding-top: 1.5rem;
}

.card-blog .icons img {
  margin-top: 10px;
  height: 26px;
  width: 50px;
  margin-bottom: 10px;
}

.row.d-flex.icons {
  justify-content: center;
}

.venue-icons img {
  height: 30px !important;
  width: 30px !important;
  padding: 0px 0px !important;
}

.row.d-flex.venue-icons {
  justify-content: center;
  width: 100%;
}

.list_title .row.d-flex.venue-icons {
  justify-content: flex-start;
  width: 100%;
}

.customer-grid .view-inner-content .slick-list .slick-track {
  align-items: center;
}

.customer-grid .view-inner-content .slick-list {
  align-items: center;
}

.slick-slider .slick-slide {
  height: auto;
}

.facilities_slider button.slick-prev.slick-arrow,
.rooms_slider button.slick-prev.slick-arrow {
  background-image: url(../image/arrow_slide.png);
  background-position: left;
  background-position: center;
  background-size: cover;
  padding: 0;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  z-index: 1;
}

.rooms_slider button.slick-next.slick-arrow,
.facilities_slider button.slick-next.slick-arrow {
  background-image: url(../image/arrow_slide_right.png);
  background-position: right;
  background-position: center;
  background-size: cover;
  padding: 0;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  z-index: 1;
}

#selector .selector-form legend span {
  padding-bottom: 0px;
  display: contents;
  padding-top: 0px;
  font-size: 16px;
  font-weight: bold;
  font-family: "Poppins", sans-serif;
  color: #000000;
}

#selector .selector-form legend {
  margin-left: 0px;
  font-size: 16px;
}

/* 13-2 */

.cal-location img {
  width: 18px;
  height: 18px;
}

.main-location {
  gap: 20px;
}

.resort-report-section .box {
  height: 100% !important;
}

.resort-report-section .box p {
  margin-bottom: 0 !important;
}

.banner-inner-section .webform-submission-form {
  padding: 0 !important;
}

.banner-inner-section .container.js-form-wrapper.form-wrapper {
  border-radius: 14px 5px !important;
  background: white;
  padding-bottom: 2rem;
}

#edit-markup {
  padding: 1rem;
  padding-bottom: 0 !important;
}

.text-start span {
  font-weight: 400;
  font-family: "Bebas Neue", sans-serif;
  color: #ffffff;
}

.webform-button--submit {
  margin-bottom: 0 !important;
}

.report-inner {
  align-items: center;
  gap: 15px;
}

.report-inner p {
  margin-bottom: 0 !important;
}

.social_detail p {
  font-size: 15px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  line-height: 28px;
}
@media (min-width: 767px) {
  .banner-inner-section .container.js-form-wrapper.form-wrapper {
    padding: 2rem;
    padding-top: 1rem;
  }
  #edit-markup {
    padding: 2rem;
  }
}

@media (max-width: 767px) {
  .training-camp-section {
    padding-top: 88px !important;
  }
}