/*!
 * 
 * Built: Mon Jun 16 2025 15:44:40 GMT+0200 (Mitteleuropﾃ､ische Sommerzeit)
 * Authors: EM
 * Version: 4.1.0
 * Copyright (c) 2025 WIKA Alexander Wiegand SE & Co. KG
 * 
 */
@charset "UTF-8";
/*
 Libs
 */
/*
 Grundeinstellungen Projekt
 */
@font-face {
  src: url("../fonts/fontawesome-webfont.eot");
  src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2") format("woff2"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=#fontawesomeregular") format("svg");
  font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal; }

/*
 Projekt Mixins
 */
/*
  @include linear-gradient(#31B7D7, #EDAC7D);
  @include linear-gradient(to right, #E47D7D 0%, #C195D3 50%, #4FB4E8 100%);
  @include linear-gradient(42deg, #B58234 0%, #D2B545 50%, #D7C04D 50.01%, #FFFFFF 100%);
*/
/*
 Template
 */
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after {
  clear: both; }

.confcontainer.visualmode-1 {
  height: auto;
  border: none;
  background: none !important;
  min-height: 33.33333em; }
  .confcontainer.visualmode-1 .long-text-wrap {
    display: none !important; }
  .confcontainer.visualmode-1 .Configurator__loader {
    top: 0;
    background-image: url(../images/loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #F9F9F9; }
  .confcontainer.visualmode-1 .current-state-left {
    display: none !important; }
  .confcontainer.visualmode-1 .current-state-right {
    float: left;
    width: 100%;
    padding-left: 1.53846em;
    padding-right: 1.53846em;
    *zoom: 1; }
    .confcontainer.visualmode-1 .current-state-right:after {
      content: "";
      display: table;
      clear: both; }
  .confcontainer.visualmode-1 .header-component {
    display: none; }
  .confcontainer.visualmode-1 .content-area-component {
    position: static; }
  .confcontainer.visualmode-1 .product-select {
    display: none; }
  .confcontainer.visualmode-1 .current-state-component {
    height: auto;
    min-height: 380px; }
  .confcontainer.visualmode-1 .type-info-component {
    display: none !important; }
  .confcontainer.visualmode-1 .footer-component {
    position: static;
    background: none;
    padding: 0;
    margin-top: 3.33333em; }
    .confcontainer.visualmode-1 .footer-component .action-buttons-left {
      float: left;
      width: 33.33333%;
      padding-left: 1.53846em;
      padding-right: 1.53846em;
      *zoom: 1;
      height: 1px; }
      .confcontainer.visualmode-1 .footer-component .action-buttons-left:after {
        content: "";
        display: table;
        clear: both; }
    .confcontainer.visualmode-1 .footer-component .action-buttons {
      float: left;
      width: 66.66667%;
      padding-left: 1.53846em;
      padding-right: 1.53846em;
      *zoom: 1;
      text-align: right; }
      .confcontainer.visualmode-1 .footer-component .action-buttons:after {
        content: "";
        display: table;
        clear: both; }
    .confcontainer.visualmode-1 .footer-component .btn-toolbar {
      -webkit-border-radius: 0 5px 5px 0;
      -moz-border-radius: 0 5px 5px 0;
      -ms-border-radius: 0 5px 5px 0;
      -o-border-radius: 0 5px 5px 0;
      border-radius: 0 5px 5px 0; }
    .confcontainer.visualmode-1 .footer-component .btn-default {
      background: #d5d5d5;
      -webkit-border-radius: 5px 0 0 5px;
      -moz-border-radius: 5px 0 0 5px;
      -ms-border-radius: 5px 0 0 5px;
      -o-border-radius: 5px 0 0 5px;
      border-radius: 5px 0 0 5px; }
  .confcontainer.visualmode-1 .action-buttons {
    float: left;
    width: 100%;
    padding-left: 1.53846em;
    padding-right: 1.53846em;
    *zoom: 1; }
    .confcontainer.visualmode-1 .action-buttons:after {
      content: "";
      display: table;
      clear: both; }
  .confcontainer.visualmode-1 .home-area-component {
    display: none !important; }
  .confcontainer.visualmode-1 .tabs-panel {
    background: none !important;
    box-shadow: none !important;
    padding: 0 !important; }
  .confcontainer.visualmode-1 .instock {
    color: #3b8ed2; }
  .confcontainer.visualmode-1 .type-restart {
    background: #e8e8e8;
    background: -webkit-linear-gradient(-90deg, #e8e8e8, #f1f1f1);
    background: linear-gradient(180deg, #e8e8e8, #f1f1f1);
    border-radius: 0.41667em;
    margin-bottom: 3.33333em;
    margin-top: 3.33333em; }
    .confcontainer.visualmode-1 .type-restart .completion-restart {
      padding: 0 0.66667em; }
      .confcontainer.visualmode-1 .type-restart .completion-restart > div {
        float: left;
        width: 100%;
        padding-left: 1.53846em;
        padding-right: 1.53846em;
        *zoom: 1; }
        .confcontainer.visualmode-1 .type-restart .completion-restart > div:after {
          content: "";
          display: table;
          clear: both; }
        .confcontainer.visualmode-1 .type-restart .completion-restart > div:last-child {
          float: right; }
    .confcontainer.visualmode-1 .type-restart .restart-component {
      padding-bottom: 0.66667em; }
      .confcontainer.visualmode-1 .type-restart .restart-component span {
        max-width: none; }
    .confcontainer.visualmode-1 .type-restart .restart-component.no-code {
      padding-bottom: 0.66667em;
      padding-top: 0.66667em; }
  .confcontainer.visualmode-1 .long-text-wrap {
    display: none; }
    .confcontainer.visualmode-1 .long-text-wrap.visible {
      display: block; }
  .confcontainer.visualmode-1 .type-code input {
    padding-top: 0.5em !important; }
  .confcontainer.visualmode-1 .tabs-menu {
    *zoom: 1;
    z-index: 10004;
    position: relative;
    padding: 0;
    margin-bottom: 0.83333em !important;
    border-bottom: 1px solid #a6a39e; }
    .confcontainer.visualmode-1 .tabs-menu:after {
      content: "";
      display: table;
      clear: both; }
    .confcontainer.visualmode-1 .tabs-menu li {
      float: left;
      position: relative;
      list-style: none;
      margin-right: 0.38462em; }
      .confcontainer.visualmode-1 .tabs-menu li.active a {
        background: none;
        color: #4c4b49;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        position: relative; }
        .confcontainer.visualmode-1 .tabs-menu li.active a:before {
          content: "";
          position: absolute;
          left: 0;
          right: 0;
          bottom: -2px;
          height: 3px;
          background-color: #fbfbfb; }
      .confcontainer.visualmode-1 .tabs-menu li.expanded .additional-tabs {
        display: block; }
      .confcontainer.visualmode-1 .tabs-menu li.tab-menu-anchor:after {
        content: "\F0D7";
        font-size: 0.75em !important;
        font-family: 'FontAwesome' !important;
        font-weight: normal !important;
        color: #ffffff;
        margin-left: 0.41667em; }
    .confcontainer.visualmode-1 .tabs-menu .additional-tabs {
      position: absolute;
      left: 0;
      right: 0;
      top: 100%;
      display: none; }
      .confcontainer.visualmode-1 .tabs-menu .additional-tabs ul, .confcontainer.visualmode-1 .tabs-menu .additional-tabs li {
        margin: 0;
        padding: 0; }
      .confcontainer.visualmode-1 .tabs-menu .additional-tabs li {
        float: none;
        display: block; }
      .confcontainer.visualmode-1 .tabs-menu .additional-tabs a {
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
    .confcontainer.visualmode-1 .tabs-menu a {
      display: block;
      border-top: 1px solid #8c8985;
      border-right: 1px solid #8c8985;
      border-left: 1px solid #8c8985;
      cursor: pointer;
      background: #b2afaa;
      background: -webkit-linear-gradient(-90deg, #b2afaa, #9b9691);
      background: linear-gradient(180deg, #b2afaa, #9b9691);
      -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 2px #73716e;
      -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 2px #73716e;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 2px #73716e;
      color: #ffffff;
      padding: 0.41667em 1.25em;
      border-radius: 4px 4px 0 0;
      font-weight: bold;
      font-size: 1em;
      -webkit-transition: none false false;
      -moz-transition: none false false false;
      -o-transition: none false false false;
      transition: none; }
      .confcontainer.visualmode-1 .tabs-menu a:hover {
        background: #565553;
        background: -webkit-linear-gradient(-90deg, #565553, #424140);
        background: linear-gradient(180deg, #565553, #424140); }