/*Sucheingabe*/
.section {
    position: relative;
}

.section .section-center {
    z-index: 1;
    position: absolute;
    top: 80%;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#booking {
    font-family: 'Poppins', sans-serif;
    position: relative;
}

#booking::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.15);
}

.booking-form {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-top: -40px;
    z-index: 1;
    background-color: #fff;
    width: 100%;
}

.booking-form > form .row.no-margin {
    margin-right: 0px;
    margin-left: 0px;
}

.booking-form > form .row.no-margin > [class*="col-"] {
    padding-right: 0px;
    padding-left: 0px;
}

.booking-form .form-group {
    position: relative;
    padding: 25px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.booking-form .form-group:after {
    content: '';
    background: rgba(129, 131, 144, 0.15);
    position: absolute;
    top: 25px;
    bottom: 0;
    right: 0px;
    width: 2px;
    height: 75px;
}

.booking-form .form-control {
    background-color: transparent;
    border-radius: 0px;
    border: none;
    height: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 20px;
    color: #222;
    font-weight: 400;
    padding: 0;
}

.booking-form .form-control::-webkit-input-placeholder {
    color: #818390;
}

.booking-form .form-control:-ms-input-placeholder {
    color: #818390;
}

.booking-form .form-control::placeholder {
    color: #818390;
}

.booking-form input[type="date"].form-control:invalid {
    color: #818390;
}

.booking-form select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.booking-form select.form-control + .select-arrow {
    position: absolute;
    right: 0px;
    bottom: 30px;
    width: 32px;
    line-height: 32px;
    height: 32px;
    text-align: center;
    pointer-events: none;
    color: #818390;
    font-size: 14px;
}

.booking-form select.form-control + .select-arrow:after {
    content: '\279C';
    display: block;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.booking-form .form-label {
    color: #0063AF;
    display: block;
    font-weight: 400;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
}

.booking-form .form-btn {
    padding: 25px;
}

.booking-form .submit-btn {
    background: #0063AF;
    border: none;
    text-transform: capitalize;
    display: block;
    border-radius: 2px;
    width: 100%;
    height: 75px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

/*Sucheingabe*/

.logo {
    flex-shrink: 1;
    max-height: 80px;
    max-width: 180px;
    margin: 10px;
}

.topfit-color-text {
    color: #0063af !important;
}

.topfit-color {
    background-color: #0063af !important;
}

.info-box {
    background-color: #e8f5e9;
    position: relative;
}


footer.page-footer {
    color: #212529 !important;
}

footer.page-footer a {
    color: #212529 !important;
}

footer.page-footer .footer-copyright {
    color: #fff !important;
}

.fa-phone {
    transform: rotate(90deg);
}

.search-box {
    background-color: white;
}

.small-info-text {
    font-size: 0.7rem;
    padding-top: 1rem;
}

.carousel-caption {
    text-align: left !important;
}

.input-search::placeholder {
    font-size: 1em;
    color: #222 !important;
}

.pika-button {
    background: #fff;
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
    color: #fff;
    background: #0063AF;
}

.is-today .pika-button {
    color: #0063AF !important;
}

.is-selected .pika-button,
.has-event .pika-button {
    background-color: #0063AF !important;
}

select option[data-default] {
    color: #888;
}

.page-footer {
    background-color: #eeeeee;
}

.footer-copyright {
    background-color: #757575;
}


strong {
    font-weight: bold;
}

.top-nav-collapse,
.page-footer {
    background-color: #eeeeee !important;
}

.navbar:not(.top-nav-collapse) {
    background: white !important;
}

.rgba-gradient {
    background: rgba(35, 7, 77, 0.6);
    /* fallback for old browsers */
    background: -webkit-linear-gradient(
        to right,
        rgba(204, 83, 51, 0.6),
        rgba(35, 7, 77, 0.6)
    );
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(
        to right,
        rgba(204, 83, 51, 0.6),
        rgba(35, 7, 77, 0.6)
    );
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.img-gradient:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(220, 66, 37, 0.5)),
        color-stop(100%, rgba(0, 47, 75, 0.5))
    );
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(0, 47, 75, 0.5) 0%,
        rgba(220, 66, 37, 0.5) 100%
    );
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
        top,
        rgba(0, 47, 75, 0.5) 0%,
        rgba(220, 66, 37, 0.5) 100%
    );
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(0, 47, 75, 0.5)),
        to(rgba(220, 66, 37, 0.5))
    );
    background: linear-gradient(
        to bottom,
        rgba(0, 47, 75, 0.5) 0%,
        rgba(220, 66, 37, 0.5) 100%
    );
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002f4b', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
}

@media (max-width: 991px) {
    h2 {
        font-size: 1.5rem !important;
    }

    h3 {
        font-size: 1rem !important;
        font-weight: 400;
    }

    #intro-section {
        background-position: left 75px;
    }
}

.topfit-text {
    color: #009ec4 !important;
}

topfit-dark-gray-text {
    color: #3b3c36 !important;
}

.topfit-color {
    background-color: #0063af !important;
}

.topfit-dark-gray {
    background-color: #3b3c36 !important;
}

.topfit-gray {
    background-color: #727676 !important;
}

.btn-outline-topfit {
    border: 2px solid #009ec4 !important;
    background-color: white !important;
    color: #009ec4 !important;
}

.btn-outline-topfit-dark-gray {
    border: 2px solid #3b3c36 !important;
    background-color: transparent !important;
    color: #3b3c36 !important;
}

.white-navbar {
    background-color: white !important;
}

.nav-link:hover {
    color: red;
}

.btn-topfit-yellow {
    background-color: #ffdd00 !important;
}

.avatar {
    width: 250px;
    height: 250px;
}

.nav-link:hover {
    color: #009ec4 !important;
}

.table-datenschutz td,
th {
    border: 1px solid #999;
    padding: 10px;
}

.table-datenschutz th {
    background-color: #eee;
}

@media (max-width: 575px) {
    .header-img {
        padding-top: 20px;
    }

    .intro-text {
        padding-top: 30px;
    }
}

@media (max-width: 991px) {
    .w-responsive {
        padding-left: 10%;
        padding-right: 10%;
    }

    .lead {
        font-size: 1rem !important;
    }

    #intro-section {
        background-size: contain;
    }

    .align-items {
        align-items: flex-end !important;
    }

    .img-header {
        display: none !important;
    }

    .back-button {
        margin-top: 3rem !important;
    }
}

@media (min-width: 992px) {
    .text-align {
        text-align: center !important;
    }

    #intro-section {
        margin-top: 3rem;
        background-size: cover;
    }

    .align-items {
        align-items: center !important;
    }
}

.wrong-input {
    border-bottom: 1px solid red !important;
}

.phone-img {
    margin-top: -3rem;
}

.modal-link:hover {
    text-decoration: underline !important;
}

.topfit-text {
    color: #009ec4;
}

.btn-outline-topfit-transparent {
    border: 2px solid #009ec4 !important;
    color: #009ec4 !important;
}

.button-box {
    text-align: center;
}

.button-center {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
}

.mitarbeiter-bild {
    cursor: default !important;
}

.blog-title {
    color: #212529 !important;
}

.pagination.pg-blue .page-item.active .page-link {
    background-color: #009ec4 !important;
}

.author-box {
    margin: 20px 0 0 0;
    padding: 17px 20px 20px 1rem;
    border: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background-color: #727676;
    color: #4f4f4f;
    border-radius: 0.25rem;
}

.author-img {
    float: left;
}

.avatar-blog {
    height: 100px !important;
}

.btn-shadow {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 16px;
}

.btn-shadow:hover {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.4), 0 4px 15px 0 rgba(0, 0, 0, 0.4);
    border-radius: 16px;
}

.fitblog-details ol {
    padding-left: 1rem !important;
    margin-bottom: 2rem !important;
}

.fitblog-details ul {
    padding-left: 1rem !important;
    margin-bottom: 2rem !important;
}

.row-author {
    margin-left: 0px !important;
}

.fitblog-details li {
    margin-bottom: 0.5rem !important;
}

.fitblog-details div {
    margin-bottom: 1rem;
}

h6 {
    font-weight: bold !important;
}

p {
    font-family: "Roboto", sans-serif !important;
    font-weight: 300 !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    color: #212529 !important;
}

#carousel-example-1z {
    z-index: 0;
}


@media (min-width: 1200px) {
    nav > .container {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (min-width: 992px) {
    nav > .container {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (min-width: 768px) {
    nav > .container {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (min-width: 576px) {
    nav > .container {
        width: 100% !important;
        max-width: 100% !important;
    }
}

nav a {
    color: #000;
}

@media (max-width: 1200px) {
    .service-team {
        display: none;
    }

    .title-reiseangebote {
        font-size: 1.2rem;
    }
}

@media (max-width: 768px) {
    .booking-form {
        margin-top: 40px;
    }
}

.md-form {
    position: relative;
    margin-top: .4rem !important;
    margin-bottom: 0px !important;
}

#fit-blog-container span {
    font-weight: 300 !important;
}

/* Position child elements relative to this element */
.aspect-ratio-box {
    position: relative;
    overflow: hidden;
}

/* Create a pseudo element that uses padding-bottom to take up space */
.aspect-ratio-box::after {
    display: block;
    content: '';
    /* 16:9 aspect ratio */
    padding-bottom: 66.66666%;
}

/* Image is positioned absolutely relative to the parent element */
.aspect-ratio-box img {
    /* Image should match parent box size */
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100%;
}

.video-container, .video-responsive {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed,
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.form-label {
    color: #0076ab;
    display: block;
    font-weight: 400;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
}

.topfit-text {
    color: #0076ab !important;
}

ul {
    padding-left: 1rem;
}

.collection-card .stripe.topfit-color {
    background-color: rgba(0, 118, 171, 0.8) !important;
}

.collection-card .stripe {
    position: absolute;
    bottom: 2rem;
    width: 100%;
    text-align: center;
    padding: 1.2rem;
}

.stripe {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
}

.btn-topfit {
    background-color: #0076ab;
    color: white;
}

@media (max-width: 575px) {
    .img-carousel {
        height: 200px;
    }
}

@media (min-width: 576px) {
    .img-carousel {
        height: 225px;
    }
}

@media (min-width: 768px) {
    .img-carousel {
        height: 305px;
    }
}

@media (min-width: 992px) {
    .img-carousel {
        height: 410px;
    }
}

@media (min-width: 1200px) {
    .img-carousel {
        height: 490px;
    }
}

.btn-outline-topfit {
    border: 1px solid #0076ab !important;
    background-color: transparent !important;
    color: #0076ab !important;
}

ul.stepper li.completed a .circle {
    background-color: #00C851 !important;
}

footer.page-footer a {
    color: #212529 !important;
}

footer.page-footer {
    bottom: 0;
    color: #212529 !important;
}

@media (min-width: 768px) {
    .carousel-multi-item-2 .col-md-3 {
        float: left;
        width: 25%;
        max-width: 100%;
    }
}

.carousel-multi-item-2 .card img {
    border-radius: 2px;
}

.hanse-color {
    background-color: #015e53;
}

.hanse-text {
    background-color: #015e53;
}

.hanse-light-color {
    background-color: #009f76;
}

/*Kalender Anpassungen*/
.fc-time {
    display: none !important;
}

.fc .fc-content {
    background-color: white !important;
    color: #212529 !important;
    font-size: 2rem;
}

.fc .fc-content:hover {
    background-color: white !important;
}

.fc .fc-state-default {
    border-color: #0076ab !important;
    color: #0076ab !important;
}

.label-info {
    background-color: #fdd835;
    padding: 1rem 1rem 5px 1rem;
    margin-top: 10px;
    margin-left: 10px;
}

.label-pp {
    font-size: 1rem;
}


/*Photoswipe*/

.my-gallery figcaption {
    display: none;
}

.disable {
    opacity: 0.65;
    cursor: default !important;
}

.disable:hover {
    color: white;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}


@media (max-width: 900px) {
    .preisteaser {
        text-align: left !important;
    }
}

.fc .fc-button-primary {
    background-color: #406399 !important;
    border-color: #406399 !important;
}

#mdb-preloader {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

h1 {
    font-size:2.2rem;
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1400px;
    }
}

.package_claim {
    background-color: #ccad77;
    color: #fff;
    font-size: 1.3rem;
    white-space:nowrap;
}

.accordion .card-body {
    font-size: 1rem !important;
}

.booking-summery {
    width: 100%;
}

.booking-summery td {
    font-size: 1rem;
}