.booking-page {
	background-color: var(--sk-white);
	color: var(--sk-black);
}
.booking-page h1, 
.booking-page h2, 
.booking-page h3, 
.booking-page h4, 
.booking-page h5, 
.booking-page h6,
.booking-page div.maxtitle-1,
.booking-page p.maxtitle-1,
.booking-page div.maxtitle-2,
.booking-page p.maxtitle-2,
.booking-page div.maxtitle-3,
.booking-page p.maxtitle-3,
.booking-page div.maxtitle-4,
.booking-page p.maxtitle-4,
.booking-page div.maxtitle-5,
.booking-page p.maxtitle-5,
.booking-page div.maxtitle-6,
.booking-page p.maxtitle-6 {
	color: var(--sk-black);
}
.booking-page .header-part {
	padding: 60px 0;
	position: relative;
}
.booking-page .header-part.sticky {
    padding: 60px 0;
	position: relative;
    background-color: transparent;
    box-shadow: none;
}
.header-link {
	color: var(--sk-black);
	text-decoration: none;
	font-size: 50px;
	line-height: 1.2;
	font-weight: 600;
}
.header-booking-right {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 80px;
}
.header-booking-right ul {
	position: relative;
	display: flex;
	padding: 0;
	margin: 0;
	gap: 32px;
	align-items: center;
}
.header-booking-right ul li {
	position: relative;
	display: flex;
	padding: 0;
	margin: 0;
}
.header-booking-right ul li a {
	position: relative;
	display: flex;
}
.header-booking-right ul li.excel-logo img {
	width: 40px;
	min-width: 40px;
	object-fit: contain;
}
.header-booking-right ul li.pdf-logo img {
	width: 35px;
	min-width: 35px;
	object-fit: contain;
}
.home-btn {
	position: relative;
	display: flex;
}
.home-btn i {
	position: relative;
	display: flex;
}
.home-btn img {
	transition: all 0.3s ease-out;
	width: 42px;
	min-width: 42px;
	object-fit: contain;
}
.home-btn:hover .normal-icon {
	opacity: 0;
	visibility: hidden;
}
.home-btn:hover .hover-icon {
	opacity: 1;
	visibility: visible;
}
.booking-section {
	padding: 90px 0 100px;
}
.booking-row > .row {
	--bs-gutter-x: 30px;
	--bs-gutter-y: 50px;
}
.booking-blog h2 {
	color: var(--sk-black);
	font-size: 30px;
	line-height: 1.2;
	font-weight: 500;
	margin: 0 0 31px;
}
.booking-btn-outer {
	position: relative;
	display: block;
	margin-top: 65px;
}
.booking-btn-outer h3 {
	color: var(--sk-black);
	font-size: 20px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 12px;
}
.booking-btn-row {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
.booking-btn-row .btn {
	color: var(--sk-white);
	min-width: 180px;
	width: 180px;
	padding: 9px 10px;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 20px;
	line-height: 1.3;
	font-weight: 500;
	border: none;
	min-height: 70px;
}
.btn.btn-green {
	background-color: #025835;
}
.btn.btn-orange {
	background-color: #FE7200;
}
.btn.btn-blue {
	background-color: #88C8EE;
}
.btn.btn-purple {
	background-color: #702276;
}
.btn.btn-red {
	background-color: #CB2C26;
}
.booking-btn-row .btn:hover {
	background-color: #000;
	color: #fff;
}
.booking-filter-row {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}
.booking-filter-tag {
	position: relative;
	display: flex;
	align-items: center;
	gap: 22px;
	color: #000;
	text-decoration: none;
}
.booking-filter-tag:hover {
	color: #F7931E;
}
.booking-filter-tag:hover .normal-icon {
	opacity: 0;
	visibility: hidden;
}
.booking-filter-tag:hover .hover-icon {
	opacity: 1;
	visibility: visible;
}
.booking-filter-tag i {
	position: relative;
	display: flex;
}
.booking-filter-tag img {
	width: 60px;
	transition: all 0.3s ease-out;
}
.zoom-btn {
	position: relative;
	display: flex;
}
.zoom-btn img {
	width: 46px;
}
.booking-img {
	position: relative;
	display: block;
	width: 100%;
}
.booking-img img {
	width: 100%;
}
.modal-backdrop.show {
	background-color: transparent;
}
.form-modal .modal-content {
	border-radius: 0;
	background-color: transparent;
	box-shadow: none;
	border: none;
}
.form-modal .modal-body {
	padding: 42px 85px 60px 55px;
	border-radius: 0;
	background-color: var(--sk-white);
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.16);
	border: none;
}
.form-modal .btn-close {
	position: absolute;
	min-width: inherit;
	padding: 0;
	background-color: transparent;
	outline: none;
	box-shadow: none;
	border: none;
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	right: 31px;
	top: 36px;
	opacity: 1;
}
.form-modal .btn-close img {
	width: 30px;
}
.modal-form .row {
	--bs-gutter-x: 40px;
	--bs-gutter-y: 20px;
}
.modal-form .row .row {
	--bs-gutter-x: 20px;
}
.input-row {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 12px;
}
.input-row > label {
	position: relative;
	display: block;
	min-width: 173px;
	width: 173px;
	font-size: 20px;
	line-height: 1.3;
	color: var(--sk-black);
	margin: 13px 0 0;
}
.input-area {
	position: relative;
	display: block;
	width: calc(100% - 185px);
}
.form-modal .bootstrap-select>.dropdown-toggle, 
.form-modal textarea, 
.form-modal input {
    position: relative;
    display: block;
    background-color: rgba(134, 134, 134, 0.13);
    border: 1px solid transparent;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 11px 20px;
    color: var(--sk-black);
    font-size: 20px;
    line-height: 1.5;
    font-weight: 300;
    width: 100%;
    transition: all 0.3s ease-out;
}
.form-modal textarea {
	height: 160px;
}
.form-modal .bootstrap-select>.dropdown-toggle.show,
.form-modal .bootstrap-select>.dropdown-toggle:focus, 
.form-modal textarea:focus, 
.form-modal input:focus {
	border-color: #48B02C;
}
.form-modal .bootstrap-select .dropdown-menu {
	border-radius: 0;
	padding: 0;
}
.form-modal .dropdown-item.active,.form-modal .dropdown-item:active {
    color: #000;
    text-decoration: none;
    background-color: #E3F3DF;
}
.input-toggle {
	position: relative;
	display: flex;
	width: 100%;
}
.input-toggle input[type="checkbox"] {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	cursor: pointer;
	opacity: 0;
}
.input-toggle label {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(134, 134, 134, 0.13);
    border: 1px solid transparent;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 11px 90px 11px 20px;
    color: var(--sk-black);
    font-size: 20px;
    line-height: 1.5;
    font-weight: 300;
    width: 100%;
    gap: 15px;
    transition: all 0.3s ease-out;
}
.toggle-switch {
	position: absolute;
	display: flex;
	right: 24px;
    top: 50%;
    transform: translateY(-50%);
	width: 59px;
	height: 23px;
	background-color: rgba(200, 200, 200, 0.5);
	border-radius: 22px;
}
.toggle-switch:before {
	position: absolute;
	content: '';
	display: flex;
	left: 37px;
	top: 2px;
	width: 19px;
	height: 19px;
	background-color: var(--sk-white);
	border-radius: 50%;
	transition: all 0.3s ease-out;
}
.input-toggle input[type="checkbox"]:checked ~ label {
	background-color: rgba(72, 176, 44, 0.15);
	border-color: #48B02C;
}
.input-toggle input[type="checkbox"]:checked ~ .toggle-switch {
	background-color: var(--sk-white);
}
.input-toggle input[type="checkbox"]:checked ~ .toggle-switch:before {
	left: 3px;
	background-color: #48B02C;
}
.main-switch {
	margin-bottom: 20px;
}
.main-switch .input-area {
	max-width: 250px;
}
.main-switch .input-toggle input[type="checkbox"]:checked ~ label {
	background-color: rgba(203, 44, 38, 0.3);
	border-color: #CB2C26;
}
.main-switch .input-toggle input[type="checkbox"]:checked ~ .toggle-switch {
	background-color: var(--sk-white);
}
.main-switch .input-toggle input[type="checkbox"]:checked ~ .toggle-switch:before {
	background-color: #CB2C26;
}
.calendar-icon {
	position: absolute;
	display: flex;
	right: 18px;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background: url(../images/standverwaltung/calendar-gray.svg) no-repeat center;
	background-size: contain;
}
.input-upload {
	position: relative;
    display: block;
    background-color: rgba(134, 134, 134, 0.13);
    border: 1px solid transparent;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 21px 20px;
    color: #808080;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
    width: 100%;
    text-align: center;
    transition: all 0.3s ease-out;
}
.input-upload a {
	color: #808080;
	text-decoration: underline;
}
.input-upload input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	z-index: 1;
}
.upload-icon {
	position: relative;
	display: block;
	width: 35px;
	height: 35px;
	background: url(../images/standverwaltung/upload-black.svg) no-repeat center;
	background-size: contain;
	margin: 0 auto 13px;
}
.plan-form > .row {
	padding-bottom: 50px;
}
.two-col-row {
	position: relative;
	display: flex;
	justify-content: space-between;
	gap: 5px 50px;
	margin: 0 0 36px;
}
.input-total {
	width: 150px;
	min-width: 150px;
	position: relative;
    display: block;
    background-color: rgba(134, 134, 134, 0.13);
    border: 1px solid transparent;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 11px 20px;
    color: var(--sk-black);
    font-size: 20px;
    line-height: 1.5;
    font-weight: 300;
    text-align: right;
    transition: all 0.3s ease-out;
}
.input-total input {
	background-color: transparent;
	padding: 0;
	    border: none;
    text-align: right;
}
.last-input input {
	text-align: right;
}
.input-toggle-check {
	position: relative;
	display: flex;
	justify-content: space-between;
	gap: 5px 50px;
}
.input-toggle-check + .input-toggle-check {
	margin-top: 10px;
}
.check-div-input {
	width: 100%;
}
.input-qty label i,
.input-toggle label i {
	font-style: normal;
}
.input-toggle-check .input-toggle label {
	padding-right: 136px;
	border-color: #C8C8C8;
}
.input-qty {
    position: relative;
    display: block;
    width: 100%;
}
.input-qty label {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(134, 134, 134, 0.13);
    border: 1px solid #C8C8C8;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 11px 136px 11px 20px;
    color: var(--sk-black);
    font-size: 20px;
    line-height: 1.5;
    font-weight: 300;
    width: 100%;
    gap: 15px;
    transition: all 0.3s ease-out;
}
.input-qty label:focus-within,
.input-qty label:focus {
    border-color: var(--sk-green);
    background-color: rgba(72, 176, 44, 0.15);
    color: var(--sk-green);
    z-index: 1;
}
.input-qty-input {
    position: absolute;
    right: 19px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
}
.input-qty-input span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background-color: var(--sk-white);
    border-radius: 5px;
    color: #9BA6B4;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.2;
    cursor: pointer;
    padding-bottom: 3px;
}
.input-qty-input input {
    width: 50px;
    max-width: 50px;
    background-color: transparent !important;
    border-radius: 0 !important;
    border: none !important;
    padding: 0 10px;
    height: 20px;
    text-align: center;
    color: var(--sk-black);
    font-size: 20px;
    line-height: 1.2;
    font-weight: 400;
    border-radius: 0;
    border: none;
    outline: none;
    box-shadow: none;
    cursor: pointer;
}
.input-qty-input input::placeholder {
    opacity: 1;
    color: var(--sk-black);
}
.last-row {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px 50px;
	margin-top: 31px;
}
.last-row label {
	position: relative;
	display: block;
	text-align: right;
	color: #FF0000;
	width: 100%;
}
.last-row .input-total {
	font-weight: 700;
}
.btn.btn-dark {
	color: #fff;
	background-color: #000;
	padding: 12px 35px;
	border: none;
}
.btn.btn-dark:hover {
	background-color: var(--sk-secondary);
	color: #fff;
}
@media (min-width: 576px) {
    .form-modal .modal-dialog {
        max-width: 1091px;
        margin-right: auto;
        margin-left: auto;
    }
    .form-modal .modal-content {
		padding: 0 10px;
	}
}
@media (min-width: 768px) {
	.mb-md-55 {
		margin-bottom: 55px;
	}
}
@media (min-width: 1550px) {
	.booking-page .container {
		max-width: 1538px;
	}
}
@media (max-width: 1549px) {
	.header-link {
	    font-size: 36px;
	}
}
@media (max-width: 1199px) {
    .header-logo img {
        width: 300px;
    }
    .booking-page .header-part {
	    padding: 40px 0;
	}
	.header-link {
        font-size: 28px;
    }
    .header-booking-right {
	    gap: 49px;
	}
	.booking-section {
	    padding: 70px 0 80px;
	}
	.input-toggle label,
	.input-qty label {
		font-size: 18px;
	}
	.input-row > label {
	    min-width: 150px;
	    width: 150px;
	    font-size: 18px;
	}
	.input-area {
	    width: calc(100% - 150px);
	}
	.modal-form > .row {
	    --bs-gutter-x: 20px;
	    --bs-gutter-y: 20px;
	}
	.form-modal .modal-body {
	    padding: 42px 35px 60px 24px;
	}
	.input-toggle-check,
	.two-col-row {
	    gap: 5px 25px;
	}
	.input-total {
	    width: 110px;
	    min-width: 110px;
	    font-size: 18px;
	}
}

@media (max-width: 991px) {
    .header-booking-right {
        gap: 34px;
    }
    .header-booking-right ul {
	    gap: 21px;
	}
	.header-link {
        font-size: 20px;
    }
    .header-logo img {
        width: 250px;
    }
    .header-booking-right ul li.excel-logo img {
	    width: 35px;
	    min-width: 35px;
	}
	.header-booking-right ul li.pdf-logo img {
	    width: 30px;
	    min-width: 30px;
	}
	.home-btn img {
	    width: 36px;
	    min-width: 36px;
	}

}

@media (max-width: 767px) {
	.booking-page .header-part {
        padding: 20px 0;
    }
    .header-link {
        display: none;
    }
    .header-logo img {
        width: 200px;
    }
    .header-booking-right ul {
        gap: 15px;
    }
    .header-booking-right {
        gap: 15px;
    }
    .header-booking-right ul li.excel-logo img {
        width: 25px;
        min-width: 25px;
    }
    .header-booking-right ul li.pdf-logo img {
        width: 21px;
        min-width: 21px;
    }
    .home-btn img {
        width: 26px;
        min-width: 26px;
    }
    .booking-section {
	    padding: 55px 0 60px;
	}
	.booking-row > .row {
	    --bs-gutter-x: 30px;
	    --bs-gutter-y: 40px;
	}
	.booking-blog h2 {
	    font-size: 20px;
	    margin: 0 0 20px;
	}
	.booking-btn-row .btn {
		min-width: inherit;
		width: calc(50% - 5px);
		padding: 9px 10px;
		font-size: 16px;
		min-height: 50px;
	}
	.booking-btn-row {
	    gap: 10px;
	}
	.booking-filter-tag {
		gap: 10px;
	}
	.booking-filter-tag img {
	    width: 30px;
	}
	.zoom-btn img {
	    width: 26px;
	}
	.form-modal .modal-body {
	    padding: 45px 20px 40px 20px;
	}
	.form-modal .btn-close img {
	    width: 14px;
	}
	.form-modal .btn-close {
	    width: 22px;
	    height: 22px;
	    right: 13px;
	    top: 13px;
	}
	.input-row {
		flex-direction: column;
		align-items: flex-start;
		gap: 7px;
	}
	.plan-form > .row {
		padding-bottom: 25px;
	}
	.input-row > label {
		width: 100%;
		min-width: 100%;
		font-size: 16px;
		margin-top: 0px;
	}
	.input-qty label,
	.input-toggle label,
	.form-modal .bootstrap-select>.dropdown-toggle, .form-modal textarea, .form-modal input {
	    font-size: 16px;
	}
	.input-area {
        width: 100%;
    }
    .input-toggle-check, .two-col-row {
    	flex-direction: column;
    	align-items: flex-start;
    }
    .toggle-switch {
	    right: 16px;
	}
	.input-qty-input input {
 	   	width: 35px;
	    max-width: 35px;
	}
	.input-qty-input {
	    right: 14px;
	}
    .input-qty label,
    .input-toggle-check .input-toggle label {
	    padding-right: 112px;
	    font-size: 14px;
	    padding-left: 10px;
	}
	.input-total {
	    font-size: 16px;
	}
	.last-row {
		gap: 15px;
	}
	.last-row label {
		text-align: left;
	}
}

@media (max-width: 374px) {
    .header-logo img {
        width: 152px;
    }
}