.form-control::-webkit-input-placeholder {
  color: #bcbec0;
  opacity: 1; }

.form-control:-ms-input-placeholder {
  color: #bcbec0;
  opacity: 1; }

.form-control::-ms-input-placeholder {
  color: #bcbec0;
  opacity: 1; }

.form-control::placeholder {
  color: #bcbec0;
  opacity: 1; }

.form-control:disabled,
.form-control[readonly] {
  background-color: #bcbec0;
  opacity: 1; }

input.btn-green {
  display: inline-block;
  background-color: #004411;
  color: #fff;
  text-transform: uppercase;
  border: 0;
  height: 50px;
  padding: 0px 20px;
  transition: 0.3s; }
  input.btn-green:hover {
    background-color: #3c3c3b; }

/*******Page 3,4 start********/
.latest-filter {
  padding: 40px 0px; }
  .latest-filter .first-row {
    display: flex;
    flex-wrap: wrap; }
    .latest-filter .first-row .field {
      margin-bottom: 10px; }
      .latest-filter .first-row .field:nth-child(1) {
        margin-right: 25px; }
        @media only screen and (max-width: 767px) {
          .latest-filter .first-row .field:nth-child(1) {
            margin-right: 0; } }
      .latest-filter .first-row .field:nth-child(2) {
        margin-right: 15px; }
        @media only screen and (max-width: 767px) {
          .latest-filter .first-row .field:nth-child(2) {
            margin-right: 10px; } }
      .latest-filter .first-row .field.select-holder {
        background: url(../../../../../fileadmin/sitedesign/Resources/Public/images/arrow-down.png);
        background-repeat: no-repeat;
        background-position: center right 20px;
        background-size: 20px 10px;
        width: 100%;
        max-width: 400px; }
        @media only screen and (max-width: 991px) {
          .latest-filter .first-row .field.select-holder {
            max-width: 265px; } }
        @media only screen and (max-width: 767px) {
          .latest-filter .first-row .field.select-holder {
            max-width: 100%; } }
        .latest-filter .first-row .field.select-holder select {
          height: 50px;
          padding: 10px 45px 10px 30px;
          border: 1px solid #d8d8da;
          -moz-appearance: none;
          -webkit-appearance: none;
          appearance: none;
          background-color: transparent;
          color: #bcbec0;
          box-shadow: none;
          outline: 0; }
      .latest-filter .first-row .field .plain-btn-round {
        padding: 12px 39px;
        border-radius: 30px;
        background-color: #ffffff;
        font-family: 'Lato-Regular';
        color: #bcbec0;
        border: 1px solid #d8d8da;
        transition: all .3s ease-in-out; }
        @media only screen and (max-width: 767px) {
          .latest-filter .first-row .field .plain-btn-round {
            padding: 12px 23px; } }
        .latest-filter .first-row .field .plain-btn-round:hover {
          border: 1px solid #3c3c3b;
          color: #3c3c3b; }
        .latest-filter .first-row .field .plain-btn-round.active {
          background-color: #004710;
          color: #ffffff;
          border: 1px solid #004710; }
  .latest-filter .second-row .field.input-group {
    width: 100%;
    max-width: 400px; }
    @media only screen and (max-width: 991px) {
      .latest-filter .second-row .field.input-group {
        max-width: 265px; } }
    @media only screen and (max-width: 767px) {
      .latest-filter .second-row .field.input-group {
        max-width: 100%; } }
    .latest-filter .second-row .field.input-group .form-control {
      height: 50px;
      padding: 10px 45px 10px 30px;
      border: 1px solid #d8d8da;
      border-right: 0;
      color: #bcbec0;
      box-shadow: none;
      outline: 0; }
    .latest-filter .second-row .field.input-group .input-group-append {
      border: 1px solid #d8d8da; }
      .latest-filter .second-row .field.input-group .input-group-append .btn {
        padding-right: 20px;
        box-shadow: none;
        border: 0; }
        .latest-filter .second-row .field.input-group .input-group-append .btn img {
          width: 17px; }

.discover-events {
  background-image: url(../../../../../fileadmin/sitedesign/Resources/Public/images/1.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
  padding: 100px 0px; }
  .discover-events:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 71, 18, 0.95); }
  .discover-events .discover-events-contents {
    position: relative;
    text-align: center; }
    .discover-events .discover-events-contents h2 {
      text-align: center;
      color: #ffffff !important;
      font-family: 'Lato-Bold' !important; }
    .discover-events .discover-events-contents a {
      margin-bottom: 0 !important; }

.map-with-form {
  display: flex; }
  .map-with-form .left-form {
    padding: 100px;
    background-color: #f2f3f4;
    flex: 0 0 540px;
    max-width: 540px;
    transition: all .3s ease-in-out; }
    .map-with-form .left-form a.map-details {
      font-size: 0; }
    .map-with-form .left-form.hide-form {
      flex: 0 0 0;
      padding-left: 0;
      padding-right: 0;
      max-width: 0; }
    @media only screen and (max-width: 1024px) {
      .map-with-form .left-form {
        padding: 80px 50px;
        flex: 0 0 400px;
        max-width: 400px; } }
    @media only screen and (max-width: 767px) {
      .map-with-form .left-form {
        padding: 60px 15px;
        flex: 0 0 240px;
        max-width: 240px; } }
    .map-with-form .left-form .form-control {
      width: 100%;
      max-width: 340px;
      height: 50px;
      padding: 10px 20px 10px 20px;
      border: 1px solid #d8d8da;
      color: #bcbec0;
      box-shadow: none;
      outline: 0;
      background-color: transparent;
      margin-bottom: 25px; }
      .map-with-form .left-form .form-control.radius-border {
        border-radius: 30px;
        width: 80%; }
        @media only screen and (max-width: 767px) {
          .map-with-form .left-form .form-control.radius-border {
            width: 100%; } }
    .map-with-form .left-form .green-btn-round {
      padding: 12px 39px;
      border-radius: 30px;
      background-color: #004710;
      font-family: 'Lato-Regular';
      color: #ffffff;
      border: 1px solid #004710;
      transition: all .3s ease-in-out;
      width: 80%;
      white-space: nowrap; }
      @media only screen and (max-width: 767px) {
        .map-with-form .left-form .green-btn-round {
          width: 100%; } }
      .map-with-form .left-form .green-btn-round:hover {
        background-color: #3c3c3b; }
    .map-with-form .left-form .multi-date-container {
      position: relative;
      width: 80%;
      margin-bottom: 15px;
      overflow: hidden; }
      @media only screen and (max-width: 767px) {
        .map-with-form .left-form .multi-date-container {
          width: 100%; } }
      .map-with-form .left-form .multi-date-container .green-btn-round {
        width: 100%; }
      .map-with-form .left-form .multi-date-container .clear-multidate-btn {
        display: flex;
        position: absolute;
        background: none;
        border: 0;
        padding: 0;
        width: 16px;
        height: 16px;
        right: 19px;
        top: 18px;
        align-items: center;
        justify-content: center;
        transition: .3s; }
        .map-with-form .left-form .multi-date-container .clear-multidate-btn:hover {
          background: none; }
        .map-with-form .left-form .multi-date-container .clear-multidate-btn img {
          width: 9px; }
  .map-with-form .right-map {
    width: 100%;
    background-color: #ffffff;
    display: flex; }
    .map-with-form .right-map .toggle-area {
      position: relative;
      padding: 0px 15px;
      background-color: #ffffff; }
      .map-with-form .right-map .toggle-area .map-toggle-control {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(0deg);
        cursor: pointer; }
        .map-with-form .right-map .toggle-area .map-toggle-control.change-arrow {
          transform: translate(-50%, -50%) rotate(180deg); }
    .map-with-form .right-map .map-area {
      width: 100%;
      height: 100%; }
      .map-with-form .right-map .map-area #map-after-search {
        height: 100% !important;
        width: 100% !important; }

.multiSelectModal {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  left: 0;
  display: none;
  z-index: 999; }
  .multiSelectModal .multiSelectModal-inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .multiSelectModal .multiSelectModal-inner .multiSelectModal-dialog {
      background: #fff;
      width: 100%;
      max-width: 500px;
      position: relative; }
      @media only screen and (max-width: 575px) {
        .multiSelectModal .multiSelectModal-inner .multiSelectModal-dialog {
          max-width: calc(100% - 15px); } }
    .multiSelectModal .multiSelectModal-inner .closeModalDate {
      position: absolute;
      /*background: red;*/
      padding: 0;
      width: 20px;
      height: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      right: 15px;
      top: 12px;
      cursor: pointer; }
      .multiSelectModal .multiSelectModal-inner .closeModalDate img {
        width: 12px; }
    .multiSelectModal .multiSelectModal-inner .multiSelectModal-header {
      padding: 10px 15px;
      border-color: #bcbec0;
      color: #004712;
      font-family: 'Lato-Bold';
      font-size: 17px;
      border-bottom: 1px solid #bcbec0; }
    .multiSelectModal .multiSelectModal-inner .multiSelectModal-body {
      padding: 16px; }
      .multiSelectModal .multiSelectModal-inner .multiSelectModal-body .multiSelectModal-date-row {
        display: flex;
        align-items: center;
        margin-left: -15px;
        margin-right: -15px; }
        @media only screen and (max-width: 767px) {
          .multiSelectModal .multiSelectModal-inner .multiSelectModal-body .multiSelectModal-date-row {
            flex-wrap: wrap; } }
        .multiSelectModal .multiSelectModal-inner .multiSelectModal-body .multiSelectModal-date-row .multiSelectModal-date-item {
          flex: 0 0 50%;
          max-width: 50%;
          padding: 0 15px; }
          @media only screen and (max-width: 767px) {
            .multiSelectModal .multiSelectModal-inner .multiSelectModal-body .multiSelectModal-date-row .multiSelectModal-date-item {
              flex: 0 0 100%;
              max-width: 100%; } }
      .multiSelectModal .multiSelectModal-inner .multiSelectModal-body .form-group .input-group .form-control {
        border: 1px solid #bcbec0;
        padding: 10px 13px;
        font-size: 15px;
        color: #bcbec0;
        height: 44px; }
        .multiSelectModal .multiSelectModal-inner .multiSelectModal-body .form-group .input-group .form-control::placeholder {
          color: #bcbec0; }
      .multiSelectModal .multiSelectModal-inner .multiSelectModal-body .form-group .input-group .input-group-addon {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        padding: 0 10px;
        z-index: 99; }
        .multiSelectModal .multiSelectModal-inner .multiSelectModal-body .form-group .input-group .input-group-addon:after {
          content: "";
          position: absolute;
          width: 1px;
          height: 35px;
          background: #bcbec0;
          left: 0;
          top: 50%;
          transform: translateY(-50%); }
    .multiSelectModal .multiSelectModal-inner .multiSelectModal-footer {
      display: flex;
      justify-content: flex-end;
      padding-top: 5px;
      padding-bottom: 1px; }
      .multiSelectModal .multiSelectModal-inner .multiSelectModal-footer .save-event-date {
        border: 1px solid #004411;
        background: none;
        padding: 6px 20px;
        font-size: 14px;
        color: #004411;
        outline: none;
        transition: .3s; }
        .multiSelectModal .multiSelectModal-inner .multiSelectModal-footer .save-event-date:hover {
          background: #004411;
          color: #fff; }

/*******Page 3,4 end********/
/*******Page 19 start********/
.art-quartier-section .art-quartier-left {
  background: #f1f2f2; }
.art-quartier-section .art-quartier-left-inner {
  display: flex;
  justify-content: flex-end; }
  @media only screen and (max-width: 991.98px) {
    .art-quartier-section .art-quartier-left-inner {
      justify-content: center; } }
  .art-quartier-section .art-quartier-left-inner .art-quartier-left-container {
    max-width: 973px;
    padding: 80px 80px 80px 15px;
    width: 100%; }
    @media only screen and (max-width: 1920px) {
      .art-quartier-section .art-quartier-left-inner .art-quartier-left-container {
        max-width: 793px; }
      .art-quartier-section .art-quartier-left-inner .art-quartier-left-container.art-quartier-left-no-img {
              max-width: 1586px; /*1272px*/
              margin-left: auto;
              margin-right: auto;
              padding-left: 10px;
              padding-right: 15px;
          }
		}
    @media only screen and (max-width: 1600px) {
      .art-quartier-section .art-quartier-left-inner .art-quartier-left-container {
        max-width: 767px; } }
    @media only screen and (max-width: 1440px) {
      .art-quartier-section .art-quartier-left-inner .art-quartier-left-container {
        max-width: 754px; } }
    @media only screen and (max-width: 1400px) {
      .art-quartier-section .art-quartier-left-inner .art-quartier-left-container {
        max-width: 750px; } }
    @media only screen and (max-width: 1366px) {
      .art-quartier-section .art-quartier-left-inner .art-quartier-left-container {
        max-width: 748px; } }
    @media only screen and (max-width: 1280px) {
      .art-quartier-section .art-quartier-left-inner .art-quartier-left-container {
        max-width: 741px; } }
    @media only screen and (max-width: 1199.98px) {
      .art-quartier-section .art-quartier-left-inner .art-quartier-left-container {
        max-width: 579px; } 
      .art-quartier-section .art-quartier-left-inner .art-quartier-left-container.art-quartier-left-no-img {
              max-width: 960px;
          }
}
    @media only screen and (max-width: 1024.98px) {
      .art-quartier-section .art-quartier-left-inner .art-quartier-left-container {
        max-width: 564px; } }
    @media only screen and (max-width: 991.98px) {
      .art-quartier-section .art-quartier-left-inner .art-quartier-left-container {
        max-width: 720px;
        padding: 15px; } 
      .art-quartier-section .art-quartier-left-inner .art-quartier-left-container.art-quartier-left-no-img {
              max-width: 720px;
          }
}
    @media only screen and (max-width: 767.98px) {
      .art-quartier-section .art-quartier-left-inner .art-quartier-left-container {
        max-width: 540px; }
      .art-quartier-section .art-quartier-left-inner .art-quartier-left-container.art-quartier-left-no-img {
              max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
          }
}
    @media only screen and (max-width: 575.98px) {
      .art-quartier-section .art-quartier-left-inner .art-quartier-left-container {
        padding: 52px 15px;
        max-width: 100%; } }
.art-quartier-section .vfd-gepruft-tag {
  position: relative;
  background: #94c01f;
  color: #fff;
  max-width: 285px; }
  .art-quartier-section .vfd-gepruft-tag:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #94c01f;
    transform: translate(0, 50%) rotate(45deg);
    bottom: 0;
    left: 12px; }
  .art-quartier-section .vfd-gepruft-tag .vfd-gepruft-tag-inner {
    display: flex;
    align-items: center;
    padding: 5px 12px; }
    .art-quartier-section .vfd-gepruft-tag .vfd-gepruft-tag-inner .vfd-gepruft-tag-right {
      font-family: 'Lato-Bold';
      margin-left: 15px; }
.art-quartier-section .art-heading {
  padding: 30px 0 25px; }
  .art-quartier-section .art-heading h2 {
    font-family: 'Lato-Bold' !important;
    color: #004712 !important; }
.art-quartier-section .date-time-holder {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px; }
  .art-quartier-section .date-time-holder .date, .art-quartier-section .date-time-holder .time {
    display: flex;
    align-items: center;
    margin-right: 20px; }
    .art-quartier-section .date-time-holder .date img, .art-quartier-section .date-time-holder .time img {
      width: 18px;
      margin-right: 10px; }
    .art-quartier-section .date-time-holder .date span, .art-quartier-section .date-time-holder .time span {
      font-size: 16px;
      color: #bcbec0; }
  .art-quartier-section .date-time-holder .time {
    margin-right: 0; }
.art-quartier-section .art-content p {
  color: #414042;
  font-size: 16px;
  margin-bottom: 30px;
  font-family: 'Lato-Regular'; }
  .art-quartier-section .art-content p.bold-p-art {
    font-family: 'Lato-Bold'; }
.art-quartier-section .art-content label {
  color: #414042;
  font-size: 16px;
  margin-bottom: 30px;
  display: inline-flex;
  text-decoration: underline;
  margin-right: 25px; }
.art-quartier-section .art-content .art-info-text {
  display: inline-flex;
  font-size: 16px;
  color: #bcbec0; }
.art-quartier-section .art-sub-heading {
  padding: 10px 0; }
  .art-quartier-section .art-sub-heading h3 {
    margin: 0;
    font-size: 20px !important;
    color: #004712 !important;
    font-family: 'Lato-Bold'; }
.art-quartier-section .art-content-sub-inner.art-two-column {
  display: flex; }
  @media only screen and (max-width: 575.98px) {
    .art-quartier-section .art-content-sub-inner.art-two-column {
      flex-wrap: wrap; } }
  .art-quartier-section .art-content-sub-inner.art-two-column .art-contact-column {
    flex: 0 0 40%; }
    @media only screen and (max-width: 575.98px) {
      .art-quartier-section .art-content-sub-inner.art-two-column .art-contact-column {
        flex: 0 0 100%; } }
.art-quartier-section .art-content-sub p {
  font-family: 'Lato-Regular';
  font-size: 16px; }
  .art-quartier-section .art-content-sub p.art-p-title {
    font-family: 'Lato-Bold';
    margin-bottom: 1px; }
  .art-quartier-section .art-content-sub p.art-content-bold {
    font-family: 'Lato-Bold';
    margin-bottom: 10px; }
.art-quartier-section .website-art .art-sub-heading {
  padding-top: 0; }
.art-quartier-section .two-column-website-email {
  display: flex; }
  @media only screen and (max-width: 575.98px) {
    .art-quartier-section .two-column-website-email {
      flex-wrap: wrap; } }
  .art-quartier-section .two-column-website-email .website-art {
    flex: 0 0 40%; }
    @media only screen and (max-width: 575.98px) {
      .art-quartier-section .two-column-website-email .website-art {
        flex: 0 0 100%; } }
    .art-quartier-section .two-column-website-email .website-art:first-child {
      margin-bottom: 20px; }
.art-quartier-section .art-contact-column a {
  color: #414042;
  font-family: 'Lato-Regular';
  font-size: 16px; }
  .art-quartier-section .art-contact-column a.link-text-green {
    color: #004712;
    text-decoration: underline; }
.art-quartier-section .art-quartier-right-container {
  height: 100%; }
  .art-quartier-section .art-quartier-right-container img {
    object-fit: cover;
    height: 100%;
    object-position: center; }
.art-quartier-section .print-mail-row {
  padding-top: 10px; }
  .art-quartier-section .print-mail-row ul {
    display: flex;
    align-items: center; }
    .art-quartier-section .print-mail-row ul li {
      list-style: none;
      margin: 0; }
      .art-quartier-section .print-mail-row ul li:not(:last-child) {
        margin-right: 10px; }
    .art-quartier-section .print-mail-row ul a {
      display: block; }
      .art-quartier-section .print-mail-row ul a img {
        width: auto; }
      .art-quartier-section .print-mail-row ul a:hover {
        margin-left: 0 !important; }
.art-quartier-section .contact-col-henrike {
  display: flex; }
  @media only screen and (max-width: 767.98px) {
    .art-quartier-section .contact-col-henrike {
      flex-wrap: wrap; } }
  .art-quartier-section .contact-col-henrike .art-sub-heading {
    padding-top: 0;
    padding-bottom: 6px; }
  .art-quartier-section .contact-col-henrike .website-art {
    margin-bottom: 15px; }
    .art-quartier-section .contact-col-henrike .website-art:last-child {
      margin-bottom: 0; }
  .art-quartier-section .contact-col-henrike .art-content-sub {
    flex: 0 0 50%; }
    @media only screen and (max-width: 767.98px) {
      .art-quartier-section .contact-col-henrike .art-content-sub {
        flex: 0 0 100%; } }
    .art-quartier-section .contact-col-henrike .art-content-sub:first-child {
      margin-bottom: 20px; }
    @media only screen and (max-width: 767.98px) {
      .art-quartier-section .contact-col-henrike .art-content-sub:last-child .art-content-sub-inner .art-contact-column p:last-child {
        margin-bottom: 0; } }
    .art-quartier-section .contact-col-henrike .art-content-sub p {
      line-height: 20px; }
.art-quartier-section.map-6-section .art-quartier-left {
  background: #fff; }
.art-quartier-section.map-6-section .art-quartier-left-inner .art-quartier-left-container {
  padding: 70px 0 70px 15px; }
  @media only screen and (max-width: 991.98px) {
    .art-quartier-section.map-6-section .art-quartier-left-inner .art-quartier-left-container {
      padding: 70px 15px 70px 15px; } }
  @media only screen and (max-width: 767px) {
    .art-quartier-section.map-6-section .art-quartier-left-inner .art-quartier-left-container {
      padding: 50px 15px 50px 15px; } }
.art-quartier-section.henrike-with-full-bg {
  background: #f1f2f2; }
  @media only screen and (max-width: 991.98px) {
    .art-quartier-section.henrike-with-full-bg {
      padding-bottom: 50px; } }
  .art-quartier-section.henrike-with-full-bg .art-quartier-right-container {
    display: flex;
    align-items: center;
    padding-right: 20px; }
    @media only screen and (max-width: 991.98px) {
      .art-quartier-section.henrike-with-full-bg .art-quartier-right-container {
        padding: 15px;
        padding-right: 15px;
        max-width: 720px;
        margin: auto; } }
    @media only screen and (max-width: 767.98px) {
      .art-quartier-section.henrike-with-full-bg .art-quartier-right-container {
        max-width: 540px; } }
    @media only screen and (max-width: 575.98px) {
      .art-quartier-section.henrike-with-full-bg .art-quartier-right-container {
        max-width: 100%; } }
    .art-quartier-section.henrike-with-full-bg .art-quartier-right-container img {
      height: auto;
      object-fit: contain;
      max-width: 700px; }
      @media only screen and (max-width: 991.98px) {
        .art-quartier-section.henrike-with-full-bg .art-quartier-right-container img {
          max-width: 100%; } }

/*Aminities start*/
.amenities-section {
  padding: 80px 0; }
  @media only screen and (max-width: 575.98px) {
    .amenities-section {
      padding: 50px 0; } }
  .amenities-section .amenities-heading h2 {
    font-family: 'Lato-Bold' !important;
    color: #004712 !important;
    margin-bottom: 30px; }
  .amenities-section .amenities-items-icon {
    margin-bottom: 47px; }
    @media only screen and (max-width: 575.98px) {
      .amenities-section .amenities-items-icon {
        margin-bottom: 25px; } }
    .amenities-section .amenities-items-icon ul {
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 321px) {
        .amenities-section .amenities-items-icon ul {
          flex-wrap: wrap; } }
      .amenities-section .amenities-items-icon ul li {
        margin: 0;
        list-style: none; }
        @media only screen and (max-width: 321px) {
          .amenities-section .amenities-items-icon ul li {
            margin-bottom: 5px; } }
        .amenities-section .amenities-items-icon ul li:not(:last-child) {
          margin-right: 9px; }
        .amenities-section .amenities-items-icon ul li img {
          width: auto; }
  .amenities-section .amenities-items-info ul li {
    font-size: 15px;
    list-style: none;
    margin: 0;
    font-family: 'Lato-Regular';
    color: #414042; }
    .amenities-section .amenities-items-info ul li:not(:last-child) {
      margin-bottom: 30px; }
      @media only screen and (max-width: 575.98px) {
        .amenities-section .amenities-items-info ul li:not(:last-child) {
          margin-bottom: 20px; } }
    .amenities-section .amenities-items-info ul li .aminities-info-item {
      display: flex;
      align-items: center; }
    .amenities-section .amenities-items-info ul li .aminities-info-item-left {
      font-family: 'Lato-Bold';
      flex: 0 0 186px; }
  @media only screen and (max-width: 991.98px) {
    .amenities-section .amenities-container:first-child {
      margin-bottom: 30px; } }

/*Aminities end*/
/*Map section with background start*/
.map-section-with-background {
  padding: 50px 0;
  background: #f1f2f2; }

/*Map section with background end*/
/*Paragraph section start*/
.paragraph-section {
  padding: 45px 0 45px; }
  @media only screen and (max-width: 575.98px) {
    .paragraph-section {
      padding: 45px 0 50px; } }
  .paragraph-section .paragraph-inner p {
    font-family: 'Lato-Regular';
    color: #414042;
    font-size: 15px;
    margin-bottom: 32px; }
    .paragraph-section .paragraph-inner p.bold-p-paragraph {
      font-family: 'Lato-Bold'; }

/*Paragraph section end*/
/*Paragraph section with heading start*/
.paragraph-container-with-heading .paragraph--inner h3 {
  color: #004712 !important;
  font-family: 'Lato-Bold';
  margin: 0;
  margin: 10px 0 30px; }
.paragraph-container-with-heading .paragraph--inner p {
  font-family: 'Lato-Regular';
  font-size: 16px;
  color: #414042;
  margin-bottom: 40px; }
  .paragraph-container-with-heading .paragraph--inner p.bold-p-paragraph {
    font-family: 'Lato-Bold'; }
.paragraph-container-with-heading .contact-in-paragraph-row {
  display: flex; }
  @media only screen and (max-width: 767px) {
    .paragraph-container-with-heading .contact-in-paragraph-row {
      flex-wrap: wrap; } }
  @media only screen and (max-width: 767px) {
    .paragraph-container-with-heading .contact-in-paragraph-row .contact-in-paragraph-col {
      flex: 0 0 100%; } }
  .paragraph-container-with-heading .contact-in-paragraph-row .contact-in-paragraph-col:not(:last-child) {
    margin-right: 100px; }
    @media only screen and (max-width: 767px) {
      .paragraph-container-with-heading .contact-in-paragraph-row .contact-in-paragraph-col:not(:last-child) {
        margin-right: 0px; } }
  .paragraph-container-with-heading .contact-in-paragraph-row .contact-in-paragraph-col .contact-in-paragraph-header {
    color: #004712;
    font-size: 20px;
    font-family: 'Lato-Bold';
    padding-bottom: 10px; }
  .paragraph-container-with-heading .contact-in-paragraph-row .contact-in-paragraph-col .contact-in-paragraph-content p,
  .paragraph-container-with-heading .contact-in-paragraph-row .contact-in-paragraph-col .contact-in-paragraph-content a {
    font-family: 'Lato-Regular';
    font-size: 16px;
    color: #414042;
    margin: 0; }
  .paragraph-container-with-heading .contact-in-paragraph-row .contact-in-paragraph-col .contact-in-paragraph-content a {
    text-decoration: underline; }
    .paragraph-container-with-heading .contact-in-paragraph-row .contact-in-paragraph-col .contact-in-paragraph-content a[href*="mailto"] {
      text-decoration: none; }
  @media only screen and (max-width: 767px) {
    .paragraph-container-with-heading .contact-in-paragraph-row .contact-in-paragraph-item {
      margin-bottom: 25px; } }
  .paragraph-container-with-heading .contact-in-paragraph-row .contact-in-paragraph-item:not(:last-child) {
    margin-bottom: 25px; }
  .paragraph-container-with-heading .contact-in-paragraph-row .contact-in-paragraph-content {
    min-height: 49px; }
    @media only screen and (max-width: 767px) {
      .paragraph-container-with-heading .contact-in-paragraph-row .contact-in-paragraph-content {
        min-height: auto; } }

/*Paragraph section with heading end*/
/*******Page 19 end********/
/*********Page 13 to 18 start*********/
.rider-step-holder h3 {
  font-family: 'Lato-Bold' !important;
  color: #004712 !important; }
.rider-step-holder p {
  color: #414042;
  font-family: 'Lato-Regular';
  font-size: 15px; }
.rider-step-holder .riding-step {
  max-width: 800px; }
  .rider-step-holder .riding-step .wizard .nav-tabs {
    position: relative;
    margin-bottom: 0;
    border-bottom-color: transparent;
    list-style: none; }
    .rider-step-holder .riding-step .wizard .nav-tabs li {
      list-style: none;
      margin-left: 0;
      padding: 12px 43px 12px 18px;
      position: relative;
      overflow: hidden; }
      .rider-step-holder .riding-step .wizard .nav-tabs li.active {
        background: #004812; }
        .rider-step-holder .riding-step .wizard .nav-tabs li.active a {
          color: #fff; }
      .rider-step-holder .riding-step .wizard .nav-tabs li:after {
        content: "";
        background: no-repeat;
        position: absolute;
        right: 14px;
        width: 70px;
        height: 70px;
        top: 50%;
        border: 6px solid #f3f3f4;
        transform: translateY(-50%) rotate(45deg);
        border-bottom: 0;
        border-left: 0; }
      .rider-step-holder .riding-step .wizard .nav-tabs li:before {
        content: "";
        position: absolute;
        right: 1px;
        width: 0;
        height: 0;
        top: 50%;
        border: 25px solid #f3f3f4;
        transform: translate(50%, -50%);
        border-left-color: transparent;
        border-right-color: transparent;
        z-index: 1;
        opacity: 0; }
      .rider-step-holder .riding-step .wizard .nav-tabs li.current:before {
        opacity: 1; }
      .rider-step-holder .riding-step .wizard .nav-tabs li a {
        position: relative;
        z-index: 9;
        font-size: 15px;
        font-family: 'Lato-Regular'; }
  .rider-step-holder .riding-step .wizard .floating-form .floating-text-field {
    position: relative;
    margin-bottom: 40px; }
    .rider-step-holder .riding-step .wizard .floating-form .floating-text-field .text-control {
      border: 1px solid transparent;
      border-bottom: 1px solid #959799;
      padding-left: 0;
      width: 100%; }
      .rider-step-holder .riding-step .wizard .floating-form .floating-text-field .text-control::placeholder {
        color: white; }
      .rider-step-holder .riding-step .wizard .floating-form .floating-text-field .text-control:not(.error) + label {
        position: absolute;
        font-family: "Lato-Bold";
        margin: 0;
        left: 0px;
        top: 0px;
        transition: 0.3s ease all;
        font-size: 14px;
        color: #808285;
        font-weight: 300;
        transition: all .3s;
        cursor: text; }
      .rider-step-holder .riding-step .wizard .floating-form .floating-text-field .text-control:not(.error):focus {
        border-bottom: 1px solid #004712; }
      .rider-step-holder .riding-step .wizard .floating-form .floating-text-field .text-control:not(.error):focus + label, .rider-step-holder .riding-step .wizard .floating-form .floating-text-field .text-control:not(.error):not(:placeholder-shown) + label {
        top: -18px;
        font-size: 12px;
        color: #004712;
        font-family: "Lato-Regular"; }
      .rider-step-holder .riding-step .wizard .floating-form .floating-text-field .text-control.error + label + label, .rider-step-holder .riding-step .wizard .floating-form .floating-text-field .text-control.valid + label + label {
        position: absolute;
        font-family: "Lato-Bold";
        margin: 0;
        left: 0px;
        top: 0px;
        transition: 0.3s ease all;
        font-size: 14px;
        color: #808285;
        font-weight: 300;
        transition: all .3s;
        cursor: text; }
      .rider-step-holder .riding-step .wizard .floating-form .floating-text-field .text-control.error:focus, .rider-step-holder .riding-step .wizard .floating-form .floating-text-field .text-control.valid:focus {
        border-bottom: 1px solid #004712; }
      .rider-step-holder .riding-step .wizard .floating-form .floating-text-field .text-control.error:focus + label + label, .rider-step-holder .riding-step .wizard .floating-form .floating-text-field .text-control.error:valid + label + label, .rider-step-holder .riding-step .wizard .floating-form .floating-text-field .text-control.valid:focus + label + label, .rider-step-holder .riding-step .wizard .floating-form .floating-text-field .text-control.valid:valid + label + label {
        top: -18px;
        font-size: 12px;
        color: #004712;
        font-family: "Lato-Regular"; }
  .rider-step-holder .riding-step .wizard .floating-form .label-with-switch {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 280px;
    margin-bottom: 25px; }
    @media only screen and (max-width: 767px) {
      .rider-step-holder .riding-step .wizard .floating-form .label-with-switch {
        max-width: 100%; } }
    .rider-step-holder .riding-step .wizard .floating-form .label-with-switch .text-label {
      font-family: "Lato-Bold";
      font-size: 14px;
      color: #808285; }
    .rider-step-holder .riding-step .wizard .floating-form .label-with-switch .switch {
      position: relative; }
      .rider-step-holder .riding-step .wizard .floating-form .label-with-switch .switch input[type=checkbox] {
        height: 0;
        width: 0;
        visibility: hidden;
        position: absolute; }
      .rider-step-holder .riding-step .wizard .floating-form .label-with-switch .switch label {
        cursor: pointer;
        text-indent: -9999px;
        width: 35px;
        height: 15px;
        background: #e1e2e3;
        display: block;
        border-radius: 100px;
        position: relative;
        margin-bottom: 0; }
      .rider-step-holder .riding-step .wizard .floating-form .label-with-switch .switch label:after {
        content: '';
        position: absolute;
        top: 1px;
        left: 4px;
        width: 13px;
        height: 13px;
        background: #e91f1b;
        border-radius: 90px;
        transition: 0.3s; }
      .rider-step-holder .riding-step .wizard .floating-form .label-with-switch .switch input:checked + label {
        background: #e1e2e3; }
      .rider-step-holder .riding-step .wizard .floating-form .label-with-switch .switch input:checked + label:after {
        left: calc(100% - 4px);
        transform: translateX(-100%);
        background: #94c01f; }
      .rider-step-holder .riding-step .wizard .floating-form .label-with-switch .switch label:active:after {
        width: 20px; }
  .rider-step-holder .riding-step .wizard .floating-form .single-set-general {
    max-width: 535px; }
    .rider-step-holder .riding-step .wizard .floating-form .single-set-general .select-field {
      display: flex;
      margin-bottom: 40px; }
      .rider-step-holder .riding-step .wizard .floating-form .single-set-general .select-field .select-floating-label {
        position: relative;
        width: 100%; }
        .rider-step-holder .riding-step .wizard .floating-form .single-set-general .select-field .select-floating-label label:not([class^="error"]) {
          color: #808285;
          font-family: "Lato-Bold";
          font-size: 14px;
          font-weight: normal;
          position: absolute;
          pointer-events: none;
          left: 0px;
          top: 0px;
          transition: 0.3s ease all; }
        .rider-step-holder .riding-step .wizard .floating-form .single-set-general .select-field .select-floating-label .floating-select {
          font-size: 14px;
          font-family: "Lato-Bold";
          display: block;
          width: 100%;
          height: 30px;
          background-color: transparent;
          border: none;
          border-bottom: 1px solid #959799;
          transition: 0.3s;
          -moz-appearance: none;
          -webkit-appearance: none;
          appearance: none;
          background: url(../../../../../fileadmin/sitedesign/Resources/Public/images/arrow-down-triangle.png);
          background-repeat: no-repeat;
          background-position: center right 15px;
          background-size: 12px auto; }
          .rider-step-holder .riding-step .wizard .floating-form .single-set-general .select-field .select-floating-label .floating-select:focus {
            outline: none;
            border-bottom: 1px solid #004712; }
          .rider-step-holder .riding-step .wizard .floating-form .single-set-general .select-field .select-floating-label .floating-select.valid + label + label {
            top: -18px;
            font-size: 12px;
            color: #004712;
            font-family: "Lato-Regular"; }
        .rider-step-holder .riding-step .wizard .floating-form .single-set-general .select-field .select-floating-label .floating-select:focus ~ label:not([class^="error"]) {
          top: -18px;
          font-size: 12px;
          color: #004712;
          font-family: "Lato-Regular"; }
        .rider-step-holder .riding-step .wizard .floating-form .single-set-general .select-field .select-floating-label .floating-select:not(.error):valid + label {
          top: -18px;
          font-size: 12px;
          color: #004712;
          font-family: "Lato-Regular"; }
      .rider-step-holder .riding-step .wizard .floating-form .single-set-general .select-field .tooltip-holder {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        width: 25px; }
        .rider-step-holder .riding-step .wizard .floating-form .single-set-general .select-field .tooltip-holder a img {
          width: 16px; }
    .rider-step-holder .riding-step .wizard .floating-form .single-set-general .floating-text-field {
      position: relative;
      margin-bottom: 40px;
      padding-right: 25px; }
  .rider-step-holder .riding-step .wizard .floating-form .single-set-address .first-set, .rider-step-holder .riding-step .wizard .floating-form .single-set-address .third-set {
    max-width: 510px;
    margin-bottom: 60px; }
  .rider-step-holder .riding-step .wizard .floating-form .single-set-address h4 {
    font-size: 20px !important;
    color: #004712 !important;
    font-family: "Lato-Bold" !important;
    margin-bottom: 30px;
    padding-bottom: 0 !important; }
  .rider-step-holder .riding-step .wizard .floating-form .single-set-address .second-row {
    display: flex;
    margin-left: -12.5px;
    margin-right: -12.5px; }
    .rider-step-holder .riding-step .wizard .floating-form .single-set-address .second-row .left-field {
      padding: 0px 12.5px;
      width: 210px; }
    .rider-step-holder .riding-step .wizard .floating-form .single-set-address .second-row .right-field {
      padding: 0px 12.5px;
      width: 100%; }
  .rider-step-holder .riding-step .wizard .floating-form .second-set {
    width: 100%;
    margin-bottom: 60px; }
    .rider-step-holder .riding-step .wizard .floating-form .second-set .latitude-longitude {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      margin-left: -10px;
      margin-right: -10px;
      margin-bottom: 20px; }
      .rider-step-holder .riding-step .wizard .floating-form .second-set .latitude-longitude .latitude-field {
        flex: 0 0 33.333%;
        max-width: 33.333%;
        padding: 0px 10px; }
        @media only screen and (max-width: 767px) {
          .rider-step-holder .riding-step .wizard .floating-form .second-set .latitude-longitude .latitude-field {
            flex: 0 0 100%;
            max-width: 100%;
            margin-bottom: 15px; } }
        .rider-step-holder .riding-step .wizard .floating-form .second-set .latitude-longitude .latitude-field .floating-text-field {
          margin-bottom: 0; }
      .rider-step-holder .riding-step .wizard .floating-form .second-set .latitude-longitude .longitude-field {
        flex: 0 0 33.333%;
        max-width: 33.333%;
        padding: 0px 10px; }
        @media only screen and (max-width: 767px) {
          .rider-step-holder .riding-step .wizard .floating-form .second-set .latitude-longitude .longitude-field {
            flex: 0 0 100%;
            max-width: 100%;
            margin-bottom: 15px; } }
        .rider-step-holder .riding-step .wizard .floating-form .second-set .latitude-longitude .longitude-field .floating-text-field {
          margin-bottom: 0; }
      .rider-step-holder .riding-step .wizard .floating-form .second-set .latitude-longitude .show-location-field {
        flex: 0 0 33.333%;
        max-width: 33.333%;
        padding: 0px 10px; }
        @media only screen and (max-width: 767px) {
          .rider-step-holder .riding-step .wizard .floating-form .second-set .latitude-longitude .show-location-field {
            flex: 0 0 100%;
            max-width: 100%; } }
        .rider-step-holder .riding-step .wizard .floating-form .second-set .latitude-longitude .show-location-field .btn {
          background-color: #f1f2f2;
          font-family: "Lato-Bold";
          font-size: 14px;
          color: #bcbec0;
          padding: 10px 20px;
          border: 1px solid #bbbdc0;
          border-radius: 0;
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          transition: 0.3s; }
          .rider-step-holder .riding-step .wizard .floating-form .second-set .latitude-longitude .show-location-field .btn:hover {
            background-color: #ffffff; }
          .rider-step-holder .riding-step .wizard .floating-form .second-set .latitude-longitude .show-location-field .btn img {
            width: 20px;
            margin-right: 13px; }
    .rider-step-holder .riding-step .wizard .floating-form .second-set .map-holder {
      margin-bottom: 40px; }
  .rider-step-holder .riding-step .wizard .floating-form .third-set .picture-row .choose-file-set {
    display: flex;
    align-items: baseline; }
    .rider-step-holder .riding-step .wizard .floating-form .third-set .picture-row .choose-file-set .left-label {
      flex: 0 0 calc(100% - 210px);
      max-width: calc(100% - 210px);
      margin-right: 30px;
      padding-bottom: 6px;
      border-bottom: 1px solid #959799;
      font-family: "Lato-Bold";
      color: #808285;
      font-size: 14px; }
    .rider-step-holder .riding-step .wizard .floating-form .third-set .picture-row .choose-file-set .choose-file-holder {
      flex: 0 0 180px;
      max-width: 180px;
      position: relative; }
      .rider-step-holder .riding-step .wizard .floating-form .third-set .picture-row .choose-file-set .choose-file-holder input[type="file"] {
        height: 0;
        overflow: hidden;
        width: 0;
        position: absolute; }
      .rider-step-holder .riding-step .wizard .floating-form .third-set .picture-row .choose-file-set .choose-file-holder input[type="file"] + label {
        background-color: #f1f2f2;
        font-family: "Lato-Regular";
        font-size: 14px;
        color: #bcbec0;
        padding: 10px 20px;
        border: 1px solid #bbbdc0;
        border-radius: 0;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.3s;
        cursor: pointer; }
        .rider-step-holder .riding-step .wizard .floating-form .third-set .picture-row .choose-file-set .choose-file-holder input[type="file"] + label img {
          width: 20px;
          margin-right: 5px; }
        .rider-step-holder .riding-step .wizard .floating-form .third-set .picture-row .choose-file-set .choose-file-holder input[type="file"] + label:hover {
          background-color: #ffffff; }
  .rider-step-holder .riding-step .wizard .floating-form .single-set-horses .form-box,
  .rider-step-holder .riding-step .wizard .floating-form .single-set-reiter .form-box {
    background-color: #f3f4f4;
    padding: 30px;
    margin-bottom: 30px; }
    .rider-step-holder .riding-step .wizard .floating-form .single-set-horses .form-box .inputs-set,
    .rider-step-holder .riding-step .wizard .floating-form .single-set-reiter .form-box .inputs-set {
      max-width: 230px; }
      @media only screen and (max-width: 767px) {
        .rider-step-holder .riding-step .wizard .floating-form .single-set-horses .form-box .inputs-set,
        .rider-step-holder .riding-step .wizard .floating-form .single-set-reiter .form-box .inputs-set {
          max-width: 100%; } }
      .rider-step-holder .riding-step .wizard .floating-form .single-set-horses .form-box .inputs-set.Mehrbettzimmer,
      .rider-step-holder .riding-step .wizard .floating-form .single-set-reiter .form-box .inputs-set.Mehrbettzimmer {
        max-width: 294px; }
        @media only screen and (max-width: 767px) {
          .rider-step-holder .riding-step .wizard .floating-form .single-set-horses .form-box .inputs-set.Mehrbettzimmer,
          .rider-step-holder .riding-step .wizard .floating-form .single-set-reiter .form-box .inputs-set.Mehrbettzimmer {
            max-width: 100%; } }
        .rider-step-holder .riding-step .wizard .floating-form .single-set-horses .form-box .inputs-set.Mehrbettzimmer .input-title > span,
        .rider-step-holder .riding-step .wizard .floating-form .single-set-reiter .form-box .inputs-set.Mehrbettzimmer .input-title > span {
          font-family: "Lato-Light"; }
      .rider-step-holder .riding-step .wizard .floating-form .single-set-horses .form-box .inputs-set .input-title,
      .rider-step-holder .riding-step .wizard .floating-form .single-set-reiter .form-box .inputs-set .input-title {
        font-size: 14px;
        font-family: "Lato-Bold";
        color: #808285;
        display: block;
        width: 100%;
        height: 30px;
        border-bottom: 1px solid #959799;
        margin-bottom: 20px; }
      .rider-step-holder .riding-step .wizard .floating-form .single-set-horses .form-box .inputs-set select,
      .rider-step-holder .riding-step .wizard .floating-form .single-set-reiter .form-box .inputs-set select {
        font-size: 14px;
        font-family: "Lato-Bold";
        display: block;
        width: 100%;
        height: 30px;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #959799;
        transition: 0.3s;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background: url(../../../../../fileadmin/sitedesign/Resources/Public/images/up-down-icon.png);
        background-repeat: no-repeat;
        background-position: center right 0px;
        background-size: 10px auto;
        padding-right: 15px;
        color: #808285;
        margin-bottom: 20px; }
        .rider-step-holder .riding-step .wizard .floating-form .single-set-horses .form-box .inputs-set select:focus,
        .rider-step-holder .riding-step .wizard .floating-form .single-set-reiter .form-box .inputs-set select:focus {
          outline: none;
          border-bottom: 1px solid #004712; }
      .rider-step-holder .riding-step .wizard .floating-form .single-set-horses .form-box .inputs-set .text-control,
      .rider-step-holder .riding-step .wizard .floating-form .single-set-reiter .form-box .inputs-set .text-control {
        background: transparent;
        font-size: 14px;
        font-family: "Lato-Bold";
        color: #808285; }
        .rider-step-holder .riding-step .wizard .floating-form .single-set-horses .form-box .inputs-set .text-control::placeholder,
        .rider-step-holder .riding-step .wizard .floating-form .single-set-reiter .form-box .inputs-set .text-control::placeholder {
          color: #f3f4f4; }
      .rider-step-holder .riding-step .wizard .floating-form .single-set-horses .form-box .inputs-set .label-with-switch,
      .rider-step-holder .riding-step .wizard .floating-form .single-set-reiter .form-box .inputs-set .label-with-switch {
        margin-bottom: 20px; }
    .rider-step-holder .riding-step .wizard .floating-form .single-set-horses .form-box .floating-text-field,
    .rider-step-holder .riding-step .wizard .floating-form .single-set-reiter .form-box .floating-text-field {
      margin-bottom: 20px; }
  .rider-step-holder .riding-step .wizard .floating-form .list-inline .btn {
    color: #004712;
    font-size: 15px;
    text-transform: uppercase;
    font-family: "Lato-Regular";
    border: 1px solid #004712;
    padding: 10px 70px;
    border-radius: 0; }
  .rider-step-holder .riding-step .wizard .floating-form .single-set-Kontakt-Info .first-set, .rider-step-holder .riding-step .wizard .floating-form .single-set-Kontakt-Info .third-set {
    max-width: 510px;
    margin-bottom: 60px; }
  .rider-step-holder .riding-step .wizard-inner {
    position: relative;
    margin-bottom: 30px;
    background-color: #f1f2f2;
    border: 1px solid #f1f1f1; }
.rider-step-holder .next-step {
  font-size: 13px;
  padding: 8px 24px;
  border: none;
  border-radius: 4px;
  margin-top: 30px; }
.rider-step-holder .steps ul[role="tablist"] {
  display: flex;
  overflow: hidden; }
  @media only screen and (max-width: 991px) {
    .rider-step-holder .steps ul[role="tablist"] {
      flex-wrap: wrap; } }
  .rider-step-holder .steps ul[role="tablist"] li[role="tab"] {
    margin-left: 0; }
    @media only screen and (max-width: 991px) {
      .rider-step-holder .steps ul[role="tablist"] li[role="tab"] {
        width: auto; } }
    @media only screen and (max-width: 767px) {
      .rider-step-holder .steps ul[role="tablist"] li[role="tab"] {
        flex: 0 0 33.33%;
        max-width: 33.33%; } }
    .rider-step-holder .steps ul[role="tablist"] li[role="tab"] a {
      margin: 0;
      padding: 12px 43px 12px 18px;
      border-radius: 0;
      font-size: 15px;
      font-family: 'Lato-Regular';
      position: relative;
      background: #f1f2f2;
      white-space: nowrap; }
      @media only screen and (max-width: 991px) {
        .rider-step-holder .steps ul[role="tablist"] li[role="tab"] a {
          margin-bottom: 3px;
          text-align: center;
          margin-right: 3px;
          padding: 12px 15px 12px 15px; } }
      .rider-step-holder .steps ul[role="tablist"] li[role="tab"] a > span {
        display: none; }
      .rider-step-holder .steps ul[role="tablist"] li[role="tab"] a:after {
        content: "";
        background: no-repeat;
        position: absolute;
        right: 8px;
        width: 43px;
        height: 43px;
        top: 50%;
        border: 6px solid #f3f3f4;
        transform: translateY(-50%) rotate(45deg);
        border-bottom: 0;
        border-left: 0; }
        @media only screen and (max-width: 991px) {
          .rider-step-holder .steps ul[role="tablist"] li[role="tab"] a:after {
            opacity: 0 !important; } }
      .rider-step-holder .steps ul[role="tablist"] li[role="tab"] a:before {
        content: "";
        position: absolute;
        right: auto;
        width: 0;
        height: 0;
        top: 50%;
        border: 25px solid #f3f3f4;
        transform: translate(-50%, -50%);
        border-left-color: transparent;
        border-right-color: transparent;
        z-index: 1;
        opacity: 0;
        left: 0; }
        @media only screen and (max-width: 991px) {
          .rider-step-holder .steps ul[role="tablist"] li[role="tab"] a:before {
            opacity: 0 !important; } }
      .rider-step-holder .steps ul[role="tablist"] li[role="tab"] a:hover, .rider-step-holder .steps ul[role="tablist"] li[role="tab"] a:focus {
        margin-left: 0 !important;
        color: #ffffff !important; }
    .rider-step-holder .steps ul[role="tablist"] li[role="tab"]:not(.disabled) a {
      background: #004812; }
    .rider-step-holder .steps ul[role="tablist"] li[role="tab"].disabled a {
      color: #bcbec0 !important; }
      .rider-step-holder .steps ul[role="tablist"] li[role="tab"].disabled a:before {
        opacity: 1; }
    .rider-step-holder .steps ul[role="tablist"] li[role="tab"]:last-child a:after {
      opacity: 0; }
.rider-step-holder .wizard {
  overflow: visible; }
  .rider-step-holder .wizard > .content {
    border-radius: 0;
    margin: 0;
    background: none;
    padding-top: 30px;
    min-height: auto;
    overflow: visible; }
    .rider-step-holder .wizard > .content > .body {
      width: 100%;
      height: auto;
      padding: 0;
      position: relative; }
      .rider-step-holder .wizard > .content > .body label.error {
        margin: 0;
        font-size: 12px;
        position: absolute;
        display: block;
        bottom: -1px;
        transform: translateY(100%);
        color: #ea1f1b; }
      .rider-step-holder .wizard > .content > .body input.error {
        background: none;
        color: #333; }
  .rider-step-holder .wizard .actions a[href="#previous"] {
    display: none; }
  .rider-step-holder .wizard .actions > ul > li {
    margin: 0; }
    .rider-step-holder .wizard .actions > ul > li.saveCloseLi {
      margin-left: 20px; }
      @media only screen and (max-width: 767px) {
        .rider-step-holder .wizard .actions > ul > li.saveCloseLi {
          margin-left: 0px; } }
    .rider-step-holder .wizard .actions > ul > li a {
      color: #004712;
      font-size: 15px;
      text-transform: uppercase;
      font-family: "Lato-Regular";
      border: 1px solid #004712;
      padding: 10px 70px;
      border-radius: 0;
      background: none;
      margin-top: 30px; }
.rider-step-holder .single-set-description-subheading {
  font-size: 15px;
  color: #414042;
  font-family: "Lato-Bold";
  padding-bottom: 15px; }
.rider-step-holder .description-textarea-container .description-textarea {
  width: 100%;
  resize: none;
  border-color: #bcbec0; }
.rider-step-holder .description-textarea-container .description-footer-content {
  display: flex;
  padding-top: 15px; }
  .rider-step-holder .description-textarea-container .description-footer-content .desciption-input-check input[type="checkbox"] {
    border-color: #bcbec0; }
  .rider-step-holder .description-textarea-container .description-footer-content .desciption-content-text {
    font-size: 13px;
    color: #bcbec0;
    padding-left: 7px; }

/*********Page 13 to 19 end*********/
/*********** Page 10 - Dropdown start *******************/
.user-profile-container {
  display: inline-block;
  position: relative; }

.user-dropdown-container {
  position: absolute;
  background: #fff;
  font-family: 'Lato-Regular';
  padding: 25px 25px 8px 10px;
  right: -20px;
  top: 52px;
  white-space: nowrap;
  box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.12), 0 2px 16px 0 rgba(0, 0, 0, 0.12);
  display: none; }

.user-profile-container:hover > .user-dropdown-container {
  display: block; }

button.user-dropdown-btn:after {
  position: absolute;
  background: rgba(255, 0, 0, 0);
  top: 30px;
  right: -20px;
  width: 60px;
  height: 40px;
  content: ""; }

.user-dropdown-container a {
  color: #414042;
  font-size: 15px;
  font-family: 'Lato-Regular';
  transition: .3s; }

.user-dropdown-container a:hover {
  color: #004712; }

.user-dropdown-container .user-dropdown-item.logout a {
  color: #004712; }

.user-dropdown-item {
  list-style: none;
  padding-bottom: 10px; }

.user-dropdown-item:not(:last-child) {
  border-bottom: 1px solid #004712;
  margin-bottom: 5px; }

.user-dropdown-btn {
  background: none;
  color: #fff;
  border: 0;
  padding: 0;
  font-size: 25px;
  margin-left: 15px; }

.user-dropdown-container:after {
  content: "";
  position: absolute;
  width: 17px;
  height: 17px;
  background: white;
  transform: translateY(-50%) rotate(45deg);
  right: 20px;
  top: 0; }

/*********** Page 10 - Dropdown End *******************/
/*********** Page 21 - 26, Steps form Start *****************/
.terminEintragen .header-row-terminEintragen {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 800px; }
  .terminEintragen .header-row-terminEintragen .cancel-btn-termine {
    display: block;
    margin-top: 15px;
    font-size: 15px;
    font-family: 'Lato-Regular';
    color: #414042;
    text-decoration: underline; }
.terminEintragen .green-checked-btn {
  padding: 12px 23px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  background: #004812;
  color: #fff;
  font-family: 'Lato-Bold';
  font-size: 15px;
  border: 1px solid #004812;
  position: relative;
  top: -2px; }
  @media only screen and (max-width: 767px) {
    .terminEintragen .green-checked-btn {
      width: 100%;
      justify-content: center; } }
  .terminEintragen .green-checked-btn img {
    margin-right: 8px;
    width: auto; }
.terminEintragen .gray-default-btn {
  background-color: #f1f2f2;
  font-family: "Lato-Regular";
  font-size: 14px;
  color: #bcbec0;
  padding: 10px 20px;
  border: 1px solid #bbbdc0;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  cursor: pointer;
  margin-bottom: 0;
  height: 48.66px; }
  .terminEintragen .gray-default-btn img {
    width: 20px;
    margin-right: 13px; }
  .terminEintragen .gray-default-btn:hover {
    background-color: #ffffff; }
.terminEintragen .calendar-switch-row {
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 767px) {
    .terminEintragen .calendar-switch-row {
      flex-wrap: wrap; } }
  .terminEintragen .calendar-switch-row .label-with-switch:not(:last-child) {
    margin-right: 30px; }
  .terminEintragen .calendar-switch-row .label-with-switch .text-label {
    color: #414042 !important;
    font-size: 15px !important;
    padding-right: 15px; }
.terminEintragen .date-time-container .date-time-header {
  color: #414042;
  font-family: "Lato-Bold";
  font-size: 15px;
  padding-bottom: 15px; }
.terminEintragen .date-time-container .date-time-item-col {
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 767px) {
    .terminEintragen .date-time-container .date-time-item-col {
      flex-wrap: wrap; } }
  @media only screen and (max-width: 767px) {
    .terminEintragen .date-time-container .date-time-item-col .form-group {
      flex: 0 0 100%; } }
  .terminEintragen .date-time-container .date-time-item-col .form-group-with-label {
    display: flex;
    align-items: center;
    margin-left: 30px; }
    @media only screen and (max-width: 767px) {
      .terminEintragen .date-time-container .date-time-item-col .form-group-with-label {
        margin-left: 0;
        flex-wrap: wrap; } }
    .terminEintragen .date-time-container .date-time-item-col .form-group-with-label .input-group {
      max-width: 130px;
      flex: 0 0 130px; }
      @media only screen and (max-width: 767px) {
        .terminEintragen .date-time-container .date-time-item-col .form-group-with-label .input-group {
          max-width: 100%;
          flex: 0 0 100%; } }
    @media only screen and (max-width: 767px) {
      .terminEintragen .date-time-container .date-time-item-col .form-group-with-label > div {
        flex: 0 0 100%;
        margin-right: 0; } }
  .terminEintragen .date-time-container .date-time-item-col .form-group-label {
    font-size: 15px;
    color: #bcbec0;
    margin-right: 20px;
    flex: 0 0 58px; }
    @media only screen and (max-width: 767px) {
      .terminEintragen .date-time-container .date-time-item-col .form-group-label {
        text-align: center;
        margin-bottom: 8px; } }
  .terminEintragen .date-time-container .date-time-item-col .label-with-switch.with-date-row {
    margin-bottom: 0;
    white-space: nowrap;
    margin-left: 30px; }
    @media only screen and (max-width: 767px) {
      .terminEintragen .date-time-container .date-time-item-col .label-with-switch.with-date-row {
        margin-left: 0;
        margin-top: 15px; } }
    .terminEintragen .date-time-container .date-time-item-col .label-with-switch.with-date-row .text-label {
      margin-right: 20px; }
  .terminEintragen .date-time-container .date-time-item-col .form-group .input-group .form-control {
    border: 1px solid #bcbec0;
    padding: 10px 13px;
    font-size: 15px;
    color: #bcbec0; }
    .terminEintragen .date-time-container .date-time-item-col .form-group .input-group .form-control::placeholder {
      color: #bcbec0; }
  .terminEintragen .date-time-container .date-time-item-col .form-group .input-group .input-group-addon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 10px;
    z-index: 99; }
    .terminEintragen .date-time-container .date-time-item-col .form-group .input-group .input-group-addon:after {
      content: "";
      position: absolute;
      width: 1px;
      height: 35px;
      background: #bcbec0;
      left: 0;
      top: 50%;
      transform: translateY(-50%); }
.terminEintragen .Wichtige-Information-container .Wichtige-Information-header {
  color: #e91f1b;
  font-family: 'Lato-Bold';
  font-size: 15px;
  margin-bottom: 8px; }
.terminEintragen .Wichtige-Information-container .Wichtige-Information-body {
  font-size: 13px;
  color: #414042; }

/****** Bootstrap calendar start *******/
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #94c01f;
  color: #fff;
  border-radius: 0; }

.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
  background: #94c01f;
  padding: 5px 10px;
  border-radius: 0;
  color: #fff;
  font-weight: normal;
  font-family: 'Lato-Bold'; }

.bootstrap-datetimepicker-widget table th.picker-switch:hover {
  background: #94c01f !important; }

span.glyphicon.glyphicon-chevron-right {
  width: 12px;
  height: 12px;
  border: 1px solid #bcc2ce;
  display: block;
  transform: rotate(45deg);
  border-left: 0;
  border-bottom: 0;
  margin: auto; }

span.glyphicon.glyphicon-chevron-left {
  width: 12px;
  height: 12px;
  border: 1px solid #bcc2ce;
  display: block;
  transform: rotate(45deg);
  border-right: 0;
  border-top: 0;
  margin: auto; }

.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px;
  color: #444;
  font-weight: normal;
  font-family: "Lato-Bold";
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 15px; }

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #94c01f;
  border-radius: 0; }

.bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: #94c01f; }

.bootstrap-datetimepicker-widget table td.day {
  font-size: 14px; }

.bootstrap-datetimepicker-widget table td span.glyphicon-chevron-up,
.bootstrap-datetimepicker-widget table td span.glyphicon-chevron-down {
  position: relative; }

.bootstrap-datetimepicker-widget table td span.glyphicon-chevron-up:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid #004812;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  border-bottom: 0;
  border-right: 0;
  margin-top: 5px; }

.bootstrap-datetimepicker-widget table td span.glyphicon-chevron-down:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid #004812;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  border-top: 0;
  border-left: 0;
  margin-top: -5px; }

.bootstrap-datetimepicker-widget.dropdown-menu {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  padding: .5rem 0;
  margin: .125rem 0 0;
  list-style: none;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }
  .bootstrap-datetimepicker-widget.dropdown-menu .list-unstyled {
    padding-left: 0;
    list-style: none !important; }
    .bootstrap-datetimepicker-widget.dropdown-menu .list-unstyled li {
      margin: 0;
      list-style: none; }

.bootstrap-datetimepicker-widget {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  padding: .5rem 0;
  margin: .125rem 0 0;
  list-style: none;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }
  .bootstrap-datetimepicker-widget .list-unstyled {
    padding-left: 0;
    list-style: none !important; }
    .bootstrap-datetimepicker-widget .list-unstyled li {
      margin: 0;
      list-style: none; }

/****** Bootstrap calendar end *******/
.rider-step-holder.terminEintragen .riding-step .wizard .floating-form .single-set-general {
  max-width: 510px; }
  .rider-step-holder.terminEintragen .riding-step .wizard .floating-form .single-set-general.anhange-row {
    max-width: 535px; }
    .rider-step-holder.terminEintragen .riding-step .wizard .floating-form .single-set-general.anhange-row.FD-Termin {
      max-width: 510px; }
    .rider-step-holder.terminEintragen .riding-step .wizard .floating-form .single-set-general.anhange-row:not(:last-child) {
      margin-bottom: 35px; }
  .rider-step-holder.terminEintragen .riding-step .wizard .floating-form .single-set-general .floating-text-field {
    padding-right: 0; }
  .rider-step-holder.terminEintragen .riding-step .wizard .floating-form .single-set-general .anhange-row-item {
    margin-bottom: 5px; }
    .rider-step-holder.terminEintragen .riding-step .wizard .floating-form .single-set-general .anhange-row-item .floating-text-field {
      flex-grow: 1;
      margin-bottom: 0; }
  .rider-step-holder.terminEintragen .riding-step .wizard .floating-form .single-set-general.benutzer-info {
    max-width: 730px;
    display: flex; }
    @media only screen and (max-width: 767px) {
      .rider-step-holder.terminEintragen .riding-step .wizard .floating-form .single-set-general.benutzer-info {
        flex-wrap: wrap; } }
    .rider-step-holder.terminEintragen .riding-step .wizard .floating-form .single-set-general.benutzer-info .floating-text-field {
      flex-grow: 1; }
      @media only screen and (max-width: 767px) {
        .rider-step-holder.terminEintragen .riding-step .wizard .floating-form .single-set-general.benutzer-info .floating-text-field {
          flex: 0 0 100%; } }
      .rider-step-holder.terminEintragen .riding-step .wizard .floating-form .single-set-general.benutzer-info .floating-text-field:not(:last-child) {
        margin-right: 25px; }
        @media only screen and (max-width: 767px) {
          .rider-step-holder.terminEintragen .riding-step .wizard .floating-form .single-set-general.benutzer-info .floating-text-field:not(:last-child) {
            margin-right: 0; } }
.rider-step-holder.terminEintragen .choose-file-holder {
  /*flex: 0 0 180px;
  max-width: 180px;*/
  position: relative; }
  @media only screen and (max-width: 767px) {
    .rider-step-holder.terminEintragen .choose-file-holder {
      flex: 0 0 100%;
      margin-bottom: 40px; } }
  .rider-step-holder.terminEintragen .choose-file-holder input[type="file"] {
    height: 0;
    overflow: hidden;
    width: 0;
    position: absolute; }
  .rider-step-holder.terminEintragen .choose-file-holder .label-custom-file {
    background-color: #f1f2f2;
    font-family: "Lato-Regular";
    font-size: 14px;
    color: #bcbec0;
    padding: 10px 20px;
    border: 1px solid #bbbdc0;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    cursor: pointer;
    margin-bottom: 0; }
    .rider-step-holder.terminEintragen .choose-file-holder .label-custom-file img {
      width: 20px;
      margin-right: 13px; }
      .rider-step-holder.terminEintragen .choose-file-holder .label-custom-file img[src*="eye-gray-icon"] {
        width: auto; }
    .rider-step-holder.terminEintragen .choose-file-holder .label-custom-file:hover {
      background-color: #ffffff; }
.rider-step-holder.terminEintragen .ort-field-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline; }
  .rider-step-holder.terminEintragen .ort-field-row .select-field {
    display: flex;
    margin-bottom: 40px;
    flex-grow: 1;
    margin-right: 15px; }
    .rider-step-holder.terminEintragen .ort-field-row .select-field .select-floating-label {
      position: relative;
      width: 100%; }
@-moz-document url-prefix() {
  .rider-step-holder.terminEintragen .ort-field-row .select-field .select-floating-label {
    top: -10px;
  }
}
      .rider-step-holder.terminEintragen .ort-field-row .select-field .select-floating-label label:not([class^="error"]) {
        color: #808285;
        font-family: "Lato-Bold";
        font-size: 14px;
        font-weight: normal;
        position: absolute;
        pointer-events: none;
        left: 0px;
        top: 0px;
        transition: 0.3s ease all; }
      .rider-step-holder.terminEintragen .ort-field-row .select-field .select-floating-label .floating-select {
        font-size: 14px;
        font-family: "Lato-Bold";
        display: block;
        width: 100%;
        height: 30px;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #959799;
        transition: 0.3s;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background: url(../../../../../fileadmin/sitedesign/Resources/Public/images/arrow-down-triangle.png);
        background-repeat: no-repeat;
        background-position: center right 15px;
        background-size: 12px auto; }
        .rider-step-holder.terminEintragen .ort-field-row .select-field .select-floating-label .floating-select:focus {
          outline: none;
          border-bottom: 1px solid #004712; }
      .rider-step-holder.terminEintragen .ort-field-row .select-field .select-floating-label .floating-select:focus ~ label:not([class^="error"]),
      .rider-step-holder.terminEintragen .ort-field-row .select-field .select-floating-label .floating-select:not([value=""]):valid ~ label:not([class^="error"]) {
        top: -18px;
        font-size: 12px;
        color: #004712;
        font-family: "Lato-Regular"; }
    .rider-step-holder.terminEintragen .ort-field-row .select-field .tooltip-holder {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      width: 25px; }
      .rider-step-holder.terminEintragen .ort-field-row .select-field .tooltip-holder a img {
        width: 16px; }
  @media only screen and (max-width: 767px) {
    .rider-step-holder.terminEintragen .ort-field-row {
      flex-wrap: wrap; } }
  .rider-step-holder.terminEintragen .ort-field-row.anhange-file-row {
    align-items: center;
    padding-right: 25px; }
    .rider-step-holder.terminEintragen .ort-field-row.anhange-file-row.FD-Termin {
      padding-right: 0px; }
    .rider-step-holder.terminEintragen .ort-field-row.anhange-file-row > div {
      margin: 0;
      flex-grow: 1; }
      .rider-step-holder.terminEintragen .ort-field-row.anhange-file-row > div:not(:last-child) {
        margin-right: 10px; }
        @media only screen and (max-width: 767px) {
          .rider-step-holder.terminEintragen .ort-field-row.anhange-file-row > div:not(:last-child) {
            margin-right: 0;
            margin-bottom: 10px; } }
      .rider-step-holder.terminEintragen .ort-field-row.anhange-file-row > div .gray-default-btn {
        width: 100%; }
  .rider-step-holder.terminEintragen .ort-field-row .place-field {
    flex-grow: 1;
    margin-right: 30px; }
    @media only screen and (max-width: 767px) {
      .rider-step-holder.terminEintragen .ort-field-row .place-field {
        margin-right: 0;
        flex: 0 0 100%;
        margin-bottom: 30px; } }
    .rider-step-holder.terminEintragen .ort-field-row .place-field .floating-text-field {
      margin-bottom: 0; }
.rider-step-holder.terminEintragen .create-location-termine {
  margin-left: 15px; }
  @media only screen and (max-width: 767px) {
    .rider-step-holder.terminEintragen .create-location-termine {
      margin-left: 0;
      flex: 0 0 100%; } }
.rider-step-holder .line-control-menu-bar {
  background: #f5f5f5;
  border-radius: 0; }
.rider-step-holder .rich-text-editor-container {
  padding-bottom: 50px; }
.rider-step-holder .rich-text-editor-inner .btn.btn-default {
  background: none;
  border: 0;
  border-radius: 0;
  font-size: 15px;
  color: #506266;
  margin: 0;
  padding: 6px 12px;
  position: relative;
  margin-bottom: 3px;
  box-shadow: none; }
.rider-step-holder .row-fluid.Editor-container .btn-group .dropdown-menu {
  background: #fff;
  list-style: none !important;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left; }
  .rider-step-holder .row-fluid.Editor-container .btn-group .dropdown-menu li {
    display: block;
    margin: 0; }
    .rider-step-holder .row-fluid.Editor-container .btn-group .dropdown-menu li a {
      padding: 3px 20px;
      color: #333;
      white-space: nowrap;
      font-size: 14px; }
      .rider-step-holder .row-fluid.Editor-container .btn-group .dropdown-menu li a:hover {
        color: #fff; }

[id*="txtEditorAllgemein"] h3 {
  margin-bottom: 10px;
  margin-top: 20px; }
[id*="txtEditorAllgemein"] .modal-header .close {
  position: absolute;
  margin: 0;
  right: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0; }
[id*="txtEditorAllgemein"] .form-control-link {
  border: 1px solid #ccc; }
[id*="txtEditorAllgemein"] .modal-footer .btn-default {
  padding: 6px 12px;
  background-color: #d4d4d4;
  color: #333;
  border-radius: 4px;
  border: 0; }
  [id*="txtEditorAllgemein"] .modal-footer .btn-default:hover {
    color: #333;
    background-color: #d4d4d4; }
[id*="txtEditorAllgemein"] .modal-footer .btn-success {
  background: #004812;
  border: 0;
  padding: 6px 12px; }
  [id*="txtEditorAllgemein"] .modal-footer .btn-success:hover {
    background: #013e10; }

/*********** Page 21 - 26, Steps form End *******************/
/*********Page30 Start*********/
.instructor-examiner {
  padding: 40px 0px 40px 0px; }
  @media only screen and (max-width: 767px) {
    .instructor-examiner {
      padding-bottom: 0; } }
  .instructor-examiner h3 {
    font-family: 'Lato-Bold';
    color: #004712 !important; }
  .instructor-examiner .search-row {
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 45px; }
    @media only screen and (max-width: 767px) {
      .instructor-examiner .search-row {
        flex-wrap: wrap; } }
    .instructor-examiner .search-row .search-col {
      flex: 0 0 250px;
      max-width: 250px;
      padding-left: 10px;
      padding-right: 10px; }
      @media only screen and (max-width: 767px) {
        .instructor-examiner .search-row .search-col {
          flex: 0 0 100%;
          max-width: 100%; } }
      .instructor-examiner .search-row .search-col .form-control {
        height: 45px;
        padding: 10px 45px 10px 30px;
        border: 1px solid #d8d8da;
        color: #bcbec0;
        box-shadow: none;
        outline: 0; }
        @media only screen and (max-width: 767px) {
          .instructor-examiner .search-row .search-col .form-control {
            margin-bottom: 10px; } }
  .instructor-examiner .location-map-holder {
    margin-top: 15px; }
  .instructor-examiner .instructor-examiner-list-holder {
    margin-top: 35px; }
    .instructor-examiner .instructor-examiner-list-holder .instructor-examiner-row {
      display: flex;
      flex-wrap: wrap;
      transition: 0.3s;
      position: relative;
      z-index: 0; }
      @media only screen and (max-width: 767px) {
        .instructor-examiner .instructor-examiner-list-holder .instructor-examiner-row {
          margin: 25px 0px; } }
      .instructor-examiner .instructor-examiner-list-holder .instructor-examiner-row:nth-child(even) {
        background-color: #f1f2f2; }
        .instructor-examiner .instructor-examiner-list-holder .instructor-examiner-row:nth-child(even) .address {
          color: #808285; }
      .instructor-examiner .instructor-examiner-list-holder .instructor-examiner-row:hover {
        box-shadow: 0px 0px 10px #888888;
        z-index: 1; }
      .instructor-examiner .instructor-examiner-list-holder .instructor-examiner-row .photo {
        flex: 0 0 65px;
        max-width: 65px;
        padding: 15px 0px 15px 10px; }
        .instructor-examiner .instructor-examiner-list-holder .instructor-examiner-row .photo img {
          width: 100%; }
      .instructor-examiner .instructor-examiner-list-holder .instructor-examiner-row .name-with-icon {
        flex: 0 0 25%;
        max-width: 25%;
        display: flex;
        align-items: center;
        padding: 15px 0px 15px 15px; }
        @media only screen and (max-width: 1024px) {
          .instructor-examiner .instructor-examiner-list-holder .instructor-examiner-row .name-with-icon {
            flex: 0 0 35%;
            max-width: 35%; } }
        @media only screen and (max-width: 767px) {
          .instructor-examiner .instructor-examiner-list-holder .instructor-examiner-row .name-with-icon {
            flex: 0 0 calc(100% - 65px);
            max-width: calc(100% - 65px); } }
        .instructor-examiner .instructor-examiner-list-holder .instructor-examiner-row .name-with-icon img {
          width: 30px;
          margin-right: 10px; }
        .instructor-examiner .instructor-examiner-list-holder .instructor-examiner-row .name-with-icon span {
          font-family: 'Lato-Bold';
          color: #004712 !important;
          font-size: 18px; }
      .instructor-examiner .instructor-examiner-list-holder .instructor-examiner-row .address {
        flex: 0 0 25%;
        max-width: 25%;
        padding: 15px 10px;
        display: flex;
        align-items: center;
        font-size: 13px;
        color: #bcbec0;
        line-height: 16px; }
        @media only screen and (max-width: 767px) {
          .instructor-examiner .instructor-examiner-list-holder .instructor-examiner-row .address {
            flex: 0 0 50%;
            max-width: 50%; } }
      .instructor-examiner .instructor-examiner-list-holder .instructor-examiner-row .designation {
        flex: 0 0 calc(50% - 115px);
        max-width: calc(50% - 115px);
        padding: 15px 0px 15px 15px;
        display: flex;
        align-items: center;
        position: relative;
        font-size: 18px;
        color: #bcbec0; }
        @media only screen and (max-width: 1024px) {
          .instructor-examiner .instructor-examiner-list-holder .instructor-examiner-row .designation {
            flex: 0 0 calc(40% - 115px);
            max-width: calc(40% - 115px); } }
        @media only screen and (max-width: 767px) {
          .instructor-examiner .instructor-examiner-list-holder .instructor-examiner-row .designation {
            flex: 0 0 50%;
            max-width: 50%; } }
        .instructor-examiner .instructor-examiner-list-holder .instructor-examiner-row .designation:before {
          content: "";
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%);
          width: 1px;
          height: 35px;
          background-color: #004712; }
        .instructor-examiner .instructor-examiner-list-holder .instructor-examiner-row .designation .instructor-span {
          font-family: 'Lato-Bold';
          color: #004712 !important;
          font-size: 18px;
          display: inline-block;
          margin-left: 5px; }
      .instructor-examiner .instructor-examiner-list-holder .instructor-examiner-row .logo {
        flex: 0 0 50px;
        max-width: 50px;
        background-color: #9aca3c;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #ffffff;
        border-right: 0;
        border-left: 0;
        visibility: hidden; }
        @media only screen and (max-width: 767px) {
          .instructor-examiner .instructor-examiner-list-holder .instructor-examiner-row .logo {
            flex: 0 0 100%;
            max-width: 100%;
            padding: 15px 0px;
            display: none; } }
        .instructor-examiner .instructor-examiner-list-holder .instructor-examiner-row .logo.visible {
          visibility: visible; }
          @media only screen and (max-width: 767px) {
            .instructor-examiner .instructor-examiner-list-holder .instructor-examiner-row .logo.visible {
              display: flex; } }
        .instructor-examiner .instructor-examiner-list-holder .instructor-examiner-row .logo img {
          width: 35px; }

/*********Page30 End*********/
/*********Page33 steps form start *********/
.angebot-info-container .angebot-info-sub-header {
  color: #004712;
  font-family: 'Lato-Bold';
  font-size: 15px;
  margin-bottom: 2px; }
.angebot-info-container .angebot-info-sub-description {
  color: #414042;
  font-size: 13px; }
.angebot-info-container .country-region-container {
  padding-top: 30px; }
  .angebot-info-container .country-region-container .country-region-inner .country-row .label-with-switch {
    justify-content: flex-start;
    margin-bottom: 20px; }
    .angebot-info-container .country-region-container .country-region-inner .country-row .label-with-switch .text-label {
      color: #414042;
      font-family: "Lato-Regular";
      flex: 0 0 150px; }
  .angebot-info-container .country-region-container .country-region-inner .country-row .further-regions-container {
    display: none; }
    .angebot-info-container .country-region-container .country-region-inner .country-row .further-regions-container .label-with-switch {
      margin-bottom: 10px; }
      .angebot-info-container .country-region-container .country-region-inner .country-row .further-regions-container .label-with-switch .switch {
        margin-right: 3px;
        margin-left: -6px; }
        .angebot-info-container .country-region-container .country-region-inner .country-row .further-regions-container .label-with-switch .switch label {
          transform: scale(0.65); }
      .angebot-info-container .country-region-container .country-region-inner .country-row .further-regions-container .label-with-switch .text-label {
        font-size: 11px; }
  .angebot-info-container .country-region-container .country-region-inner .country-row:not(:last-child) .further-regions-container {
    margin-bottom: 30px; }
  .angebot-info-container .country-region-container .country-row-sub-heading {
    font-size: 15px;
    font-family: 'Lato-Bold';
    color: #414042;
    padding-top: 20px;
    padding-bottom: 30px; }

/*********Page33 steps form end *********/
/*********Loader start*********/
#form-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.3);
  display: none; }
  #form-loader .loader-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%; }
    #form-loader .loader-holder .loader {
      border: 5px solid #f3f3f3;
      border-radius: 50%;
      border-top: 5px solid #3498db;
      width: 60px;
      height: 60px;
      -webkit-animation: spin 2s linear infinite;
      /* Safari */
      animation: spin 2s linear infinite; }
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
/*********Loader End*********/
/****** after typo3 developed start******/
.palnar-object {
  padding-top: 0; }
  .palnar-object .container {
    padding: 0; }
    @media only screen and (max-width: 767px) {
      .palnar-object .container {
        padding: 0px 15px; } }
  .palnar-object .news-list-all-bund {
    padding: 0; }
    .palnar-object .news-list-all-bund .news-list-view .page-navigation {
      padding: 0; }
      .palnar-object .news-list-all-bund .news-list-view .page-navigation:first-child {
        display: none; }
      .palnar-object .news-list-all-bund .news-list-view .page-navigation ul {
        float: none; }
        .palnar-object .news-list-all-bund .news-list-view .page-navigation ul li {
          margin-left: 0;
          margin-right: 5px;
          font-size: 19px; }
          .palnar-object .news-list-all-bund .news-list-view .page-navigation ul li a {
            font-size: 18px; }
            .palnar-object .news-list-all-bund .news-list-view .page-navigation ul li a:hover, .palnar-object .news-list-all-bund .news-list-view .page-navigation ul li a:focus {
              margin-left: 0 !important; }
          .palnar-object .news-list-all-bund .news-list-view .page-navigation ul li.previous, .palnar-object .news-list-all-bund .news-list-view .page-navigation ul li.next {
            display: none; }

/****** after typo3 developed End******/
/*********Page27 start *********/
.terminkalender {
  padding-top: 40px;
  padding-bottom: 40px; }
  .terminkalender .terminkalender-header h3 {
    color: #004712 !important;
    font-size: 25px;
    font-weight: normal;
    font-family: 'Lato-Bold';
    margin-bottom: 30px; }
  .terminkalender .terminkalender-filter-container .terminkalender-date-filter {
    display: flex;
    align-items: center;
    margin-bottom: 25px; }
    @media only screen and (max-width: 575px) {
      .terminkalender .terminkalender-filter-container .terminkalender-date-filter {
        flex-wrap: wrap; } }
    @media only screen and (max-width: 575px) {
      .terminkalender .terminkalender-filter-container .terminkalender-date-filter .terminkalender-date-filter-input {
        flex-grow: 1; } }
    .terminkalender .terminkalender-filter-container .terminkalender-date-filter .form-group {
      margin-bottom: 0;
      max-width: 180px; }
      @media only screen and (max-width: 575px) {
        .terminkalender .terminkalender-filter-container .terminkalender-date-filter .form-group {
          max-width: 100%; } }
      .terminkalender .terminkalender-filter-container .terminkalender-date-filter .form-group .input-group .form-control {
        border: 1px solid #bcbec0;
        padding: 10px 13px;
        font-size: 15px;
        color: #bcbec0;
        height: auto; }
        .terminkalender .terminkalender-filter-container .terminkalender-date-filter .form-group .input-group .form-control::placeholder {
          color: #bcbec0; }
      .terminkalender .terminkalender-filter-container .terminkalender-date-filter .form-group .input-group .input-group-addon {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        padding: 0 10px;
        z-index: 99; }
        .terminkalender .terminkalender-filter-container .terminkalender-date-filter .form-group .input-group .input-group-addon:after {
          content: "";
          position: absolute;
          width: 1px;
          height: 35px;
          background: #bcbec0;
          left: 0;
          top: 50%;
          transform: translateY(-50%); }
    .terminkalender .terminkalender-filter-container .terminkalender-date-filter .terminkalender-date-filter-row {
      display: flex;
      align-items: center; }
    .terminkalender .terminkalender-filter-container .terminkalender-date-filter .terminkalender-date-filter-label {
      font-size: 15px;
      color: #bcbec0;
      margin-right: 15px; }
      @media only screen and (max-width: 575px) {
        .terminkalender .terminkalender-filter-container .terminkalender-date-filter .terminkalender-date-filter-label {
          min-width: 40px; } }
  @media only screen and (max-width: 575px) {
    .terminkalender .terminkalender-filter-container .terminkalender-date-filter-col {
      flex: 0 0 100%; } }
  .terminkalender .terminkalender-filter-container .terminkalender-date-filter-col:not(:last-child) {
    margin-right: 30px; }
    @media only screen and (max-width: 575px) {
      .terminkalender .terminkalender-filter-container .terminkalender-date-filter-col:not(:last-child) {
        margin-right: 0px;
        margin-bottom: 20px; } }
  .terminkalender .select-container-box {
    background: url(../../../../../fileadmin/sitedesign/Resources/Public/images/arrow-down.png);
    background-repeat: no-repeat;
    background-position: center right 20px;
    background-size: 20px 10px;
    width: 100%;
    max-width: 400px; }
    @media only screen and (max-width: 991px) {
      .terminkalender .select-container-box {
        max-width: 265px; } }
    @media only screen and (max-width: 767px) {
      .terminkalender .select-container-box {
        max-width: 100%; } }
    .terminkalender .select-container-box .form-control-select {
      border: 1px solid #bcbec0;
      padding: 10px 45px 10px 13px;
      font-size: 15px;
      color: #bcbec0;
      width: 100%;
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background: none;
      height: 50px; }
  .terminkalender .terminkalender-category-filter {
    display: flex;
    flex-wrap: wrap; }
    .terminkalender .terminkalender-category-filter > div {
      margin-bottom: 20px; }
    .terminkalender .terminkalender-category-filter .terminkalender-category-col {
      min-width: 400px;
      margin-right: 25px; }
      @media only screen and (max-width: 991px) {
        .terminkalender .terminkalender-category-filter .terminkalender-category-col {
          min-width: 265px; } }
      @media only screen and (max-width: 767px) {
        .terminkalender .terminkalender-category-filter .terminkalender-category-col {
          min-width: 100%; } }
  .terminkalender .category-item-container {
    margin-left: 12px; }
    .terminkalender .category-item-container .category-item-inner {
      display: flex;
      align-items: center;
      white-space: nowrap;
      background: #999999;
      color: #fff;
      font-size: 16px;
      padding: 13px 55px 13px 30px;
      position: relative;
      border-radius: 26px;
      transition: .3s; }
      .terminkalender .category-item-container .category-item-inner.ritte-fahrten {
        background: #1f8fce; }
      .terminkalender .category-item-container .category-item-inner.wettbewerbe {
        background: #b7452c; }
      .terminkalender .category-item-container .category-item-inner.Anerkannte {
        background: #48ff33; }
      .terminkalender .category-item-container .category-item-inner.Aus-Weiterbildung {
        background: #6b00cc; }
      .terminkalender .category-item-container .category-item-inner.VFD-Treffs {
        background: #0d6800; }
      .terminkalender .category-item-container .category-item-inner.Messen {
        background: #faff0f; }
      .terminkalender .category-item-container .category-item-inner.VFDKids {
        background: #f99e11; }
      .terminkalender .category-item-container .category-item-inner.Wanderritte {
        background: #c100cf; }
      .terminkalender .category-item-container .category-item-inner.Ausbildung-nach {
        background: #55c8fe; }
      .terminkalender .category-item-container .category-item-inner.Online-Ausbildung {
        background: #e9a1f5; }
      .terminkalender .category-item-container .category-item-inner.Alle-Kategorien {
        background: #d3d3d3; }
      .terminkalender .category-item-container .category-item-inner.Sonstige {
        background: #999999; }
      .terminkalender .category-item-container .category-item-inner .close-category-btn {
        background: none;
        border: 0;
        padding: 0;
        outline: none;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%); }
      .terminkalender .category-item-container .category-item-inner img {
        width: auto; }
      .terminkalender .category-item-container .category-item-inner:hover {
        opacity: .8; }

.terminkalender-result-container {
  padding-top: 30px; }
  .terminkalender-result-container .terminkalender-result-row {
    display: flex; }
    @media only screen and (max-width: 991.98px) {
      .terminkalender-result-container .terminkalender-result-row {
        flex-wrap: wrap; } }
    .terminkalender-result-container .terminkalender-result-row .terminkalender-result-left {
      flex-grow: 1;
      padding-right: 20px; }
      @media only screen and (max-width: 991.98px) {
        .terminkalender-result-container .terminkalender-result-row .terminkalender-result-left {
          padding-right: 0px;
          flex: 0 0 100%; } }
      .terminkalender-result-container .terminkalender-result-row .terminkalender-result-left .terminkalender-result-left-header {
        background: #004812;
        color: #fff;
        font-family: 'Lato-Bold';
        text-align: center;
        font-size: 17px;
        padding: 12.5px 15px;
        margin-bottom: 20px; }
    .terminkalender-result-container .terminkalender-result-row .terminkalender-result-right {
      flex: 0 0 185px;
      max-width: 185px; }
      @media only screen and (max-width: 991.98px) {
        .terminkalender-result-container .terminkalender-result-row .terminkalender-result-right {
          flex: 0 0 100%;
          max-width: 100%;
          padding-top: 25px; } }
  .terminkalender-result-container .terminkalender-result-left-content-row {
    display: flex; }
    @media only screen and (max-width: 767px) {
      .terminkalender-result-container .terminkalender-result-left-content-row {
        flex-wrap: wrap; } }
    .terminkalender-result-container .terminkalender-result-left-content-row:not(:last-child) {
      margin-bottom: 25px; }
    .terminkalender-result-container .terminkalender-result-left-content-row .terminkalender-date-col {
      flex: 0 0 70px;
      background: #f3f3f4;
      max-width: 70px;
      padding: 0 5px;
      text-align: center;
      display: flex;
      align-items: center;
      color: #bcbec0;
      font-size: 20px;
      line-height: 24px; }
      @media only screen and (max-width: 767px) {
        .terminkalender-result-container .terminkalender-result-left-content-row .terminkalender-date-col {
          flex: 0 0 100%;
          max-width: 100%;
          padding: 15px 20px;
          margin-bottom: 20px; } }
    .terminkalender-result-container .terminkalender-result-left-content-row .terminkalender-result-items-right {
      padding-left: 15px;
      flex-grow: 1;
      max-width: 953px; }
      @media only screen and (max-width: 767px) {
        .terminkalender-result-container .terminkalender-result-left-content-row .terminkalender-result-items-right {
          padding-left: 0px; } }
      .terminkalender-result-container .terminkalender-result-left-content-row .terminkalender-result-items-right img {
        width: auto; }
      .terminkalender-result-container .terminkalender-result-left-content-row .terminkalender-result-items-right .terminkalender-result-item {
        display: flex; }
        .terminkalender-result-container .terminkalender-result-left-content-row .terminkalender-result-items-right .terminkalender-result-item:not(:last-child) {
          margin-bottom: 15px; }
        .terminkalender-result-container .terminkalender-result-left-content-row .terminkalender-result-items-right .terminkalender-result-item.highlight {
          background: #e6f1cb; }
      .terminkalender-result-container .terminkalender-result-left-content-row .terminkalender-result-items-right .terminkalender-vertical-bar {
        flex: 0 0 5px;
        max-width: 5px;
        background: #999999; }
        .terminkalender-result-container .terminkalender-result-left-content-row .terminkalender-result-items-right .terminkalender-vertical-bar.ritte-fahrten {
          background: #1f8fce; }
        .terminkalender-result-container .terminkalender-result-left-content-row .terminkalender-result-items-right .terminkalender-vertical-bar.wettbewerbe {
          background: #b7452c; }
        .terminkalender-result-container .terminkalender-result-left-content-row .terminkalender-result-items-right .terminkalender-vertical-bar.Anerkannte {
          background: #48ff33; }
        .terminkalender-result-container .terminkalender-result-left-content-row .terminkalender-result-items-right .terminkalender-vertical-bar.Aus-Weiterbildung {
          background: #6b00cc; }
        .terminkalender-result-container .terminkalender-result-left-content-row .terminkalender-result-items-right .terminkalender-vertical-bar.VFD-Treffs {
          background: #0d6800; }
        .terminkalender-result-container .terminkalender-result-left-content-row .terminkalender-result-items-right .terminkalender-vertical-bar.Messen {
          background: #faff0f; }
        .terminkalender-result-container .terminkalender-result-left-content-row .terminkalender-result-items-right .terminkalender-vertical-bar.VFDKids {
          background: #f99e11; }
        .terminkalender-result-container .terminkalender-result-left-content-row .terminkalender-result-items-right .terminkalender-vertical-bar.Wanderritte {
          background: #c100cf; }
        .terminkalender-result-container .terminkalender-result-left-content-row .terminkalender-result-items-right .terminkalender-vertical-bar.Ausbildung-nach {
          background: #55c8fe; }
        .terminkalender-result-container .terminkalender-result-left-content-row .terminkalender-result-items-right .terminkalender-vertical-bar.Online-Ausbildung {
          background: #e9a1f5; }
        .terminkalender-result-container .terminkalender-result-left-content-row .terminkalender-result-items-right .terminkalender-vertical-bar.Alle-Kategorien {
          background: #d3d3d3; }
        .terminkalender-result-container .terminkalender-result-left-content-row .terminkalender-result-items-right .terminkalender-vertical-bar.Sonstige {
          background: #999999; }
      .terminkalender-result-container .terminkalender-result-left-content-row .terminkalender-result-items-right .terminkalender-right-item-container {
        padding-left: 16px;
        display: flex;
        flex-grow: 1; }
        @media only screen and (max-width: 767px) {
          .terminkalender-result-container .terminkalender-result-left-content-row .terminkalender-result-items-right .terminkalender-right-item-container {
            padding-left: 8px; } }
        .terminkalender-result-container .terminkalender-result-left-content-row .terminkalender-result-items-right .terminkalender-right-item-container .terminkalender-logo {
          background: #99ca3c;
          display: none;
          justify-content: center;
          align-items: center;
          padding: 5px 10px; }
        .terminkalender-result-container .terminkalender-result-left-content-row .terminkalender-result-items-right .terminkalender-right-item-container .terminkalender-content-info {
          flex-grow: 1; }
      .terminkalender-result-container .terminkalender-result-left-content-row .terminkalender-result-items-right .highlight .terminkalender-right-item-container .terminkalender-logo {
        display: flex; }
  .terminkalender-result-container .terminkalender-content-info .terminkalender-content-info-header {
    display: flex;
    align-items: center;
    margin-top: 2px; }
    @media only screen and (max-width: 1024.98px) {
      .terminkalender-result-container .terminkalender-content-info .terminkalender-content-info-header {
        align-items: flex-start; } }
    @media only screen and (max-width: 767px) {
      .terminkalender-result-container .terminkalender-content-info .terminkalender-content-info-header {
        flex-wrap: wrap; } }
    .terminkalender-result-container .terminkalender-content-info .terminkalender-content-info-header .terminkalender-content-info-heading {
      flex-grow: 1;
      max-width: 480px; }
      @media only screen and (max-width: 1199px) {
        .terminkalender-result-container .terminkalender-content-info .terminkalender-content-info-header .terminkalender-content-info-heading {
          max-width: 440px; } }
      @media only screen and (max-width: 1024.98px) {
        .terminkalender-result-container .terminkalender-content-info .terminkalender-content-info-header .terminkalender-content-info-heading {
          max-width: 380px; } }
      .terminkalender-result-container .terminkalender-content-info .terminkalender-content-info-header .terminkalender-content-info-heading a {
        color: #414042;
        font-size: 18px;
        font-family: 'Lato-Regular';
        text-decoration: underline; }
        @media only screen and (max-width: 1024.98px) {
          .terminkalender-result-container .terminkalender-content-info .terminkalender-content-info-header .terminkalender-content-info-heading a {
            line-height: 23px; } }
    .terminkalender-result-container .terminkalender-content-info .terminkalender-content-info-header .terminkalender-content-info-date {
      font-size: 14px;
      color: #414042;
      display: flex;
      align-items: center; }
      .terminkalender-result-container .terminkalender-content-info .terminkalender-content-info-header .terminkalender-content-info-date img {
        margin-right: 10px; }
      @media only screen and (max-width: 767px) {
        .terminkalender-result-container .terminkalender-content-info .terminkalender-content-info-header .terminkalender-content-info-date {
          flex: 0 0 100%;
          margin-top: 5px;
          margin-bottom: 4px; } }
  .terminkalender-result-container .terminkalender-content-info .terminkalender-content-info-descriptoin {
    font-size: 13px;
    white-space: nowrap;
    max-width: 560px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #414042;
    padding-bottom: 6px; }
    @media only screen and (max-width: 1199px) {
      .terminkalender-result-container .terminkalender-content-info .terminkalender-content-info-descriptoin {
        max-width: 540px; } }
    @media only screen and (max-width: 1024.98px) {
      .terminkalender-result-container .terminkalender-content-info .terminkalender-content-info-descriptoin {
        max-width: 460px; } }
    @media only screen and (max-width: 767px) {
      .terminkalender-result-container .terminkalender-content-info .terminkalender-content-info-descriptoin {
        max-width: 260px; } }
    @media only screen and (max-width: 360px) {
      .terminkalender-result-container .terminkalender-content-info .terminkalender-content-info-descriptoin {
        max-width: 216px; } }
  .terminkalender-result-container .terminkalender-result-right-header {
    height: 50px;
    display: flex;
    align-items: center;
    color: #004712;
    font-size: 16px; }
  .terminkalender-result-container .terminkalender-result-right-content .appointment-legend-row {
    display: flex; }
    .terminkalender-result-container .terminkalender-result-right-content .appointment-legend-row .appointment-legend-left {
      flex: 0 0 10px;
      background: #999999; }
      .terminkalender-result-container .terminkalender-result-right-content .appointment-legend-row .appointment-legend-left.ritte-fahrten {
        background: #1f8fce; }
      .terminkalender-result-container .terminkalender-result-right-content .appointment-legend-row .appointment-legend-left.wettbewerbe {
        background: #b7452c; }
      .terminkalender-result-container .terminkalender-result-right-content .appointment-legend-row .appointment-legend-left.Anerkannte {
        background: #48ff33; }
      .terminkalender-result-container .terminkalender-result-right-content .appointment-legend-row .appointment-legend-left.Aus-Weiterbildung {
        background: #6b00cc; }
      .terminkalender-result-container .terminkalender-result-right-content .appointment-legend-row .appointment-legend-left.VFD-Treffs {
        background: #0d6800; }
      .terminkalender-result-container .terminkalender-result-right-content .appointment-legend-row .appointment-legend-left.Messen {
        background: #faff0f; }
      .terminkalender-result-container .terminkalender-result-right-content .appointment-legend-row .appointment-legend-left.VFDKids {
        background: #f99e11; }
      .terminkalender-result-container .terminkalender-result-right-content .appointment-legend-row .appointment-legend-left.Wanderritte {
        background: #c100cf; }
      .terminkalender-result-container .terminkalender-result-right-content .appointment-legend-row .appointment-legend-left.Ausbildung-nach {
        background: #55c8fe; }
      .terminkalender-result-container .terminkalender-result-right-content .appointment-legend-row .appointment-legend-left.Online-Ausbildung {
        background: #e9a1f5; }
      .terminkalender-result-container .terminkalender-result-right-content .appointment-legend-row .appointment-legend-left.Alle-Kategorien {
        background: #d3d3d3; }
      .terminkalender-result-container .terminkalender-result-right-content .appointment-legend-row .appointment-legend-left.Sonstige {
        background: #999999; }
    .terminkalender-result-container .terminkalender-result-right-content .appointment-legend-row .appointment-legend-right {
      padding-left: 15px;
      padding-top: 13px;
      padding-bottom: 13px; }
      .terminkalender-result-container .terminkalender-result-right-content .appointment-legend-row .appointment-legend-right a {
        color: #414042;
        line-height: 18px;
        display: block;
        font-family: 'Lato-Regular'; }
    .terminkalender-result-container .terminkalender-result-right-content .appointment-legend-row:not(:last-child) {
      margin-bottom: 8px; }

/*********Page27 end *********/
.profile-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
  list-style: none; }
  .profile-row .column {
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 0;
    margin-right: 0;
    padding: 0px 20px;
    list-style: none;
    float: none; }
    @media only screen and (max-width: 767px) {
      .profile-row .column {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px; } }
    .profile-row .column .columnItems {
      box-shadow: 0px 1px 10px #dddddd;
      padding: 30px;
      position: relative; }
      .profile-row .column .columnItems .columnItem.columnItem2 {
        position: absolute;
        top: 15px;
        right: 30px; }
        .profile-row .column .columnItems .columnItem.columnItem2 .frame .gallery-row .gallery-item .image a {
          display: block;
          width: 15px; }
          .profile-row .column .columnItems .columnItem.columnItem2 .frame .gallery-row .gallery-item .image a:hover, .profile-row .column .columnItems .columnItem.columnItem2 .frame .gallery-row .gallery-item .image a:focus {
            margin-left: 0; }
      .profile-row .column .columnItems .columnItem .frame {
        padding: 0; }
        .profile-row .column .columnItems .columnItem .frame ul {
          display: block; }
  .profile-row ul li {
    list-style: none;
    margin-left: 0;
    padding: 10px 0px;
    display: flex;
    font-size: 15px;
    color: #414042; }
    .profile-row ul li label {
      flex: 0 0 150px;
      color: #bcbec0;
      font-size: 15px;
      font-family: 'Lato-Regular';
      margin-bottom: 0; }
  .profile-row .column.column2 .columnItems .columnItem .frame .frame-inner ul li a {
    display: flex;
    font-family: 'Lato-Regular';
    color: #004712;
    font-size: 15px;
    padding-right: 40px;
    background: url(../../../../../fileadmin/sitedesign/Resources/Public/images/green-right-arrow.png);
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 14px; }

.profile-username-section .user-name-heading {
  padding: 25px 50px 35px; }
  .profile-username-section .user-name-heading h3 {
    color: #004712 !important;
    font-family: 'Lato-Bold' !important;
    margin: 0;
    line-height: 22px; }
.profile-username-section + .container div#c1076 {
  padding: 0; }

.default-gray-btn {
  background-color: #f1f2f2;
  font-family: "Lato-Regular";
  font-size: 14px;
  color: #bcbec0;
  padding: 10px 20px;
  border: 1px solid #bbbdc0;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  cursor: pointer;
  margin-bottom: 0;
  white-space: nowrap; }
  @media only screen and (max-width: 767px) {
    .default-gray-btn {
      width: 100%; } }
  .default-gray-btn:hover {
    background-color: #ffffff; }
  .default-gray-btn img {
    width: 20px;
    margin-right: 13px; }

.default-modal-vfd .modal-content {
  border-radius: 0;
  border-color: #f0f0f0; }
.default-modal-vfd .modal-header {
  padding: 10px 15px;
  border-color: #bcbec0;
  position: relative; }
  .default-modal-vfd .modal-header .close {
    padding: 0;
    position: absolute;
    /*background: #ea1f1b;*/
    opacity: 1;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    margin: 0;
    right: 16px;
    transform: translateY(-50%); }
    .default-modal-vfd .modal-header .close img {
      width: 12px; }
.default-modal-vfd .modal-title {
  color: #004712;
  font-family: 'Lato-Bold';
  font-size: 17px; }
.default-modal-vfd .modal-footer {
  border-color: #bcbec0; }
  .default-modal-vfd .modal-footer .btn {
    margin: 0;
    font-size: 15px;
    outline: none !important;
    box-shadow: none !important; }
  .default-modal-vfd .modal-footer .btn-primary {
    padding: 8px 20px;
    border-width: 1px; }
    .default-modal-vfd .modal-footer .btn-primary:active {
      background-color: #004411 !important;
      color: #ffffff;
      border-color: #004411 !important; }
  .default-modal-vfd .modal-footer .btn-secondary {
    padding: 8px 20px;
    background: none;
    border-radius: 0;
    color: #bcbec0;
    border-color: #bcbec0;
    margin-right: 12px; }

@media only screen and (max-width: 767px) {
  .modal-btn-container {
    margin-bottom: 30px;
    flex: 0 0 100%;
    max-width: 100%; } }

.location-list-dialog .loaction-list-ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap; }
  .location-list-dialog .loaction-list-ul .location-list-item {
    flex: 0 0 50%;
    max-width: 50%;
    margin: 0;
    list-style: none;
    position: relative;
    padding-left: 18px; }
    @media only screen and (max-width: 767px) {
      .location-list-dialog .loaction-list-ul .location-list-item {
        flex: 0 0 100%;
        max-width: 100%; } }
    .location-list-dialog .loaction-list-ul .location-list-item:after {
      content: "";
      position: absolute;
      width: 8px;
      height: 4px;
      border: 1px solid #bcbec0;
      border-top: 0;
      border-right: 0;
      top: 50%;
      left: 3px;
      transform: translateY(-50%) rotate(-45deg);
      margin-top: -1px;
      transition: .3s; }
    .location-list-dialog .loaction-list-ul .location-list-item:before {
      content: "";
      position: absolute;
      width: 15px;
      height: 15px;
      border: 1px solid #bcbec0;
      border-radius: 50%;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      transition: .3s; }
    .location-list-dialog .loaction-list-ul .location-list-item.active:after, .location-list-dialog .loaction-list-ul .location-list-item.active:before {
      border-color: #004411; }
    .location-list-dialog .loaction-list-ul .location-list-item.active .location-list-a {
      color: #004411; }
  .location-list-dialog .loaction-list-ul .location-list-a {
    font-family: 'Lato-Regular';
    color: #808285;
    font-size: 15px;
    padding: 2px 5px;
    display: block;
    transition: .3s; }
    .location-list-dialog .loaction-list-ul .location-list-a:hover {
      color: #004411; }
.location-list-dialog .loaction-list-container {
  padding-bottom: 5px; }
.location-list-dialog.ortlichkeit-dialog .modal-footer {
  border: 0;
  padding-top: 0;
  padding-bottom: 18px;
  padding-right: 26px;
  padding-left: 26px; }

.ortlichkeit-row .floating-text-field {
  position: relative;
  margin-bottom: 20px; }
  .ortlichkeit-row .floating-text-field .text-control {
    border: 1px solid transparent;
    border-bottom: 1px solid #959799;
    padding-left: 0;
    width: 100%; }
    .ortlichkeit-row .floating-text-field .text-control + label {
      position: absolute;
      font-family: "Lato-Bold";
      margin: 0;
      left: 0px;
      top: 0px;
      transition: 0.3s ease all;
      font-size: 14px;
      color: #808285;
      font-weight: 300;
      transition: all .3s;
      cursor: text; }
    .ortlichkeit-row .floating-text-field .text-control:focus {
      border-bottom: 1px solid #004712; }
    .ortlichkeit-row .floating-text-field .text-control:focus + label, .ortlichkeit-row .floating-text-field .text-control:valid + label {
      top: -18px;
      font-size: 12px;
      color: #004712;
      font-family: "Lato-Regular"; }
.ortlichkeit-row:last-child .floating-text-field {
  margin-bottom: 0; }

.ortlichkeit-container {
  padding: 10px 10px 0; }

.location-btn-container {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
  padding-bottom: 1px; }
  .location-btn-container .select-location-btn {
    border: 1px solid #004411;
    background: none;
    padding: 6px 20px;
    font-size: 14px;
    color: #004411;
    outline: none;
    transition: .3s; }
    .location-btn-container .select-location-btn:hover {
      background: #004411;
      color: #fff; }

.custom-dialog-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.3);
  display: none; }
  .custom-dialog-box.success {
    color: #8BC34A; }
  .custom-dialog-box.error {
    color: #FF5722; }
  .custom-dialog-box .message-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 101;
    background-color: #ffffff;
    font-size: 20px;
    padding: 15px 30px;
    border: 1px solid #f1f1f1;
    font-family: "Lato-Light"; }

.map-container-holder {
  max-width: 100% !important;
  padding: 0 !important; }
  .map-container-holder .frame.map-object, .map-container-holder .frame.map-news-form {
    padding-top: 0 !important; }
    .map-container-holder .frame.map-object .container, .map-container-holder .frame.map-news-form .container {
      max-width: 100% !important;
      padding: 0 !important; }
      .map-container-holder .frame.map-object .container .news.news-list-all-bund, .map-container-holder .frame.map-news-form .container .news.news-list-all-bund {
        margin-top: 0;
        padding-top: 0; }

.full-container {
  max-width: 100% !important;
  padding: 0 !important; }
  .full-container .row {
    margin: 0; }
    .full-container .row .col-12 {
      padding: 0; }

.online-training {
  padding-top: 0;
  padding-bottom: 0; }

.rider-step-holder .rich-area-row .single-set-description-subheading {
  padding-bottom: 5px; }
.rider-step-holder .rich-area-row .rich-text-editor-container {
  padding-bottom: 30px; }
  .rider-step-holder .rich-area-row .rich-text-editor-container.mein-routen-text {
    padding-bottom: 25px; }

.full-width-discover-container {
  max-width: 100% !important;
  padding: 0; }
  .full-width-discover-container > .row {
    margin: 0; }
    .full-width-discover-container > .row > .col-12 {
      padding: 0; }
  .full-width-discover-container .frame-container .frame-inner > .container {
    padding-left: 15px;
    padding-right: 15px; }

.pagination-wrap {
  margin-top: 25px; }
  .pagination-wrap .pagination.pagination-block {
    display: flex;
    align-items: center; }
    .pagination-wrap .pagination.pagination-block li {
      list-style: none;
      margin: 0; }
      .pagination-wrap .pagination.pagination-block li img {
        width: 23px; }
      .pagination-wrap .pagination.pagination-block li * {
        color: #c6c6c6;
        font-family: 'Lato-Regular';
        font-size: 16px; }
      .pagination-wrap .pagination.pagination-block li span > form {
        display: inline-flex !important;
        padding: 0 5px; }
        .pagination-wrap .pagination.pagination-block li span > form input[type="number"] {
          border: 1px solid #d8d8da;
          width: 80px;
          height: 40px;
          color: #495057; }
      .pagination-wrap .pagination.pagination-block li:not(:last-child) {
        margin-right: 10px; }
      .pagination-wrap .pagination.pagination-block li.disabled {
        opacity: .3; }
      .pagination-wrap .pagination.pagination-block li:nth-child(3) span {
        color: #0a4714; }
      .pagination-wrap .pagination.pagination-block li:nth-child(4) span {
        color: #414042;
        opacity: .8; }
      .pagination-wrap .pagination.pagination-block li a {
        opacity: .7;
        transition: .3s; }
        .pagination-wrap .pagination.pagination-block li a:hover {
          margin-left: 0 !important;
          opacity: .9; }
      .pagination-wrap .pagination.pagination-block li:not(.disabled) .icon {
        opacity: .7;
        transition: .3s; }
        .pagination-wrap .pagination.pagination-block li:not(.disabled) .icon:hover {
          opacity: .9; }

form[name="searchDemand"] input.submit {
  border: 1px solid #004411;
  color: #004411;
  background: none;
  display: block;
  font-size: 16px;
  font-family: "Lato-Regular";
  padding: 10px 70px; }

.map-news-list .news-list-all-bund {
  margin-top: 0; }

.rider-step-holder.wanderreitstation.list .container {
  padding: 0; }

.palnar-object.map-news-list .container {
  padding: 0 15px; }

.map-container-holder > .row {
  margin: 0; }
  .map-container-holder > .row > .col-12 {
    padding-left: 0;
    padding-right: 0; }

.ortlichkeit-row .floating-text-field .text-control {
  border: 1px solid transparent;
  border-bottom: 1px solid #959799;
  padding-left: 0;
  width: 100%; }

.ortlichkeit-row .floating-text-field .text-control:not(.error):focus + label {
  top: -18px;
  font-size: 12px;
  color: #004712;
  font-family: "Lato-Regular"; }

.ortlichkeit-row .floating-text-field .text-control:not(.error):not(:placeholder-shown) + label {
  top: -18px;
  font-size: 12px;
  color: #004712;
  font-family: "Lato-Regular"; }

.ortlichkeit-row .floating-text-field .text-control::placeholder {
  color: #fff; }

.ortlichkeit-row .floating-text-field .text-control:not(.error) + label {
  top: 0px;
  transition: 0.3s ease all;
  font-size: 14px;
  color: #808285;
  font-family: "Lato-Bold"; }

#select2-location-results li {
  list-style: none; }

/* ///   Select   ///  */
.icon_select_mate {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 16px;
  height: 22px;
  transition: all 275ms;
}

.select_mate {
  position: relative;
  color: #777;
  font-weight: 300;
  background-color: #fff;
  
  border-radius: 3px;
  transition: all 375ms ease-in-out;
}
.select_mate select {
  position: absolute;
  overflow: hidden;
  height: 0px;
  opacity: 0;
  z-index: -1;
}

.cont_list_select_mate {
  position: relative;
  float: left;
  width: 100%;
}

.cont_select_int {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 999;
  overflow: hidden;
  height: 0px;
  width: 100%;
  background-color: #fff;
  padding: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  border-radius: 0px 0px 3px 3px;
  box-shadow: 1px 4px 10px -2px rgba(0, 0, 0, 0.2);
  transition: all 375ms ease-in-out;
}
.cont_select_int li {
    position: relative;
    list-style-type: none;
    padding: 7px 15px;
    margin: 0px;
    transition: all 275ms ease-in-out;
    display: block;
    cursor: pointer;
}
.cont_select_int li:last-child {
  border-radius: 3px;
  border-bottom: 0px;
}
.cont_select_int li:hover {
  background-color: #EEEEEE;
}
.cont_select_int .active {
  background-color: #EEEEEE;
}


.selecionado_opcion {
  padding: 10px 15px 10px 30px;
  display: block;
  margin: 0px;
  cursor: pointer;
    
}
.tag-check {
    position: relative;
    overflow: hidden;
}

.tag-check label {
    display: block;
}

.tag-check label span {
    display:block;
    padding: 12px 39px;
    border-radius: 30px;
    background-color: #ffffff;
    font-family: 'Lato-Regular';
    color: #bcbec0;
    border: 1px solid #d8d8da;
    transition: all .3s ease-in-out;
}

.tag-check label span:hover {
    border: 1px solid #3c3c3b;
    color: #3c3c3b;
    cursor: pointer;
}

.tag-check label input {
    position: absolute;
    top: -20px;
}

.tag-check input:checked + span {
    background-color: #004710;
    color: #ffffff;
    border: 1px solid #004710;
}
.logo-corner {
    position: relative;
    z-index: 2;
}
.logo-corner:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    border-top: 55px solid #95c11f;
    border-left: 55px solid transparent;
}
.logo-corner img{
    height: auto;
    width: 33px;
    position: absolute;
    top: 7px;
    right: 2px;
    z-index: 1;
}
body.menu-opened {
    overflow: hidden;
}
.container.navi-content > .row {
    height: calc(100vh - 239px);
    overflow: auto;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.container.navi-content > .row::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.container.navi-content > .row {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.art-quartier-section .art-quartier-right-container .event-detail-row {
    height: 100%;
}
.art-quartier-section .art-quartier-right-container .event-detail-row .event-detail-value.event-image {
    height: 100%;
}

/************User Profile Strat***********/
.profile-banner{
    position: relative;
    height: 200px;
}
.profile-banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.profile-banner .user-photo{
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
}
.profile-banner .user-photo{
    width: 115px;
    height: 115px;
}
.profile-banner .user-photo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.user-profile .name {
  padding: 25px 50px 35px; 

}
  .user-profile .name h3 {
    color: #004712 !important;
    font-family: 'Lato-Bold' !important;
    margin: 0;
    line-height: 22px; 
  display:flex;
    align-items: center;}
.user-profile .name h3 a{
    margin-left: 15px;
}
.user-profile .name .total-view{
    display: flex;
    align-items: center;
    margin-top: 3px;
}
.user-profile .name .total-view span{
    margin-left: 8px;
    color: #bcbec0;
    font-size: 13px;
}
.user-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
    list-style: none;
}
.user-row .user-col{
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0px 20px;
}
.user-row .user-col .item-card{
    box-shadow: 0px 1px 10px #dddddd;
    padding: 30px 50px;
    position: relative;
    margin-bottom: 40px;
}
.user-row .user-col .item-card h4{
    color: #004712 !important;
    font-family: 'Lato-Bold' !important;
    margin-bottom: 15px;
    line-height: 22px; 
}
.user-row .user-col .item-card ul li {
    list-style: none;
    margin-left: 0;
    padding: 8px 0px;
    display: flex;
    font-size: 14px;
    font-family: 'Lato-Regular';
    color: #414042;
}
.user-row .user-col .item-card ul li label {
    flex: 0 0 150px;
    color: #bcbec0;
    font-size: 14px;
    font-family: 'Lato-Regular';
    margin-bottom: 0;
}
.user-row .user-col .item-card ul li a {
    color: #3c3c3b;
    font-family: 'Lato-Regular';
}
.user-row .user-col .item-card ul li.start-address{
    margin-top: 20px;
}
.user-row .user-col .item-card ul.with-list-style li{
    display: block;
    padding: 5px 0px;
}
.user-row .user-col .item-card ul.with-list-style li ul{
    padding-left:35px;
}
.user-row .user-col .item-card ul.with-list-style + ul li label{
    flex:0 0 230px
}
.user-row .user-col .item-card .description{
    color: #bcbec0;
    font-size: 15px;
    font-family: 'Lato-Light';
    margin-bottom: 15;
}
.user-row .user-col .item-card  p{
    font-size: 15px;
    color: #3c3c3b;
    font-family: 'Lato-Light';
    line-height: 27px;
}
.user-row .user-col .item-card .activity{
    font-family: 'Lato-Regular';
}
/************User Profile End***********/

/**09-12-2020**/
.rider-step-holder .riding-step.training-step{
    max-width:820px;
}
.rider-step-holder .single-set-description-subheading.green-step-sub-heading {
  color: #014710;
  font-size: 20px; }

.single-set-description + .single-set-horses {
  padding-top: 20px; }

.cstm-checkbox-container-card .cstm-checkbox-container-card-heading {
  font-size: 15px;
  color: #404041;
  font-family: "Lato-Bold";
  padding-bottom: 15px; }
.cstm-checkbox-container-card .checkbox-ul-form li {
  list-style: none;
  margin: 0; }
.cstm-checkbox-container-card .reitweisen-description-container .reitweisen-textarea {
  width: 100%;
  resize: none;
  border-color: #bcbec0; }

.cstm-checkbox-step-form {
  margin: 0 !important;
  position: relative;
  cursor: pointer; }
  .cstm-checkbox-step-form:not(:last-child) {
    padding-bottom: 10px; }
  .cstm-checkbox-step-form input[type="checkbox"] {
    display: none !important; }
  .cstm-checkbox-step-form > span {
    font-size: 15px;
    color: #808284;
    font-family: "Lato-Bold";
    position: relative;
    display: block;
    padding-left: 20px; }
    .cstm-checkbox-step-form > span:after {
      content: "";
      width: 12px;
      height: 12px;
      border: 1px solid #808284;
      transition: all .3s;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%); }
  .cstm-checkbox-step-form input[type="checkbox"]:checked ~ span:after {
    border-color: #014710;
    background: #014710; }

.rider-step-holder .riding-step .wizard .floating-form .label-with-switch.bold-title-card .text-label {
  font-size: 15px;
  color: #404041;
  font-family: "Lato-Bold";
  max-width: 260px; }

.rider-step-holder .riding-step .wizard .floating-form .single-set-reiter .form-box .inputs-set.full-width-card {
  max-width: 100%; }

.rider-step-holder .riding-step .wizard .floating-form .inputs-set.full-width-card .label-with-switch {
  max-width: 100%; }

.rider-step-holder .riding-step .wizard .floating-form .single-set-reiter .form-box .inputs-set .label-with-switch.have-sub-section-container {
  margin-bottom: 10px; }

.have-sub-section-container + .checkbox-ul-form.toggle-section {
  padding-left: 15px; }
  .have-sub-section-container + .checkbox-ul-form.toggle-section li {
    list-style: none;
    margin: 0; }
.have-sub-section-container + .toggle-section {
  display: none; }

.toggle-section[style="display: block;"] {
  opacity: 1; }
  .toggle-section[style="display: block;"] + .label-with-switch.bold-title-card.have-sub-section-container {
    margin-top: 10px; }

.rider-step-holder .riding-step.training-step .single-set-general.anhange-row{
    margin-top: 30px;
}

@media only screen and (max-width: 767px) {
.rider-step-holder .riding-step.training-step .steps ul[role="tablist"] li[role="tab"] a {
    padding: 12px 0px 12px 0px;
}
}
@media only screen and (max-width: 1024px) {
    .container.navi-content > .row {
        height: calc(100vh - 190px);
    }
}
@media only screen and (max-width: 768px) {
    .menue {
        height: calc(100vh - 80px);
    }
}
.clear-filter-link-a {
    color: #212529;
    font-size: 16px;
    font-family: 'Lato-Regular';
}
.left-form .clear-filter-link {
    padding-top: 18px;
}
.search-row .clear-filter-link {
    display: flex;
    align-items: center;
}
.search-row .clear-filter-link {
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 991px) {
    .instructor-examiner .search-row .search-col {
        max-width: 33.33%;
    }
    .instructor-examiner .search-row {        
        flex-wrap: wrap;
    }
    .search-row .clear-filter-link {
        display: flex;
        align-items: center;
        flex: 0 0 100%;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 15px;
    }
}
@media only screen and (max-width: 767px) {
    .search-row .clear-filter-link {
        padding-top: 10px;
    }
    .instructor-examiner .search-row .search-col {
        max-width: 100%;
    }
}
.amenities-section .amenities-items-icon ul.station-items-icon li img[src*="svg"] {
    height: 52px;
}
.amenities-section .amenities-items-icon ul.station-items-icon li:not(:last-child) {
    margin-right: 0;
}
.terminEintragen .date-time-container .date-time-item-col .form-group .input-group .form-control {
    color: #414042;
}
.terminEintragen .form-control:disabled, .terminEintragen .form-control[readonly] {
    background-color: #e9ecef;
    pointer-events: none;
}
.overlay-navigation {
    z-index: 9999;
}
.menue {
    z-index: 999;
}
@media only screen and (max-width: 768px) {
    .user-row .user-col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .user-row .user-col .item-card {
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .user-row .user-col .item-card ul li label {
        flex: 0 0 100%;
    }
    .user-row .user-col .item-card {
        padding: 30px 30px;
    }
    .user-row .user-col .item-card ul.with-list-style + ul li label {
        flex: 0 0 210px;
    }
    .user-profile .name {
        padding: 25px 20px 35px;
    }
    .user-row .user-col .item-card ul.with-list-style li ul {
        padding-left: 20px;
    }
    .user-row {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media only screen and (max-width: 414px) {
    .user-row .user-col .item-card ul li {
        flex-wrap: wrap;
    }
    .user-row .user-col .item-card ul.with-list-style + ul li label {
        flex: 0 0 100%;
    }
}

.art-quartier-section .art-quartier-right-container.no-full-height {
    height: auto;
    display: flex;
    padding-top: 150px;
}
.art-quartier-section .art-quartier-right-container.no-full-height img {
    flex: 0 0 50%;
    max-width: 50%;
}
@media only screen and (max-width: 768px) {
    .art-quartier-section .art-quartier-right-container.no-full-height {
        padding-top: 0;
    }
}
#c1291 .gallery-item img, #c1291 .gallery-item picture {
    height: 200px;
    object-fit: cover;
}
.profile-image-container {
    width: 120px;
    height: 120px;
    position: absolute;
    top:calc(50% - 8px);
    transform: translateY(-50%);
    left: 45px;
}
.profile-image-container img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}
#c1291 .profile-username-section .user-name-heading {
    padding: 25px 50px 0px;
}
#body-id-517 #page > .profile-username-section {
    display: none;
}
#body-id-528 .frame [class^="col-"]{
    padding-left:0;
    padding-right:0;
}
#body-id-528 .frame #femanager_field_submit{
    margin-left: 0;
}
#body-id-528 .frame .custom-file-input{
    opacity: 1;
    height: auto;
}
.terminkalender-content-info-edit {
    display: flex;
    align-items: center;
    margin-left: auto;
    padding-right: 10px;
}
.terminkalender-content-info-edit > a {
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 1024px) {
    .terminkalender-content-info-edit {
        margin-top: 5px;
    }    
}
@media only screen and (max-width: 767px) {
    .terminkalender-right-item-container {
        position: relative;
    }
    .terminkalender-content-info-edit {
        position: absolute;
        padding-right: 0;
        margin: 0;
        right: 4px;
        top: 4px;
    }
}
.event-register-form-inner {
  padding-bottom: 30px; }
  .event-register-form-inner h2 {
    font-family: 'Lato-Bold' !important; }

.event-register-form .event-register-row {
  display: flex;
  width: 100%;
  max-width: 700px; }
.event-register-form .form-control {
  height: 46px; }
  .event-register-form .form-control::placeholder {
    color: #bcbdc0; }
.event-register-form .event-registration-row {
  flex-grow: 1;
  margin-bottom: 20px; }
  .event-register-form .event-registration-row:not(:first-child) {
    margin-left: 15px; }
    @media only screen and (max-width: 767px) {
      .event-register-form .event-registration-row:not(:first-child) {
        margin-left: 0px; } }
    .event-register-form .event-registration-row:not(:first-child).zip-item-event {
      flex: 0 0 200px; }
      @media only screen and (max-width: 767px) {
        .event-register-form .event-registration-row:not(:first-child).zip-item-event {
          flex: 0 0 100%; } }
  .event-register-form .event-registration-row.no-full-width-event {
    max-width: calc(100% - 215px); }
    @media only screen and (max-width: 767px) {
      .event-register-form .event-registration-row.no-full-width-event {
        max-width: 100%; } }
.event-register-form .field-errors {
  font-size: 12px;
  color: #ea1f1b;
  margin-top: 3px;
  letter-spacing: .3px; }
.event-register-form .right-label-cstm {
  color: #bcbdc0;
  padding-left: 8px;
  font-size: 14px; }
.event-register-form input#accepttc {
  border: 1px solid #bcbdc0;
  background: none; }
.event-register-form .submit-btn-event {
  color: #004712;
  font-size: 15px;
  text-transform: uppercase;
  font-family: "Lato-Regular";
  border: 1px solid #004712;
  padding: 10px 70px;
  border-radius: 0;
  background: none;
  margin-top: 30px; }
@media only screen and (max-width: 767px) {
  .event-register-form .event-register-row {
        flex-wrap: wrap;
  }
}

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