.twb-cont {
display: flex;
flex-direction: column;
margin: 10px 10px 0 0 !important;
align-items: flex-end;
}
.twb-cont p,
.twb-cont p>a {
font: normal normal 600 12px/18px Open Sans;
letter-spacing: 0.1px;
color: #323A45;
opacity: 0.7;
padding-top: 10px;
}
a.twb-custom-button,
a.twb-custom-button:hover,
#wp-admin-bar-booster-top-button .ab-item,
#wp-admin-bar-booster-top-button .ab-item:hover{
margin: 3px 0 0 10px !important;
height: 26px !important;
border-radius: 2px;
font-weight: 600;
font-size: 12px;
line-height: 24px;
letter-spacing: 0.1px;
text-align: center;
cursor: pointer;
text-decoration: none;
padding: 0 8px 0 7px;
}
.twb-green-button,
.twb-green-button:hover,
.twb-green-button:focus,
#wp-admin-bar-booster-top-button .ab-item,
#wp-admin-bar-booster-top-button .ab-item:hover,
#wp-admin-bar-booster-top-button .ab-item:focus,
#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-booster-top-button:hover>.ab-item,
#wpadminbar:not(.mobile) .ab-top-menu>li.twb-green-button>.ab-item:focus {
background: #22B339 0% 0% no-repeat padding-box;
color: #FFFFFF;
}
.twb-custom-button:before,
#wp-admin-bar-booster-top-button .ab-item:before {
content: '';
top: 4px;
left: 0px;
width: 18px;
height: 18px;
background: transparent url(//langzeit-autovermietung.com/wp-content/plugins/wd-facebook-feed/booster/assets/images/optimize.svg) 0% 0% no-repeat padding-box !important;
float: left;
position: relative;
margin-right: 6px;
}
.twb_elementor_control_title {
font-size: 12px;
font-weight: bold;
line-height: 18px;
vertical-align: middle;
display: flex;
align-items: center;
margin-bottom: 2px;
color:#1E1E1E
}
.elementor-control a.twb-green-button,
.elementor-control a.twb-custom-button,
.elementor-control a.twb-custom-button:hover {
display: inline-block;
margin: 10px 0 10px 0!important;
}
.elementor-control-twb_optimize_section .elementor-panel-heading {
display: none;
}
.elementor-panel .elementor-tab-control-twb_optimize {
position: relative;
padding: 0 5px;
box-sizing: border-box;
min-width: 80px;
width:initial;
}
.elementor-panel .elementor-panel-navigation .elementor-panel-navigation-tab.elementor-tab-control-twb_optimize a {
top: 22px;
position: absolute;
left: 50%;
transform: translateX(-50%);
font-size: 8px;
font-weight: 600;
width: 100%;
}
.elementor-control .twb-score-container,
.elementor-control .twb-score-disabled-container {
display: flex;
flex-direction: column;
padding: 0;
background: transparent 0% 0% no-repeat padding-box;
border: none;
color: #FFFFFF;
width: 100%;
position: relative;
}
.elementor-control .twb_elementor_control_title.twb_not_optimized {
background: url(//langzeit-autovermietung.com/wp-content/plugins/wd-facebook-feed/booster/assets/images/red-info.svg) no-repeat;
background-size: 16px;
padding-left: 22px;
font-size: 12px;
font-weight: bold;
line-height: 18px;
vertical-align: middle;
display: flex;
align-items: center;
margin-bottom: 2px;
color: #1E1E1E;
}
.elementor-control .twb-score-title {
font-size: 12px;
line-height: 18px;
font-weight: 400;
color: #1E1E1E;
margin-top: 2px;
}
.elementor-control .twb-score {
flex-direction: row;
display: flex;
padding: 20px 0 10px 0;
background-color: #F9F9F9;
margin: 20px 0 10px 0;
border-radius: 6px;
}
.elementor-control .twb-score-mobile,
.elementor-control .twb-score-desktop {
display: flex;
flex-direction: column;
width: 50%;
padding: 10px;
background: #FFFFFF0D 0% 0% no-repeat padding-box;
border-radius: 6px;
align-items: center;
margin: 0;
}
.elementor-control .twb-score-circle {
width: 40px;
height: 40px;
position: relative;
border-radius: 50%;
margin: 0;
background: #FD3C311A 0% 0% no-repeat padding-box;
}
.elementor-control .twb-score-text {
margin: 0;
text-align: center;
font-family: Open Sans;
font-weight: 100;
}
.elementor-control .twb-score-text-name {
display: block;
font: normal normal bold 10px/16px Open Sans;
letter-spacing: 0px;
opacity: 1;
color: #323A45;
}
.elementor-control .twb-load-text-time {
display: block;
font: normal normal 600 10px/16px Open Sans;
letter-spacing: 0.08px;
color: #323A45;
opacity: 0.5;
}
.elementor-control .twb_check_score_button {
width: 180px;
height: 30px;
line-height: 30px;
box-sizing: border-box;
text-decoration: none;
background-color: #22B339;
color: #FFFFFF;
border-radius: 4px;
text-align: center;
margin-top: 20px;
float: right;
cursor: pointer;
}
.elementor-control .twb_status_description {
padding-left: 21px;
font-size: 12px;
line-height: 18px;
}
.elementor-control .twb_elementor_control_title span.twb_inprogress {
background: transparent url(//langzeit-autovermietung.com/wp-content/plugins/wd-facebook-feed/booster/assets/images/loader_green.svg) 0 0 no-repeat padding-box;
animation: rotation 1s infinite linear;
background-size: 16px;
margin-right: 6px;
width: 16px;
height: 16px;
display: inline-block;
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
.elementor-control .twb-score-overlay {
width:47%;
height: 80px;
z-index: 10;
position: absolute;
background-color: #2E3338 !important;
align-items: center;
justify-content: center;
}
.elementor-control .twb-score-desktop-overlay {
right: 2%;
}
.elementor-control .twb-score-mobile-overlay {
left: 2%;
}
.elementor-control .twb-score-bottom a, .elementor-control .twb-score-bottom a:hover {
text-decoration: underline;
font-size: 12px;
line-height: 18px;
color: #22B339;
font-weight: 600;
cursor: pointer;
border: none;
}
.elementor-panel .elementor-tab-control-twb_optimize a:before {
width: 26px;
position: absolute;
top: -17px;
left: calc(50% - 13px);
content: " ";
height: 26px;
background: transparent url(//langzeit-autovermietung.com/wp-content/plugins/wd-facebook-feed/booster/assets/images/logo_dark.svg) 0 0 no-repeat;
background-size: 26px;
}
.elementor-panel-menu-item-icon .twb-element-menu-icon:before {
display: block;
margin: auto;
width: 26px;
height: 26px;
content: " ";
background: transparent url(//langzeit-autovermietung.com/wp-content/plugins/wd-facebook-feed/booster/assets/images/logo_dark.svg) 0 0 no-repeat;
background-size: 26px;
}
.elementor-panel .twb-dismiss-info {
justify-content: right;
margin-top: 15px;
opacity: 0.7;
}
.twb-hidden,
.twb-dismiss-container.twb-hidden,
.twb-score-container.twb-hidden,
.twb-score-overlay.twb-hidden,
.twb-score-disabled-container.twb-hidden {
display: none;
}
#twb-speed-galleries_bwg,
#twb-speed-wdi_feeds,
#twb-speed-info_ffwd,
#twb-speed-sliders_wds,
#twb-speed-manage_fm {
position: relative;
padding-left: 30px;
font-weight: 600;
width: 180px;
}
#twb-speed-galleries_bwg:before,
#twb-speed-wdi_feeds:before,
#twb-speed-info_ffwd:before,
#twb-speed-sliders_wds:before,
#twb-speed-manage_fm:before {
content: '';
position: absolute;
top: 18px;
left: 10px;
transform: translateY(-50%);
width: 15px;
height: 15px;
}
#twb-speed-sliders_wds:before {
background: transparent url(//langzeit-autovermietung.com/wp-content/plugins/wd-facebook-feed/booster/assets/images/slider.svg) 0% 0% no-repeat padding-box;
}
#twb-speed-info_ffwd:before {
background: transparent url(//langzeit-autovermietung.com/wp-content/plugins/wd-facebook-feed/booster/assets/images/ff.svg) 0% 0% no-repeat padding-box;
}
#twb-speed-wdi_feeds:before {
background: transparent url(//langzeit-autovermietung.com/wp-content/plugins/wd-facebook-feed/booster/assets/images/if.svg) 0% 0% no-repeat padding-box;
}
#twb-speed-galleries_bwg:before {
background: transparent url(//langzeit-autovermietung.com/wp-content/plugins/wd-facebook-feed/booster/assets/images/pg.svg) 0% 0% no-repeat padding-box;
}
#twb-speed-manage_fm:before {
background: transparent url(//langzeit-autovermietung.com/wp-content/plugins/wd-facebook-feed/booster/assets/images/fm.svg) 0% 0% no-repeat padding-box;
}
th[id^='twb-speed-']:after {
content: '';
position: absolute;
top: 18px;
right: 60px;
transform: translateY(-50%);
width: 15px;
height: 15px;
cursor: pointer;
}
th[id^='twb-speed-']:after {
background: transparent url(//langzeit-autovermietung.com/wp-content/plugins/wd-facebook-feed/booster/assets/images/closed_eye.svg) 0% 0% no-repeat padding-box;
}
.twb-page-speed {
position: relative;
padding-left: 20px;
font-size: 12px;
font-weight: 700;
font-family: Open Sans;
line-height: 18px;
color: #51575D;
}
.twb-notoptimized a,
a.twb-see-score {
color: #3A70AD;
text-decoration: underline;
cursor: pointer;
}
.twb-page-speed:before {
content: '';
position: absolute;
top: 8px;
left: 0px;
transform: translateY(-50%);
width: 16px;
height: 16px;
}
.twb-optimized:before {
background: transparent url(//langzeit-autovermietung.com/wp-content/plugins/wd-facebook-feed/booster/assets/images/not_optimized.svg) 0% 0% no-repeat padding-box;
}
.twb-notoptimized:before {
background: transparent url(//langzeit-autovermietung.com/wp-content/plugins/wd-facebook-feed/booster/assets/images/check_score.svg) 0% 0% no-repeat padding-box;
}
.twb-optimizing:before {
background: transparent url(//langzeit-autovermietung.com/wp-content/plugins/wd-facebook-feed/booster/assets/images/loader.svg) 0% 0% no-repeat padding-box;
margin: 8px 2px;
animation: rotation 1s infinite linear;
width: 14px;
height: 14px;
top: -6px
}
.twb-page-speed p.twb-description {
font-size: 11px;
margin: 0;
line-height: 12px;
font-weight: 600;
padding: 0;
color: #51575D;
}
.twb-score-container,
.twb-dismiss-container,
.twb-score-disabled-container {
display: flex;
flex-direction: column;
padding: 20px 25px;
background: #23282D 0% 0% no-repeat padding-box;
border: 1px solid #FFFFFF1A;
border-radius: 6px;
color: #FFFFFF;
position: absolute;
z-index: 10;
margin-top: -2px;
width: 350px;
}
#wpadminbar .twb-dismiss-info p,
.twb-dismiss-info {
display: flex;
margin: 0;
justify-content: right;
}
.twb-dismiss-container {
flex-direction: row;
width: 250px;
}
#wpadminbar .twb-dismiss-info p,
#wpadminbar .twb-dismiss-info a,
.wp-list-table .twb-dismiss-container p,
.wp-list-table .twb-dismiss-container a {
font: normal normal normal 12px/18px Open Sans;
letter-spacing: 0.1px;
color: #FFFFFFCC;
margin: 0;
}
.elementor-panel .twb-dismiss-info p,
.elementor-panel .twb-dismiss-info a {
font: normal normal 600 12px/18px Open Sans;
letter-spacing: 0.1px;
color: #323A45;
border: none;
}
#wpadminbar .twb-dismiss-info a,
.elementor-panel .twb-dismiss-info a,
.wp-list-table .twb-dismiss-container a {
text-decoration: underline;
}
#wpadminbar .twb-dismiss-info a {
padding: 0 0 0 3px;
height: auto;
}
#wpadminbar .twb-score-overlay,
.twb-score-overlay {
height: 32px;
z-index: 10;
position: absolute;
background-color: #2E3338 !important;
align-items: center;
justify-content: center;
}
#wpadminbar .twb-score-desktop-overlay,
.twb-score-desktop-overlay {
right: 20px;
}
#wpadminbar .twb-loader,
.twb-loader {
background: transparent url(//langzeit-autovermietung.com/wp-content/plugins/wd-facebook-feed/booster/assets/images/loader.svg) 0% 0% no-repeat padding-box;
animation: rotation 1s infinite linear;
width: 14px;
height: 14px;
}
#wpadminbar .twb-reload,
.twb-reload {
background: transparent url(//langzeit-autovermietung.com/wp-content/plugins/wd-facebook-feed/booster/assets/images/reload.svg) 0% 0% no-repeat padding-box;
width: 28px;
height: 28px;
cursor: pointer;
}
#wpadminbar .twb-score-title,
.twb-score-title {
font-size: 12px;
line-height: 18px;
font-weight: 600;
}
#wpadminbar .twb-score-desc,
.twb-score-desc {
font-size: 12px;
line-height: 18px;
font-weight: 400;
color: #FFFFFFCC;
}
#wpadminbar .twb-score,
.twb-score {
flex-direction: row;
display: flex;
padding: 20px 0 10px 0;
}
#wpadminbar .twb-score-bottom,
.twb-score-bottom {
text-align: right;
}
#wpadminbar .twb-score-bottom a,
#wpadminbar .twb-score-bottom a:hover,
.twb-score-bottom a,
.twb-score-bottom a:hover {
text-decoration: underline;
font-size: 12px;
line-height: 18px;
color: #22B339;
font-weight: 400;
cursor: pointer;
padding: 0px;
}
#wpadminbar .twb-score-mobile,
.twb-score-mobile {
margin-right: 10px;
}
#wpadminbar .twb-score-mobile,
#wpadminbar .twb-score-desktop,
.twb-score-mobile,
.twb-score-desktop {
display: flex;
width: 150px;
padding: 10px;
background: #FFFFFF0D 0% 0% no-repeat padding-box;
border-radius: 6px;
}
#wpadminbar .twb-score-text,
.twb-score-text {
margin-right: 16px;
text-align: left;
font-family: Open Sans;
font-weight: 100;
}
#wpadminbar .twb-score-text-name,
.twb-score-text-name {
display: block;
font: normal normal bold 10px/16px Open Sans;
letter-spacing: 0px;
opacity: 1;
}
#wpadminbar .twb-load-text-time,
.twb-load-text-time {
display: block;
font: normal normal 600 10px/16px Open Sans;
letter-spacing: 0.08px;
opacity: 0.5;
}
#wpadminbar .twb-score-circle,
.twb-score-circle {
width: 30px;
height: 30px;
position: relative;
border-radius: 50%;
margin-right: 12px;
background: #FFFFFF0D 0% 0% no-repeat padding-box;
}
#wpadminbar .twb-score0,
.twb-score0 {
background: url(//langzeit-autovermietung.com/wp-content/plugins/wd-facebook-feed/booster/assets/images/red-info.svg) no-repeat #FD3C310D;
background-size: 30px;
width: 30px;
height: 30px;
position: absolute;
left: -15px;
top: -15px;
border-radius: 30px;
}
#wpadminbar .twb-score-circle .twb-score-circle-animated,
.twb-score-circle .twb-score-circle-animated {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
font: normal normal bold 12px/18px Open Sans;
letter-spacing: 0px;
} #wp-admin-bar-twb_adminbar_info {
height: 25px;
}
#wpadminbar .quicklinks #wp-admin-bar-twb_adminbar_info .ab-empty-item {
display: flex;
height: 25px;
}
#wpadminbar:not(.mobile) .ab-top-menu>li#wp-admin-bar-twb_adminbar_info:hover>.ab-item {
background: transparent;
}
#wpadminbar .twb_admin_bar_menu_header {
display: flex;
align-items: center;
height: 25px;
padding: 2px 8px;
box-sizing: border-box;
border-radius: 2px;
color: #FFFFFF;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.1px;
font-weight: 700;
font-family: Open Sans;
background-color: #22B339;
margin-top: 3px;
}
#wpadminbar .twb_not_optimized_logo {
color: #FFFFFF;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.1px;
font-weight: 700;
font-family: Open Sans;
}
#wpadminbar .twb_admin_bar_menu.twb_backend .twb_admin_bar_menu_header {
margin-top: 0;
background-color: transparent;
}
#wpadminbar .twb_admin_bar_menu_header.twb_not_optimized {
background-color: transparent;
}
#wpadminbar .twb_admin_bar_menu_header img {
width: 18px;
cursor: pointer;
margin-right: 4px;
}
#wpadminbar .twb_admin_bar_menu_header.twb_not_optimized img {
width: 12px;
cursor: pointer;
margin-right: 7px;
}
#wpadminbar .twb_admin_bar_menu.twb_frontend.twb_score_inprogress span,
#wpadminbar .twb_admin_bar_menu.twb_backend .twb_admin_bar_menu_header span {
background: transparent url(//langzeit-autovermietung.com/wp-content/plugins/wd-facebook-feed/booster/assets/images/loader_green.svg) 0 0 no-repeat padding-box;
animation: rotation 1s infinite linear;
width: 18px;
height: 18px;
padding: 0;
margin-left: 0px;
margin-top: 6px;
}
#wpadminbar .twb_admin_bar_menu.twb_backend .twb_admin_bar_menu_header span.twb_backend_not_optimized_logo {
background: transparent url(//langzeit-autovermietung.com/wp-content/plugins/wd-facebook-feed/booster/assets/images/not_optimized.svg) 0 3px no-repeat padding-box;
animation: none;
background-size: 12px;
}
#wpadminbar .twb_admin_bar_menu.twb_frontend.twb_score_inprogress .twb_vr {
display: inline-block;
width: 1px;
height: 18px;
background-color: #FFFFFF1A;
margin: 7px 10px 0 10px;
}
#wpadminbar .twb_admin_bar_menu.twb_backend .twb_admin_bar_menu_header span.twb_counted {
background: transparent url(//langzeit-autovermietung.com/wp-content/plugins/wd-facebook-feed/booster/assets/images/not_optimized.svg) 0 0 no-repeat padding-box;
animation:none;
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
#wpadminbar .twb_admin_bar_menu {
height: 100%;
cursor: pointer;
}
#wpadminbar div.twb_admin_bar_menu_main {
position: absolute;
background: transparent;
display: block;
padding-top: 10px;
left: 10px;
font-family: Open Sans;
}
#wpadminbar .twb_admin_bar_menu_content {
display: inline-block;
width: 400px;
height: auto;
padding: 25px 25px 20px 25px;
background-color: #23282D;
border: 1px solid #FFFFFF1A;
border-radius: 6px;
box-sizing: border-box;
font-family: Open Sans;
}
#wpadminbar .twb_admin_bar_menu_main_notif .twb_counted {
margin-bottom: 10px;
}
#wpadminbar .twb_admin_bar_menu_main_notif .twb_counted .twb_counted_cont {
border-bottom: 1px solid #FFFFFF1A;
}
#wpadminbar .twb_admin_bar_menu_main_notif .twb_counted .twb_counted_cont:first-child {
margin-top: 0px
}
#wpadminbar .twb_admin_bar_menu_main_notif .twb_counted .twb_counted_cont {
margin-top: 25px
}
#wpadminbar .twb_admin_bar_menu_main_notif .twb_counted .twb_counted_cont:last-child {
border: none;
}
#wpadminbar .twb_counted .twb_counted_congrats_row {
display: flex;
}
#wpadminbar .twb_counted .twb_counted_congrats_row span {
width: 18px;
height: 18px;
}
#wpadminbar .twb_admin_bar_menu_content .twb_status_title {
display: flex;
flex-grow: 1;
align-items: center;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
font-weight: bold;
margin-bottom: 4px;
}
#wpadminbar .twb_counted .twb_status_title {
background: url(//langzeit-autovermietung.com/wp-content/plugins/wd-facebook-feed/booster/assets/images/green-info.svg) 0 no-repeat padding-box;
background-size: 16px;
padding-left: 25px;
}
#wpadminbar .twb_admin_bar_menu.twb_frontend.twb_score_inprogress {
display: flex;
}
#wpadminbar .twb_admin_bar_menu_content .twb_score_inprogress span {
display: inline-block;
width: 16px;
height: 16px;
background-size: 16px!important;
margin-left: 0;
margin-right: 5px;
background: transparent url(//langzeit-autovermietung.com/wp-content/plugins/wd-facebook-feed/booster/assets/images/loader_green.svg) 0 0 no-repeat padding-box;
animation: rotation 1s infinite linear;
background-position: top 2px;
}
#wpadminbar .twb_admin_bar_menu_content .twb_status_description {
font: normal normal normal 12px/18px Open Sans;
letter-spacing: 0.1px;
color: #FFFFFF;
opacity: 0.8;
}
#wpadminbar .twb_admin_bar_menu_content.twb_counted .twb_status_description {
margin-bottom: 20px;
opacity: 1;
}
#wpadminbar .twb_admin_bar_menu_content.twb_counted .twb_status_description span {
font: italic normal bold 12px/18px Open Sans;
}
#wpadminbar .twb_admin_bar_menu_content .twb_check_score_button_cont,
.elementor-control .twb_check_score_button_cont{
display: flex;
justify-content: right;
margin-bottom: 15px;
}
#wpadminbar .twb_admin_bar_menu_content .twb_check_score_button {
width: 180px;
height: 30px;
line-height: 30px;
box-sizing: border-box;
text-decoration: none;
background-color: #22B339;
color: #FFFFFF;
border-radius: 4px;
text-align: center;
margin-top: 20px;
float: right;
cursor: pointer;
}
#wpadminbar .twb_counted .twb_counted_congrats_row span.twb_up_arrow {
background: url(//langzeit-autovermietung.com/wp-content/plugins/wd-facebook-feed/booster/assets/images/up_arrow_nav.svg) 0 no-repeat padding-box;
background-size: 18px;
}
#wpadminbar .twb_counted .twb_counted_congrats_row span.twb_down_arrow {
background: url(//langzeit-autovermietung.com/wp-content/plugins/wd-facebook-feed/booster/assets/images/down_arrow_nav.svg) 0 no-repeat padding-box;
background-size: 18px;
}
#wpadminbar .twb_score_success_container_title {
line-height: 18px;
margin-bottom: 15px;
color: #fff;
}
#wpadminbar .twb_counted .twb_counted_congrats_subtitle {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.1px;
}
#wpadminbar .twb_counted .twb_counted_congrats_subtitle span {
color: #FFFFFF;
font-style: italic;
font-weight: 600;
}
#wpadminbar .twb_admin_bar_menu_main hr {
height: 1px;
background-color: #FFFFFF1A;
margin: 20px 0;
border: none;
}
#wpadminbar .twb_counting_container {
width: 400px;
height: auto;
padding: 25px 25px 20px 25px;
background-color: #23282D;
border: 1px solid #FFFFFF1A;
border-radius: 6px;
box-sizing: border-box;
font-family: Open Sans;
}
#wpadminbar .twb_counting_container p.twb_counting_title {
display: flex;
align-items: center;
font: normal normal bold 14px/20px Open Sans;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
margin-bottom: 4px;
}
#wpadminbar .twb_counting_container p.twb_counting_descr {
font: normal normal normal 12px/14px Open Sans;
letter-spacing: 0.1px;
color: #FFFFFFCC;
border-bottom:1px solid #FFFFFF1A;
padding-bottom: 20px;
margin-bottom: 20px;
}
#wpadminbar .twb_counting_container p.twb_counting_descr:last-child {
border-bottom: none;
padding-bottom: 0px;
margin-bottom: 0px;
}
#wpadminbar .twb_counting_container p.twb_counting_title span {
display: inline-block;
width: 14px;
height: 14px;
background: transparent url(//langzeit-autovermietung.com/wp-content/plugins/wd-facebook-feed/booster/assets/images/loader_green.svg) 0 0 no-repeat padding-box;
background-size: 14px;
animation: rotation 1s infinite linear;
margin-right: 5px;
}
#wpadminbar .twb-score-container{
border: none;
}
#wpadminbar .twb-score-circle .twb-score-circle-animated {
color: #ffffff!important;
}
#wpadminbar .twb-score-text-name {
font-size: 10px;
line-height: 16px;
font-weight: bold;
letter-spacing: 0;
}
#wpadminbar .twb-load-text-time {
font-size: 10px;
line-height: 16px;
font-weight: bold;
letter-spacing: 0;
opacity: 0.5;
}
#wpadminbar .twb-load-time {
line-height: 0;
}
#wpadminbar .twb-score-circle, .twb-score-circle {
margin-right: 8px;
}
#wpadminbar .twb-hidden {
display: none!important;
} @media only screen and (max-width: 785px) {
.wp-list-table .twb-score-container {
display: none;
}
}.flatpickr-calendar{background:transparent;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;background:#fff;-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,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,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.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 .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .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.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{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:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{ left:0 }  .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{ right:0 }  .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-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,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,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,0.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,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;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 span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;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:transparent;color:rgba(0,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 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}.flatpickr-days:focus{outline:0}.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:none;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.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.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,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.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.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.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,0.3);background:transparent;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:transparent;-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:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;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 input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{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)}}.vmw-rechner {
--vmw-bg: #fafaf9;
--vmw-surface: #ffffff;
--vmw-border: #e7e5e4;
--vmw-border-strong: #d6d3d1;
--vmw-text: #1c1917;
--vmw-text-muted: #57534e;
--vmw-accent: #c2410c;
--vmw-accent-hover: #9a3412;
--vmw-accent-soft: #fff7ed;
--vmw-success: #15803d;
--vmw-error: #b91c1c;
--vmw-error-bg: #fef2f2;
--vmw-radius: 8px;
--vmw-shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 12px rgba(28,25,23,.04);
--vmw-shadow-hover: 0 2px 4px rgba(0,0,0,.06), 0 12px 24px rgba(28,25,23,.08);
position: relative;
max-width: 980px;
margin: 0 auto;
padding: 32px 16px;
color: var(--vmw-text);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
line-height: 1.5;
box-sizing: border-box;
}
.vmw-rechner *, .vmw-rechner *::before, .vmw-rechner *::after {
box-sizing: border-box;
} .vmw-step {
display: none;
animation: vmwFadeIn .35s ease both;
}
.vmw-step.vmw-active {
display: block;
}
@keyframes vmwFadeIn {
from { opacity: 0; transform: translateY(8px); }
to   { opacity: 1; transform: translateY(0); }
}
.vmw-step-title {
font-size: 20px;
font-weight: 600;
color: var(--vmw-text);
margin: 0 0 20px;
display: flex;
align-items: center;
gap: 12px;
letter-spacing: -0.01em;
}
.vmw-step-num {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 50%;
background: var(--vmw-accent);
color: #fff;
font-size: 14px;
font-weight: 700;
flex-shrink: 0;
}
.vmw-selected-vehicle {
font-size: 14px;
font-weight: 500;
color: var(--vmw-text-muted);
margin-left: auto;
} .vmw-vehicles {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
}
@media (min-width: 640px) {
.vmw-vehicles { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 960px) {
.vmw-vehicles { grid-template-columns: repeat(3, 1fr); }
}
.vmw-vehicle-card {
background: var(--vmw-surface);
border: 1px solid var(--vmw-border);
border-radius: var(--vmw-radius);
overflow: hidden;
cursor: pointer;
transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
box-shadow: var(--vmw-shadow);
display: flex;
flex-direction: column;
}
.vmw-vehicle-card:hover, .vmw-vehicle-card:focus {
transform: translateY(-2px);
border-color: var(--vmw-accent);
box-shadow: var(--vmw-shadow-hover);
outline: none;
}
.vmw-vehicle-card.vmw-selected {
border-color: var(--vmw-accent);
box-shadow: 0 0 0 2px var(--vmw-accent), var(--vmw-shadow-hover);
}
.vmw-vehicle-image {
aspect-ratio: 4 / 3;
overflow: hidden;
background: var(--vmw-bg);
}
.vmw-vehicle-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.vmw-vehicle-noimage {
display: flex;
align-items: center;
justify-content: center;
font-size: 64px;
color: var(--vmw-border-strong);
}
.vmw-vehicle-body {
padding: 16px;
flex: 1;
display: flex;
flex-direction: column;
}
.vmw-vehicle-name {
font-size: 18px;
font-weight: 600;
margin: 0 0 12px;
color: var(--vmw-text);
}
.vmw-vehicle-prices {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
margin-bottom: 16px;
padding: 12px;
background: var(--vmw-bg);
border-radius: 6px;
}
.vmw-vehicle-prices > div {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.vmw-vehicle-prices span {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--vmw-text-muted);
margin-bottom: 2px;
}
.vmw-vehicle-prices strong {
font-size: 15px;
font-weight: 700;
color: var(--vmw-text);
} .vmw-btn {
display: inline-block;
padding: 10px 20px;
font-size: 15px;
font-weight: 600;
border-radius: 6px;
border: 1px solid transparent;
cursor: pointer;
transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .1s ease;
text-decoration: none;
text-align: center;
font-family: inherit;
}
.vmw-btn:active { transform: translateY(1px); }
.vmw-btn:focus-visible { outline: 2px solid var(--vmw-accent); outline-offset: 2px; }
.vmw-btn-primary {
background: var(--vmw-accent);
color: #fff;
border-color: var(--vmw-accent);
}
.vmw-btn-primary:hover { background: var(--vmw-accent-hover); border-color: var(--vmw-accent-hover); }
.vmw-btn-primary:disabled { opacity: .45; cursor: not-allowed; }
.vmw-btn-secondary {
background: transparent;
color: var(--vmw-text);
border-color: var(--vmw-border-strong);
}
.vmw-btn-secondary:hover { background: var(--vmw-bg); }
.vmw-btn-select {
width: 100%;
background: var(--vmw-text);
color: #fff;
border: none;
margin-top: auto;
}
.vmw-btn-select:hover { background: #000; }
.vmw-actions {
display: flex;
justify-content: space-between;
gap: 12px;
margin-top: 24px;
}
.vmw-actions .vmw-btn { flex: 1; }
@media (min-width: 640px) {
.vmw-actions .vmw-btn { flex: 0 1 auto; min-width: 160px; }
} .vmw-field {
margin-bottom: 16px;
}
.vmw-field label {
display: block;
font-size: 13px;
font-weight: 600;
color: var(--vmw-text);
margin-bottom: 6px;
}
.vmw-field input[type="text"],
.vmw-field input[type="email"],
.vmw-field input[type="tel"],
.vmw-field input[type="date"],
.vmw-field textarea {
width: 100%;
padding: 10px 12px;
font-size: 15px;
font-family: inherit;
color: var(--vmw-text);
background: var(--vmw-surface);
border: 1px solid var(--vmw-border-strong);
border-radius: 6px;
transition: border-color .15s ease, box-shadow .15s ease;
}
.vmw-field input:focus,
.vmw-field textarea:focus {
outline: none;
border-color: var(--vmw-accent);
box-shadow: 0 0 0 3px rgba(194, 65, 12, 0.12);
}
.vmw-field textarea { resize: vertical; min-height: 80px; }
.vmw-field-row {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
}
@media (min-width: 640px) {
.vmw-field-row { grid-template-columns: 1fr 1fr; }
.vmw-field-row .vmw-field-large { grid-column: span 1; }
.vmw-field-row:has(.vmw-field-small) { grid-template-columns: 120px 1fr; }
}
.vmw-date-row {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
}
@media (min-width: 640px) {
.vmw-date-row { grid-template-columns: 1fr 1fr; }
}
.vmw-checkbox-field label {
display: flex;
align-items: flex-start;
gap: 10px;
font-weight: 400;
font-size: 14px;
color: var(--vmw-text-muted);
line-height: 1.5;
cursor: pointer;
}
.vmw-checkbox-field input[type="checkbox"] {
margin-top: 2px;
flex-shrink: 0;
accent-color: var(--vmw-accent);
}
.vmw-checkbox-field a {
color: var(--vmw-accent);
text-decoration: underline;
} .vmw-extras {
display: grid;
gap: 10px;
margin-bottom: 20px;
}
.vmw-extra-card {
display: flex;
align-items: center;
gap: 14px;
padding: 14px;
background: var(--vmw-surface);
border: 1px solid var(--vmw-border);
border-radius: 6px;
cursor: pointer;
transition: border-color .15s ease, background-color .15s ease;
}
.vmw-extra-card:hover { border-color: var(--vmw-border-strong); }
.vmw-extra-card input[type="checkbox"] {
margin: 0;
accent-color: var(--vmw-accent);
width: 20px;
height: 20px;
cursor: pointer;
}
.vmw-extra-card:has(input:checked) {
border-color: var(--vmw-accent);
background: var(--vmw-accent-soft);
}
.vmw-extra-body { flex: 1; display: flex; flex-direction: column; }
.vmw-extra-body strong { font-size: 15px; font-weight: 600; color: var(--vmw-text); }
.vmw-extra-body small { font-size: 13px; color: var(--vmw-text-muted); margin-top: 2px; }
.vmw-extra-price { font-size: 14px; font-weight: 600; color: var(--vmw-text); }
.vmw-no-extras { color: var(--vmw-text-muted); font-style: italic; } .vmw-availability-info,
.vmw-price-summary,
.vmw-final-price {
margin-top: 16px;
padding: 16px;
background: var(--vmw-bg);
border: 1px solid var(--vmw-border);
border-radius: var(--vmw-radius);
font-size: 14px;
}
.vmw-availability-info:empty,
.vmw-price-summary:empty,
.vmw-final-price:empty { display: none; }
.vmw-availability-info.vmw-error,
.vmw-form-error {
background: var(--vmw-error-bg);
border-color: var(--vmw-error);
color: var(--vmw-error);
}
.vmw-price-breakdown {
width: 100%;
border-collapse: collapse;
}
.vmw-price-breakdown td {
padding: 6px 0;
font-size: 14px;
}
.vmw-price-breakdown td:last-child { text-align: right; font-variant-numeric: tabular-nums; }
.vmw-price-breakdown tr.vmw-price-total td {
border-top: 2px solid var(--vmw-text);
padding-top: 12px;
font-size: 17px;
font-weight: 700;
}
.vmw-price-breakdown tr.vmw-price-info td {
color: var(--vmw-text-muted);
font-size: 13px;
padding-top: 8px;
}
.vmw-info-box {
margin: 16px 0;
padding: 14px 16px;
background: var(--vmw-accent-soft);
border-left: 3px solid var(--vmw-accent);
border-radius: 4px;
font-size: 14px;
}
.vmw-info-box strong { display: block; margin-bottom: 4px; color: var(--vmw-text); }
.vmw-info-box p { margin: 0; color: var(--vmw-text-muted); }
.vmw-disclaimer {
margin-top: 16px;
font-size: 12px;
color: var(--vmw-text-muted);
line-height: 1.5;
} .vmw-success {
text-align: center;
padding: 40px 20px;
}
.vmw-success-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
background: var(--vmw-success);
color: #fff;
border-radius: 50%;
font-size: 32px;
font-weight: 700;
margin-bottom: 16px;
}
.vmw-success h3 {
font-size: 24px;
font-weight: 700;
margin: 0 0 12px;
color: var(--vmw-text);
}
.vmw-success p {
font-size: 15px;
color: var(--vmw-text-muted);
max-width: 500px;
margin: 8px auto;
} .vmw-loader {
display: none;
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: rgba(255,255,255,.75);
align-items: center;
justify-content: center;
z-index: 10;
border-radius: var(--vmw-radius);
}
.vmw-loader.vmw-show { display: flex; }
.vmw-spinner {
width: 36px;
height: 36px;
border: 3px solid var(--vmw-border-strong);
border-top-color: var(--vmw-accent);
border-radius: 50%;
animation: vmwSpin .8s linear infinite;
}
@keyframes vmwSpin { to { transform: rotate(360deg); } } .vmw-form-error {
padding: 12px 14px;
background: var(--vmw-error-bg);
border: 1px solid var(--vmw-error);
border-radius: 6px;
color: var(--vmw-error);
font-size: 14px;
margin-bottom: 16px;
}
.vmw-input-error {
border-color: var(--vmw-error) !important;
} .vmw-cal-hint {
background: #fff7ed;
border-left: 3px solid #c2410c;
padding: 12px 16px;
border-radius: 4px;
margin-bottom: 16px;
font-size: 14px;
}
.vmw-cal-hint .vmw-legend {
display: inline-flex;
gap: 16px;
margin-left: 16px;
font-size: 12px;
}
.vmw-cal-hint .vmw-legend-item {
display: inline-flex;
align-items: center;
gap: 6px;
}
.vmw-cal-hint .vmw-legend-item::before {
content: '';
width: 14px;
height: 14px;
border-radius: 3px;
border: 1px solid #d4d4d8;
display: inline-block;
}
.vmw-cal-hint .vmw-legend-free::before    { background: #fff; }
.vmw-cal-hint .vmw-legend-booked::before  { background: #e5e7eb; }
.vmw-cal-hint .vmw-legend-selected::before { background: #c2410c; border-color: #c2410c; }
.vmw-calendar-container {
margin: 12px 0;
display: flex;
justify-content: center;
}
.vmw-calendar-container .flatpickr-calendar {
box-shadow: 0 2px 12px rgba(0,0,0,0.08);
border: 1px solid #e5e7eb;
}
.vmw-calendar-container .flatpickr-day.selected,
.vmw-calendar-container .flatpickr-day.startRange,
.vmw-calendar-container .flatpickr-day.endRange {
background: #c2410c;
border-color: #c2410c;
}
.vmw-calendar-container .flatpickr-day.inRange {
background: #fed7aa;
border-color: #fed7aa;
box-shadow: -5px 0 0 #fed7aa, 5px 0 0 #fed7aa;
}
.vmw-calendar-container .flatpickr-day.flatpickr-disabled {
background: #f3f4f6;
color: #9ca3af;
text-decoration: line-through;
}
.vmw-date-summary {
display: flex;
gap: 12px;
margin: 16px 0;
flex-wrap: wrap;
}
.vmw-date-pill {
flex: 1;
min-width: 140px;
background: #fafaf9;
border: 1px solid #e5e7eb;
border-radius: 8px;
padding: 10px 14px;
}
.vmw-date-pill span {
display: block;
font-size: 11px;
color: #64748b;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 2px;
}
.vmw-date-pill strong {
font-size: 15px;
color: #1c1917;
}
.vmw-date-pill-duration {
background: #fff7ed;
border-color: #fdba74;
}
.vmw-date-pill-duration strong { color: #9a3412; }
@media (max-width: 720px) {
.vmw-cal-hint .vmw-legend {
display: flex;
margin-left: 0;
margin-top: 8px;
flex-wrap: wrap;
}
.vmw-date-summary {
flex-direction: column;
}
} .vmw-extra-recommended {
border: 2px solid #c2410c !important;
position: relative;
background: #fff7ed;
}
.vmw-recommended-badge {
position: absolute;
top: -10px;
right: 12px;
background: #c2410c;
color: #fff;
padding: 2px 10px;
border-radius: 12px;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.5px;
} .vmw-info-box.vmw-info-soft {
background: #ecfdf5;
border-left-color: #15803d;
} .vmw-time-row {
display: flex;
gap: 16px;
margin: 16px 0;
}
.vmw-time-row .vmw-field {
flex: 1;
}
.vmw-time-row select {
width: 100%;
padding: 10px 12px;
border: 1px solid #d4d4d8;
border-radius: 6px;
font-size: 15px;
background: #fff;
}
.vmw-time-row .vmw-hint {
display: block;
font-size: 12px;
color: #64748b;
margin-top: 4px;
}
.vmw-cutoff-warning {
background: #fef3c7;
border-left: 4px solid #d97706;
padding: 12px 16px;
border-radius: 4px;
margin: 8px 0 16px;
font-size: 14px;
color: #78350f;
}
.vmw-price-warn {
color: #92400e;
font-style: italic;
font-size: 13px;
}
.vmw-price-warn strong { display: none; }
@media (max-width: 600px) {
.vmw-time-row {
flex-direction: column;
}
}