.flatpickr-calendar.noCalendar.hasTime .flatpickr-time,.numInputWrapper{height:auto}.flatpickr-calendar{background:#fff;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08)}.flatpickr-wrapper,.numInputWrapper input,.numInputWrapper span{display:inline-block}.flatpickr-calendar.inline,.flatpickr-calendar.open{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:.3s cubic-bezier(.23,1,.32,1) fpFadeInDown;animation:.3s cubic-bezier(.23,1,.32,1) fpFadeInDown}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar:after,.flatpickr-calendar:before{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-months .flatpickr-next-month i,.flatpickr-months .flatpickr-prev-month i,.flatpickr-wrapper,.numInputWrapper{position:relative}.flatpickr-months .flatpickr-month,.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;height:34px;color:rgba(0,0,0,.9);fill:rgba(0,0,0,0.9)}.flatpickr-calendar.arrowRight:after,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.rightMost:before{left:auto;right:22px}.flatpickr-calendar.arrowCenter:after,.flatpickr-calendar.arrowCenter:before{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active,.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month input.cur-year:focus,.flatpickr-days:focus{outline:0}.flatpickr-months,.flatpickr-weekdays{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.flatpickr-months{display:flex}.flatpickr-months .flatpickr-month{background:0 0;line-height:1;text-align:center;position:relative;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month{user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;padding:10px;z-index:3}.flatpickr-months .flatpickr-next-month.flatpickr-disabled,.flatpickr-months .flatpickr-prev-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-next-month.flatpickr-next-month,.flatpickr-months .flatpickr-prev-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-next-month:hover,.flatpickr-months .flatpickr-prev-month:hover{color:#959ea9}.flatpickr-months .flatpickr-next-month:hover svg,.flatpickr-months .flatpickr-prev-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-next-month svg,.flatpickr-months .flatpickr-prev-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-next-month svg path,.flatpickr-months .flatpickr-prev-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-inner-spin-button,.numInputWrapper input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,.1)}.numInputWrapper span:active{background:rgba(0,0,0,.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.flatpickr-current-month .flatpickr-monthDropdown-months:hover,.flatpickr-current-month span.cur-month:hover,.numInputWrapper:hover{background:rgba(0,0,0,.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0;line-height:1;height:34px;display:flex;justify-content:center;align-items:center;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-current-month input.cur-year{color:inherit;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;padding:0 0 0 .5ch;vertical-align:initial;background:0 0}.flatpickr-current-month .numInputWrapper{width:6ch;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,.9)}.flatpickr-current-month input.cur-year{-webkit-box-sizing:border-box;box-sizing:border-box;cursor:text;margin:0;display:inline-block;border:0;border-radius:0;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,.5);background:0 0;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;border:none;border-radius:0;box-sizing:border-box;cursor:pointer;margin:-1px 0 0;outline:0;position:relative;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:0;padding:0}.flatpickr-weekdays{background:0 0;text-align:center;overflow:hidden;width:100%;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:0 0;color:rgba(0,0,0,.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:0 0;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.today.inRange,.flatpickr-day:focus,.flatpickr-day:hover{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:focus,.flatpickr-day.today:hover{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.endRange.startRange,.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.endRange.endRange,.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.endRange.startRange.endRange,.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.nextMonthDay,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.prevMonthDay{color:rgba(57,57,57,.3);background:0 0;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,.3);background:0 0;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:0 0;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:700;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time .flatpickr-am-pm:focus,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time input:hover{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.kp-anfrage {
--kp-primary: #2f5d3e;
--kp-primary-dark: #1f3f2a;
--kp-primary-light: #4a7c59;
--kp-accent: #c8a857;
--kp-accent-dark: #a88942;
--kp-bg: #fbfaf5;
--kp-surface: #ffffff;
--kp-border: #e6e2d3;
--kp-border-strong: #d6d1bd;
--kp-text: #2b2b2b;
--kp-muted: #6b6b6b;
--kp-success-bg: #e8f2ea;
--kp-success-fg: #1f4a2e;
--kp-error-bg: #fdecec;
--kp-error-fg: #8a1f1f;
--kp-warning-bg: #fff7e6;
--kp-warning-fg: #8a5a0f;
--kp-shadow-sm: 0 2px 10px rgba(31, 63, 42, 0.05);
--kp-shadow-md: 0 10px 40px rgba(31, 63, 42, 0.08);
--kp-shadow-lg: 0 20px 60px rgba(31, 63, 42, 0.12);
--kp-radius: 14px;
--kp-radius-sm: 10px;
max-width: 860px;
margin: 0 auto;
padding: 3rem 1.25rem;
color: var(--kp-text);
font-family: inherit;
line-height: 1.55;
-webkit-font-smoothing: antialiased;
}
.kp-anfrage *,
.kp-anfrage *::before,
.kp-anfrage *::after {
box-sizing: border-box;
} .kp-anfrage__intro {
text-align: center;
margin-bottom: 2rem;
}
.kp-anfrage__eyebrow {
display: inline-block;
font-size: 0.78rem;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--kp-accent-dark);
font-weight: 700;
margin-bottom: 0.75rem;
}
.kp-anfrage__eyebrow::before,
.kp-anfrage__eyebrow::after {
content: "";
display: inline-block;
width: 28px;
height: 1px;
background: var(--kp-accent);
vertical-align: middle;
margin: 0 0.6rem;
}
.kp-anfrage__title {
font-size: clamp(1.6rem, 2.4vw, 2.1rem);
line-height: 1.2;
color: var(--kp-primary-dark);
margin: 0 0 0.5rem;
font-weight: 600;
}
.kp-anfrage__subtitle {
color: var(--kp-muted);
margin: 0;
font-size: 1rem;
} .kp-anfrage__form {
counter-reset: kp-step;
display: flex;
flex-direction: column;
gap: 2rem;
background: var(--kp-surface);
padding: clamp(1.5rem, 4vw, 2.75rem);
border-radius: var(--kp-radius);
border: 1px solid var(--kp-border);
box-shadow: var(--kp-shadow-md);
position: relative;
overflow: hidden;
}
.kp-anfrage__form::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, var(--kp-primary) 0%, var(--kp-primary-light) 50%, var(--kp-accent) 100%);
} .kp-anfrage__step {
counter-increment: kp-step;
display: flex;
flex-direction: column;
gap: 1rem;
padding-bottom: 1.75rem;
border-bottom: 1px solid var(--kp-border);
}
.kp-anfrage__step:last-of-type {
border-bottom: none;
padding-bottom: 0;
}
.kp-anfrage__step-head {
display: flex;
align-items: center;
gap: 0.9rem;
}
.kp-anfrage__step-num {
flex: 0 0 auto;
width: 38px;
height: 38px;
border-radius: 50%;
background: linear-gradient(135deg, var(--kp-primary) 0%, var(--kp-primary-light) 100%);
color: #fff;
font-weight: 700;
font-size: 0.95rem;
display: inline-flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 12px rgba(47, 93, 62, 0.25);
letter-spacing: 0;
}
.kp-anfrage__step-num::before {
content: counter(kp-step);
}
.kp-anfrage__step-title {
margin: 0;
font-size: 1.15rem;
font-weight: 600;
color: var(--kp-primary-dark);
letter-spacing: 0.01em;
}
.kp-anfrage__field {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.kp-anfrage__sublabel {
font-size: 0.85rem;
font-weight: 600;
color: var(--kp-muted);
letter-spacing: 0.02em;
text-transform: uppercase;
}
.kp-anfrage__hint {
font-size: 0.87rem;
color: var(--kp-muted);
margin: 0.25rem 0 0;
line-height: 1.5;
}
.kp-anfrage__hint--warning {
color: var(--kp-warning-fg);
background: var(--kp-warning-bg);
border-left: 3px solid var(--kp-accent);
padding: 0.6rem 0.85rem;
border-radius: var(--kp-radius-sm);
} .kp-anfrage__input {
appearance: none;
-webkit-appearance: none;
width: 100%;
padding: 0.8rem 1rem;
border: 1.5px solid var(--kp-border);
border-radius: var(--kp-radius-sm);
background: var(--kp-surface);
font-size: 1rem;
color: var(--kp-text);
font-family: inherit;
transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
line-height: 1.4;
}
.kp-anfrage__input::placeholder {
color: #a5a5a5;
}
.kp-anfrage__input:hover {
border-color: var(--kp-border-strong);
}
.kp-anfrage__input:focus {
outline: none;
border-color: var(--kp-primary);
box-shadow: 0 0 0 4px rgba(47, 93, 62, 0.12);
}
textarea.kp-anfrage__input {
resize: vertical;
min-height: 90px;
}
.kp-anfrage__select-wrap {
position: relative;
}
.kp-anfrage__select {
padding-right: 2.75rem;
cursor: pointer;
}
.kp-anfrage__select-wrap::after {
content: "";
position: absolute;
right: 1.1rem;
top: 50%;
width: 9px;
height: 9px;
border-right: 2px solid var(--kp-primary);
border-bottom: 2px solid var(--kp-primary);
transform: translateY(-70%) rotate(45deg);
pointer-events: none;
} .kp-anfrage__date-wrap {
position: relative;
}
.kp-anfrage__date,
.kp-anfrage__date-wrap input.flatpickr-alt-input {
padding-left: 3.35rem !important;
padding-right: 1rem;
cursor: pointer;
background-color: var(--kp-surface);
color: var(--kp-text) !important;
}
.kp-anfrage__date-wrap::before {
content: "";
position: absolute;
left: 1rem;
top: 50%;
width: 22px;
height: 22px;
transform: translateY(-50%);
z-index: 1;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f5d3e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='18' rx='2' ry='2'/><line x1='16' y1='2' x2='16' y2='6'/><line x1='8' y1='2' x2='8' y2='6'/><line x1='3' y1='10' x2='21' y2='10'/></svg>");
background-repeat: no-repeat;
background-size: contain;
pointer-events: none;
} .kp-anfrage__variants {
display: flex;
flex-direction: column;
gap: 0.6rem;
}
.kp-anfrage__variants-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 0.75rem;
}
.kp-anfrage__variant {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 1rem 1.1rem;
border: 1.5px solid var(--kp-border);
border-radius: var(--kp-radius-sm);
cursor: pointer;
background: var(--kp-surface);
transition: border-color 0.2s, background 0.2s, box-shadow 0.2s, transform 0.15s;
position: relative;
}
.kp-anfrage__variant:hover {
border-color: var(--kp-primary-light);
transform: translateY(-1px);
box-shadow: var(--kp-shadow-sm);
}
.kp-anfrage__variant input[type="radio"] {
appearance: none;
-webkit-appearance: none;
width: 20px;
height: 20px;
min-width: 20px;
border: 2px solid var(--kp-border-strong);
border-radius: 50%;
margin: 0;
cursor: pointer;
position: relative;
transition: border-color 0.15s;
}
.kp-anfrage__variant input[type="radio"]:checked {
border-color: var(--kp-primary);
}
.kp-anfrage__variant input[type="radio"]:checked::after {
content: "";
position: absolute;
inset: 3px;
background: var(--kp-primary);
border-radius: 50%;
}
.kp-anfrage__variant:has(input:checked) {
border-color: var(--kp-primary);
background: linear-gradient(135deg, rgba(47, 93, 62, 0.05) 0%, rgba(200, 168, 87, 0.05) 100%);
box-shadow: 0 0 0 1px var(--kp-primary) inset;
}
.kp-anfrage__variant-label {
display: flex;
flex-direction: column;
gap: 0.2rem;
line-height: 1.3;
}
.kp-anfrage__variant-label strong {
font-weight: 600;
color: var(--kp-primary-dark);
font-size: 0.98rem;
}
.kp-anfrage__variant-label em {
font-style: normal;
font-size: 0.85rem;
color: var(--kp-muted);
} .kp-anfrage__range-head {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.25rem;
}
.kp-anfrage__badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 52px;
padding: 0.3rem 0.7rem;
background: linear-gradient(135deg, var(--kp-primary) 0%, var(--kp-primary-light) 100%);
color: #fff;
font-weight: 700;
font-size: 0.95rem;
border-radius: 999px;
box-shadow: 0 3px 10px rgba(47, 93, 62, 0.2);
}
.kp-anfrage__range {
-webkit-appearance: none;
appearance: none;
width: 100%;
height: 6px;
background: linear-gradient(to right, var(--kp-primary) 0%, var(--kp-primary) var(--kp-range-fill, 0%), #e9e5d6 var(--kp-range-fill, 0%), #e9e5d6 100%);
border-radius: 999px;
outline: none;
cursor: pointer;
transition: background 0.1s linear;
}
.kp-anfrage__range::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 24px;
height: 24px;
border-radius: 50%;
background: #fff;
border: 3px solid var(--kp-primary);
cursor: grab;
box-shadow: 0 3px 10px rgba(47, 93, 62, 0.3);
transition: transform 0.12s, border-color 0.12s;
}
.kp-anfrage__range::-webkit-slider-thumb:hover {
transform: scale(1.1);
border-color: var(--kp-accent);
}
.kp-anfrage__range::-webkit-slider-thumb:active {
cursor: grabbing;
transform: scale(1.05);
}
.kp-anfrage__range::-moz-range-thumb {
width: 24px;
height: 24px;
border-radius: 50%;
background: #fff;
border: 3px solid var(--kp-primary);
cursor: grab;
box-shadow: 0 3px 10px rgba(47, 93, 62, 0.3);
transition: transform 0.12s, border-color 0.12s;
}
.kp-anfrage__range::-moz-range-thumb:hover {
transform: scale(1.1);
border-color: var(--kp-accent);
}
.kp-anfrage__range::-moz-range-track {
background: transparent;
}
.kp-anfrage__range:focus {
outline: none;
}
.kp-anfrage__range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 6px rgba(47, 93, 62, 0.15), 0 3px 10px rgba(47, 93, 62, 0.3);
}
.kp-anfrage__range:focus::-moz-range-thumb {
box-shadow: 0 0 0 6px rgba(47, 93, 62, 0.15), 0 3px 10px rgba(47, 93, 62, 0.3);
}
.kp-anfrage__range-scale {
display: flex;
justify-content: space-between;
font-size: 0.78rem;
color: var(--kp-muted);
margin-top: 0.35rem;
font-weight: 500;
} .kp-anfrage__rooms {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 0.85rem;
}
.kp-anfrage__room {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
padding: 1rem 1.1rem;
border: 1.5px solid var(--kp-border);
border-radius: var(--kp-radius-sm);
background: var(--kp-bg);
transition: border-color 0.2s, background 0.2s;
}
.kp-anfrage__room:hover {
border-color: var(--kp-border-strong);
}
.kp-anfrage__room-info {
display: flex;
flex-direction: column;
gap: 0.15rem;
line-height: 1.3;
}
.kp-anfrage__room-title {
font-weight: 600;
color: var(--kp-primary-dark);
font-size: 1rem;
}
.kp-anfrage__room-sub {
font-size: 0.82rem;
color: var(--kp-muted);
}
.kp-anfrage__stepper {
display: inline-flex;
align-items: center;
gap: 0;
border: 1.5px solid var(--kp-border);
border-radius: 999px;
background: #fff;
overflow: hidden;
}
.kp-anfrage__stepper-btn {
width: 38px;
height: 38px;
border: none;
background: transparent;
color: var(--kp-primary);
font-size: 1.25rem;
font-weight: 600;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: background 0.15s, color 0.15s;
padding: 0;
line-height: 1;
}
.kp-anfrage__stepper-btn:hover {
background: var(--kp-primary);
color: #fff;
}
.kp-anfrage__stepper-btn:active {
background: var(--kp-primary-dark);
}
.kp-anfrage__stepper-input {
-moz-appearance: textfield;
appearance: textfield;
width: 44px;
height: 38px;
border: none;
border-left: 1px solid var(--kp-border);
border-right: 1px solid var(--kp-border);
text-align: center;
font-size: 1rem;
font-weight: 600;
color: var(--kp-primary-dark);
background: transparent;
padding: 0;
outline: none;
}
.kp-anfrage__stepper-input::-webkit-outer-spin-button,
.kp-anfrage__stepper-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} .kp-anfrage__wishes {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 0.75rem;
}
.kp-anfrage__wishes > .kp-anfrage__hint:first-of-type {
grid-column: 1 / -1;
margin: 0 0 0.35rem;
}
.kp-anfrage__wish {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 0.9rem 1.1rem;
border: 1.5px solid var(--kp-border);
border-radius: var(--kp-radius-sm);
cursor: pointer;
background: var(--kp-surface);
transition: border-color 0.2s, background 0.2s, box-shadow 0.2s, transform 0.15s;
}
.kp-anfrage__wish:hover {
border-color: var(--kp-primary-light);
transform: translateY(-1px);
box-shadow: var(--kp-shadow-sm);
}
.kp-anfrage__wish input[type="radio"],
.kp-anfrage__wish input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
width: 20px;
height: 20px;
min-width: 20px;
border: 2px solid var(--kp-border-strong);
margin: 0;
cursor: pointer;
position: relative;
transition: border-color 0.15s;
}
.kp-anfrage__wish input[type="radio"] {
border-radius: 50%;
}
.kp-anfrage__wish input[type="checkbox"] {
border-radius: 5px;
}
.kp-anfrage__wish input[type="radio"]:checked,
.kp-anfrage__wish input[type="checkbox"]:checked {
border-color: var(--kp-primary);
}
.kp-anfrage__wish input[type="radio"]:checked::after {
content: "";
position: absolute;
inset: 3px;
background: var(--kp-primary);
border-radius: 50%;
}
.kp-anfrage__wish input[type="checkbox"]:checked::after {
content: "";
position: absolute;
inset: 3px;
background: var(--kp-primary);
border-radius: 2px;
}
.kp-anfrage__wish:has(input:checked) {
border-color: var(--kp-primary);
background: linear-gradient(135deg, rgba(47, 93, 62, 0.05) 0%, rgba(200, 168, 87, 0.05) 100%);
}
.kp-anfrage__wish-body {
display: flex;
flex-direction: column;
line-height: 1.3;
}
.kp-anfrage__wish-title {
font-weight: 600;
color: var(--kp-primary-dark);
font-size: 0.98rem;
}
.kp-anfrage__wish-sub {
font-size: 0.82rem;
color: var(--kp-muted);
}
.kp-anfrage__wish-options {
margin-top: 0.5rem;
padding: 1.1rem 1.2rem;
background: var(--kp-bg);
border-radius: var(--kp-radius-sm);
border: 1px dashed var(--kp-border-strong);
} .kp-anfrage__summary {
background: linear-gradient(135deg, #f4fbf6 0%, #faf6e9 100%);
border: 1px solid var(--kp-border);
border-radius: var(--kp-radius);
padding: 1.5rem 1.75rem;
position: relative;
overflow: hidden;
box-shadow: var(--kp-shadow-sm);
}
.kp-anfrage__summary::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, var(--kp-primary) 0%, var(--kp-accent) 100%);
}
.kp-anfrage__summary-head {
display: flex;
align-items: center;
gap: 0.6rem;
margin-bottom: 0.9rem;
}
.kp-anfrage__summary-title {
margin: 0;
font-size: 1.05rem;
font-weight: 600;
color: var(--kp-primary-dark);
letter-spacing: 0.01em;
}
.kp-anfrage__summary-title::before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
vertical-align: -3px;
margin-right: 0.45rem;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f5d3e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 15V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h9'/><path d='M16 2v4'/><path d='M8 2v4'/><path d='M3 10h18'/><path d='m17 21 4-4'/><path d='m17 17 4 4'/></svg>");
background-size: contain;
background-repeat: no-repeat;
}
.kp-anfrage__summary-list {
list-style: none;
padding: 0;
margin: 0 0 1rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.kp-anfrage__summary-list li {
display: flex;
justify-content: space-between;
gap: 1rem;
font-size: 0.94rem;
color: var(--kp-text);
padding-bottom: 0.5rem;
border-bottom: 1px dashed rgba(31, 63, 42, 0.12);
}
.kp-anfrage__summary-list li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.kp-anfrage__summary-list li span:last-child {
font-weight: 600;
color: var(--kp-primary-dark);
white-space: nowrap;
}
.kp-anfrage__summary-empty {
color: var(--kp-muted) !important;
font-style: italic;
justify-content: flex-start !important;
border-bottom: none !important;
}
.kp-anfrage__summary-empty span:last-child {
display: none;
}
.kp-anfrage__summary-total {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 1rem;
border-top: 2px solid rgba(31, 63, 42, 0.15);
font-size: 1rem;
color: var(--kp-primary-dark);
font-weight: 600;
letter-spacing: 0.01em;
}
.kp-anfrage__summary-total strong {
font-size: 1.65rem;
font-weight: 700;
color: var(--kp-primary);
letter-spacing: 0;
} .kp-anfrage__fields {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 1rem;
}
.kp-anfrage__message {
grid-column: 1 / -1;
} .kp-anfrage__hp {
position: absolute !important;
left: -9999px !important;
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
pointer-events: none !important;
} .kp-anfrage__actions {
display: flex;
justify-content: flex-end;
padding-top: 0.5rem;
}
.kp-anfrage__submit {
appearance: none;
-webkit-appearance: none;
border: none;
background: linear-gradient(135deg, var(--kp-primary) 0%, var(--kp-primary-light) 100%);
color: #fff;
padding: 1rem 2.25rem;
font-size: 1rem;
font-weight: 600;
border-radius: 999px;
cursor: pointer;
letter-spacing: 0.03em;
text-transform: uppercase;
display: inline-flex;
align-items: center;
gap: 0.65rem;
box-shadow: 0 8px 20px rgba(47, 93, 62, 0.25);
transition: transform 0.18s, box-shadow 0.18s, background 0.18s;
font-family: inherit;
position: relative;
overflow: hidden;
}
.kp-anfrage__submit svg {
width: 18px;
height: 18px;
transition: transform 0.2s;
}
.kp-anfrage__submit:hover:not(:disabled) {
transform: translateY(-2px);
box-shadow: 0 12px 28px rgba(47, 93, 62, 0.3);
background: linear-gradient(135deg, var(--kp-primary-dark) 0%, var(--kp-primary) 100%);
}
.kp-anfrage__submit:hover:not(:disabled) svg {
transform: translateX(3px);
}
.kp-anfrage__submit:active:not(:disabled) {
transform: translateY(0);
}
.kp-anfrage__submit:disabled {
opacity: 0.65;
cursor: wait;
}
.kp-anfrage__submit:focus-visible {
outline: none;
box-shadow: 0 0 0 4px rgba(200, 168, 87, 0.5), 0 8px 20px rgba(47, 93, 62, 0.25);
} .kp-anfrage__message-box {
padding: 1rem 1.1rem;
border-radius: var(--kp-radius-sm);
font-size: 0.95rem;
border-left: 4px solid transparent;
animation: kpFadeIn 0.25s ease-out;
}
@keyframes kpFadeIn {
from { opacity: 0; transform: translateY(-4px); }
to { opacity: 1; transform: translateY(0); }
}
.kp-anfrage__message-box--success {
background: var(--kp-success-bg);
color: var(--kp-success-fg);
border-left-color: var(--kp-primary);
}
.kp-anfrage__message-box--error {
background: var(--kp-error-bg);
color: var(--kp-error-fg);
border-left-color: #c53030;
}  .flatpickr-calendar.arrowTop::before,
.flatpickr-calendar.arrowTop::after {
border-bottom-color: var(--kp-primary, #2f5d3e) !important;
}
.flatpickr-calendar {
border-radius: var(--kp-radius-sm, 10px) !important;
box-shadow: var(--kp-shadow-lg, 0 20px 60px rgba(31, 63, 42, 0.12)) !important;
border: 1px solid var(--kp-border, #e6e2d3) !important;
font-family: inherit !important;
background-color: #ffffff !important;
background: var(--kp-surface, #ffffff) !important;
color: var(--kp-text, #2b2b2b) !important;
}
.flatpickr-calendar .flatpickr-innerContainer,
.flatpickr-calendar .flatpickr-rContainer,
.flatpickr-calendar .dayContainer {
background-color: #ffffff !important;
background: var(--kp-surface, #ffffff) !important;
}
.flatpickr-calendar .flatpickr-day {
color: var(--kp-primary-dark, #1f3f2a) !important;
border-color: transparent !important;
font-weight: 500 !important;
opacity: 1 !important;
}
.flatpickr-calendar .flatpickr-day.prevMonthDay,
.flatpickr-calendar .flatpickr-day.nextMonthDay {
color: var(--kp-muted, #6b6b6b) !important;
font-weight: 400 !important;
}
.flatpickr-calendar .flatpickr-day.flatpickr-disabled {
color: #b0b0b0 !important;
}
.flatpickr-months .flatpickr-month,
.flatpickr-weekdays,
span.flatpickr-weekday {
background: var(--kp-primary, #2f5d3e) !important;
color: #fff !important;
fill: #fff !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
color: #fff !important;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
color: #fff !important;
fill: #fff !important;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
fill: var(--kp-accent, #c8a857) !important;
}
span.flatpickr-weekday {
font-weight: 600 !important;
font-size: 0.78rem !important;
letter-spacing: 0.04em !important;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover {
background: var(--kp-primary, #2f5d3e) !important;
border-color: var(--kp-primary, #2f5d3e) !important;
color: #fff !important;
}
.flatpickr-day.inRange,
.flatpickr-day.inRange:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange {
background: rgba(47, 93, 62, 0.12) !important;
border-color: rgba(47, 93, 62, 0.12) !important;
box-shadow: -5px 0 0 rgba(47, 93, 62, 0.12), 5px 0 0 rgba(47, 93, 62, 0.12) !important;
color: var(--kp-primary-dark, #1f3f2a) !important;
}
.flatpickr-day:hover {
background: var(--kp-bg, #fbfaf5) !important;
border-color: var(--kp-bg, #fbfaf5) !important;
color: var(--kp-primary-dark, #1f3f2a) !important;
}
.flatpickr-day.today {
border-color: var(--kp-accent, #c8a857) !important;
color: var(--kp-accent-dark, #a88942) !important;
font-weight: 700 !important;
}
.flatpickr-day.today:hover {
background: var(--kp-accent, #c8a857) !important;
color: #fff !important;
} @media (max-width: 640px) {
.kp-anfrage {
padding: 2rem 1rem;
}
.kp-anfrage__form {
padding: 1.25rem;
gap: 1.5rem;
}
.kp-anfrage__step {
padding-bottom: 1.25rem;
}
.kp-anfrage__step-num {
width: 32px;
height: 32px;
font-size: 0.85rem;
}
.kp-anfrage__step-title {
font-size: 1.05rem;
}
.kp-anfrage__summary {
padding: 1.1rem 1.2rem;
}
.kp-anfrage__summary-total strong {
font-size: 1.4rem;
}
.kp-anfrage__actions {
justify-content: stretch;
}
.kp-anfrage__submit {
width: 100%;
justify-content: center;
}
}