@import url('//fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic,500,500italic,700,700italic,900,900italic.less');
.h1,
h1 {
  font-size: 36px;
}
.h2,
h2 {
  font-size: 24px;
}
.h3,
h3 {
  font-size: 21px;
}
.h4,
h4 {
  font-size: 18px;
}
.h5,
h5 {
  font-size: 16px;
}
.h6,
h6 {
  font-size: 14px;
}
/*
*   Suche einen Abschnitt für deine Ergänzungen
* //Download
* //Videos
* //Buttons
* //Cookie
* //Top Links Menu
* //Menu
* //Mageplaza Popup / Anmeldepopup /Modalfenster
* //Login page / Create account /Forgot password
* //HEADER
* //FOOTER
* //Listing
* //ORBITVU
* //Product view
* //Product Tab
* //TKR Tabelle
* //TKR Mediaübersicht
* //Tooltip
* //Warenkorb
* //Checkout
* //Account
* //InstantSearch
* //Promobanner
* //Test-Page CSS
*/
html,
body,
main {
  overflow-x: hidden !important;
  color: #787877;
  font-family: "Roboto", arial, tahoma;
  font-weight: normal;
  font-size: 14;
}
#mainMenu {
  font-family: "Roboto";
}
label {
  white-space: normal !important;
}
a:hover {
  color: #009641;
}
.page-products main #maincontent,
.catalog-product-view main #maincontent {
  background-color: #f8f8f8;
  padding-top: 40px;
  padding-bottom: 0;
  margin-top: 0;
}
.page-products main img.main-image,
.catalog-product-view main img.main-image {
  width: 100%;
  max-width: 1196px;
}
.page-products main .breadcrumbs,
.catalog-product-view main .breadcrumbs {
  margin-bottom: 0;
}
.page-products main .footer,
.catalog-product-view main .footer {
  margin-top: 0;
}
.page-title-wrapper {
  background: #f7f7f7;
}
.sidebar {
  padding-bottom: 15px;
}
.box-middle {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.box-middle .fogot-title {
  font-size: 3rem;
}
.box-middle .fogot-content {
  margin-top: 20px;
  font-size: 16px;
}
@media (max-width: 767px) {
  .container-center colgroup {
    display: none;
  }
  .container-center th,
  .container-center td {
    display: block;
  }
}
.top-news {
  background: #ee741f;
  color: #ffffff;
  text-align: center;
}
.top-news .btn-link {
  border: 1px solid #ffffff;
  padding: 5px 15px;
}
.container-center {
  font-size: 16px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1196px;
}
.container-center div:first-child img {
  width: 100%;
}
.container-center ol {
  margin-left: 1em;
}
.container-center.lidec .textbox li {
  list-style: decimal;
}
.container-center #tkr-data-table {
  overflow-y: auto;
}
.container-center #tkr-data-table .tkr_select_down {
  width: 100%;
  padding: 5px;
}
.container-center #tkr-data-table .tkr_data-table thead.tnew th,
.container-center #tkr-data-table .tkr_data-table tbody.tnew td {
  border-bottom: 1px inset silver;
}
.container-center #tkr-data-table .tkr_data-table th.tkr_link.new,
.container-center #tkr-data-table .tkr_data-table td.tkr_link.new {
  background-color: #e4f2ff;
  line-height: 1;
  white-space: nowrap;
}
.container-center .videodownload video {
  width: 100%;
}
.container-center .videodownload .video-box {
  display: flex;
  justify-content: space-between;
}
.container-center .videodownload .video-box .box1 {
  padding-right: 15px;
  width: 50%;
}
.container-center .videodownload .video-box .box2 {
  padding-left: 15px;
  width: 50%;
}
@media only screen and (max-width: 480px) {
  .container-center video {
    width: 100%;
  }
  .container-center .videodownload .video-box {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .container-center .videodownload .video-box .box1 {
    padding-right: 0;
    width: 100%;
  }
  .container-center .videodownload .video-box .box2 {
    padding-left: 0;
    width: 100%;
  }
}
.start-page .container {
  padding-left: 0;
  padding-right: 0;
}
.start-page .container .row {
  margin-right: 0;
  margin-left: 0;
}
.start-page .container .row .col-lg-12,
.start-page .container .row .col-md-12 {
  padding-right: 0;
  padding-left: 0;
}
.start-page .container .row .col-lg-12 .promobanner,
.start-page .container .row .col-md-12 .promobanner {
  width: 100%;
}
h2.tkrheader {
  color: #009641;
  font-size: 26px;
}
hr {
  border: 2px solid #f4f4f4;
}
video {
  max-width: 100%;
}
a:hover,
a:focus,
a:active {
  color: #009641;
}
.slink {
  color: #009641;
}
#red-note,
.red-note {
  color: #009641;
}
button {
  width: fit-content;
}
.btn-grad {
  color: #ffffff;
  background-color: #009641;
  background-image: linear-gradient(160deg, #009641 0%, #007834 75%);
}
.btn-default {
  color: #009641;
  border: 1px solid #009641;
  background-color: #fff;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active {
  color: #fff;
  border: 1px solid #009641;
  background-color: #009641;
}
.btn-default2 {
  color: #fff;
  border: 2px solid #fff;
  background-color: transparent;
}
.btn-default2:hover,
.btn-default2:focus,
.btn-default2:active {
  color: #fff;
  border: 2px solid #009641;
  background-color: #009641;
}
.btn-primary {
  color: #fff;
  border: 2px solid #222;
  background-color: #222;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  color: #fff;
  border: 2px solid #009641;
  background-color: #009641;
}
.btn-secondary {
  color: #fff;
  border: 2px solid #009641;
  background-color: #009641;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  color: #fff;
  border: 2px solid #222;
  background-color: #222;
}
.btn-gray {
  color: #fff;
  border: 2px solid #222;
  background-color: #222;
}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active {
  color: #fff;
  border: 2px solid #666 !important;
  background-color: #666 !important;
}
.btn-full {
  width: 100%;
}
.message.global.cookie .content .actions button {
  background: #009641 !important;
  text-decoration: none;
}
.message.global.cookie .content .actions button:hover {
  color: #ffffff;
}
@media (min-width: 768px) {
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}
@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}
@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}
.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}
.megamenu-content {
  scrollbar-width: thin;
}
.megamenu-content .nav.nav-tabs {
  height: 110px;
}
.megamenu-content .nav.nav-tabs .tkrlogo .tkrlg {
  width: 110px;
  height: 90px;
  padding-top: 20px !important;
  padding-left: 30px !important;
}
.megamenu-content .nav.nav-tabs .tkrlogo a.tkrlg:before {
  content: url(../images/logo_tkr-service_min.svg);
}
.megamenu-content .nav.nav-tabs .active .setting-language:before {
  display: none;
}
.megamenu-content .nav.nav-tabs .tkrlogo #menu-back:before {
  display: block;
  font-size: 24px;
  font-weight: 100;
  content: "\e93a";
  font-family: 'tkr-icons';
  position: absolute;
  top: -83px;
  right: 20px;
}
.megamenu-content .nav.nav-tabs .tkrlogo.active #menu-back:before {
  display: none;
}
.megamenu-content .setting-language:before {
  display: block;
  font-size: 24px;
  font-weight: 100;
  content: "\e937";
  font-family: 'tkr-icons';
  position: absolute;
  top: -83px;
  right: 20px;
}
.megamenu-content #switcher-language-nav .dropdown-menu {
  width: 100%;
  left: 0;
}
.megamenu-content #switcher-language-nav .dropdown-menu li {
  background-color: #f0f0f0;
  font-size: 14px;
}
.megamenu-content #switcher-language-nav .switcher-toggle {
  border-top: 1px solid #d2d1d1;
  padding: 10px 28px 10px 33px;
}
.megamenu-content #switcher-language-nav .switcher-toggle .fa.fa-plus {
  float: right;
  color: #575757;
  margin-top: 5px;
}
.megamenu-content #switcher-language-nav .switcher-toggle .tkr-sprachen {
  display: none;
}
.megamenu-content #switcher-language-nav.open .fa-plus::before {
  content: "\f068";
}
.megamenu-content #mainMenu .megamenu-homelink,
.megamenu-content #vertical-menu-2 .megamenu-homelink {
  border-top: 1px solid #d2d1d1;
}
.megamenu-content #mainMenu li.level0:first-child,
.megamenu-content #vertical-menu-2 li.level0:first-child {
  border-top: 1px solid #d2d1d1;
}
.megamenu-content #mainMenu li.level1,
.megamenu-content #vertical-menu-2 li.level1 {
  background-color: #f0f0f0;
}
.megamenu-content #mainMenu li.level1 a .label-menu,
.megamenu-content #vertical-menu-2 li.level1 a .label-menu {
  display: none;
}
.megamenu-content #mainMenu li.level1 a:first-child,
.megamenu-content #vertical-menu-2 li.level1 a:first-child {
  padding-left: 50px !important;
}
.megamenu-content #mainMenu li.level1 .toggle-menu a,
.megamenu-content #vertical-menu-2 li.level1 .toggle-menu a {
  padding-left: 0 !important;
}
.megamenu-content #mainMenu li.level1 li.level2,
.megamenu-content #vertical-menu-2 li.level1 li.level2 {
  background-color: #e1e1e1;
}
.megamenu-content #mainMenu li.level1 li.level2 a,
.megamenu-content #vertical-menu-2 li.level1 li.level2 a {
  padding-left: 67px !important;
}
.megamenu-content #mainMenu li.level1 li.level2 a .label-menu,
.megamenu-content #vertical-menu-2 li.level1 li.level2 a .label-menu {
  display: none;
}
@media (min-width: 1200px) {
  .megamenu-content .nav.nav-tabs .tkrlogo #menu-back:before {
    right: 80px;
  }
  .megamenu-content .setting-language:before {
    right: 80px;
  }
}
#social-login-popup .block-container .login-left {
  width: 60%;
  background-color: #fff;
}
#social-login-popup .block-container .login-left .social-login-title {
  font-size: 4rem;
  text-align: center;
}
#social-login-popup .block-container .login-left .form-instructions {
  color: #b3b3b3;
  text-align: center;
}
#social-login-popup .block-container .login-left .content {
  width: fit-content;
  margin: 45px auto 60px;
  font-size: 16px;
}
#social-login-popup .block-container .login-left .content .benefits {
  list-style: disc;
}
#social-login-popup .block-container .login-left .buttons-set {
  text-align: center;
}
#social-login-popup .block-container .login-right {
  width: 40%;
  text-align: center;
  color: #ffffff;
  background-color: #009641;
  background-image: linear-gradient(to bottom, #009641, #007834);
}
#social-login-popup .block-container .login-right .captcha .nested {
  margin-top: 20px;
}
#social-login-popup .block-container .login-right .captcha .nested .captcha-reload {
  margin-top: 20px;
}
#social-login-popup .block-container .login-right .social-login-title {
  color: #fff;
  font-size: 4rem;
}
#social-login-popup .block-container .login-right input[type="text"],
#social-login-popup .block-container .login-right input[type="password"],
#social-login-popup .block-container .login-right input[type="email"] {
  border: none;
  border-radius: 20px;
  height: 40px;
  background: #fff3;
  padding-left: 30px;
  color: #ffffff;
  font-size: 14px;
}
#social-login-popup .block-container .login-right #social-form-login .field.email {
  margin-bottom: 30px;
}
#social-login-popup .block-container .login-right #social-form-login .field.password {
  margin-bottom: 0;
}
#social-login-popup .block-container .login-right #social-login-authentication {
  overflow-y: hidden;
}
#social-login-popup .block-container .login-right .form-password-forget .field.email .label {
  color: #ffffffc2;
}
#social-login-popup .block-container .login-right .form-password-forget .field.email .mage-error {
  color: #2b2b2b;
}
#social-login-popup .block-container .login-right .form-password-forget .actions-toolbar .secondary .back {
  color: #ffffffc2;
}
@media (max-width: 768px) {
  #social-login-popup .block-container .login-left {
    display: none;
  }
  #social-login-popup .block-container .login-right {
    width: 100%;
  }
  .mfp-wrap .mfp-container {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-wrap .mfp-container .mfp-content,
  .mfp-wrap .mfp-container #social-login-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin-top: 0;
  }
  .mfp-wrap .mfp-container .social-login {
    min-height: 100%;
  }
  .mfp-wrap .mfp-container #social-login-popup {
    border-radius: 0;
    overflow-y: scroll;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
  }
  .mfp-wrap .mfp-container #social-login-popup::-webkit-scrollbar {
    display: none;
  }
}
.modal-content {
  padding: 35px;
}
.modal-popup.confirm .modal-footer .action-secondary {
  border: 2px solid #009641;
  background-color: #009641;
}
.modal-popup.confirm .modal-footer .action-primary:hover {
  border: 2px solid #009641;
  background-color: #009641;
}
.form-create-account .fieldset + .fieldset {
  margin-top: 20px;
}
#maincontent .login-container .block.block-customer-login {
  padding-right: 30px;
}
#maincontent .login-container fieldset.login a {
  display: block;
}
#maincontent .row .form-wrapper,
#maincontent .form-password_forget,
#maincontent .form-password_forget--reset,
#maincontent .login-container,
#maincontent .sitemapSection {
  display: table;
  max-width: 1330px;
  width: 100%;
  margin-top: 15px;
  padding: 25px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 0 8px #e6e6e6;
}
#form-validate .open-popup-link {
  display: none;
}
#form-validate .company_legal_form fieldset.tkr .admin__field.required label::after,
#form-validate .eori_nr fieldset.tkr .admin__field.required label::after {
  color: #ff0000;
  content: "*";
  font-size: 13px;
  margin: 0 0 0 3px;
}
@media (min-width: 1360px) {
  #maincontent .row .form-wrapper,
  #maincontent .form-password_forget,
  #maincontent .form-password_forget--reset,
  #maincontent .login-container,
  #maincontent .sitemapSection {
    margin-right: auto;
    margin-left: auto;
    margin-top: 40px;
    padding: 65px;
  }
}
@media (min-width: 769px) {
  #form-validate .company_legal_form,
  #form-validate .eori_nr {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  #form-validate .company_legal_form fieldset.tkr,
  #form-validate .eori_nr fieldset.tkr {
    width: 100%;
  }
  #form-validate .company_legal_form fieldset.tkr .field,
  #form-validate .eori_nr fieldset.tkr .field {
    margin-bottom: 0 !important;
  }
  #form-validate .company_legal_form fieldset.tkr .admin__field.required label::after,
  #form-validate .eori_nr fieldset.tkr .admin__field.required label::after {
    color: #ff0000;
    content: "*";
    font-size: 13px;
    margin: 0 0 0 3px;
  }
  #form-validate .company_legal_form a,
  #form-validate .eori_nr a {
    line-height: 1;
    padding-right: 20px;
  }
  #form-validate .company_legal_form a i,
  #form-validate .eori_nr a i {
    font-size: 4rem;
  }
  #form-validate .company_legal_form .open-popup-link,
  #form-validate .eori_nr .open-popup-link {
    display: block;
  }
  #form-validate .fieldset > .field:not(.company_legal_form):not(.eori_nr) {
    margin-left: 60px;
  }
  #form-validate #vat_number_container {
    margin-bottom: 15px;
  }
  #maincontent .row .form-wrapper,
  #maincontent .form-password_forget,
  #maincontent .form-password_forget--reset,
  #maincontent .login-container {
    border-radius: 40px;
  }
}
@media (max-width: 768px) {
  #maincontent .row .form-wrapper,
  #maincontent .form-password_forget,
  #maincontent .form-password_forget--reset,
  #maincontent .login-container,
  #maincontent .form.send.confirmation {
    padding: 0;
    box-shadow: 0 0;
  }
}
.header .logo-header .logo img {
  max-height: 50px !important;
}
.header #login-button {
  background: none;
  border: none;
  color: #000;
  font-size: 24px;
  line-height: 1;
  display: block;
}
.header .search-close:hover {
  color: #009641;
}
.minicart-wrapper .action.showcart:before {
  content: "\e90a";
  font-family: 'tkr-icons';
}
.middle-header-content {
  background-color: #fff;
  padding: 0 30px;
}
.middle-header-content .col-xs-2,
.middle-header-content .col-xs-4 {
  padding: 0;
}
.middle-header-content .dropdown-menu {
  right: 0;
  left: auto;
  border: none;
  padding: 0;
  margin: 0;
}
.middle-header-content .dropdown-menu li a:not(.no-display) {
  padding: 12px 15px 8px;
  display: block;
}
.middle-header-content .dropdown-menu li:not(:last-child) a {
  border-bottom: 1px solid #eee;
}
.middle-header-content #switcher-language {
  float: left;
  cursor: pointer;
  margin-left: 15px;
}
.middle-header-content #switcher-language .switcher-toggle img {
  display: none;
}
.middle-header-content #switcher-language .switcher-toggle .sprachen-name {
  display: none;
}
.middle-header-content #switcher-language .switcher-toggle .tkr-sprachen {
  font-size: 24px;
  color: #2d2d2d;
  padding-top: 11px;
  padding-left: 5px;
}
.middle-header-content #switcher-language .dropdown-menu li a {
  padding: 12px 15px 8px;
}
.middle-header-content #switcher-language .fa-plus {
  display: none;
}
@media (max-width: 768px) {
  .header .mobile-toplinks .dropdown-menu,
  .header #switcher-language .dropdown-menu {
    position: fixed;
    top: 60px;
    width: 100%;
  }
  .header .middle-header-content {
    padding: 0;
  }
  .header .middle-header-content .header-wl {
    display: none;
  }
  .logo-header .logo img {
    width: 100px;
  }
}
.footer .middle-footer {
  /*background: #5b5b5b;*/
  padding-right: 20px;
  padding-left: 20px;
  background-color: transparent;
}
.footer .middle-footer a,
.footer .middle-footer h6,
.bottom-footer .container {
  color: lightgrey;
}
.footer-container {
  max-width: inherit;
  -moz-box-shadow: inset 0 30px 30px -30px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 30px 30px -30px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: inset 0 30px 30px -30px rgba(0, 0, 0, 0.5);
  -o-box-shadow: inset 0 30px 30px -30px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 30px 30px -30px rgba(0, 0, 0, 0.5);
  background: url(/media/footer/footer_bg.jpg) !important;
}
@media (min-width: 992px) {
  .page-layout-2column #layered-filter-block {
    background-color: #ffffff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    padding: 30px;
    box-shadow: 0 0 8px #e6e6e6;
  }
}
@media (max-width: 991px) {
  .filter-open .catalog-category-view.page-layout-2columns-left .block.filter .block-content.filter-content {
    overflow-y: auto;
    scrollbar-width: thin;
  }
}
.block.filter .block-content.filter-content .filter-options-item .filter-options-content ol.items .item {
  padding: 0 50px 0 0;
}
.page-products .page-wrapper .page-title-wrapper {
  display: none;
}
.lazy-loading-img .products-grid .product-item-info .product-top {
  background: none;
}
.products-grid .product-items {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.products-grid .product-item-info .product-list-wrapper {
  background-color: #ffffff;
  border-radius: 30px 30px 0 0;
  box-shadow: 0 0 8px #e6e6e6;
  padding: 15px;
  min-height: calc(100% - 30px);
}
.products-grid .product-item-info .product-top img {
  position: relative;
}
.products-grid .product-item-info .artcard_buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  height: 30px;
  background: #ffffff;
  border-radius: 0 0 30px 30px;
  box-shadow: 0 5px 8px #ededed;
}
.products-grid .product-item-info .artcard_buttons .towishlist {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 0 0 30px;
  background-color: #f8f8f8;
  box-shadow: 0 2px 8px #e6e6e6;
  border: none;
  font-size: 24px;
}
.products-grid .product-item-info .artcard_buttons .towishlist:hover {
  box-shadow: 0 3px 7px #cccccc inset;
}
.products-grid .product-item-info .artcard_buttons form {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 0 30px 0;
  background-color: #009641;
  /* For browsers that do not support gradients */
  background-image: linear-gradient(to bottom right, #009641 40%, #007834);
  box-shadow: 0 0 1px #007834;
}
.products-grid .product-item-info .artcard_buttons form:hover {
  box-shadow: -2px 3px 9px #652525 inset;
}
.products-grid .product-item-info .artcard_buttons .tocart.btn-cart {
  margin-top: 3px;
  background-color: transparent;
}
.products-grid .product-item-info .artcard_buttons .product-label.sold-out-label {
  position: static;
  width: 100%;
  max-width: 100%;
  border-radius: 0 0 30px 30px;
}
.products-grid .product-item-info .tocart.btn-cart .text {
  display: none;
}
.orbitvu-lightbox-slide,
.orbitvu-lightbox-thumbs {
  background: #ffffff;
}
.orbitvu-lightbox-thumbs {
  left: 0px;
  right: 0px;
}
.products-grid .product-item-info.disable_hover_effect .tocart.btn-cart.hover_effect {
  border: none;
  margin: 0;
  color: #fff;
}
.box3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.box3 .required {
  color: #cc3333;
  white-space: nowrap;
}
.page-title-wrapper.product {
  display: none;
}
.content-heading .block-note {
  margin-left: auto;
  margin-right: auto;
}
.product-detail-infomation-content {
  padding: 20px 10px;
}
.product-data-items-menu {
  width: 100%;
  margin: 0 auto -3px;
}
.product-data-items-menu .data.item.title {
  width: 33%;
}
.product-data-items-menu .data.item.title .data.switch {
  height: auto;
  border: none;
  text-align: center;
}
.product-data-items-content {
  border-radius: 20px;
  box-shadow: 0 0 20px #e8e8e8;
  padding: 25px 25px;
}
.product-detail-infomation-sticky-parent .product-detail-infomation,
.product-detail-infomation-sticky-parent .product-images {
  border-radius: 50px;
  box-shadow: 0 0 6px #dedede;
  padding: 15px 25px;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .product-detail-infomation-sticky-parent .product-detail-infomation,
  .product-detail-infomation-sticky-parent .product-images {
    border-radius: 20px;
    -webkit-border-radius: 20px;
  }
}
.toolbar .form-item-select {
  border-radius: 0;
  -webkit-border-radius: 0;
}
.toolbar .sorter .sorter-action {
  border-radius: 0;
  -webkit-border-radius: 0;
}
.product.info.detailed {
  margin-bottom: 0;
}
.product.info.detailed .product.data.items {
  padding-bottom: 20px;
}
#staticanw_doku .product_video {
  display: flex;
  margin-bottom: 30px;
}
#staticanw_doku .product_video video {
  width: 100%;
  border-radius: 25px;
}
@media (max-width: 1440px) and (min-width: 768px) {
  .product-data-items-content {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (max-width: 768px) {
  .product-data-items-content {
    padding: 10px 10px;
  }
  .product-data-items-content .data.item.content {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .product-detail-infomation-sticky-parent,
  .product.data.items {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }
  .data.item.title {
    flex-basis: 33%;
  }
  .data.item.title.active .tab-border-top {
    height: 3px;
    width: 60%;
    background: linear-gradient(to right, #009641, #007834);
    margin-left: auto;
    margin-right: auto;
  }
  .product.info.detailed {
    background-color: #ffffff;
    padding-top: 50px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .product-detail-infomation-sticky-parent {
    display: flex;
    flex-direction: row;
  }
  .product-detail-infomation-sticky-parent .product-images {
    width: 50%;
    margin-right: 10px;
  }
  .product-detail-infomation-sticky-parent .product-detail-infomation {
    width: 50%;
  }
  .product-data-items-content {
    border-radius: 50px;
    padding: 50px 50px;
  }
  #tab-label-additional-title:before {
    font-size: 48px;
    content: "\e915";
    font-family: 'tkr-icons';
    font-weight: 300;
  }
  #tab-label-staticrep_info-title:before {
    font-size: 48px;
    content: "\e917";
    font-family: 'tkr-icons';
    font-weight: 300;
  }
  #tab-label-staticanw_doku-title:before {
    font-size: 48px;
    content: "\e92a";
    font-family: 'tkr-icons';
    font-weight: 300;
  }
}
@media (max-width: 767px) {
  .product-detail-infomation {
    margin: 25px 0 0;
  }
  .product-detail-infomation-sticky-parent {
    display: flex;
    flex-direction: column;
  }
  #staticanw_doku .text a {
    float: right;
  }
  #staticanw_doku .text .doku-title {
    position: relative;
    top: 8px;
  }
}
@media (max-width: 480px) {
  ol.product-items {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }
  ol.product-items .product-list-wrapper {
    display: flex;
  }
  .products-grid .product-item-info {
    width: 100%;
    border-radius: 20px;
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
  }
  .products-grid .product-item-info .artcard_buttons form {
    border-radius: 0 0 20px 0;
  }
  .products-grid .product-item-info .artcard_buttons .towishlist {
    border-radius: 0 0 0 20px;
  }
  .products-grid .product-top {
    width: 50%;
  }
  .products-grid .product-item-details {
    width: 50%;
  }
  .products-grid .product-item-details h5 {
    padding-left: 0 !important;
  }
  .products-grid .product-item-details .price-box {
    padding-left: 0 !important;
  }
}
.product.info.detailed .item.content .table.additional-attributes tr td,
.product.info.detailed .item.content .table.additional-attributes tr th {
  border: none;
}
.product.info.detailed .item.content .table.additional-attributes tr td {
  text-align: right;
}
.product.info.detailed .item.content .table.additional-attributes tr:nth-child(even) th {
  background-color: #f6f6f6;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.product.info.detailed .item.content .table.additional-attributes tr:nth-child(even) td {
  background-color: #f6f6f6;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.field ._with-tooltip .field-tooltip .field-tooltip-action:hover:before {
  color: #aaa;
}
.field-tooltip._active .field-tooltip-content {
  background-color: #fff;
  left: -280px;
  top: -68px;
}
.checkout-cart-index .checkout-extra > .block + .block > .title {
  margin-top: 65px;
}
#shipping-method-buttons-container .action,
.payment-method-content .actions-toolbar .action,
#shipping-method-buttons-container button.action,
.payment-method-content .actions-toolbar button.action {
  background-color: #009641;
  border: none;
}
#shipping-method-buttons-container .action:hover,
.payment-method-content .actions-toolbar .action:hover,
#shipping-method-buttons-container button.action:hover,
.payment-method-content .actions-toolbar button.action:hover {
  background-color: #009641;
}
.checkout-payment-method .payment-method-content {
  display: none;
}
.checkout-shipping-method {
  margin-top: 0;
}
.table-checkout-shipping-method thead tr th {
  display: none;
}
.table-checkout-shipping-method tbody tr td {
  border: none;
  padding: 0;
  text-align: left;
}
.radio {
  min-height: 0;
}
.shipping-address-items {
  display: block;
  margin: 0;
}
.minicart-items .product-item {
  float: none !important;
}
@media (max-width: 991px) {
  .modal-popup._show .modal-inner-wrap {
    width: 96%;
  }
}
.modal-popup._show .modal-inner-wrap {
  max-height: 100%;
}
.modal-popup._show .modal-inner-wrap .modal-header .action-close {
  top: 20px;
  right: 0;
}
.modal-popup._show .modal-inner-wrap .modal-header .action-close:before {
  font-family: 'Pe-icon-7-stroke';
  content: "\e680";
  color: #3c3c3c;
  font-size: 34px;
  padding: 0;
  margin: 5px;
  background: none;
  border: none;
}
.modal-popup._show .modal-inner-wrap .modal-content {
  overflow-y: auto;
}
.field-error {
  font-size: 12px;
  color: red;
}
.block-dashboard-orders {
  margin-top: 60px;
}
.mgs-instant-search .products-grid .product-item .product-list-wrapper {
  background-color: #ffffff;
  border-radius: 30px 30px 0 0;
  box-shadow: 0 0 8px #e6e6e6;
  padding: 15px;
}
#search_mini_form .mgs-instant-search-dropdown .mgs-instant-autocomplete-wrapper {
  border-radius: 15px;
  -webkit-border-radius: 15px;
}
.promobanner {
  border-radius: 20px;
}
.promobanner .text {
  padding: 0;
}
.promobanner .text .btn.btn-promo-banner {
  width: 100%;
  border: none;
}
.promobanner .text .btn-default {
  background-color: #ffffff61;
}
/*TKR Tabelle*/
.tkr_data-table {
  width: 30%;
  border-top: none;
  table-layout: fixed;
}
.tkr_data-table td,
.tkr_data-table th {
  padding: 15px;
  vertical-align: middle;
}
.tkr_data-table th.tkr_label,
.tkr_data-table td.tkr_label {
  background-color: #f4f4f4;
  white-space: nowrap;
}
.tkr_data-table th.tkr_blanc,
.tkr_data-table td.tkr_blanc {
  background-color: #ffffff;
  white-space: nowrap;
}
.tkr_data-table th.tkr_data,
.tkr_data-table td.tkr_data {
  background-color: #ffffff;
  white-space: nowrap;
}
.tkr_data-table th.tkr_link,
.tkr_data-table td.tkr_link {
  background-color: e4f2ff;
  white-space: nowrap;
}
.tkr_data-table tbody th.tkr_link:hover,
.tkr_data-table tbody td.tkr_link:hover {
  background-image: linear-gradient(#ffbb00, #ff9900);
  color: #ffffff;
  white-space: nowrap;
}
.tkr_data-table thead th,
.tkr_data-table tbody td {
  border-bottom: 2px solid silver;
}
.tkr_data-table thead th {
  font-weight: 400;
  font-style: normal;
  text-rendering: optimizeSpeed;
}
@media (max-width: 767px) {
  .tkr_data-table {
    display: flex;
    min-width: 100% !important;
  }
  .tkr_data-table tr {
    display: flex;
    flex-direction: column;
  }
  .tkr_data-table th:first-child,
  .tkr_data-table th:nth-child(2):not(.tkr_link) {
    padding: 21px 15px 21px;
  }
  .tkr_data-table th:nth-child(3) {
    padding: 15px 15px 15px;
  }
  .tkr_data-table th.tkr_link {
    padding: 15px 15px 15px;
  }
}
/*------- TKR Mediaübersicht -------*/
/*Kundenservicebereich Bedienungsanleitungen*/
.tkr_nav_element a.tkr_button {
  width: 50px;
  height: 50px;
  border: none;
  display: block;
  background-size: 50px 50px;
  background-repeat: no-repeat;
  background-position: center left;
  padding: 0;
  margin-top: 1em;
}
.tkr_nav_element a.tkr_button.updates_big {
  background-image: url(https://www.tkrgroup.com/uploads/images/logo/arrow_grey.png);
}
.tkr_nav_element a.tkr_button.faq_big {
  background-image: url(https://www.tkrgroup.com/uploads/images/logo/faq_2_grey.png);
}
.tkr_nav_element a.tkr_button.manual_big {
  background-image: url(https://www.tkrgroup.com/uploads/images/logo/manual_grey.png);
}
.tkr_nav_element a.tkr_button.zertifizierung_big {
  background-image: url(https://www.tkrgroup.com/uploads/images/logo/zertifizierung_grey.png);
}
.tkr_nav_element a.tkr_button.videos_big {
  background-image: url(https://www.tkrgroup.com/uploads/images/logo/videos_grey.png);
}
.tkr_nav_element a.tkr_button.support_big {
  background-image: url(https://www.tkrgroup.com/uploads/images/logo/kundenservice_grey.png);
}
.tkr_nav_element.aktiv a.tkr_button.updates_big {
  background-image: url(https://www.tkrgroup.com/uploads/images/logo/arrow_orange.png);
}
.tkr_nav_element.aktiv a.tkr_button.faq_big {
  background-image: url(https://www.tkrgroup.com/uploads/images/logo/faq_2_orange.png);
}
.tkr_nav_element.aktiv a.tkr_button.manual_big {
  background-image: url(https://www.tkrgroup.com/uploads/images/logo/manual_orange.png);
}
.tkr_nav_element.aktiv a.tkr_button.zertifizierung_big {
  background-image: url(https://www.tkrgroup.com/uploads/images/logo/zertifizierung_orange.png);
}
.tkr_nav_element.aktiv a.tkr_button.videos_big {
  background-image: url(https://www.tkrgroup.com/uploads/images/logo/videos_orange.png);
}
.tkr_nav_element.aktiv a.tkr_button.support_big {
  background-image: url(https://www.tkrgroup.com/uploads/images/logo/kundenservice_orange.png);
}
/* Navbar Service */
.tkr_nav_box {
  display: flex;
  justify-content: space-between;
}
.tkr_nav_element {
  display: flex;
  width: 100%;
  align-content: center;
  justify-content: center;
  align-items: center;
  /*! border: 1px solid #6666; */
  flex-direction: column;
  background: #f4f4f4;
  transition: 0.5s;
  /*! border-radius: 10px; */
}
.tkr_nav_element.aktiv:hover {
  background: #f4f4f4;
}
.tkr_nav_element:hover {
  cursor: pointer;
  background: #e1e1e1;
}
.black-line {
  height: 0.75em;
  background: #F49719;
  width: 100%;
  visibility: hidden;
  /*! border-radius: 0 0 10px 10px; */
}
.tkr_nav_element.aktiv div.black-line {
  visibility: visible !important;
}
.tab {
  display: none;
}
.tab.aktiv {
  display: block;
}
/* Test-Page CSS*/
.head_slider {
  position: relative;
}
.head_slider:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;
  top: 0;
  background-color: #000;
  opacity: 0.4;
}
.head_slider .head_item {
  background-color: #f5f5f5;
  background-repeat: no-repeat;
  background-position: left center;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1;
  text-align: center;
  position: relative;
}
.head_slider .head_item:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: -1;
}
/* Service Startseite */
#section_3cut_service {
  background-image: url(/media/Startseite/Wall_all_OFF.jpeg);
  position: relative;
  overflow: hidden;
  text-align: center;
}
.cut_section {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  max-height: 800px;
  background-position: 50% 50%;
}
.cut_section_inner_wrap {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  max-width: 100%;
}
#service_bg1 {
  background-image: url(/media/Startseite/Wall_XT2_ON.jpeg);
}
#service_bg2 {
  background-image: url(/media/Startseite/Wall_PNP90_ON.jpeg);
}
#service_bg3 {
  background-image: url(/media/Startseite/Wall_HP90_ON.jpeg);
}
.cut-div-block {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: flex-start;
}
.bgcss {
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 0;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-property: all;
  background-position: 50% 50%;
}
.showbg {
  transform: none;
  opacity: 1;
  transition: 0.5s all ease;
}
.secblock,
.secblock > a {
  padding-top: 25%;
  position: relative;
}
.secblock > a {
  width: 100%;
}
.secblock.middle {
  width: 25%;
}
/*
#block1, #block2 {
    border-right: 1px solid #333333;
}
*/
#block1,
#block2,
#block3 {
  transition: background-color 0.5s ease;
  cursor: pointer;
  width: 35%;
}
#block1:hover,
#block2:hover,
#block3:hover {
  background-color: transparent;
}
.bgtitle {
  font-family: 'Roboto', sans-serif;
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  color: #f0f7ff;
  position: absolute;
  width: 100%;
  bottom: 5%;
}
#cut3-text1 {
  left: 160px;
}
#cut3-text3 {
  right: 160px;
}
.bgdesc {
  font-family: 'Roboto';
  font-size: 14px;
  text-align: left;
  line-height: 1.8;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-property: all;
  position: absolute;
  color: #cfcfcf;
  top: 20%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
#cut3-text3-desc {
  position: relative;
  text-align: center;
  left: 60px;
  padding: 40px;
  background-color: #333333;
  width: 20%;
}
.section_break {
  margin-top: 50px;
}
.slider_section {
  display: flex;
  width: 100%;
  position: relative;
  right: 0;
  left: 0;
}
.slider-wrapper {
  display: flex;
  width: 80%;
  justify-content: space-between;
  justify-self: center;
  position: absolute;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
}
.box2-3 {
  width: 75%;
  background-color: rgba(0, 0, 0, 0.2);
}
#section_3pic_service {
  width: 100%;
  height: auto;
}
.pic_section,
.pic_wrapper {
  display: flex;
  flex-direction: row;
  position: relative;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 600px) {
  .pic_section,
  .pic_wrapper {
    flex-direction: column;
  }
}
#small_pic1 > img,
#small_pic2 > img {
  width: 100%;
  max-width: 750px;
}
#large_pic1 > img {
  width: 100%;
  max-width: 575px;
}
#large_pic1,
#small_pic1,
#small_pic2 {
  position: relative;
  overflow: hidden;
  background-color: #222e3b;
  margin: 20px;
}
@media only screen and (max-width: 768px) {
  #small_pic1 > img,
  #small_pic2 > img {
    max-width: 800px;
  }
  #large_pic1 > img {
    max-width: 600px;
  }
  #large_pic1,
  #small_pic1,
  #small_pic2 {
    margin: 10px;
  }
}
#large_pic1 img,
#small_pic1 img,
#small_pic2 img {
  clip-path: polygon(0 0%, 101% 0%, 101% 100%, 0 100%);
  transition: ease all 0.3s;
  cursor: pointer;
  object-fit: cover;
}
#large_pic1:hover img {
  clip-path: polygon(0 25%, 101% 10%, 101% 75%, 0 90%);
  transform: scale(1.1);
}
#small_pic1:hover img,
#small_pic2:hover img {
  clip-path: polygon(0 35%, 101% 10%, 101% 65%, 0 90%);
  transform: scale(1.1);
}
.slide-in_box {
  position: absolute;
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  transition: 0.3s;
  text-align: center;
  height: 100px;
  width: 250px;
  background-color: #f0f0f0;
  font-weight: 600;
  font-size: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  .slide-in_box {
    height: 70px;
  }
}
#large_pic1:hover .slide-in_box,
#small_pic1:hover .slide-in_box,
#small_pic2:hover .slide-in_box {
  bottom: 0;
}
.two_small_pic {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.zwischentitel {
  font-size: 1.8em;
  line-height: 1.8em;
  width: 100%;
  text-align: center;
  font-weight: lighter;
  text-transform: uppercase;
  letter-spacing: 5px;
  text-shadow: 2px 2px 5px rgba(114, 113, 113, 0.5);
}
@media only screen and (max-width: 600px) {
  .zwischentitel {
    font-size: 1em;
    line-height: 1em;
  }
}
/* Category Bilder */
.category-wrapper {
  width: 100%;
  height: 200px;
}
@media only screen and (max-width: 600px) {
  .category-wrapper {
    height: 100px;
  }
}
.category-bg {
  height: inherit;
  background-color: #000;
  position: absolute;
  left: 0;
  right: 0;
}
.img-block {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: flex-start;
}
.img-outerbox {
  width: 100%;
  position: relative;
  height: inherit;
  border-radius: 6px;
  overflow: hidden;
}
#housing-cat-img {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url(/media/categories/housing_cat.jpg);
  background-size: cover;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-position: 50% 50%;
}
#releasetool-cat-img {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url(/media/categories/releasetool_cat.jpg);
  background-size: cover;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-position: 50% 50%;
}
#wire-cat-img {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url(/media/categories/wire_cat.jpg);
  background-size: cover;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-position: 50% 50%;
}
#wire-cat-img {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url(/media/categories/hintergrund_PNP90_XT2.jpg);
  background-size: cover;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-position: 50% 50%;
}
/* Kategorie Bilder ausblenden */
.category-image > .image {
  display: none !important;
}