@charset "UTF-8";
.noDisplay {
  display: none !important; }

@media only screen and (max-width: 1350px) {
  .wpml-ls-legacy-list-horizontal .wpml-ls-item {
    padding-left: 20px !important; } }

.menu-item img.wpml-ls-flag {
  width: 20px; }

/*--------------------------------------------------------------------------------*/
/*-- GLOBAL --*/
/*--------------------------------------------------------------------------------*/
h1, h2 {
  text-transform: uppercase; }

.post-content h2, .post-content h1 {
  line-height: 1.3 !important; }

.manual-button {
  display: block;
  -webkit-box-ordinal-group: NaN;
  -webkit-order: solid 1px;
      -ms-flex-order: solid 1px;
          order: solid 1px;
  padding: 5px 15px;
  font-weight: 300;
  text-transform: uppercase;
  font-family: 'Poppins'; }

.manual-button.primary-color {
  border-color: #2342B2; }

.manual-button:hover.primary-color {
  border-color: #007563;
  color: #007563; }

.manual-button.white {
  border-color: #fff !important;
  color: #fff !important; }

a.back:hover {
  cursor: pointer; }

.clear {
  clear: both; }

.show-on-mobile {
  display: none !important; }

.rev_slider_wrapper .rev_slider .tp-leftarrow.tparrows.hesperiden {
  left: 10px !important; }

.rev_slider_wrapper .rev_slider .tp-rightarrow.tparrows.hesperiden {
  right: -53px !important; }

.cc-window.cc-banner.cc-type-info,
.cc-window.cc-floating.cc-type-info,
.cc-window.cc-floating.cc-type-info.cc-theme-block {
  display: none !important; }

html:lang(en-US) .ger-content {
  display: none !important; }

html:lang(en-US) .en-content {
  display: unset !important; }

html:lang(de-DE) .en-content {
  display: none !important; }

html:lang(de-DE) .ger-content {
  display: unset !important; }

.facetwp-checkbox.cherry {
  display: none; }

.fusion-column-inner-bg {
  margin-left: 0px !important; }

/*-- Technische Daten Linkboxen --*/
/*--------------------------------------------------------------------------------*/
/*-- SITEBAR --*/
/*--------------------------------------------------------------------------------*/
.fusion-sb-toggle-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.sitebar_box {
  display: none; }

.sitebar_box {
  background: #37618f;
  background: #2342b2;
  margin-bottom: 4px;
  padding: 10px 30px 10px 10px;
  font-size: 12px;
  text-align: center;
  pointer-events: all;
  position: relative;
  top: 25vh;
  left: 20px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease; }

.sitebar_box i {
  display: block;
  font-size: 2em;
  margin-bottom: 6px; }

.sitebar_box:hover {
  -webkit-transform: translateX(-15px);
      -ms-transform: translateX(-15px);
          transform: translateX(-15px); }

@media only screen and (max-width: 1280px) {
  #slidingbar-area {
    width: calc(100% + 300px) !important; }
  #slidingbar-area .fusion-sb-toggle-wrapper {
    width: calc(100% - 300px) !important;
    left: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    bottom: 22px; }
  .sitebar_box {
    left: 0;
    padding: 7px 0px 0px 0px;
    margin: 0px 5px;
    top: unset;
    width: 110px;
    height: 75px; }
  .sitebar_box:hover {
    -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
            transform: translateY(-15px); }
  #sitebar_box_03 {
    display: none !important; } }

@media only screen and (max-width: 1000px) {
  #slidingbar {
    display: none !important; }
  #slidingbar-area {
    width: 100% !important;
    left: 0 !important; }
  #slidingbar-area .fusion-sb-toggle-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: unset !important;
    left: 0 !important; }
  .sitebar_box {
    padding: 10px;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: column;
    -webkit-justify-content: column;
        -ms-flex-pack: column;
            justify-content: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  #footer {
    position: relative !important;
    top: -70px !important; } }

.grecaptcha-badge,
.fusion-sb-toggle, #sliding-bar {
  display: none; }

/*--------------------------------------------------------------------------------*/
/*-- TOPHEADER --*/
/*--------------------------------------------------------------------------------*/
.fusion-secondary-menu .menu-text {
  text-transform: uppercase; }

/*--------------------------------------------------------------------------------*/
/*-- MENU & MEGA MENU WIDGETS --*/
/*--------------------------------------------------------------------------------*/
.fusion-megamenu-title {
  font-size: 18px;
  color: #2342B2;
  font-weight: 500;
  font-family: Poppins;
  line-height: 22px;
  margin-bottom: 30px; }

.fusion-megamenu-widgets-container li a {
  color: #565656;
  font-weight: 500;
  font-size: 15px; }

.fusion-megamenu-holder li.menu-item.no-title .fusion-megamenu-title {
  display: none; }

#menu-item-3809,
#menu-item-5443 {
  width: 50%; }

#menu-item-3809 .fusion-one-half,
#menu-item-5443 .fusion-one-half {
  width: 49%;
  margin-right: 1%;
  float: left; }

.produktfinder-menu-icon {
  display: inline;
  max-width: 30px !important;
  margin-top: -5px;
  margin-right: 10px; }

#menu-item-4988,
#menu-item-5444 {
  width: 60% !important; }

#menu-item-3809 .fusion-megamenu-title {
  margin-bottom: 10px !important; }

#menu-item-4988 .fusion-layout-column.fusion-one-half,
#menu-item-5444 .fusion-layout-column.fusion-one-half {
  width: 43%;
  margin-right: 7%; }

#menu-item-4988 li,
#menu-item-5444 li {
  text-align: center; }

#menu-item-4988 li a,
#menu-item-5444 li a {
  color: #fff;
  font-size: 14px;
  font-weight: 500; }

#menu-item-4988 li:hover a,
#menu-item-5444 li:hover a {
  color: #2342B2; }

#menu-item-4988 li:hover,
#menu-item-5444 li:hover {
  background: #fff; }

/*-- MEGA MENU ELEMENTS - UNTERNEHMEN --*/
.menu-unternehmen .headline {
  font-size: 18px;
  color: #2342B2;
  font-weight: 500;
  font-family: Poppins;
  line-height: 22px;
  margin-bottom: 30px;
  text-transform: uppercase; }

.menu-unternehmen p {
  font-size: 15px;
  margin-bottom: 25px; }

li#menu-item-4005,
li#menu-item-5470 {
  font-size: 35px !important;
  background-image: url(https://www.activekey.de/wp-content/uploads/2018/07/activekey-tastaturen-menu.jpg); }

li#menu-item-4005 .menu-unternehmen .headline,
li#menu-item-5470 .menu-unternehmen .headline {
  font-size: 30px;
  line-height: 33px;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -63px;
  text-align: center;
  padding-right: 30px; }

li#menu-item-4005 .menu-unternehmen .headline i,
li#menu-item-5470 .menu-unternehmen .headline i {
  margin-bottom: 25px; }

.menu-detail-button {
  margin-top: 25px; }

.fusion-mobile-nav-item a {
  background: #fff !important; }

.fusion-main-menu {
  margin-top: 15px; }

.fusion-main-menu .current_page_item > a > .fusion-megamenu-icon,
.fusion-main-menu > ul > li > a > .fusion-megamenu-icon {
  color: #2342B2 !important; }

.fusion-main-menu .current_page_item > a > .fusion-megamenu-icon:hover {
  color: #2342B2 !important; }

.menu-text {
  font-family: "Poppins";
  font-weight: 400; }

.fusion-main-menu .fusion-megamenu-holder li {
  float: none;
  padding-bottom: 7px;
  margin-bottom: 7px;
  border-bottom: solid 1px rgba(19, 68, 124, 0.1); }

.fusion-main-menu .fusion-megamenu-holder li:last-child {
  border-bottom: none; }

.fusion-row .fusion-main-menu > ul > li > a {
  line-height: 105px; }

.fusion-mobile-nav-holder .wpml-ls-item {
  text-transform: uppercase; }

.fusion-mobile-nav-holder .wpml-ls-item img {
  margin-right: 10px; }

.wpml-ls-statics-shortcode_actions {
  display: none; }

/*-- Musterhäuser --*/
.produktkategorie-widget div.label {
  display: block;
  margin-top: -35px;
  text-align: center;
  background-color: rgba(0, 79, 124, 0.7);
  color: #fff;
  position: relative;
  margin-bottom: 10px;
  -webkit-transition: all .6s;
  transition: all .6s;
  padding: 7px; }

.menu-item img:not(.wpml-ls-flag) {
  width: 100%;
  border-radius: .5rem; }

.produktkategorie-widget a img {
  border-radius: 0 !important; }

.produktkategorie-widget:hover .label {
  color: #2342B2;
  background: rgba(255, 255, 255, 0.9); }

/*#menu-item-1209 .fusion-megamenu-wrapper .menu-item-1956{width: 45%;}*/
/*#menu-item-1209 .produktkategorie-widget{width: 48%; float: left; margin-right: 2%;}*/
#menu-item-1209 .fusion-megamenu-wrapper .menu-item-1956,
#menu-item-5440 .fusion-megamenu-wrapper .menu-item-5441 {
  width: 45%; }

#menu-item-1209 .produktkategorie-widget,
#menu-item-5443 .produktkategorie-widget {
  width: 48%;
  float: left;
  margin-right: 2%; }

.menu-list li {
  width: 100%;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: solid 1px #ccc;
  -webkit-transition: all .6s;
  transition: all .6s; }

.menu-list li:before {
  content: "\f067";
  font-family: FontAwesome;
  font-weight: bold;
  color: #2342B2;
  margin-right: 10px;
  display: inline-block;
  -webkit-transition: all .6s;
  transition: all .6s; }

.menu-list li.menu-list-item:hover:before {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }

.fusion-main-menu > ul > li > a > .fusion-megamenu-icon {
  color: #2342B2 !important; }

/*-- Büttner Bauwelt --*/
.menu-item-2589 .produktkategorie-widget div.label {
  margin-top: -32px; }

.menu-item-2589 .produktkategorie-widget {
  font-size: 12px; }

/*-- Submenu Hausseiten --*/
.produkt-submenu a {
  display: inline-block;
  margin-right: 15px;
  font-size: 15px;
  font-weight: normal; }

.produkt-submenu a:hover {
  color: #808285; }

.produkt-submenu.vertriebspartner a {
  font-size: 12px; }

/*-- Mobile Navigation --*/
#mobile-menu-main-menu .no-mobile {
  display: none; }

.fusion-mobile-nav-holder ul li ul li.fusion-mobile-nav-item {
  font-weight: 500 !important; }

.fusion-mobile-nav-holder ul li ul li.fusion-mobile-nav-item a {
  background: #fafafa !important; }

.fusion-mobile-menu-text-align-left li.fusion-mobile-nav-item li a:before {
  content: "" !important; }

/*--------------------------------------------------------------------------------*/
/*-- COOKIE BAR --*/
/*--------------------------------------------------------------------------------*/
#catapult-cookie-bar {
  background-color: rgba(0, 168, 142, 0.8) !important;
  font-size: 14px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 300;
  letter-spacing: 0px; }

#catapultCookie {
  text-transform: uppercase; }

/*--------------------------------------------------------------------------------*/
/*-- IMAGE CAROUSEL WITHOUT PADDING --*/
/*--------------------------------------------------------------------------------*/
.carousel-without-padding .fusion-image-carousel {
  margin-bottom: 0;
  padding-bottom: 0; }

.carousel-without-padding .fusion-carousel .fusion-carousel-wrapper {
  padding-bottom: 0;
  margin-bottom: -3px !important; }

/*--------------------------------------------------------------------------------*/
/*-- PRODUKTBILDER GALERIE --*/
/*--------------------------------------------------------------------------------*/
.gallery-item img {
  border: none !important; }

/*--------------------------------------------------------------------------------*/
/*-- SLIDER --*/
/*--------------------------------------------------------------------------------*/
#ac-headerwrapper.hide {
  display: none; }

#ac-headerwrapper.show {
  display: true; }

#ac-subline.show {
  display: true; }

#ac-headline.show {
  display: true; }

#ac-header {
  height: 60vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s; }

#ac-header .fusion-row {
  -webkit-align-self: right;
      -ms-flex-item-align: right;
          align-self: right; }

#ac-header .fusion-column-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#00000080), to(transparent));
  background: -webkit-linear-gradient(left, transparent, #00000080, transparent);
  background: linear-gradient(90deg, transparent, #00000080, transparent); }

#ac-header h1,
#ac-header h2 {
  _text-shadow: 0 0 10px #2342B2; }

#ac-areas .fusion-row {
  top: -50px; }

.ac-area .fusion-column-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 50px 20px !important; }

.ac-area .fusion-imageframe {
  position: absolute !important;
  top: -40px; }

.avada-skin-rev {
  border-color: #fff; }

.erinyen .tp-tab-title {
  font-family: "Poppins", sans-serif !important;
  font-size: 16px !important;
  color: #00a88e !important;
  line-height: 1.2;
  text-align: center;
  letter-spacing: 1px;
  font-weight: 300; }

.rev_slider .fusion-button.button-3 {
  border-color: #2342B2 !important; }

.rev_slider .fusion-button-text {
  color: #2342B2 !important; }

/*-- Point of Interest Animation --*/
.tp-svg-innercontainer:before,
.tp-svg-innercontainer:after,
.tp-caption.tp-resizeme.lightbulb:before,
.tp-caption.tp-resizeme.lightbulb:after {
  content: '';
  display: block;
  position: absolute;
  border: 50%;
  border: 1px solid #fff;
  left: -10px;
  top: -10px;
  bottom: -10px;
  right: -10px;
  border-radius: 50%;
  -webkit-animation: poi-pulse 1.5s linear infinite;
          animation: poi-pulse 1.5s linear infinite;
  opacity: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.grey .tp-svg-innercontainer:before,
.grey .tp-svg-innercontainer:after {
  border: 1px solid #878787 !important; }

.tp-svg-innercontainer:after,
.tp-caption.tp-resizeme.lightbulb:after {
  -webkit-animation-delay: .5s;
          animation-delay: .5s; }

.tp-caption.tp-resizeme.lightbulb {
  padding: 10px !important; }

@-webkit-keyframes poi-pulse {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0; } }

@keyframes poi-pulse {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0; } }

/*--------------------------------------------------------------------------------*/
/*-- CONTENT --*/
/*--------------------------------------------------------------------------------*/
input {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 300; }

*:focus {
  outline: none !important; }

.kontaktlabel {
  display: inline-block;
  min-width: 160px; }

/*-- Kontaktformular --*/
.wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-select,
.wpcf7-select-parent .select-arrow, .wpcf7-form .wpcf7-textarea {
  background: #e5e5e5;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: solid 1px #fcfcfc;
  -webkit-transition: all 1.3s;
  transition: all 1.3s;
  color: #565656; }

.wpcf7-list-item {
  margin-left: 0 !important; }

.fusion-sliding-bar-position-right .fusion-sliding-bar-content-wrapper .wpcf7-form .wpcf7-text,
.fusion-sliding-bar-position-right .fusion-sliding-bar-content-wrapper .wpcf7-form .wpcf7-select,
.fusion-sliding-bar-position-right .fusion-sliding-bar-content-wrapper .wpcf7-select-parent .select-arrow,
.fusion-sliding-bar-position-right .fusion-sliding-bar-content-wrapper .wpcf7-form .wpcf7-textarea {
  background: #fff; }

#wrapper .select-arrow {
  background: transparent; }

.wpcf7-form .wpcf7-text:focus,
.wpcf7-form .wpcf7-textarea:focus {
  border-bottom: solid 1px #2342B2;
  outline: none; }

.quick-contact .fusion-layout-column.fusion-one-third {
  width: 32% !important;
  margin-right: 1% !important; }

.quick-contact .fusion-layout-column.fusion-one-third.fusion-column-last {
  margin-right: 0 !important; }

.quick-contact .fusion-button.quick-contact {
  display: block;
  margin: 0 auto;
  max-width: 300px; }

.wpcf7-form input[type="submit"], .wpcf7-submit {
  color: #2342B2;
  border-color: #2342B2; }

.wpcf7-form input[type="submit"]:hover, .wpcf7-submit:hover {
  color: #8597a2;
  border-color: #8597a2; }

.fusion-modal .wpcf7 {
  padding: 30px 40px;
  background: #f5f5f5;
  border-radius: 15px; }

.fusion-modal .wpcf7 label, span.wpcf7-list-item-label {
  font-size: 15px; }

.fusion-modal span.wpcf7-not-valid-tip {
  color: #fff;
  font-weight: normal;
  font-size: 15px !important;
  margin-left: 20px;
  padding: 4px 8px;
  background: #2342B2; }

.wpcf7-list-item.first {
  margin-left: 0; }

.mc4wp-form-fields {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.mc4wp-form-fields .wpcf7-form {
  width: 50%; }

.mc4wp-form-fields .wpcf7-text {
  background: #dbdbdb !important;
  margin-bottom: 10px; }

.mc4wp-div {
  margin-right: 50px; }

.mc4wp-form-fields .mc4wp-div ::-webkit-input-placeholder {
  color: #565656 !important;
  opacity: 1 !important; }

.mc4wp-form-fields .mc4wp-div ::-moz-placeholder {
  color: #565656 !important;
  opacity: 1 !important; }

.mc4wp-form-fields .mc4wp-div :-ms-input-placeholder {
  color: #565656 !important;
  opacity: 1 !important; }

.mc4wp-form-fields .mc4wp-div ::-ms-input-placeholder {
  color: #565656 !important;
  opacity: 1 !important; }

.mc4wp-form-fields .mc4wp-div ::placeholder {
  color: #565656 !important;
  opacity: 1 !important; }

.mc4wp-form-fields .mc4wp-div :-ms-input-placeholder {
  color: #565656 !important;
  opacity: 1 !important; }

.mc4wp-form-fields .mc4wp-div ::-ms-input-placeholder {
  color: #565656 !important;
  opacity: 1 !important; }

.mc4wp-response {
  margin-top: 20px; }

.mc4wp-alert {
  text-align: center; }

/*-- Vimeo Videos --*/
.video-shortcode iframe {
  width: 100% !important; }

@media only screen and (max-width: 1350px) {
  .video-shortcode iframe {
    height: 50vw !important; } }

/*-- Musterhäuser Kacheln --*/
.musterhaus-start p {
  padding: 0 25px; }

.musterhaus-start p i {
  float: none;
  display: inline; }

/*-- Blog --*/
.blog-start .fusion-post-wrapper {
  background: #fcfcfc !important;
  border: solid 1px #ddd !important;
  border-top: none;
  padding-bottom: 45px; }

.fusion-blog-shortcode h2 {
  text-align: center !important;
  margin-bottom: 30px !important;
  font-weight: 600 !important; }

.fusion-blog-shortcode h2 span {
  font-size: 17px !important;
  font-weight: 300 !important; }

.type-post.status-publish.format-standard {
  width: 100% !important; }

.fusion-page-title-captions h1 span {
  display: block !important;
  font-size: 45px !important; }

.fusion-page-title-captions .fusion-breadcrumbs {
  display: none; }

/*-- Accordion/Toggles --*/
.fusion-accordian .fusion-toggle-boxed-mode:hover .panel-title a,
.fusion-accordian .panel-title a:hover {
  color: #2342B2 !important; }

/*-- Blog Single --*/
.massivhaeuser.post {
  margin-bottom: 0; }

/*-- Portfolio Hausfinder --*/
.hausfinder .fusion-portfolio-content {
  text-align: center; }

.hausfinder .fusion-portfolio-boxed.fusion-portfolio-element .fusion-portfolio-content {
  padding: 25px 25px 55px 25px; }

#wrapper #main .hausfinder .fusion-portfolio-content > h2.fusion-post-title {
  font-size: 40px;
  line-height: 42px;
  margin-bottom: 25px !important; }

#wrapper #main .hausfinder .fusion-portfolio-content .fusion-button.button-flat.fusion-button-square.button-large.button-default {
  width: auto !important; }

.hausfinder .fusion-filters {
  border-color: transparent !important;
  font-family: 'Roboto Condensed';
  font-size: 15px;
  letter-spacing: 2px; }

.hausfinder .fusion-filters li {
  padding: 5px 15px;
  border: solid 1px;
  border-color: #2342B2;
  margin-bottom: 15px; }

.hausfinder .fusion-filters li:hover,
.hausfinder .fusion-filter.fusion-active {
  background: #2342B2;
  font-weight: normal; }

.hausfinder .fusion-filters li:hover a,
.hausfinder .fusion-filter.fusion-active a {
  border-color: transparent;
  color: #fff; }

.hausfinder .fusion-filter a {
  text-transform: uppercase;
  color: #2342B2; }

/*-- PRODUKTFINDER --*/
.produktfinder h2 {
  color: #2342B2;
  font-weight: 800 !important;
  letter-spacing: 0px !important;
  margin-top: 1rem !important;
  font-size: clamp(1.5rem, 2.5vw, 2.5rem) !important; }

.produktfinder h3.untertitel {
  margin-top: 0;
  padding: 0 80px;
  color: #565656;
  text-transform: uppercase; }

.produktfinder .iconwrapper .firstrow,
.produktfinder .iconwrapper .secondrow {
  margin-bottom: 50px; }

.facetwp-checkbox.facetwp-checkbox.tastaturschutzfolien,
.facetwp-checkbox.facetwp-checkbox.wechselmembrane,
.facetwp-checkbox.bauform.wechselbmembrane,
.facetwp-checkbox.facetwp-checkbox.tastaturschutzfolien-en,
.facetwp-checkbox.facetwp-checkbox.wechselmembrane-en,
.facetwp-checkbox.bauform.wechselbmembrane-en {
  display: none !important; }

p.iconcheckboxes_value_wrapper {
  margin-bottom: 0 !important; }

.produktliste .fusion-column-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

/*-- Testimonials Startseite --*/
.fusion-testimonials.clean blockquote q {
  font-style: normal;
  min-height: 200px; }

.fusion-testimonials.clean .author {
  font-size: 13px;
  text-transform: uppercase; }

.fusion-testimonials.clean .author strong {
  font-weight: normal !important;
  color: #2342B2; }

/*-- Slider Pluspunkte Häuser --*/
#rev_slider_4_1 .uranus.tparrows:before {
  color: #2342B2; }

.rev_slider_wrapper .rev_slider .tp-leftarrow.tparrows {
  left: -80px !important; }

.rev_slider_wrapper .rev_slider .tp-rightarrow.tparrows {
  right: -160px !important;
  left: auto !important; }

.rev_slider_wrapper .shadow-left, .rev_slider_wrapper .shadow-right {
  background-image: none !important; }

.hermes .tp-bullet, .tp-bullet {
  background-color: #fff;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-radius: 200px; }

.tp-bullet.selected, .tp-bullet:hover, .hermes .tp-bullet:after,
.tp-bullet.elegant-slick-active {
  background: #565656 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

/*-- Kundenstimmen --*/
.kundenstimmen-fullwith-image span,
.kundenstimmen-fullwith-image img {
  width: 100%;
  height: auto; }

.fusion-gallery .fusion-gallery-column .fusion-gallery-image {
  border: solid 1px #ccc;
  border-radius: 1rem;
  overflow: clip !important; }

.margin-button {
  margin-right: 30px;
  margin-left: 30px; }

/*-- Technische Daten --*/
.technische-daten {
  width: 100% !important;
  border-radius: 1rem !important;
  overflow: clip !important;
  margin: 0px !important; }

.technische-daten .fusion-column-wrapper {
  margin: 0px !important; }

.technische-daten .fusion-column-inner-bg {
  width: 100% !important; }

.technische-daten .fusion-li-item {
  padding-bottom: 11px;
  border-bottom: solid 1px #f6f6f6; }

.technische-daten h3 {
  font-size: 22px;
  line-height: 24px;
  text-transform: uppercase; }

.technische-daten p {
  font-size: 16px;
  line-height: 18px; }

.technische-daten .fb-icon-element {
  color: #fff !important; }

/*-- Distributionspartner --*/
.distributor {
  position: relative; }

.distributor .fusion-column-content-centered .fusion-column-content > .imageframe-align-center:first-child {
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -15px; }

/*-- Suche --*/
.page-id-4492 #wrapper .search-table .search-field input,
.page-id-6285 #wrapper .search-table .search-field input {
  background: #fff !important; }

.page-id-4492 .searchform .search-table .search-button input[type=submit],
.page-id-6285 .searchform .search-table .search-button input[type=submit] {
  background: #002e48; }

.page-id-4492::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */ }

input[type="text"],
#wrapper .search-table .search-field input {
  color: #3a3a3a !important; }

.search-results .fusion-page-title-bar,
.search-no-results .fusion-page-title-bar {
  display: none !important; }

.search-page-search-form input,
.search-no-results input {
  border-color: #2342B2 !important;
  background: #fff; }

.search-results .searchform .search-table .search-button input[type=submit],
.search-no-results .searchform .search-table .search-button input[type=submit] {
  background: #2342B2 !important; }

.fusion-body .error-menu li:after, .fusion-body .error-menu li:before {
  content: none !important; }

.fusion-body .error-menu li {
  padding-left: 0px; }

.search-results #wrapper,
.search-results #main {
  background: #f4f4f4 !important; }

/*-- CPT Portfolio Landingpages --*/
.lp-portfolio .fusion-portfolio-post h2 {
  margin-top: 0;
  Xfont-size: 40px !important;
  font-weight: 400 !important; }

.lp-portfolio .fusion-portfolio-post h3 {
  font-size: 30px !important;
  margin-bottom: 50px !important;
  color: #565656;
  text-transform: uppercase; }

.lp-portfolio .fusion-button {
  margin-top: 50px; }

.lp-portfolio .landing.fusion-checklist {
  padding: 0 10%; }

.counterbox {
  border: solid 1px #ccc; }

.produkte-onlineshop-button .fusion-button-text {
  font-weight: 600 !important; }

/*--------------------------------------------------------------------------------*/
/*-- PRODUKTÜBERSICHT - STARTSEITE --*/
/*--------------------------------------------------------------------------------*/
.produktuebersicht-image-container {
  position: relative;
  -webkit-transition: all .3s;
  transition: all .3s; }

.produktuebersicht-image-container * {
  -webkit-transition: all .3s;
  transition: all .3s; }

.produktuebersicht-image-container .produktuebersicht-text {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: #2342B290;
  z-index: 9;
  padding-top: 30%;
  padding-left: 30px;
  padding-right: 30px; }

.produktuebersicht-image-container.light .produktuebersicht-text {
  background: rgba(55, 97, 144, 0.7); }

.produktuebersicht-image-container .produktuebersicht-text h3,
.produktuebersicht-image-container .produktuebersicht-text span,
.produktuebersicht-image-container .produktuebersicht-text p {
  color: #fff; }

.produktuebersicht-image-container .produktuebersicht-text h3 {
  margin-bottom: 0;
  font-size: 20px; }

.produktuebersicht-image-container .fusion-imageframe img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%); }

.produktuebersicht-image-container:hover .fusion-imageframe img {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%); }

.produktuebersicht-image-container:hover .produktuebersicht-text {
  background: rgba(255, 255, 255, 0);
  bottom: 0;
  height: 150px;
  padding-top: 0; }

.produktuebersicht-image-container:hover .produktuebersicht-text h3,
.produktuebersicht-image-container:hover .produktuebersicht-text span,
.produktuebersicht-image-container:hover .produktuebersicht-text p {
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.9); }

.produktuebersicht-image-container .fusion-column-wrapper {
  margin: 0px !important; }

.produktuebersicht-image-container {
  margin: 0rem !important;
  width: 100% !important; }

.fusion-fullwidth:has(.produktuebersicht-image-container) .fusion-builder-row,
.fusion-fullwidth:has(.technische-daten) .fusion-builder-row {
  margin: 0px !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1rem; }

.fusion-fullwidth:has(.produktuebersicht-image-container) .fusion-builder-row > div:first-child {
  grid-column: 1 / -1; }

.produktuebersicht-image-container:not(:has(.fusion-image-element)) {
  display: none !important; }

/*--------------------------------------------------------------------------------*/
/*-- ACCORDION --*/
/*--------------------------------------------------------------------------------*/
.fusion-accordian .panel-title {
  font-size: 22px; }

/*--------------------------------------------------------------------------------*/
/*-- COUNTER BOXES --*/
/*--------------------------------------------------------------------------------*/
.start-counter .fusion-counters-box.row {
  margin-top: -40px; }

.iptable tr td {
  border: solid 1px;
  padding: 5px 10px; }

/*--------------------------------------------------------------------------------*/
/*-- CUSTOM TIMELINE --*/
/*--------------------------------------------------------------------------------*/
/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 100px;
  padding-top: 100px; }

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #2342B2;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px; }

/* Container around content */
.timeline_container {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%; }

.timeline_container .content {
  border: 2px solid #2342B2 !important;
  border-bottom: 4px solid #2342B2 !important;
  border-radius: 1rem !important;
  background-color: #fff !important; }

/* The circles on the timeline */
.timeline_container::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -17px;
  background: #2342B2;
  border: 4px solid #2342B2;
  top: 15px;
  border-radius: 100em;
  z-index: 1; }

/* Place the container to the left */
.left {
  left: 0; }

/* Place the container to the right */
.right {
  left: 50%; }

/* Add arrows to the left container (pointing right) */
.left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid #2342B2;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #2342B2; }

/* Add arrows to the right container (pointing left) */
.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid #2342B2;
  border-width: 10px 10px 10px 0;
  border-color: transparent #2342B2 transparent transparent; }

/* Fix the circle for containers on the right side */
.right::after {
  left: -16px; }

/* The actual content */
.timeline_container .content {
  padding: 20px 30px;
  background-color: #e5e5e5;
  background-repeat: repeat;
  position: relative;
  border-radius: 6px;
  color: #2342B2;
  border: solid 4px #2342B2; }

/* Media queries - Responsive timeline on screens less than 600px wide */
@media all and (max-width: 600px) {
  /* Place the timelime to the left */
  .timeline::after {
    left: 31px; }
  /* Full-width containers */
  .timeline_container {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px; }
  /* Make sure that all arrows are pointing leftwards */
  .timeline_container::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent; }
  /* Make sure all circles are at the same spot */
  .left::after, .right::after {
    left: 15px; }
  /* Make all right containers behave like the left ones */
  .right {
    left: 0%; } }

/*--------------------------------------------------------------------------------*/
/*-- HAUSFINDER --*/
/*--------------------------------------------------------------------------------*/
.iconwrapper .firstrow,
.iconwrapper .secondrow,
.iconwrapper .thirdrow {
  padding: 0 10%;
  margin-bottom: 3px; }

.haustyp, .flaeche, .geschosse {
  background: #f7f5f4;
  font-size: 16px; }

.haustyp, .flaeche {
  color: #2342B2;
  width: 32%;
  margin-right: 1%;
  float: left;
  padding: 35px 0; }

.geschosse {
  padding-bottom: 35px; }

.iconwrapper .firstrow {
  margin-bottom: 10px; }

.iconwrapper .secondtrow {
  margin-bottom: 20px; }

.firstrow span, .thirdrow span {
  font-size: 13px;
  font-weight: bold;
  display: block;
  text-transform: uppercase; }

.dachform, .raumplan, .wohnflaeche {
  width: 32%;
  margin-right: 1%;
  float: left;
  padding: 18px 0; }

.dachform {
  text-align: right; }

.raumplan {
  text-align: center; }

.wohnflaeche {
  text-align: left; }

.wohnflaeche span {
  color: #2342B2;
  font-weight: bold;
  margin-top: 10px;
  display: block; }

.dachform img, .raumplan img {
  max-width: 34%; }

.thirdrow {
  text-align: center; }

.haus-points-of-interest .button-default {
  width: auto !important; }

/*--------------------------------------------------------------------------------*/
/*-- FOOTER --*/
/*--------------------------------------------------------------------------------*/
.fusion-footer-widget-area ul li {
  margin-bottom: 2px;
  padding-bottom: 2px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1); }

.fusion-footer-widget-area ul li:last-child {
  border-bottom: none; }

.fusion-footer p, .fusion-footer ul li, .fusion-footer ul li a {
  font-size: 15px !important; }

.fusion-footer-widget-column {
  margin-bottom: 30px !important; }

.fusion-footer .widget_text h4,
.fusion-footer .widget-title {
  color: #2342B2 !important; }

/*----------------------------------------------------------------------*/
/*-- SLIDING BAR --*/
/*----------------------------------------------------------------------*/
.fusion-sliding-bar-position-right.fusion-sliding-bar-toggle-rectangle .fusion-sb-toggle {
  border: solid 1px #376190;
  height: 230px;
  border-right: none; }

.fusion-sliding-bar-toggle-circle .fusion-sb-toggle:after,
.fusion-sliding-bar-toggle-rectangle .fusion-sb-toggle:after {
  top: 40%; }

.fusion-sb-toggle:after {
  content: url(https://www.activekey.de/wp-content/uploads/2018/08/kontakt-icon.png); }

html:lang(en) .fusion-sb-toggle:after {
  content: url(https://www.activekey.de/wp-content/uploads/2018/10/contact-icon.png); }

.fusion-sb-toggle {
  padding: 0 25px; }

.fusion-sliding-bar-content input[type="text"],
.fusion-sliding-bar-content .wpcf7-select,
.fusion-sliding-bar-content .wpcf7-form .wpcf7-text {
  height: 37px; }

.fusion-sliding-bar-content .wpcf7-form input[type="submit"],
.fusion-sliding-bar-content .wpcf7-submit {
  color: #fff !important;
  border-color: #fff !important;
  padding-top: 10px;
  padding-bottom: 10px; }

.fusion-sliding-bar-content .wpcf7-form input[type="submit"]:hover,
.fusion-sliding-bar-content .wpcf7-submit:hover {
  color: rgba(255, 255, 255, 0.7) !important;
  border-color: rgba(255, 255, 255, 0.7) !important; }

#slidingbar-area .widget-title {
  font-family: 'Poppins';
  letter-spacing: 1px;
  font-size: 18px;
  line-height: 1.3; }

.fusion-slidingbar-widget-column .address {
  line-height: 1.3 !important; }

#slidingbar-area .fusion-button {
  border-color: #fff !important; }

#slidingbar-area .fusion-button .fusion-button-text {
  color: #fff !important; }

#slidingbar-area p {
  font-size: 15px; }

.social-links-sidebar a, .social-links-sidebar a:before {
  color: #fff !important; }

.social-links-sidebar a {
  font-size: 15px !important; }

.fusion-sliding-bar-position-right.fusion-sliding-bar-toggle-rectangle .fusion-sb-toggle {
  background-image: url(https://www.activekey.de/wp-content/uploads/2018/08/plus-icon-1.jpg);
  background-position: center bottom;
  background-repeat: no-repeat; }

.fusion-sliding-bar-area.open .fusion-sb-toggle {
  background-image: none; }

.cherry-logo {
  text-align: center;
  margin-bottom: 50px;
  margin-top: -30px; }

#produkt-submenu.fixed-submenu {
  z-index: 900; }

/*--------------------------------------------------------------------------------*/
/*-- MEDIA QUERIES --*/
/*--------------------------------------------------------------------------------*/
@media only screen and (max-width: 1560px) {
  .iconwrapper .firstrow,
.iconwrapper .secondrow {
    padding: 0 15%; } }

@media only screen and (max-width: 1400px) {
  .musterhaus-widget div.label {
    font-size: 12px; }
  .produktfinder h3.untertitel,
.lp-portfolio .fusion-portfolio-post h3 {
    font-size: 20px !important;
    line-height: 25px !important;
    padding: 0 !important; }
  .lp-portfolio .landing.fusion-checklist {
    padding: 0 !important; } }

@media only screen and (max-width: 1350px) {
  .iconwrapper .firstrow,
.iconwrapper .secondrow {
    padding: 0 0; }
  .wpml-ls-statics-shortcode_actions {
    display: unset; }
  .fusion-secondary-header .fusion-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .fusion-secondary-header .fusion-alignleft {
    min-width: 310px; }
  .fusion-secondary-header #menu-top-secondary-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .fusion-secondary-header .fusion-contact-info {
    line-height: unset; }
  .fusion-secondary-header .wpml-ls-statics-shortcode_actions ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 32px; }
  .fusion-secondary-header .wpml-ls-legacy-list-horizontal a {
    padding: 0px; } }

@media only screen and (max-width: 1000px) {
  .fusion-secondary-header .fusion-contact-info {
    padding: 0px; } }

@media only screen and (max-width: 400px) {
  .fusion-secondary-menu > ul > li > a {
    padding: 0px 0px 0px 13px;
    font-size: 10px; }
  .fusion-secondary-menu .fusion-megamenu-icon {
    width: 15px; }
  .fusion-secondary-header .fusion-alignleft {
    min-width: 230px; } }

@media only screen and (max-width: 1130px) {
  .erinyen .tp-tab-title {
    font-size: 14px !important; }
  .erinyen .tp-tab {
    width: 150px !important;
    position: static;
    float: left;
    margin-right: 10px; } }

@media only screen and (max-width: 1024px) {
  .rev_slider_wrapper .rev_slider .tp-rightarrow.tparrows,
.rev_slider_wrapper .rev_slider .tp-leftarrow.tparrows {
    display: none !important; }
  #technische-daten h3 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600; }
  .produktliste .fusion-column-wrapper {
    display: unset !important; } }

@media only screen and (max-width: 1000px) {
  .haus-points-of-interest p {
    text-align: center !important; }
  .haus-points-of-interest .poi .fusion-column-wrapper {
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-bottom: 5px !important; }
  .erinyen .tp-tab {
    display: none !important; }
  .mc4wp-form-fields {
    display: unset;
    text-align: center; }
  .mc4wp-form-fields .wpcf7-form {
    width: 100%; }
  .mc4wp-div {
    margin-right: 0px;
    margin-bottom: 20px; } }

.hide-on-mobile,
.show-on-mobile {
  background-image: none !important; }

@media only screen and (max-width: 760px) {
  .produkt-submenu {
    display: none; }
  .hide-on-mobile {
    display: none !important; }
  .show-on-mobile {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

@media only screen and (max-width: 500px) {
  h2 span {
    Xfont-size: 27px !important; }
  .post-content h1 {
    line-height: 1 !important; }
  .post-content h1 span {
    margin-top: 10px !important; }
  .tp-leftarrow, .tp-rightarrow {
    display: none !important; }
  .timeline::after,
.timeline_container::after,
.timeline_container::before {
    display: none !important; }
  .timeline_container {
    padding-left: 0;
    padding-right: 0; }
  .rev_slider .tp-bullet {
    display: none !important; } }

#produktbilder .fusion-column-wrapper {
  min-height: 0px !important; }

.fp_tastaturen {
  display: grid;
  grid-template-columns: 32% 32% 32%;
  gap: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.fp_tastaturen .fp_tastatur_content .title_h2 {
  text-align: center;
  font-size: clamp(1.5rem, 2.5vw, 2.5rem);
  min-height: 56px;
  color: #2342B2;
  font-weight: 900 !important;
  font-family: "Poppins" !important; }

.fp_tastaturen .fp_tastatur_content .title_h3 {
  text-align: center;
  font-size: clamp(1.12rem, 1.8vw, 1.8rem) !important;
  line-height: 1.4;
  min-height: 126px;
  text-transform: uppercase;
  margin-top: 20px;
  font-family: 'Poppins';
  font-weight: 500 !important; }

.fp_tastaturen .fp_tastatur_content .firstrow {
  margin-top: 30px; }

.fp_tastaturen .fp_tastatur_content .cherry-logo {
  margin-top: 10px; }

@media only screen and (max-width: 1024px) {
  .fp_tastaturen {
    display: grid;
    grid-template-columns: 49% 49%;
    gap: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }

@media only screen and (max-width: 760px) {
  .fp_tastaturen {
    display: grid;
    grid-template-columns: 100%;
    gap: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }

.adMeASiegel {
  container-type: inline-size;
  container-name: adMeASiegel_container; }

/*
.adMeASiegel{
    z-index:2;
}

*/
.adMeASiegel:before {
  content: '';
  background-image: url("https://www.activekey.de/wp-content/uploads/2025/11/keyboard_start.webp"), -webkit-linear-gradient(60deg, #e4911d 0%, #89bce6 20%, #316d9f 100%) !important;
  background-image: url("https://www.activekey.de/wp-content/uploads/2025/11/keyboard_start.webp"), linear-gradient(30deg, #e4911d 0%, #89bce6 20%, #316d9f 100%) !important;
  position: fixed;
  background-size: 50%;
  background-repeat: no-repeat;
  width: 100% !important;
  _height: 100%;
  _top: 0rem;
  _left: 0rem;
  z-index: 0; }

.adMeASiegel h1 {
  font-size: clamp(1.4rem, 2.7vw, 3.4rem) !important;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); }

.adMeASiegel h2 p,
.adMeASiegel h2 span {
  font-size: clamp(1.02rem, 1.7vw, 1.6rem) !important; }

.adMeASiegel.hover:before {
  background-image: transparent;
  display: none; }

.adMeASiegel:after {
  content: '';
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-image: url("https://www.activekey.de/wp-content/uploads/2025/11/siegel-trusted-experience.webp");
  left: 2rem;
  top: 2rem;
  width: clamp(80px, 10vw, 160px);
  height: auto;
  aspect-ratio: 1;
  background-size: contain !important;
  z-index: 99999;
  -webkit-filter: drop-shadow(5px 5px 8px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(5px 5px 8px rgba(0, 0, 0, 0.5)); }

@container adMeASiegel_container (min-width: 100px) {
  .adMeASiegel:before {
    background-size: 250% !important;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    background-position: center top !important; }
  #ac-header .fusion-column-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    background: none !important;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; }
  .adMeASiegel h2 span {
    display: none; }
  .adMeASiegel:after {
    width: 80px;
    top: 1rem;
    left: 1rem;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; }
  #ac-header > .fusion-builder-row > .fusion-layout-column {
    max-width: none !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: 0px !important;
    -webkit-align-self: end !important;
        -ms-flex-item-align: end !important;
            align-self: end !important; } }

@container adMeASiegel_container (min-width: 600px) {
  .adMeASiegel:before {
    background-size: contain !important;
    background-position: center left !important; }
  #ac-header .fusion-column-wrapper {
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; }
  .adMeASiegel h2 span {
    display: block; }
  .adMeASiegel:after {
    left: 2rem;
    top: 2rem;
    width: clamp(80px, 10vw, 160px);
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; }
  #ac-header > .fusion-builder-row > .fusion-layout-column {
    max-width: none !important;
    width: 50% !important;
    margin-left: auto !important;
    margin-right: 0px !important;
    -webkit-align-self: end !important;
        -ms-flex-item-align: end !important;
            align-self: end !important; } }

body, root {
  font-size: clamp(0.94rem, 1.4vw, 1rem) !important; }

h1 {
  font-weight: 900 !important; }

.fp_tastatur {
  padding: 0px !important; }

.fusion-post-wrapper,
.fusion-builder-row,
.fusion_builder_column,
.fp_tastatur {
  border-radius: 1rem !important;
  overflow: clip !important; }

.fp_tastatur,
.keyboart_element {
  padding: 0rem !important; }

.ac-area-icon {
  z-index: 9999;
  position: absolute;
  margin: 0px auto;
  top: -20px; }

.fusion-column-wrapper:has(.fp_tastaturen) {
  container-type: inline-size;
  /* Definiert den Container-Typ (inline-size = Breite) */
  container-name: product_liste;
  /* Optional: Name für den Container */ }

#ac-areas .fusion-builder-row,
.fp_tastaturen {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem !important; }

.fp_tastaturen {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 1rem !important; }

.fp_tastatur {
  width: 100% !important;
  margin: 0px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  justify-items: stretch;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content; }

@container product_liste (min-width: 100px) {
  .fp_tastaturen {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); } }

@container product_liste (min-width: 800px) {
  .fp_tastaturen {
    grid-template-columns: repeat(3, minmax(320px, 1fr)); } }

#ac-area-hygieneX,
.ac-areaX .fusion-column-inner-bg {
  margin: 0px !important;
  width: 100% !important; }

.title_h2,
.title_h3 {
  text-transform: uppercase; }

.menu-item.menu-item-object-custom {
  padding-top: 0px !important; }

li.menu-item.fusion-megamenu-submenu {
  padding-top: 30px !important;
  padding-bottom: 30px !important; }

li.fusion-megamenu-submenu {
  padding-top: 30px !important;
  padding-bottom: 30px !important; }

li.fusion-megamenu-submenu:has(.last_widget) {
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

.fusion-megamenu-widgets-container:has(.last_widget) {
  background-image: url(https://www.activekey.de/wp-content/uploads/2018/07/activekey-tastaturen-menu.jpg) !important;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.textwidget:has(.last_widget) {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.last_widget {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  font-size: clamp(1rem, 3vw, 1.3rem) !important;
  color: white; }

.fusion-main-menu .fusion-megamenu-holder .fusion-megamenu > li {
  background-color: white;
  border-radius: 1rem !important;
  overflow: clip !important;
  border: 0px;
  margin-top: 1rem !important;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); }

li:has(a) {
  border-radius: 0px !important; }

.fusion-megamenu-holder {
  background-color: transparent !important;
  gap: 0.5rem !important; }

.fusion-megamenu {
  gap: 0.5rem !important; }

.textwidget .fusion_builder_column {
  border-radius: 0px !important; }

.noRoundBorders,
.noRoundBorders .fusion-column-wrapper {
  border-radius: 0px !important;
  padding: 0.2rem !important; }

/*
.fusion-megamenu {
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr))!important;
    gap:1rem;
}
.fusion-megamenu:before,
.fusion-megamenu:after {
    display:none!important;
}
.fusion-megamenu li {
    width:100%!important;
}
*/
.produktliste .produkte_total_de,
.produktliste .produkte_total_en {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  text-align: center; }

.produktliste #reset_button {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  margin: 10px auto; }

/* --------------------- MODS -------------------- */
.ac-areaX,
#ac-area-hygieneX {
  background-color: #2342b2 !important;
  background-color: red !important; }

.ac-areaX {
  --awb-inner-bg-color: #2342b2!important;
  --awb-inner-bg-color-hover: #2342b2!important; }

.fusion-text h1,
.fb-icon-element {
  color: #2342b2 !important; }

.hide-on-mobile .fusion-builder-row,
.show-on-mobile .fusion-builder-row {
  padding: 1rem !important; }

.fusion-fullwidth .fusion-builder-row,
.produkt-submenu .fusion-builder-rowX {
  padding: 1rem !important;
  overflow: clip !important; }

.produkt-submenu {
  background-color: none !important;
  --awb-background-color:none!important;
  padding: 1rem !important;
  width: 100vw !important; }

.produkt-submenu .fusion-builder-row {
  width: 100% !important;
  margin: 0px auto !important;
  background-color: #e5e5e5 !important;
  max-width: none !important; }

.produkt-submenu p {
  margin: 0px !important; }

rs-layer > *,
rs-layer-wrap,
.fusion-slider-revolution * {
  font-family: "Poppins", Arial, Helvetica, sans-serif !important; }

.fusion-tabs ul.nav-tabs {
  border: 2px solid #000 !important;
  border-radius: 1rem !important;
  background-color: none !important;
  padding: 2px !important; }

.fusion-tabs ul.nav-tabs li {
  border: 0px solid #000 !important;
  border-radius: 0.8rem !important;
  background-color: none !important;
  margin: 0px !important; }

.fusion-tabs ul.nav-tabs li.active {
  border: 2px solid #000 !important;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

.fusion-tabs ul.nav-tabs li:hover {
  border: 2px solid #00000050 !important;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

.fusion-tabs .nav .nav-tabs li > *,
.fusion-tabs .nav .nav-tabs li a.tab-link {
  background-color: none !important; }

.fusion-tabs .nav-tabs li .tab-link,
.fusion-tabs .nav-tabs li.active .tab-link {
  background-color: none !important;
  --awb-background-color:none!important;
  --awb-inactive-color:none!important;
  background-color: var(--awb-background-color);
  border: 0px !important; }

.facetwp_suche {
  margin: 0px auto !important; }

div:has(> input) {
  border: 2px solid #000000 !important;
  border-radius: 1rem !important;
  padding: 0.5rem !important;
  background-color: white !important;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0px !important; }

.facetwp-facet-search .facetwp-autocomplete {
  border: 0px solid #333c4e !important;
  padding-left: 10px;
  display: block;
  float: left;
  margin: 0;
  background-color: none !important; }

.facetwp-facet-search .facetwp-autocomplete-update {
  background-color: transparent !important;
  top: 0%;
  left: .5rem; }

.facetwp-facet-search .facetwp-autocomplete-update:before {
  color: #000 !important; }

.produktfinder {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.einsatzgebiet:hover:before,
.einsatzgebiet.facetwp-checkbox.checked:before,
.bauform:hover:before,
.bauform.facetwp-checkbox.checked:before,
.ausfhrung:hover:before,
.ausfhrung.facetwp-checkbox.checked:before,
.schutzartsicherheit:hover:before,
.schutzartsicherheit.facetwp-checkbox.checked:before {
  background: #2342b2 !important;
  background: none !important;
  color: #000; }

.einsatzgebiet.facetwp-checkbox:hover .iconcheckboxes_value_wrapper,
.einsatzgebiet.facetwp-checkbox.checked .iconcheckboxes_value_wrapper,
.bauform.facetwp-checkbox:hover .iconcheckboxes_value_wrapper,
.bauform.facetwp-checkbox.checked .iconcheckboxes_value_wrapper,
.ausfhrung.facetwp-checkbox:hover .iconcheckboxes_value_wrapper,
.ausfhrung.facetwp-checkbox.checked .iconcheckboxes_value_wrapper,
.schutzartsicherheit.facetwp-checkbox:hover .iconcheckboxes_value_wrapper,
.schutzartsicherheit.facetwp-checkbox.checked .iconcheckboxes_value_wrapper {
  background: none !important;
  color: #2342b2; }

.facetwp-checkbox,
#reset_button {
  border: 2px solid #000;
  border-radius: 1rem;
  border-bottom: 4px solid #000; }

.facetwp-checkbox:hover,
#reset_button:hover {
  border: 2px solid #2342B2;
  border-bottom: 2px solid #2342B2;
  -webkit-transform: translateY(2px) !important;
      -ms-transform: translateY(2px) !important;
          transform: translateY(2px) !important; }

#reset_button {
  margin: 10px auto 10px auto !important; }

#reset_button:hover {
  margin: 10px auto 12px auto !important; }

.facetwp-checkbox {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-align-self: flex-end !important;
      -ms-flex-item-align: end !important;
          align-self: flex-end !important;
  -webkit-align-content: center !important;
      -ms-flex-line-pack: center !important;
          align-content: center !important; }

.facetwp-checkbox :before,
.facetwp-checkbox p {
  top: 0px !important;
  -webkit-align-content: center !important;
      -ms-flex-line-pack: center !important;
          align-content: center !important;
  max-width: none !important;
  text-align: left;
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

.facettitle {
  color: #2342b2 !important; }

.facetwrapper {
  width: 100% !important; }

.faceten_content {
  display: grid !important;
  gap: .5rem;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important; }

.facetwp-checkbox.checked {
  border-color: #2342b2 !important; }

.faceten_content .clear {
  display: none; }

.tastatur_icon,
.tastatur_icon:before,
.fusion-li-icon:before,
.produkte_total_text {
  color: #2342b2 !important; }

.fusion-portfolio-content h2 {
  font-size: clamp(1.5rem, 2.5vw, 2.5rem) !important;
  margin-top: 50px !important; }

.fusion-portfolio-content h3 {
  font-size: clamp(1.12rem, 1.8vw, 1.8rem) !important;
  line-height: 1.1 !important; }

.fusion-panel {
  margin-bottom: 0.5rem !important; }

.fusion-panel,
.distributor .fusion-column-wrapper {
  overflow: clip !important;
  border-radius: 1rem !important; }

.distributor .fusion-column-wrapper {
  margin: 0.3rem !important;
  width: 100%; }

#anschluesse .fusion-fullwidth,
#anschluesse .fusion-column-wrapper {
  padding: 1rem !important; }

#anschluesse > div {
  overflow: clip !important; }

#anschluesse .fusion-builder-row div,
#anschluesse .fusion-builder-row > *,
#anschluesse .fusion-builder-row span {
  background-color: none !important;
  --awb-inner-bg-color: none!important;
  --awb-inner-bg-color-hover:#ffffff10!important;
  margin: 0; }

#post-44065 #anschluesse > .fusion-fullwidth > .fusion-builder-row,
#post-6376 #anschluesse > .fusion-fullwidth > .fusion-builder-row,
#post-6375 #anschluesse > .fusion-fullwidth > .fusion-builder-row {
  background-color: #fff !important; }

#anschluesse h2 {
  color: #000 !important; }

#anschluesse p,
#anschluesse .fusion-text p span,
#anschluesse i:before {
  color: #2342B2 !important; }

#anschluesse h2 {
  font-weight: 800 !important;
  font-size: clamp(1.5rem, 2.5vw, 2.5rem) !important; }

li.menu-item li {
  background-color: none !important; }

li.menu-item.fusion-megamenu-submenu .textwidget ul li,
.manual-button {
  background-color: none !important;
  border: 1px solid #000 !important;
  border-bottom: 2px solid #000 !important;
  border-radius: 0.5rem !important;
  color: #000 !important;
  padding: 0.2rem 0.4rem !important; }

li.menu-item.fusion-megamenu-submenu .textwidget ul li:hover,
.manual-button:hover {
  border-bottom: 1px solid #000 !important;
  -webkit-transform: translateY(1px);
      -ms-transform: translateY(1px);
          transform: translateY(1px); }

.manual-button:hover {
  margin-bottom: 1px !important; }

i.menu-item.fusion-megamenu-submenu .textwidget ul li:hover {
  margin-bottom: 8px !important; }

li.menu-item.fusion-megamenu-submenu .textwidget ul li a {
  color: #000 !important;
  font-weight: 300 !important; }

.menu-text {
  font-family: "Poppins", Arial, Helvetica, sans-serif !important; }

.textwidget:has(.produktkategorie-widget) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 0.5rem !important; }

.produktkategorie-widget {
  border-radius: 0.5rem !important;
  overflow: clip !important;
  margin: 0px !important;
  padding: 0px !important;
  width: 100% !important;
  height: 100% !important; }

.produktkategorie-widget .label {
  margin: 0px !important; }

.fusion-toggle-icon-wrapper,
.fusion-toggle-heading {
  margin: 0px !important; }

#ac-header {
  margin: 1rem !important; }

#ac-areas .fusion-row {
  top: 0 !important; }

.adMeASiegel:before {
  content: '';
  background-image: url(https://www.activekey.de/wp-content/uploads/2025/11/keyboard_start.webp), -webkit-gradient(linear, left top, left bottom, from(#5095cf), to(#89bce6));
  background-image: url(https://www.activekey.de/wp-content/uploads/2025/11/keyboard_start.webp), -webkit-linear-gradient(top, #5095cf 0%, #89bce6 100%);
  background-image: url(https://www.activekey.de/wp-content/uploads/2025/11/keyboard_start.webp), linear-gradient(180deg, #5095cf 0%, #89bce6 100%);
  position: fixed;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100% !important;
  height: 100%;
  z-index: 0;
  border-radius: 1rem;
  overflow: clip;
  position: absolute; }

.fusion-fullwidth:has(.fusion-counters-box) {
  background-image: none !important;
  background-image: -webkit-linear-gradient(60deg, #e4911d 0%, #89bce6 20%, #316d9f 100%) !important;
  background-image: linear-gradient(30deg, #e4911d 0%, #89bce6 20%, #316d9f 100%) !important;
  margin: 1rem !important;
  border-radius: 1rem;
  overflow: clip !important; }

.fusion-layout-column:has(.fusion-counters-box) > .fusion-column-inner-bg,
.fusion-layout-column:has(.fusion-counters-box) > span,
.fusion-layout-column:has(.fusion-counters-box) {
  margin: none !important;
  border: 0 !important; }

.fusion-column-inner-bg {
  margin: 0px !important; }

.start-counter .fusion-builder-row {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  gap: .5rem; }

.counterbox {
  width: 100% !important;
  margin: 0px !important; }

.fusion-sliding-bar-wrapper {
  display: none !important; }

/* Button Mod */
p:has(> .fusion-button),
div:has(> .fusion-button) {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-align-content: flex-end !important;
      -ms-flex-line-pack: end !important;
          align-content: flex-end !important;
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
  min-height: 50px !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  margin-top: 2rem !important; }

.button-default,
a.fusion-button,
.fusion-button,
.manual-button {
  border-color: #2342B2 !important;
  color: #2342B2 !important;
  margin-top: 0px !important; }

.fusion-button span {
  color: #2342B2 !important; }

.button-default:hover,
a.fusion-button:hover,
.fusion-button:hover {
  border-bottom: 2px !important;
  border-style: solid !important;
  margin-top: 2px !important;
  -webkit-transition: all 0.1s ease-in-out !important;
  transition: all 0.1s ease-in-out !important;
  border-color: black !important;
  color: #000 !important; }

.fusion-button:hover span,
.manual-button:hover span {
  color: #000 !important; }

li.fusion-active-link {
  border-bottom: 1px !important; }

.fusion-accordian .panel-heading .panel-title > *,
.fusion-accordian .panel-heading .panel-title a .fusion-toggle-heading,
.panel-title > *,
.fusion-toggle-heading,
.fusion-accordian .panel-heading .panel-title a {
  color: #2342B2 !important; }

.fusion-accordian .panel-heading .panel-title a {
  color: #2342B2 !important; }

body {
  --awb-title-color: #2342B2!important;
  --awb-icon-color: #2342B2!important;
  --footer_headings_typography-color: #2342B2!important;
  --awb-bg-color: #2342B2!important;
  --awb-bg-color-hover: #2342B2!important; }

.fusion-footer-widget-area .widget_text .widget-title,
.fusion-footer-widget-area .widget_text > * {
  color: #2342B2 !important; }

.technische-daten .fusion-column-wrapper {
  background-color: transparent !important; }

.technische-daten,
.quick-contact,
.fusion-fullwidth:has(.quick-contact) {
  background-color: #2342B2 !important; }

.technische-daten:has(.fusion-column-inner-bg-wrapper) {
  background-color: #8597a2 !important; }

.toggle-content,
.panel-body,
.panel-body.toggle-content,
.panel-body.toggle-content p,
#anschluesse .panel-body.toggle-content p {
  color: #333c4e !important; }

/* --------------------- ENDE GELÄNDE -------------------- */