/*
 * [AY 2026-10-20] Custom CSS of the 2026 Service Page in barebones mode (custom field klsp_barebones = 1).
 * WHAT: the rules of the theme's style.css whose selectors match elements of the four template pages (732, 105, 593, 13368, desktop and mobile, after opening
 *       the menus and dropdowns; state classes such as .active/.show are ignored when matching so interaction-only rules are kept). 36 KB -> about 15 KB.
 *       It holds what has no Bootstrap 5 equivalent: brand variables, menus, buttons, footer, the Gravity Forms look by form id, header padding.
 * NOT HERE: the template's own CSS (hero, pills, accordions, reviews, carousel, bottom bar...) stays inline in integrations/service-pages/service-page-styles.php.
 * GENERATED by work/wphead-compare/prune-css.js from style.css, then edited by hand. When you edit it, CHANGE THE FILE NAME (and klsp_barebones_assets() in
 * service-page-functions.php): this site strips ?query strings from static files, so a same-name file stays stale in browsers.
 * Loaded after the Bootstrap 5.3.8 build (assets-2026/dist/custom-bootstrap-5.3.8-v1.min.css).
 */
:root { --red-color-kl: #C40233; --gold-color: #ad9625; --gray-color: #E6E6E6; --dark-color: #0A0A0A; --text-color-site: #333; --color-pswd-reset: #0095f6; }
a { text-decoration: none; }
.nv_h3_style { font-weight: 400 !important; color: white !important; font-size: 1.2rem !important; letter-spacing: 1.25px !important; margin-bottom: 0.5rem !important; line-height: 1.5 !important; }
.btn-close { box-sizing: content-box !important; width: 1em !important; height: 1em !important; color: rgb(0, 0, 0) !important; border: 0px !important; border-radius: 0.25rem !important; opacity: 0.5 !important; background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>") center center / 1em no-repeat transparent !important; }
#input_212_6_3_container .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full), .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full), #input_211_6_3_container .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full), .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full), #input_222_6_3_container .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full), .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) { padding-right: 0% !important; }
#gform_211 .gform_footer, #gform_212 .gform_footer, #gform_213 .gform_footer, #gform_214 .gform_footer, #gform_221 .gform_footer, #gform_222 .gform_footer, #gform_240 .gform_footer, #gform_241 .gform_footer { display: flex !important; justify-content: flex-end !important; }
#gform_submit_button_211:hover, #gform_submit_button_212:hover, #gform_submit_button_213:hover, #gform_submit_button_214:hover, #gform_submit_button_221:hover, #gform_submit_button_222:hover, #gform_submit_button_240:hover, #gform_submit_button_241:hover { background-image: none; vertical-align: middle; user-select: none; font-size: 1rem; line-height: 1.5; font-weight: 700; border-radius: 50px; color: black !important; background-color: white !important; border: 2px solid var(--gold-color) !important; }
#gform_submit_button_211, #gform_submit_button_212, #gform_submit_button_222, #gform_submit_button_241 { background-image: linear-gradient(45deg, #cbbd7c 10%, var(--gold-color) 50%, #cbbd7c 100%); cursor: pointer; display: inline-block; padding: 0.375rem 2.75rem; text-align: center; vertical-align: middle; user-select: none; font-size: 1rem; line-height: 1.5; border: 2px solid transparent !important; border-radius: 40px !important; color: white !important; }
.gform_required_legend { display: none; }
#gform_211 .gform_fields, #gform_212 .gform_fields, #gform_213 .gform_fields, #gform_214 .gform_fields, #gform_221 .gform_fields, #gform_222 .gform_fields, #gform_240 .gform_fields, #gform_241 .gform_fields { list-style: none; padding-left: 0px; }
#gform_211 .gform_fields input, .gform_fields textarea, #gform_212 .gform_fields input, .gform_fields textarea, #gform_213 .gform_fields input, .gform_fields textarea, #gform_214 .gform_fields input, .gform_fields textarea, #gform_221 .gform_fields input, .gform_fields textarea, #gform_222 .gform_fields input, .gform_fields textarea, #gform_240 .gform_fields input, .gform_fields textarea, #gform_241 .gform_fields input, .gform_fields textarea { font-size: 1rem; font-weight: 400; color: rgb(33, 37, 41); background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
#gform_211 .gform_fields input, #gform_211 .gform_fields textarea, #gform_212 .gform_fields input, #gform_212 .gform_fields textarea, #gform_222 .gform_fields input, #gform_222 .gform_fields textarea, #gform_211 .gform_fields select, #gform_212 .gform_fields select, #gform_222 .gform_fields select, #gform_241 .gform_fields input, #gform_241 .gform_fields textarea, #gform_241 .gform_fields select { margin: 6px 0px; line-height: 1.25; padding: 0.25rem !important; }
#gform_211 .gform_fields select, #gform_212 .gform_fields select, #gform_213 .gform_fields select, #gform_214 .gform_fields select, #gform_221 .gform_fields select, #gform_222 .gform_fields select, #gform_241 .gform_fields select { display: block; font-size: 1rem; font-weight: 400; color: rgb(33, 37, 41); background-color: rgb(255, 255, 255); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; appearance: none; }
#gform_211 .gform_fields span.gfield_required, #gform_212 .gform_fields span.gfield_required, #gform_213 .gform_fields span.gfield_required, #gform_214 .gform_fields span.gfield_required, #gform_221 .gform_fields span.gfield_required, #gform_222 .gform_fields span.gfield_required, #gform_240 .gform_fields span.gfield_required, #gform_241 .gform_fields span.gfield_required { display: none; }
.gfield label, .gfield p { font-weight: normal !important; }
#gform_submit_button_213:hover, #gform_submit_button_214:hover, #gform_submit_button_221:hover, #gform_submit_button_240:hover { background-image: none; vertical-align: middle; user-select: none; font-size: 1rem; line-height: 1.5; font-weight: 700; border-radius: 50px; color: black !important; background-color: white !important; border: 2px solid var(--gold-color) !important; }
#gform_submit_button_213, #gform_submit_button_214, #gform_submit_button_221, #gform_submit_button_240 { background-image: linear-gradient(45deg, #cbbd7c 10%, var(--gold-color) 50%, #cbbd7c 100%); cursor: pointer; display: inline-block; padding: 0.05rem 1rem; text-align: center; vertical-align: middle; user-select: none; font-size: 1rem; line-height: 1.5; border: 2px solid transparent !important; border-radius: 40px !important; color: white !important; }
#gform_213 .gform_fields input, #gform_213 .gform_fields textarea, #gform_213 .gform_fields select, #gform_214 .gform_fields input, #gform_214 .gform_fields textarea, #gform_214 .gform_fields select, #gform_221 .gform_fields input, #gform_221 .gform_fields textarea, #gform_221 .gform_fields select, #gform_240 .gform_fields input, #gform_240 .gform_fields textarea, #gform_240 .gform_fields select { margin: 3px 0px; line-height: 1.25; padding: 0.25rem !important; }
#gform_213 .gform_fields textarea, #gform_214 .gform_fields textarea, #gform_221 .gform_fields textarea, #gform_240 .gform_fields textarea { height: 75px !important; }
#gform_211 .gform_fields input[type="checkbox"], #gform_212 .gform_fields input[type="checkbox"], #gform_213 .gform_fields input[type="checkbox"], #gform_214 .gform_fields input[type="checkbox"], #gform_221 .gform_fields input[type="checkbox"], #gform_214 .gform_fields input[type="checkbox"], #gform_240 .gform_fields input[type="checkbox"] { margin: 0px !important; }
#gform_211 .gform_footer .gform_button, #gform_212 .gform_footer .gform_button, #gform_213 .gform_footer .gform_button, #gform_214 .gform_footer .gform_button, #gform_221 .gform_footer .gform_button, #gform_214 .gform_footer .gform_button, #gform_240 .gform_footer .gform_button { display: inline-block; text-align: center; vertical-align: middle; user-select: none; border: 1px solid transparent; font-size: 1rem; line-height: 1.5; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; font-weight: 700; background-color: black; color: white; margin: 5px 0px; border-radius: 50px; padding: 10px 50px; }
#gform_213 .gform_footer .gform_button, #gform_214 .gform_footer .gform_button, #gform_221 .gform_footer .gform_button, #gform_240 .gform_footer .gform_button { display: inline-block; text-align: center; vertical-align: middle; user-select: none; border: 1px solid transparent; font-size: 1rem; line-height: 1.5; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; font-weight: 700; background-color: black; color: white; margin: 2px 0px; border-radius: 50px; padding: 5px 50px; }
#gform_fields_213, #gform_fields_214, #gform_fields_211, #gform_fields_212, #gform_fields_221, #gform_fields_222, #gform_fields_240, #gform_fields_241 { row-gap: 10px !important; }
#gform_213 .gform_footer, #gform_214 .gform_footer, #gform_221 .gform_footer, #gform_240 .gform_footer { display: flex; justify-content: end; }
.navbar-brand { width: 30%; margin: 0px !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
button.navbar-toggler { transition: background-color 0.25s linear; }
button.navbar-toggler.active { background-color: white; }
button.navbar-toggler.active > svg > g > path { fill: black; }
nav.mobilemenu { background-color: var(--dark-color); left: -300px; transition: left 0.25s linear; }
nav.mobilemenu.active { left: 0px !important; }
div.nv-display-submenu { margin: 0px; padding: 0px 15px; transition: transform 0.3s; }
div.nv-display-submenu.active { transform: rotate(180deg); }
li.menu-item.nv-mobile-menu { padding: 5px 0px 5px 15px; transition: background-color 0.5s; }
li.menu-item.nv-mobile-menu.nv-mobile-menu-level-0 { padding: 5px 15px; }
li.menu-item.nv-mobile-menu > div { padding: 5px 0px; border-bottom: 1px solid rgb(51, 51, 51); }
li.menu-item.nv-mobile-menu > div > a { font-weight: 300; }
li > ul.sub-menu.nv-mobile-submenu { list-style: none; padding: 0px; max-height: 2000px; transition: max-height 0.5s; }
li > ul.sub-menu.nv-hide-submenu { max-height: 1px; overflow: hidden; }
li.menu-item.nv-mobile-menu.nv-mobile-menu-level-1 > div > a { font-size: 90%; }
li.menu-item.nv-mobile-menu.nv-mobile-menu-level-2 > div > a, li.menu-item.nv-mobile-menu.nv-mobile-menu-level-3 > div > a { font-size: 80%; }
li.menu-item.nv-mobile-menu.nv-mobile-menu-level-0.active { background-color: rgb(72, 72, 72); }
li.menu-item.nv-mobile-menu.nv-mobile-menu-level-1.active { background-color: rgb(104, 104, 104); }
.gold-underline:hover, .gold-underline a:hover { color: var(--text-color-site); text-decoration-line: underline !important; text-decoration-thickness: initial !important; text-decoration-style: initial !important; text-decoration-color: var(--gold-color) !important; }
footer.site-footer { background: var(--dark-color); width: 100%; text-align: center; color: rgb(255, 255, 255); }
.copyright { background: var(--dark-color); padding: 30px 0px; text-align: center; }
.copyright a { color: white !important; text-decoration: none !important; font-weight: inherit !important; }
.nv_footer_simplified_group { text-align: center; }
div.nv_footer_simplified > div > p { color: rgb(255, 255, 255); }
@font-face { font-family: Open-Sans; src: url("/wp-content/themes/2020child/fonts/OpenSans-Regular.ttf"); }
body { letter-spacing: 0.2px; width: 100%; }
h1, h2, h3, h4, h5, p, ul.blog-ul > li { color: var(--text-color-site); }
a:hover, a:active, a:focus { outline: none; text-decoration: none !important; }
.btn:hover, .btn:active, .btn:focus { color: white !important; }
a { color: var(--dark-color); font-weight: 700; }
.h1, .h2, .h3, h1, h2, h3, h4 { font-weight: 600; letter-spacing: 1.25px; }
h2, .h2, .h3, .h1 { margin: 20px 0px; }
.modal { z-index: 30000; }
input, textarea { font-size: 16px; }
.general-buttons { background-image: linear-gradient(45deg, #cbbd7c 10%, var(--gold-color) 50%, #cbbd7c 100%); cursor: pointer; display: inline-block; padding: 0.375rem 2.75rem; text-align: center; border: 2px solid transparent !important; border-radius: 40px !important; color: white !important; }
.general-buttons { transition: 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.general-buttons:hover { background-image: none; color: black !important; background-color: white !important; border: 2px solid var(--gold-color) !important; }
a.button.product_type_simple.add_to_cart_button, p.product.woocommerce.add_to_cart_inline > * { width: 100%; max-width: 160px; display: block; margin: 0px auto; text-align: center; }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { font-weight: 400; padding: 0.518em 1em 0.618em; }
@-webkit-keyframes spin { 
  100% { transform: rotate(360deg); }
}
@keyframes spin { 
  100% { transform: rotate(360deg); }
}
a.added_to_cart.wc-forward:hover, a.text_link:hover { color: var(--gold-color) !important; }
@media screen and (max-width: 767px) {
.w-md-60 { width: 100%; }
.smaller-GP2W-logo { height: 90px; width: 53px; }
.nv_kramer_logo { width: 220px; }
#home_team_slider_de .slick-dots, #home_team_slider .slick-dots { bottom: -50px !important; }
}
@media screen and (max-width: 1440px) {
svg.nv_kramer_logo { width: 275px !important; }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.w-md-60 { width: 60%; }
}
@media screen and (min-width: 1025px) {
#navbar_main_menu { padding: 0px 25px; }
.gold_banner { padding-right: 50px; }
.footer-first-empty-colum-margin { margin-right: 13px; }
#footer-svg-abaco-logo-wrapper > svg { width: 160px; }
}
@media screen and (min-width: 1200px) {
#navbar_main_menu { padding: 0px 50px; }
.gold_banner { padding-right: 90px; }
}
@media screen and (min-width: 1440px) {
.footer-first-empty-colum-margin { margin-right: 20px; }
.gold_banner { padding-right: 96px; }
}
@media screen and (min-width: 1441px) {
.languages_container, .modal_container { font-size: 100% !important; padding: 0.5rem 0.75rem !important; }
svg#order-empty, svg#order-items-1, svg#order-items-2, svg#order-items-3, svg#order-items-3-plus { width: 22px !important; height: 32px !important; }
#navbar_main_menu { padding: 0px 100px; }
.gold_banner { padding-right: 140px; }
}
select.medium.gfield_select { line-height: 2; min-height: 2rem; }
@media screen and (min-width: 1920px) {
.gold_banner { padding-right: 244px; }
}
@media screen and (min-width: 2560px) {
.gold_banner { padding-right: 213px; }
}

/* [AY 2026-10-20] legacy Bootstrap 5.0.1 spaced the modal header content apart; 5.3.8 does not */
.modal-header { justify-content: space-between; }

/* [AY 2026-10-20] differences found by the computed-style comparison of the legacy stack and Bootstrap 5.3.8 (page 732) */
.dropdown-item { font-weight: 400; }                       /* legacy dropdown items are normal weight; .nav-link is bold now */
@media (max-width: 1024.98px) { .navbar-nav .dropdown-item.nav-link { padding-left: 0; padding-right: 0; } } /* legacy: .navbar-nav .nav-link {padding-x: 0} won over .dropdown-item below lg */
p.h1, p.h2, p.h3, p.h4, p.h5 { color: var(--text-color-site); } /* legacy: the p/h1-h5 colour rule applied; 5.3.8's .h5 sets heading-color (inherit) and wins over the p rule */
.navbar-toggler { color: #000; border-color: transparent; } /* legacy hamburger is solid black with no visible border; 5.3.8: black at 65% and a faint border */

/* [AY 2026-10-20] Mobile menu as a Bootstrap 5 Offcanvas (barebones mode). Same look as the legacy nav.mobilemenu: dark panel, white links, the last two rows pinned to the bottom.
   (Rules adapted from the peer's custom-20261016.css, which solved the same three things for the v2 template.) */
#the-mobile-menu.offcanvas { background-color: var(--dark-color) !important; color: #fff !important; }
#mobile_menu_container a, #mobile_menu_load a { color: #fff !important; }
#mobile_menu_container, #mobile_menu_container > div { height: 100%; }
#mobile_menu_container .ul-mobile-menu { display: flex; flex-direction: column; height: 100%; }
#nv-mobile-menu-Lang-Switcher { margin-top: auto; }