body {
overflow-y: scroll;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #191231;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
width: 100%;
padding: 10px;
}
div#top-bar-wrap,
#site-header,
#site-navigation-wrap {
background: #191231;
border: none;
color: #fff;
}
#top-bar-content.top-bar-right .wpex-inline a:hover {
color: #40bdaa !important;
text-decoration: none !important;
}
#site-header-inner {
padding-top: 0;
padding-bottom: 0;
}
.navbar-style-two .dropdown-menu {
width: auto;
float: right;
}
div#copyright {
float: left;
vertical-align: top;
}
#footer {
padding-left: 6rem;
padding-right: 6rem;
max-width: 1440px;
margin: 0 auto;
}
#footer-inner {
padding-top: 0 !important;
overflow: hidden !important;
}
#footer-inner #footer-widgets {
border-top: 1px solid #d9d9d9;
padding-top: 40px !important;
}
#footer-inner .widget-title {
text-transform: uppercase;
}
#footer-bottom-menu {
float: right;
vertical-align: top;
margin: 0;
}
#footer li {
padding: 0;
border: none;
}
body #site-navigation .dropdown-menu > li.menu-item.current-page-ancestor > a {
color: #40bdaa;
}
#top-bar-content span.wpex-inline {
vertical-align: middle;
}
body .wpml-ls-legacy-list-horizontal {
padding: 0;
border: none;
}
body .wpml-ls-legacy-list-horizontal a {
padding: 2px;
}
#top-bar img.img-icon {
width: 24px;
}
img.img-icon {
vertical-align: middle;
margin-right: 10px;
margin-left: 10px;
}
.navbar-style-two:not(.wpex-stretch-items) .dropdown-menu li.search-toggle-li,
.navbar-style-two:not(.wpex-stretch-items) .dropdown-menu li.woo-menu-icon {
float: left;
}
#wrap + .post-pagination-wrap {
display: none;
}
img.img-icon + span {
vertical-align: middle;
}
.float-right {
float: right;
}
.float-left {
float: left;
}
.woocommerce-mini-cart__buttons a.button.checkout.wc-forward {
display: block;
float: none;
width: 100%;
}
a.to-order-form,
.nu-checkout-button {
font-weight: 700;
display: inline-block;
vertical-align: middle;
}
.nu-checkout-button.float-right {
padding: 10px 60px 10px 12px;
}
.nu-checkout-button.float-left {
padding: 10px 12px 10px 40px;
}
.nu-checkout-button.finalize {
padding-right: 60px;
}
.nu-checkout-button.primary {
color: #fff;
background: #40bdaa;
}
.nu-checkout-button.primary:after {
filter: brightness(10);
}
.nu-checkout-button.secondary {
color: #191231;
}
#site-navigation .link-inner .ticon.wcmenucart-icon:before,
.ticon-search:before {
opacity: 0;
}
body .load-more-table {
display: block;
width: 100%;
margin-top: 1rem;
position: absolute;
text-align: center;
cursor: pointer;
}
#site-navigation .link-inner .ticon.wcmenucart-icon {
background-image: url(//ktkgmbh.de/wp-content/uploads/nu_icons/icon-merkzettel-blau.svg);
background-size: 100% 100%;
padding: 6px;
}
body.with-paid-products #site-navigation .link-inner .ticon.wcmenucart-icon {
background-image: url(//ktkgmbh.de/wp-content/uploads/2021/12/shop_icon-weiss-1.svg);
}
#site-navigation .link-inner .ticon-search {
background-image: url(//ktkgmbh.de/wp-content/uploads/nu_icons/lupe-blau.svg);
background-size: 100% 100%;
padding: 2px;
}
#site-header-inner + div:not(.is-sticky) {
padding-bottom: 7px !important;
padding-top: 25px;
}
body .bg-bottom-right {
background-position: right 15px bottom 15px !important;
}
body .vc_section .vc_row {
z-index: initial;
}
body .wpex-video-bg-overlay,
body .wpex-bg-overlay-wrap {
z-index: 0 !important;
}
.breadcrumb_last {
color: #fff;
}
.sub-menu li {
min-width: 200px;
}
.site-breadcrumbs a,
.mobile-breadcrumbs a {
text-decoration: none;
}
#sidebar .widget_nav_menu .current-menu-item > a,
.widget_nav_menu_accordion .widget_nav_menu .current-menu-item > a,
#sidebar .widget_nav_menu a:hover,
.widget_nav_menu_accordion .widget_nav_menu a:hover {
background: none;
color: #40bdaa;
}
body #footer .textwidget a {
color: #40bdaa;
}
body #footer .textwidget a:hover {
text-decoration: underline;
}
.ratio-1-1:before {
content: "";
display: block;
padding-top: 100%;
}
.product-groups {
margin-left: -2.5rem;
margin-right: -2.5rem;
}
body .wpex-row .product-group {
padding: 2.5rem;
}
.product-group > a {
color: #191231;
font-size: 22px;
display: block;
padding-bottom: 2rem;
}
.product-group-inner {
position: relative;
background-size: 110%;
background-position: center center;
}
.product-group-inner:before {
border: 1px solid #40bdaa;
background-position: center center;
background-size: 110%;
}
.product-subgroups {
position: absolute;
top: 2rem;
left: 2rem;
right: 2rem;
padding: 2rem 4rem;
background-color: rgba(64, 189, 170, 0.8);
min-height: 100px;
max-width: 280px;
font-size: 20px;
}
.product-subgroup > a {
color: #fff !important;
} body .vc_custom_heading h1,
body h1.vc_custom_heading,
body .vc_custom_heading h2,
h2.vc_custom_heading,
body .vc_custom_heading h3,
body h3.vc_custom_heading,
body .vc_custom_heading h4,
body h4.vc_custom_heading,
body .vc_custom_heading h5,
h5.vc_custom_heading,
body .vc_custom_heading h6,
h6.vc_custom_heading {
margin-bottom: 15px;
}
.wpex-vc-row-stretched {
padding-top: 5rem;
padding-bottom: 4rem;
}
.content-padding {
padding: 4rem;
margin: 0;
}
.content-padding-small {
padding: 2rem;
}
.box-padding {
padding: 3rem 2rem 2.5rem;
}
.top-spacer {
padding-top: 7rem;
}
.margin-fix > div {
margin-left: 15px;
margin-right: 15px;
}
.fixpad {
padding-left: 15px;
padding-right: 15px;
}
.header-banner-container {
padding-top: 7rem;
padding-bottom: 5rem;
}
body .vc-max-width-80,
body .vc_section[data-vc-full-width] > .vc-max-width-80 {
margin: 0 25px;
}
.equal-boxes.vc_row-o-equal-height .wpb_wrapper,
.equal-boxes.vc_row-o-equal-height .wpb_wrapper > .vc_row {
height: 100%;
}
.remove-equal-height .wpb_wrapper {
height: auto;
}
a.full-box-link {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
content: "";
z-index: 1;
}
.vc_custom_heading h1,
h1.vc_custom_heading,
.vc_custom_heading h2,
h2.vc_custom_heading,
.vc_custom_heading h3,
h3.vc_custom_heading,
.vc_custom_heading h4,
h4.vc_custom_heading,
.vc_custom_heading h5,
h5.vc_custom_heading,
.vc_custom_heading h6,
h6.vc_custom_heading {
z-index: 2;
} .nf-form-content button,
.nf-form-content input[type="button"],
.nf-form-content input[type="submit"] {
float: right;
}
input.small {
display: inline-block;
max-width: 75px;
line-height: 1;
padding: 2px 7px;
font-size: 90%;
width: 100%;
}
body .nf-form-content {
padding: 0;
}
nf-cells > .nf-cell:first-child {
padding-left: 0;
}
.nf-form-fields-required,
.nf-error.field-wrap .nf-field-element:after {
display: none;
}
.label-left .nf-after-field {
margin: 0;
float: right;
}
.nf-form-content .list-select-wrap .nf-field-element > div,
.nf-form-content input:not([type="button"]),
.nf-form-content textarea {
background: transparent !important;
border-color: #ddd !important;
}
.nf-form-content .list-select-wrap .nf-field-element > div,
.nf-form-content input:not([type="button"]),
.nf-form-content .list-select-wrap > div div:after {
height: 45px !important;
line-height: 45px !important;
}
.nf-form-content .listselect-wrap .nf-field-element div,
.nf-form-content input.ninja-forms-field,
.nf-form-content select.ninja-forms-field:not([multiple]) {
height: 45px;
}
.label-left .nf-field-label label,
.checkbox-wrap .nf-field-label label {
font-size: 16px;
font-weight: 500;
text-align: left;
line-height: 22px;
}
.list-select-wrap div:after {
color: #40bdaa !important;
}
.nf-form-content button,
.nf-form-content input[type="button"],
.nf-form-content input[type="submit"] {
background: #40bdaa !important;
} body .tick-list-container ul {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
list-style-type: none !important;
list-style-image: none !important;
}
body .vcex-bullets-check ul li,
body .tick-list-container ul li {
background-image: url(//ktkgmbh.de/wp-content/uploads/2021/05/check.png);
background-size: 20px;
padding-left: 40px;
margin-bottom: 13px;
background-repeat: no-repeat;
background-position: left center;
} body a.site-search-toggle.search-header-replace-toggle {
padding-right: 0;
}
#searchform-header-replace {
top: 48px;
width: 100%;
max-width: 670px;
height: 50px;
right: 0;
left: auto;
}
body:not(.home) #searchform-header-replace {
background: #191231;
}
#searchform-header-replace input[type="search"] {
font-size: 20px;
font-family: inherit;
font-weight: 400;
letter-spacing: inherit;
}
#searchform-header-replace-close:hover {
color: #40bdaa;
}
.wpex-post-cards-simple_3 .wpex-post-cards-entry {
margin-bottom: 60px;
}
.semibold {
font-weight: 600;
}
.font-15 {
font-size: 15px;
} body:not(.home) #site-logo {
filter: brightness(0) invert(1);
}
body.home #searchform-header-replace input[type="search"] {
color: #474f67;
}
body:not(.home) #top-bar img.img-icon,
body:not(.home) #site-navigation .link-inner .ticon.wcmenucart-icon,
body:not(.home) #site-navigation .link-inner .ticon-search {
filter: invert(1);
}
body:not(.home) div#site-navigation-sticky-wrapper.is-sticky > div {
background: #191231 !important;
border-color: #191231 !important;
}
body.home div#top-bar-wrap,
body.home #site-header,
body.home #site-navigation-wrap {
background: #fff;
color: #191231;
}
body.home #site-navigation .dropdown-menu > li.menu-item > a:not(:hover) {
color: #191231;
}
.wpex-bars > span,
.wpex-bars > span::before,
.wpex-bars > span::after {
background-color: #fff;
}
.home .wpex-bars > span,
.home .wpex-bars > span::before,
.home .wpex-bars > span::after {
background-color: #191231;
}
.home #site-header #site-navigation .dropdown-menu ul.sub-menu > li.menu-item > a {
color: #191231;
}
.home #site-header #site-navigation .dropdown-menu ul.sub-menu,
.home #site-header #site-navigation .dropdown-menu ul.sub-menu > li.menu-item > a:hover {
background: #fff;
}
#sidr-main {
background-color: #191231;
color: #fff;
}
header {
z-index: 1000;
}
body:not(.home) .is-sticky nav#site-navigation:before {
filter: brightness(0) invert(1);
}
.is-sticky nav#site-navigation:before {
background-image: url(//ktkgmbh.de/wp-content/uploads/2021/05/ktk_logo_svg.svg);
content: "";
height: 50px;
display: block;
width: 150px;
position: absolute;
background-size: auto 75%;
background-repeat: no-repeat;
background-position: left center;
cursor: pointer;
}
.country_select,
.form-row-wide select {
display: inline-block;
color: #616161;
padding: 12px 6px;
font-family: inherit;
font-weight: inherit;
font-size: 1em;
line-height: 1.65;
max-width: 100%;
border: 1px solid #e1e1e1;
background: #fff;
border-radius: 3px;
width: 100%;
}
ul.woocommerce-shipping-methods li {
background: #fff;
border: 1px solid #ddd;
padding: 10px;
}
#shipping_method input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.shipping_address {
display: none;
}
#shipping_method label {
position: relative;
margin: 0;
vertical-align: middle;
cursor: pointer;
}
#shipping_method label:before {
content: "";
display: inline-block;
margin-right: 1rem;
vertical-align: middle;
height: 15px;
width: 15px;
border-radius: 20px;
background-color: #eee;
margin-top: -3px;
}
#shipping_method input:checked ~ label:before {
background-color: #40bdaa;
}
.hidden {
display: none !important;
}
.white-bg {
background: #fff;
}
.grey-bg {
background: #f2f2f5;
}
.padding-top {
padding-top: 6rem;
}
.no-pad,
.no-pad-inner > div {
padding: 0 !important;
}
.no-pad-left {
padding-left: 5px;
}
.no-pad-y {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.no-pad-bottom {
padding-bottom: 0 !important;
}
.pl-none .div-table-col {
padding-left: 0 !important;
}
.table-fix {
padding-left: 15px;
padding-right: 15px;
}
.pad-fix {
padding-left: 15px;
padding-right: 15px;
}
.half-marg-y-child > div {
margin-bottom: 15px !important;
}
.right-align {
float: right;
clear: both;
}
.right-arrow,
.vcex-terms-grid-entry-title {
position: relative;
padding-right: 20px;
display: flex !important;
align-items: center;
}
h3.right-arrow,
h2.right-arrow,
h1.right-arrow {
align-items: baseline;
}
.right-arrow:after,
.vcex-terms-grid-entry-title:after {
content: "";
width: 20px;
height: 20px;
background-image: url(//ktkgmbh.de/wp-content/uploads/nu_icons/ionic-ios-arrow-forward.svg);
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: center center;
transition: transform 0.3s ease-in-out;
pointer-events: none;
display: inline-block;
margin-left: 1.25rem;
}
*:hover > .right-arrow:after,
.right-arrow:hover:after,
.vcex-terms-carousel-entry:hover h4:after {
transform: translate(5px, 0px);
}
.right-arrow.smaller:after {
height: 18px;
width: 18px;
background-size: 18px 18px;
top: 6px;
}
.wpex-text-xl,
h4 {
font-size: 1.25em;
}
.vcex-terms-grid-entry-title:after {
filter: brightness(0.2);
margin-bottom: -2px;
}
.left-arrow {
position: relative;
padding-left: 20px;
}
.left-arrow:after {
content: "";
width: 20px;
height: 20px;
background-image: url(//ktkgmbh.de/wp-content/uploads/nu_icons/ionic-ios-arrow-forward.svg);
-ms-transform: rotate(180deg); transform: rotate(180deg);
position: absolute;
top: 12px;
left: 8px;
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: center center;
transition: left 0.3s ease-in-out;
pointer-events: none;
}
.left-arrow:hover:after {
left: 3px;
}
.wpex-carousel-entry-title:after {
content: "";
width: 18px;
height: 18px;
vertical-align: middle;
background-image: url(//ktkgmbh.de/wp-content/uploads/nu_icons/ionic-ios-arrow-forward.svg);
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: center center;
transition: right 0.3s ease-in-out;
pointer-events: none;
display: inline-block;
}
.wpex-carousel-entry-title:after {
content: "";
width: 18px;
height: 18px;
vertical-align: middle;
background-image: url(//ktkgmbh.de/wp-content/uploads/nu_icons/ionic-ios-arrow-forward.svg);
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: center center;
transition: right 0.3s ease-in-out;
pointer-events: none;
display: inline-block;
vertical-align: -2px;
margin-left: 1rem;
}
.vc_custom_heading a {
}
.vc_tta.vc_general .vc_tta-panel {
display: block !important;
}
h1,
h2,
h3,
h4 {
font-weight: 500;
}
h2.vc_custom_heading {
pointer-events: none;
} .select-hidden {
opacity: 0;
visibility: hidden;
padding-right: 10px;
pointer-events: none;
padding-left: 20px;
padding-right: 20px;
}
.select {
cursor: pointer;
display: inline-block;
vertical-align: middle;
position: relative;
height: 48px;
min-width: 150px;
}
.bootstrap-wrapper .select {
min-width: 100%;
height: 32px;
}
.select-styled {
position: absolute;
top: 0;
overflow: hidden;
right: 0;
bottom: 0;
left: 0;
border: 1px solid #ddd;
color: #191231;
padding: 0 1.5rem;
line-height: 46px;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.bootstrap-wrapper .select-styled {
line-height: 30px;
background: #fff;
}
.select-styled:first-letter {
text-transform: capitalize;
}
.select-styled:before {
content: "";
width: 14px;
height: 14px;
background-image: url(//ktkgmbh.de/wp-content/uploads/nu_icons/ionic-ios-arrow-forward.svg);
position: absolute;
top: 17px;
right: 15px;
background-size: 14px 14px;
background-repeat: no-repeat;
background-position: center center;
-ms-transform: rotate(90deg); transform: rotate(90deg);
transition: transform 0.3s ease-in-out;
}
.bootstrap-wrapper .select-styled:before {
top: 9px;
}
.vc_tta-panel-body {
overflow: visible !important;
}
.vc_tta-panel.vc_animating {
display: none !important;
overflow: hidden;
}
.select-styled:hover {
}
.select-styled:active,
.select-styled.active {
}
.select-styled:active:before,
.select-styled.active:before {
-ms-transform: rotate(-90deg); transform: rotate(-90deg);
}
.select-options {
display: none;
position: absolute;
top: 100%;
right: 0;
left: 0;
z-index: 999;
margin: 0;
padding: 0;
list-style: none;
background-color: #fefefe;
color: #191231;
border: 1px solid #ddd;
margin-top: -1px;
max-height: 250px;
overflow-y: auto;
}
.select-options li:first-letter {
text-transform: capitalize;
}
ul.select-options > ul {
margin: 0;
}
ul.select-options > ul > div {
position: relative;
}
ul.select-options > ul > li {
display: none;
padding-left: 1rem;
}
ul.select-options > ul > div.onechild ~ li {
padding-left: 0rem;
}
ul.select-options > ul > div:after {
content: "";
width: 14px;
height: 14px;
background-image: url(//ktkgmbh.de/wp-content/uploads/nu_icons/ionic-ios-arrow-forward.svg);
position: absolute;
top: 16px;
right: 15px;
background-size: 14px 14px;
background-repeat: no-repeat;
background-position: center center;
transition: transform 0.3s ease-in-out;
}
.select-options li,
ul.select-options > ul > div {
margin: 0;
padding: 12px 0;
text-indent: 1.5rem;
-moz-transition: all 0.15s ease-in;
-o-transition: all 0.15s ease-in;
-webkit-transition: all 0.15s ease-in;
transition: all 0.15s ease-in;
border-bottom: 1px solid transparent;
}
ul.select-options > ul > div.open {
background: #fcfcfc;
}
ul.select-options > ul > div.open ~ li {
display: block;
}
ul.select-options > ul > div.open:not(.onechild) ~ li:last-child {
border-bottom: 1px solid #dddddd;
}
ul.select-options > ul > div.open:not(.onechild):after {
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.select-options li:hover,
.select-options ul > div:hover {
color: #ffffff;
background: #40bdaa !important;
}
.select-options li[rel="hide"] {
display: none;
}
body .select2-container .select2-selection--single,
body .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 47px;
}
body .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 47px;
}
.vc_tta.vc_general .vc_tta-tab > a {
padding: 0.25rem 2rem !important;
min-width: 160px !important;
width: 20vw !important;
font-weight: 600;
color: #191231 !important;
}
.zindex1 {
z-index: 1 !important;
}
.text-error {
color: #bd4040;
}
.text-success {
color: #40bd47;
}
.form-img {
display: inline-block;
margin-right: 2rem;
margin-top: 1.5rem;
}
.color-box {
width: 22px;
height: 22px;
vertical-align: middle;
border: 2px solid #fff;
box-shadow: 0 1px 2px #cccccc;
}
.select-options .color-box {
float: right;
margin-right: 1.5rem;
}
.select-styled .color-box {
display: inline-block;
margin-left: 1.5rem;
margin-top: -3px;
}
.text-right {
text-align: right;
}
.not-bold {
font-weight: 400 !important;
}
h1 {
font-weight: 400 !important;
font-size: 45px !important;
line-height: 1.15;
margin-bottom: 15px !important;
}
h2 {
font-weight: 400 !important;
font-size: 32px !important;
line-height: 1.15;
margin-bottom: 15px !important;
}
.wpex-text-lg {
font-size: 25px;
font-weight: 500;
}
.product-group-header-bg {
padding-bottom: 0px !important;
background-image: url(//ktkgmbh.de/wp-content/uploads/2021/05/ktk_kunststofftechnik-inhalt.jpg?id=754) !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.product-nav-item {
padding: 18px 0 20px 0;
margin: 0px 25px;
display: inline-block;
color: #191231;
border-bottom: 2px solid transparent;
font-weight: 600;
}
.product-nav-item.active,
.product-nav-item:hover {
color: #40bdaa;
border-bottom: 4px solid #40bdaa;
}
.product-nav-item.active {
pointer-events: none;
}
.product-nav-item:hover {
color: #40bdaa;
text-decoration: none;
}
.theme-button {
border-radius: 0 !important;
}
.vc_toggle_content {
margin-left: 1.25rem !important;
}
.vc_toggle_default .vc_toggle_title,
.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading {
background: #effcf9 !important;
border-color: #40bdaa !important;
padding-top: 0 !important;
margin-top: 0 !important;
}
.vc_toggle_default .vc_toggle_title h4,
.vc_tta.vc_general .vc_tta-panel-title,
.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title > a,
.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title > a {
color: #40bdaa !important;
font-weight: 600 !important;
}
.vc_toggle_default.vc_toggle_color_default .vc_toggle_title h4:before {
color: #40bdaa !important;
margin-right: 2rem !important;
}
.vc_toggle_default.vc_toggle_color_default .vc_toggle_title h4:before,
.vc_tta-color-grey.vc_tta-style-modern .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after,
.vc_tta-color-grey.vc_tta-style-modern .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before,
.vc_tta-color-grey.vc_tta-style-modern .vc_tta-controls-icon::after,
.vc_tta-color-grey.vc_tta-style-modern .vc_tta-controls-icon::before {
border-color: #40bdaa !important;
}
.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body,
.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body::after,
.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body::before {
border-color: transparent !important;
background: transparent !important;
}
.team-member {
background-color: #f2f2f5;
-webkit-transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
height: 200px;
padding-left: 2rem !important;
padding-right: 2rem !important;
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.team-member .vc_separator ~ div,
.team-member:hover .one {
display: none;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.team-member:hover {
background-color: #40bdaa;
}
.team-member:hover .vc_separator ~ div {
opacity: 1;
display: block;
}
.team-member:hover a {
color: #191231 !important;
}
.team-member .vc_separator {
display: none;
} .vc_gitem-post-data-source-post_date {
font-size: 13px;
font-weight: 600;
}
.vc_btn3-container.right-arrow > a {
}
.vc_btn3-container.right-arrow:after {
width: 16px;
height: 16px;
top: 16px;
right: 11px;
}
.vc_gitem-zone > .vc-zone-link:first-child {
background: rgba(25, 18, 49, 0.3);
z-index: 0;
}
body .vc_grid-filter.vc_grid-filter-center.text-left {
text-align: left;
color: white;
}
.vc_gitem-post-category-name {
pointer-events: none;
}
.owl-carousel .owl-stage {
padding-top: 10px;
padding-bottom: 10px;
}
.owl-carousel .owl-item {
box-shadow: 0px 2px 6px rgb(0 0 0 / 24%);
}
.wpex-boxed {
color: initial;
background: #fff;
}
img.blog-single-media-img.wpex-align-middle {
width: 100%;
}
#post-media {
position: relative;
overflow: hidden;
max-height: 60vh;
} .wpex-carousel .owl-dot.active {
background: #191231;
} .ui-slider {
margin-top: 40px;
margin-bottom: 50px !important;
height: 2px;
border: none !important;
background: #ddd;
}
.ui-slider .ui-slider-range {
background: #ccc;
}
.ui-slider > .ui-slider-handle {
margin-top: -7px;
background: transparent;
border-color: transparent;
width: 0;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 12px solid #40bdaa;
border-bottom: none;
margin-left: -12px;
}
.ui-slider > .ui-slider-handle:last-child {
margin-top: 7px;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #40bdaa;
border-top: none;
}
.ui-slider .min,
.ui-slider .max {
display: inline-block;
position: absolute !important;
}
div.slider-wrapper {
padding-left: 13px !important;
padding-right: 13px !important;
} .nu-form input[type="text"] {
display: block;
padding: 0 1.5rem;
height: 48px;
width: 100%;
border-radius: 0;
border-color: #ddd;
color: #191231;
}
.nu-form label {
padding-right: 1rem;
}
.nu-btn,
.nu-btn:hover {
border-radius: 0;
padding-left: 15px;
padding-right: 15px;
height: 48px;
line-height: 1;
position: relative;
}
.arrow-spacer,
.arrow-spacer:hover {
padding-right: 35px;
}
.nu-form button,
.nu-form button:hover {
border-radius: 0;
padding-left: 15px;
padding-right: 35px;
height: 48px;
position: relative;
}
.nu-form button,
.nu-form button:hover {
background: #191231;
color: #40bdaa;
}
.nu-form button:after,
.arrow-spacer:after {
content: "";
width: 14px;
height: 14px;
background-image: url(//ktkgmbh.de/wp-content/uploads/nu_icons/ionic-ios-arrow-forward.svg);
position: absolute;
top: 17px;
right: 15px;
background-size: 14px 14px;
background-repeat: no-repeat;
background-position: center center;
transition: transform 0.3s ease-in-out;
}
.inverted-white:after {
filter: brightness(5);
}
.nu-form-vertical > * {
display: block;
margin-bottom: 1rem;
margin-right: 0;
width: 100%;
text-align: left;
}
.nu-form-vertical .select-styled {
background: #fff;
}
.product-finder {
padding-top: 48px;
}
.woocommerce-cart .row.nu-row input,
.woocommerce-cart .row.nu-row .select-styled {
border: none !important;
background: transparent;
padding-left: 0;
}
.woocommerce-cart .row.nu-row {
background: #fff;
padding: 0.75em 1.5em;
margin: 0 !important;
margin-bottom: 2px !important;
}
.woocommerce-cart .row.nu-row.strong {
background: #191231;
color: white;
font-weight: normal;
}
.woocommerce-cart .nu-row .nu-delete {
position: absolute;
margin-top: -3px;
}
.woocommerce-cart #finish-form-target {
margin-top: 1em;
}
.woocommerce-cart #finish-form-target > div > button {
margin-top: 2rem;
}
.color-select > .select-styled {
font-size: 0;
} .customcheck {
display: inline-block;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 28px;
height: 28px;
margin-top: 1rem;
margin-right: 1rem;
}
.customcheck input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border: 2px solid #f1f2f5;
box-shadow: 0 1px 2px #cccccc;
}
.customcheck:hover input ~ .checkmark {
}
.customcheck input:checked ~ .checkmark {
border-color: #40bdaa;
}
input[type="checkbox"] {
position: relative;
} .div-table {
display: table;
width: 100%;
max-width: 100vw;
border-collapse: collapse;
overflow-x: auto;
}
.div-table-head {
display: table-header-group;
}
.div-table-body {
display: table-row-group;
border-collapse: separate;
border: 1px solid #ddd;
background-color: #fff;
}
.div-table-row {
display: table-row;
width: auto;
clear: both;
}
.div-table-col {
display: table-cell;
vertical-align: top;
min-width: 100px;
padding: 13px 0;
}
.div-table-body .div-table-col:not(.col-spacer) {
border-bottom: 1px solid #ddd;
}
.col-spacer {
width: 2.5rem;
min-width: 2.5rem;
}
.div-table-row.row-parent {
background: #f2f2f5;
}
.div-table-col {
position: relative;
}
.div-table-body.closed .div-table-row.row-child {
display: none;
}
.div-table-body .toggle {
cursor: pointer;
}
.div-table-body .toggle:before {
content: "";
width: 14px;
height: 14px;
background-image: url(//ktkgmbh.de/wp-content/uploads/nu_icons/ionic-ios-arrow-forward.svg);
position: absolute;
top: 17px;
left: -15px;
background-size: 14px 14px;
background-repeat: no-repeat;
background-position: center center;
transition: transform 0.3s ease-in-out;
}
.div-table-body.closed .toggle:before {
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.div-table-body.open .toggle:before {
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.row-parent > .div-table-col {
font-weight: 600;
}
.div-table.lieferprogramm .div-table-body {
border: none;
}
.div-table.lieferprogramm .div-table-col {
border: none;
padding-left: 1rem;
border-bottom: 2px solid #fff;
font-size: 16px;
}
.div-table.lieferprogramm.secondary .div-table-head {
background: #191231;
color: white;
}
.div-table.lieferprogramm.secondary .div-table-col {
border-bottom: 2px solid #eee;
}
.div-table.alternative .div-table-col {
border-bottom: none;
}
.div-table.alternative .div-table-body:nth-child(odd) > div {
background: #fff;
} .div-table.alternative .row-child:not(:last-child) {
border-bottom: 1px solid #40bdaa;
border-bottom: 0.8px solid #40bdaa;
}
.div-table.alternative .div-table-head {
border-bottom: 4px solid #40bdaa;
}
.div-table.lieferprogramm:not(.no-heading-pad) .div-table-head .div-table-col {
padding-left: 0 !important;
}
.pad-l-0 {
padding-left: 0 !important;
}
.div-table-row.row-child:hover {
color: #40bdaa;
}
.nu-header {
position: fixed;
left: 0;
right: 0;
z-index: 3;
box-shadow: 0 0px 8px rgba(0, 0, 0, 0.09);
}
#main {
padding-top: 204px;
}
.home #main {
padding-top: 164px;
}
.ellipsis {
max-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.addConfigProduct,
.addConfiProduct:hover {
border: 1px solid #ddd;
background: none !important;
padding-left: 10px !important;
padding-right: 10px !important;
color: #40bdaa !important;
font-size: 15pt;
font-weight: bold;
line-height: 1;
}
.addConfigProduct + button {
float: right;
}
.row.nu-row > div:last-child {
text-align: right;
}
.woocommerce-billing-fields {
margin-top: 3rem;
}
.woocommerce-billing-fields + textarea + button {
float: right;
margin-top: 2rem;
}
.vc_tta-color-white.vc_tta-style-flat .vc_tta-tab.vc_active > a {
background: #f2f2f5 !important;
}
.text-center {
text-align: center;
}
.strong {
font-weight: bold;
}
.pr {
padding-right: 15px;
}
.wcmenucart-details.count.t-bubble {
background: #40bdaa;
color: #ffffff;
font-size: 13px;
padding-left: 1px;
}
.added_to_cart.wc-forward {
display: none;
}
.ajax_add_to_cart,
.add_to_cart_button,
.disabled_add_to_cart_button {
background: #40bdaa;
color: transparent !important;
width: 22px;
height: 22px;
display: block;
vertical-align: middle;
position: absolute !important;
top: 1.35rem;
padding: 0;
border-radius: 0;
right: 1.35rem;
}
.ajax_add_to_cart:after,
body:not(.single-product) .add_to_cart_button:after {
content: "";
width: 100%;
height: 100%;
display: block;
background-image: url(//ktkgmbh.de/wp-content/uploads/nu_icons/ionic-ios-arrow-forward.svg);
background-size: 14px 14px;
z-index: 2;
background-repeat: no-repeat;
filter: brightness(5);
top: 0;
position: absolute !important;
background-position: center center;
}
.single-product .add_to_cart_button:not(.ajax_add_to_cart) {
background: url(//ktkgmbh.de/wp-content/uploads/nu_icons/merkzettel.svg);
background-size: 100% 100% !important;
top: 1rem;
height: 27px;
width: 22px;
}
.single-product .add_to_cart_button2:not(.ajax_add_to_cart) {
background: url(//ktkgmbh.de/wp-content/uploads/nu_icons/zuschnitt-gruen-lieferprogramm.png);
width: 35px;
background-size: 35px !important;
background-position: center center;
background-repeat: no-repeat;
}
.disabled_add_to_cart_button {
background: #444 !important;
}
div#payment {
display: none;
}
.font-16 {
font-size: 16px;
}
body .font-16 .tick-list-container li {
margin-bottom: 11px;
}
button {
border-radius: 0 !important;
}
.single-post #content-wrap {
max-width: 800px;
}
.related-posts {
display: none;
}
.sidr-class-mobile-menu-searchform input {
border-bottom: 2px solid #fff !important;
display: block;
}
form.sidr-class-mobile-menu-searchform {
width: 100%;
padding: 20px;
}
.sidr-class-searchform-submit {
right: 35px !important;
}
.sidr-class-searchform-submit .ticon-search:before {
opacity: 1;
}
@media only screen and (min-width: 1600px) {
#footer {
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (min-width: 767px) and (max-width: 1330px) {
.wpex-row .span_1_of_3 {
width: 50%;
}
} @media only screen and (max-width: 960px) {
body #site-header-inner {
padding-bottom: 0;
}
header:after {
content: "";
height: 15px !important;
}
.content-padding {
padding: 2rem;
}
body .vc-max-width-80,
body .vc_section[data-vc-full-width] > .vc-max-width-80 {
margin: 0;
}
body .header-margin {
margin-bottom: -3px;
}
h1.wpex-text-3xl {
font-size: 35px;
}
.product-subgroups {
font-size: 17px;
}
#main {
padding-top: 164px;
}
.home #main {
padding-top: 125px;
}
.right-arrow:after {
top: 8px;
right: 0;
}
}
@media only screen and (min-width: 865px) {
.section-padding > .vc_row {
padding-left: 5.5rem;
padding-right: 5.5rem;
}
.single-blog-article {
padding: 5.5rem;
}
}
@media only screen and (max-width: 865px) {
#footer {
padding-left: 3.5rem;
padding-right: 3.5rem;
}
.section-padding > .vc_row {
padding-left: 3.25rem;
padding-right: 3.25rem;
}
.single-blog-article {
padding: 3.25rem;
}
} @media only screen and (max-width: 767px) {
#top-bar-content {
display: none;
}
.select-styled,
.select-hidden,
.nu-form > * {
display: block;
}
.nu-form > * {
margin-bottom: 1rem;
}
.vcex-shortcode > div:not(.div-table) {
display: block;
float: none;
}
#main {
padding-top: 113px;
}
.home #main {
padding-top: 73px;
}
#top-bar-wrap {
height: 15px;
}
#footer-bottom {
min-height: 37px;
}
.footer-bottom-flex:after {
content: "";
display: block;
clear: both;
}
a.product-nav-item {
display: block;
}
.nu-form button,
.nu-form button:hover {
display: block;
width: 100%;
}
.vc_toggle {
margin-bottom: 0 !important;
margin-top: 2rem !important;
}
.select {
width: 100%;
}
.table-collapse .div-table-row .div-table-col {
display: block;
padding: 1rem;
padding-right: 0;
border: none !important;
}
.table-collapse .div-table-col {
border: none;
position: static;
}
.table-collapse .div-table-row {
margin-bottom: 4px;
position: relative;
display: block;
}
.table-collapse .div-table-col a.add_to_cart_button,
.add_to_cart_button {
display: inline-block;
position: initial !important;
left: auto;
right: auto;
right: auto;
margin-right: 5px;
}
body:not(.single-product) .table-collapse .add_to_cart_button:after {
position: relative !important;
margin-top: -25px;
}
.table-collapse .div-table-col .color-box {
margin: 0 !important;
position: initial !important;
}
.table-collapse .div-table-body .toggle:before {
right: 1em;
top: 1em;
left: auto;
}
.table-collapse .div-table-row.row-child {
border-bottom: 1px solid #ddd;
}
.desktop-only {
display: none !important;
}
.table-collapse .cart-delete {
position: absolute;
top: 1rem;
right: 0;
}
.site-breadcrumbs {
display: none !important;
}
} @media only screen and (min-width: 768px) {
[id] {
scroll-margin-top: 215px;
}
body .header-margin > .vc_column-inner {
margin-right: 25px;
width: auto;
}
.nu-form > *:not(:last-child) {
margin-right: 1.5rem;
}
.nu-form-horizontal {
float: right;
display: inline-block;
width: auto;
}
.hidden-desktop,
.mobile-only {
display: none !important;
}
#top-bar-content {
display: flex;
align-items: center;
}
}
@media only screen and (min-width: 520px) {
.productfinder-result {
width: 30%;
}
} @media only screen and (max-width: 520px) {
.product-subgroups {
font-size: 16px;
}
.footer-bottom-flex > * {
display: block;
float: none !important;
line-height: 1.75;
}
.hidden-mobile {
display: none !important;
}
.vcex-terms-carousel .entry-title {
font-size: 1em;
}
.vcex-terms-grid-entry-title:after {
background-size: 15px 15px;
height: 15px;
width: 15px;
margin-left: 0.75rem;
}
.vc_section[data-vc-full-width] > .vc_row {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
#footer-inner {
width: auto;
max-width: 100%;
margin: 0 !important;
padding: 0 !important;
}
#footer {
padding-left: 2.75rem;
padding-right: 2.75rem;
}
.wpex-vc-column-spacing-60 .vc_column-inner {
padding-left: 15px !important;
padding-right: 15px !important;
}
.content-padding {
padding: 2rem 1rem;
}
h1 {
font-size: 42px !important;
}
h2 {
font-size: 28px !important;
}
h3 {
font-size: 22px !important;
}
.vc_section {
padding-left: 0;
padding-right: 0;
}
} @media only screen and (max-width: 330px) {
.product-subgroups {
font-size: 15px;
}
.content-padding {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
} @media only screen and (min-width: 960px) {
#site-logo {
margin-top: -40px;
}
.wpml-ls-menu-item {
display: none !important;
}
} @media only screen and (min-width: 800px) {
body .label-left .nf-field-label {
width: 125px;
}
body .label-left .nf-field-element {
width: calc(100% - 125px);
}
body #nf-field-20-wrap .nf-field-label {
width: 60px;
}
body #nf-field-20-wrap .nf-field-element {
width: calc(100% - 60px);
}
}
.ktk-custom-box {
position: fixed;
z-index: 100;
display: flex;
max-width: 400px;
}
.bottom.right {
flex-direction: column;
}
.bottom.right > .ktk-custom-box-triangle {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #f0ca41;
margin-left: auto;
margin-right: 5px;
}
.center.left > .ktk-custom-box-triangle { width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #f0ca41;
margin-top: 5px;
}
.center.left {
flex-direction: row-reverse;
}
.center.right > .ktk-custom-box-triangle { width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 6px solid #f0ca41;
margin-top: 5px;
}
.ktk-custom-box-container {
background-color: #f0ca41;
padding: 13px;
}
.no-delete .del-btn-container {
display: none;
}
.nu-delete {
background: none !important;
font-size: 14pt;
padding: 0;
color: #40bdaa !important;
}
.nu-row {
margin-bottom: 15px !important;
}
body.search .wpex-post-cards-simple_3 .wpex-post-cards-entry {
margin: 20px !important;
}
.search-result-counter {
margin: 20px;
}
.add_to_cart_button2 {
right: unset;
}
li.option-all {
font-size: 0;
}
html[lang="en-US"] li.option-all:after {
content: "All";
font-size: initial;
}
html[lang="de-DE-formal"] li.option-all:after {
content: "Alle";
font-size: initial;
}
.vcex-terms-grid-entry-overlay-bg {
opacity: 0 !important;
}
.vcex-terms-grid-entry-overlay-content {
height: auto;
position: absolute;
bottom: 0;
background: rgba(109, 210, 189, 0.7);
padding: 8px;
}
.vcex-terms-carousel-entry:hover .vcex-terms-grid-entry-overlay-content {
background: rgba(255, 255, 255, 0.7);
}
.entry-title {
line-height: 1.8;
}
.d-flex {
display: flex;
}
.d-flex.space-between {
justify-content: space-between;
}
.force-white {
filter: invert(1) brightness(2);
}
.breadcrumb-trail img {
height: 24px;
}
.mobile-breadcrumbs {
background-color: #40bdaa;
color: #191231;
}
.productfinder-result {
min-width: 100px;
}
.nf-response-msg {
padding: 1.25rem;
font-size: 1.1em;
background: rgb(245, 245, 245);
}
div#top-bar {
overflow-y: visible;
z-index: 1001;
}
body .wpml-ls-legacy-list-horizontal a {
padding: 0;
line-height: inherit;
}
body:not(.logged-in) .hidden-logged-out {
display: none !important;
}
.wpml-ls-legacy-dropdown-click {
width: auto;
}
.wpml-ls-legacy-dropdown-click a {
background: inherit !important;
color: inherit !important;
border: none;
text-decoration: none !important;;
}
a.js-wpml-ls-item-toggle.wpml-ls-item-toggle {
border: none;
background: none !important;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
content: "";
width: 14px;
height: 14px;
background-image: url(//ktkgmbh.de/wp-content/uploads/nu_icons/ionic-ios-arrow-forward.svg);
position: absolute;
top: 10px;
right: 2px;
border: 0;
background-size: 14px 14px;
background-repeat: no-repeat;
background-position: center center;
-ms-transform: rotate(90deg);
transform: rotate(90deg);
transition: transform 0.3s ease-in-out;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
border-top: 3px solid rgb(64, 189, 170);
}
a[href="#order"] > span,
a[href="#enquiry"] > span {
font-size: 0;
}
a[href="#order"] > span:after,
a[href="#enquiry"] > span:after {
font-size: initial;
display: inline-block !important;
}
html[lang="de-DE-formal"] a[href="#order"] > span:after {
content: "Ihre Bestellung" !important;
}
html[lang="de-DE-formal"] a[href="#enquiry"] > span:after {
content: "Ihre Anfragen" !important;
}
html[lang="en-US"] a[href="#order"] > span:after {
content: "Your order" !important;
}
html[lang="en-US"] a[href="#enquiry"] > span:after {
content: "Your inquiry" !important;
}
.confirm-box {
margin-top: 1em;
margin-bottom: 0.25em;
}
.required {
color: red;
text-decoration: none;
}
.cart-delete > div {
background-position: center !important;
background-repeat: no-repeat !important;
}
.justify-end {
justify-content: flex-end;
}
.arrow-dark {
filter: brightness(0.3);
}
body .bg-size-100 {
background-size: 100% 100% !important;
}
body .gradient-green {
background: #3DAB8B;
background: linear-gradient(90deg, rgba(61, 171, 139, 1) 0%, rgba(74, 216, 177, 1) 100%) !important;
}
body .ratio-2 {
aspect-ratio: 2;
} .background-right > * {
position: absolute;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
}
.background-right img {
height: 85%;
max-height: 270px;
width: auto;
margin-right: 1vw;
}
.teaser-content > .vc_column-inner > .wpb_wrapper, .teaser-content > .vc_column-inner > .wpb_wrapper > .vc_row {
height: 100%;
}
@media only screen and (max-width: 767px) {
.background-right img {
max-height: 200px;
}
}