/* @charset "UTF-8";
                @font-face {
                    font-family: "FujitsuInfinityPro-Regular";
                    src: url("font/FujitsuInfinityPro-Regular.eot") format("embedded-opentype"), url("font/FujitsuInfinityPro-Regular.woff") format("woff"), url("font/FujitsuInfinityPro-Regular.ttf") format("truetype");
                }
                
                @font-face {
                    font-family: "FujitsuInfinityPro-Bold";
                    src: url("font/FujitsuInfinityPro-Bold.eot") format("embedded-opentype"), url("font/FujitsuInfinityPro-Bold.woff") format("woff"), url("font/FujitsuInfinityPro-Bold.ttf") format("truetype");
                }
                
                html {
                    scroll-behavior: smooth;
                }
                
                * {
                    margin: 0;
                    padding: 0;
                }
                
                body {
                    font-family: "FujitsuInfinityPro-Regular", Arial, sans-serif;
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 1.75;
                    color: #3f3f3f;
                    text-align: left;
                    background: rgb(255, 111, 0);
                    background: linear-gradient(137deg, rgba(255, 111, 0, 1) 0%, rgba(255, 225, 0, 1) 100%);
                    height: 100vh;
                    overflow-y: scroll;
                    background-repeat: no-repeat;
                    background-attachment: fixed;
                }*/
               .section.section-evaluator {
                   background: rgb(255, 111, 0);
                   background: linear-gradient(137deg, rgba(255, 111, 0, 1) 0%, rgba(255, 225, 0, 1) 100%);
               }

               #config a:hover {
                   text-decoration: none;
               }

               #config h4 {
                   line-height: 36px;
                   font-size: 32px;
                   text-transform: uppercase;
                   text-align: center;
               }

               #config .btn span {
                   display: block;
                   line-height: 20px;
                   letter-spacing: .5px;
                   font-size: 14px;
                   text-transform: none;
                   padding: 5px;
               }

               #config .btn h4 span {
                   font-size: 30px;
                   display: inline-block;
                   text-transform: none;
                   line-height: 1.2;
                   color: #fff;
                   background-color: #000;
                   font-weight: bold;
                   padding: 10px 15px;
               }

               #config .btn h4 span:first-child {
                   margin-right: 10px;
               }

               #config .btn span.ftsinfo {
                   font-size: 14px;
                   text-transform: none;
                   padding: 5px;
                   background-color: rgba(255, 255, 255, 0.9);
                   position: absolute;
                   top: 20px;
                   right: 30px;
                   display: inline-block;
               }

               #config .btn span.head4 {
                   display: inline-block;
                   font-family: "FujitsuInfinityPro-Bold", Arial, sans-serif;
                   font-size: 20px;
                   text-transform: none;
                   padding: 5px;
                   background-color: rgba(255, 255, 255, 0.9);
               }

               #config a.active,
               #config a:focus {
                   outline: none;
               }

               #config .btn {
                   font-family: "FujitsuInfinityPro-Regular", Arial, sans-serif;
                   letter-spacing: 1.4px;
                   border-radius: 0px;
               }

               #config .btn-group {
                   width: 100%;
                   display: block;
                   margin: 0;
                   padding: 0;
                   border: 0px;
               }

               #config .btn-group .btn+.btn,
               #config .btn-group .btn+.btn-group,
               #config .btn-group .btn-group+.btn,
               #config .btn-group .btn-group+.btn-group,
               #config .btn-group-vertical .btn+.btn,
               #config .btn-group-vertical .btn+.btn-group,
               #config .btn-group-vertical .btn-group+.btn,
               #config .btn-group-vertical .btn-group+.btn-group {
                   margin-left: 0px;
                   border-radius: 0;
               }

               #config .btn {
                   float: left;
                   padding: 0;
                   color: #000;
                   padding: 30px;
                   background-size: cover;
                   transition: opacity ease-in-out 0.4s;
               }

               #config .btn p,
               #config .btn p a {
                   font-size: 18px;
                   line-height: 1.6;
                   color: #000;
               }

               #config .btn:hover,
               #config .btn:focus,
               #config .btn.active {
                   box-shadow: 0 0 0;
                   text-decoration: none;
               }

               #config .btn span.head4 {
                   margin-top: 20px;
               }

               #config .close:hover {
                   color: #000;
                   opacity: .5;
               }

               #config .btn-secondary {
                   opacity: 0.5;
                   padding-bottom: 80px;
                   background-color: transparent;
               }

               #config .btn-secondary:not(:disabled):not(.disabled).active,
               #config .btn-secondary:not(:disabled):not(.disabled):active,
               #config .show>.btn-secondary.dropdown-toggle,
               #config .btn-secondary:hover {
                   opacity: 1;
               }

               #config .btn-secondary:focus,
               #config .btn-secondary.focus {
                   box-shadow: 0 0 0 0rem rgba(130, 138, 145, 0.5);
               }

               #config .question {
                   position: relative;
                   display: inline;
               }

               #config .question::after {
                   content: '';
                   width: 80%;
                   height: 3px;
                   background-color: #000;
                   position: absolute;
                   bottom: -10px;
                   left: 50%;
                   transform: translateX(-50%);
               }

               #config .decision {
                   padding: 10px;
                   color: #a30b1a;
                   background-color: #fff;
                   border: 1px solid #a30b1a;
                   font-family: "FujitsuInfinityPro-Regular", Arial, sans-serif;
                   line-height: 26px;
                   text-transform: none;
                   display: block;
                   text-align: center;
               }

               #config .decision:hover {
                   color: #fff;
                   background-color: #a30b1a;
                   text-decoration: none;
                   cursor: pointer;
               }

               #config .btn {
                   overflow: inherit !important;
               }

               #config .btn.left .btn-img {
                   width: 43%;
                   height: auto;
                   position: absolute;
                   bottom: 0;
                   left: 0;
                   z-index: 5;
               }

               #config .btn.right .btn-img {
                   width: 43%;
                   height: auto;
                   position: absolute;
                   bottom: 0;
                   right: 0;
                   z-index: 5;
               }

               #config .btn .bottom {
                   position: relative;
                   width: 100%;
                   height: 80px;
                   background-color: rgba(0, 0, 0, 0.5);
               }

               #config label.left .bottom::after {
                   background-image: url(/global/imagesgig5/unchecked_tcm100-6901697_tcm100-2750236-32.png);
                   background-size: 40px;
                   display: inline-block;
                   width: 40px;
                   height: 40px;
                   content: "";
                   position: absolute;
                   right: 10px;
                   top: 50%;
                   transform: translateY(-50%);
               }

               #config label.right .bottom::after {
                   background-image: url(/global/imagesgig5/unchecked_tcm100-6901697_tcm100-2750236-32.png);
                   background-size: 40px;
                   display: inline-block;
                   width: 40px;
                   height: 40px;
                   content: "";
                   position: absolute;
                   left: 10px;
                   top: 50%;
                   transform: translateY(-50%);
               }

               #config label.active .bottom::after {
                   background-image: url(/global/imagesgig5/checked_tcm100-6901679_tcm100-2750236-32.png);
                   background-size: 40px;
                   display: inline-block;
                   width: 40px;
                   height: 40px;
                   content: "";
                   position: absolute;
                   right: 10px;
                   top: 50%;
                   transform: translateY(-50%);
               }

               #config .decision.active::after {
                   background-image: url('/global/imagesgig5/checked_tcm100-6901679_tcm100-2750236-32.png');
                   background-size: 30px;
                   display: inline-block;
                   width: 30px;
                   height: 80px;
                   content: "";
                   position: absolute;
               }

               /*#config #Einwilligung.custom-control-input~.custom-control-label::before {
        background-image: url('check-default.png');
        background-size: 40px;
        display: inline-block;
        width: 40px;
        height: 40px;
        content: "";
        position: absolute;
        right: -10px;
        top: 0px;
        color: transparent;
        border: 0px;
        border-color: transparent;
        background-color: transparent;
        outline: none;
    }
    
    #config #Einwilligung.custom-control-input:checked~.custom-control-label::before {
        background-image: url('checked.png');
        background-size: 40px;
        display: inline-block;
        width: 40px;
        height: 40px;
        content: "";
        position: absolute;
        right: -10px;
        top: 0px;
        color: transparent;
        border: 0px;
        border-color: transparent;
        background-color: transparent;
        outline: none;
    }
    
    .custom-checkbox #Einwilligung.custom-control-input:checked~.custom-control-label::after {
        background-image: none;
    }
    
    #form_einwilligung span {
        padding-left: 25px;
        display: block;
    }
    
    #form_einwilligung .custom-control-input:focus~.custom-control-label::before {
        box-shadow: 0 0 0 0 rgba(0, 123, 255, .25);
    }*/

               #config .btn input[type="radio"] {
                   position: absolute;
                   clip: rect(0, 0, 0, 0);
                   pointer-events: none;
               }

               #config h4.step1 {
                   padding: 90px 20px 20px 20px;
                   background: url('/global/imagesgig5/step1_tcm100-6901689_tcm100-2750236-32.png')no-repeat center top;
                   background-size: 80px;
               }

               #config h4.step2 {
                   padding: 90px 20px 20px 20px;
                   background: url('/global/imagesgig5/step2_tcm100-6901691_tcm100-2750236-32.png')no-repeat center top;
                   background-size: 80px;
               }

               #config h4.step3 {
                   padding: 90px 20px 20px 20px;
                   background: url('/global/imagesgig5/step3_tcm100-6901693_tcm100-2750236-32.png')no-repeat center top;
                   background-size: 80px;
               }

               #config h4.step4 {
                   padding: 90px 20px 20px 20px;
                   background: url('/global/imagesgig5/step4_tcm100-6901695_tcm100-2750236-32.png')no-repeat center top;
                   background-size: 80px;
               }

               #config h4.step5 {
                   padding: 90px 20px 20px 20px;
                   background: url('step5.png')no-repeat center top;
                   background-size: 80px;
               }

               /*
    #config h4.einzeilig {
        padding: 20px 20px 20px 90px;
    }
    
    #config h4.pur {
        padding: 20px 20px 20px 90px;
    }
 
    
    #config .datasheet {
        color: #a30b1a;
        border: 1px solid #a30b1a;
        padding: 3px 14px;
        font-size: 15px;
        display: inline-block;
        margin-top: 20px;
        background-color: #fff;
    }
    
    
    */

               #config .modal-content {
                   border-radius: 0;
               }

               #config .modal p a {
                   color: #d60303;
                   text-decoration: underline;
                   transition: color .2s;
               }

               #config .products label {
                   text-align: right;
                   background: #ffe700;
                   font-weight: bold;
                   font-size: 26px;
               }

               /***CARDS***/

               .card,
               .card-header {
                   background-color: transparent;
                   border: 0;
               }

               .card-body {
                   border-bottom: 1px solid #000;
               }

               /***FORMULAR***/
               /*#config form {
            width: 100%;
        }
        */

               #config select {
                   margin: 2rem 0 .5rem;
                   padding: .55rem .5rem;
                   width: 50px;
                   background: #fff;
                   border: 1px solid #d7d7d7;
                   color: #000;
                   margin-left: 20px;
               }

               #config select.partner {
                   margin: 2rem 0 .5rem;
                   padding: .8rem .5rem;
                   width: 300px;
                   background: #fff;
                   border: 1px solid #d7d7d7;
                   color: #000;
                   margin-left: 20px;
               }

               #config label {
                   margin-bottom: 0px;
               }

               #config .form-control {
                   display: block;
                   width: 100%;
                   padding: 1.43rem .75rem;
                   font-size: .9375rem;
                   line-height: 1.2;
                   color: #282828;
                   background-color: #fff;
                   background-clip: padding-box;
                   border: 1px solid #d7d7d7;
                   border-top-color: rgb(215, 215, 215);
                   border-right-color: rgb(215, 215, 215);
                   border-bottom-color: rgb(215, 215, 215);
                   border-left-color: rgb(215, 215, 215);
                   border-radius: 0;
                   -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
                   transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
                   transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
                   transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
               }

               #config .forms input {
                   margin: 2rem 0 .5rem;
               }

               #config .form-control::placeholder {
                   color: #9e9f9e;
                   opacity: 1;
               }

               #config .form-control:focus {
                   color: #282828;
                   background-color: #fff;
                   border-color: #000000;
                   outline: 0;
                   -webkit-box-shadow: none;
                   box-shadow: none;
               }

               #config input {
                   font-family: "FujitsuInfinityPro-Regular", Arial, sans-serif;
                   text-transform: uppercase;
                   letter-spacing: 1.4px;
                   margin: 2rem 0 .5rem;
               }

               #config label.active span.head4,
               #config label:hover span.head4,
               #config label:hover span.ftsinfo,
               #config label.active span.ftsinfo {
                   background-color: transparent !important;
               }

               #config .partner label {
                   opacity: 0.4;
                   background-color: transparent;
                   border: 0px;
               }

               #config .partner label img {
                   height: 30px;
                   margin: 0 auto;
               }

               #config .partner label.bechtle img {
                   height: 60px;
               }

               #config .partner label:hover,
               #config .partner label:focus,
               #config .partner label:active,
               #config .partner label.active {
                   opacity: 1;
                   background-color: transparent !important;
                   border: 0px;
               }

               #config .scroller {
                   position: fixed;
                   bottom: 0;
                   right: 0%;
                   width: 100%;
                   padding: 20px 0 5px 0;
                   z-index: 100;
                   display: none;
                   background-color: #FF6A00;
                   text-align: center;
                   border-top: 1px solid #fff;
               }

               #config .scroller:hover {
                   cursor: pointer !important;
               }

               #config .scroller img {
                   width: 30px;
                   height: auto;
               }

               #config .mobilescroller {
                   position: fixed;
                   bottom: 0;
                   right: 0%;
                   width: 100%;
                   padding: 20px 0 5px 0;
                   z-index: 100;
                   background-color: #FF6A00;
                   text-align: center;
                   border-top: 1px solid #fff;
               }

               #config .mobilescroller:hover {
                   cursor: pointer !important;
               }

               #config .mobilescroller img {
                   width: 30px;
                   height: auto;
               }

               #config .bounce {
                   animation-iteration-count: infinite;
                   animation-duration: 1.5s;
                   animation: bounce 3.6s ease infinite;
                   transform-origin: 50% 50%;
               }

               #config .wrapper-rangeradios .btn {
                   padding: 9px 20px;
                   margin: 0 10px;
               }

               #config .card .btn:hover {
                   background-color: transparent !important;
               }

               #config .wrapper-rangeradios .btn:not(:disabled):not(.disabled).active,
               #config .wrapper-rangeradios .btn:not(:disabled):not(.disabled):active,
               #config .wrapper-rangeradios .btn:hover {
                   background-color: #FF6A00 !important;
               }

               #config .wrapper-rangeradios .btn:not(:disabled):not(.disabled).active p,
               #config .wrapper-rangeradios .btn:not(:disabled):not(.disabled):active p,
               #config .wrapper-rangeradios .btn:hover p {
                   color: #ffffff;
               }

               #config .radioquestion {
                   font-size: 25px;
                   line-height: 1.2;
               }

               #config .progress-circle {
                   position: relative;
                   display: inline-block;
                   width: 15px;
                   height: 18px;
               }

               #config .progress-circle span {
                   position: absolute;
                   bottom: 0;
                   left: 0;
                   display: block;
                   width: 14px;
                   height: 14px;
                   border: 1px solid #fff;
                   border-radius: 40px;
                   z-index: 2;
               }

               #config .progress-circle.filled span {
                   background-color: #fff;
               }

               #config .progress-circle span.check {
                   display: none;
                   position: absolute;
                   bottom: 1px;
                   left: 1px;
                   background: transparent url(/global/imagesgig5/checked_tcm100-6901679_tcm100-2750236-32.png) no-repeat center;
                   background-size: contain;
                   border: 0;
                   height: 100%;
                   z-index: 5;
               }

               #config .progress-circle.done span.check {
                   display: block
               }

               #config .progress-divider {
                   display: inline-block;
                   width: 1px;
                   height: 27px;
                   background-color: #fff;
               }

               #config .congrats {
                   background: transparent url(/global/imagesgig5/congrats_tcm100-6901682_tcm100-2750236-32.png) no-repeat center left;
                   min-height: 117px;
                   margin-left: -38px;
                   position: relative;
                   background-size: 100% 100%;
               }

               #config .congrats h2 {
                   width: 75%;
               }

               #config section {
                   position: relative;
                   display: none;
               }

               #config .absolute-border {
                   position: absolute;
                   width: calc(100% - 30px);
                   height: calc(100% - 30px);
                   border: 1px solid #000;
                   z-index: 0;
                   top: 15px;
                   left: 15px;
               }

               #config .absolute-certificate {
                   width: 12%;
                   height: auto;
                   position: absolute;
                   right: -15px;
                   top: -35px;
               }

               #config ul {
                   list-style-type: disc;
               }

               #config ul li {
                   font-size: 14px;
               }

               #config .result-link {
                   font-size: 14px;
                   line-height: 1.4;
                   background: #EA0000 url(/global/imagesgig5/icon-arrow_tcm100-6901684_tcm100-2750236-32.png) no-repeat 20px center;
                   background-size: 30px;
               }

               #config .result-padding-left {
                   padding-left: 6rem !important;
               }

               #config .result-padding-left {
                   padding-left: 5rem !important;
               }

               @keyframes bounce {
                   0% {
                       transform: translateY(0);
                   }

                   5.55556% {
                       transform: translateY(0);
                   }

                   11.11111% {
                       transform: translateY(0);
                   }

                   22.22222% {
                       transform: translateY(-15px);
                   }

                   27.77778% {
                       transform: translateY(0);
                   }

                   33.33333% {
                       transform: translateY(-15px);
                   }

                   44.44444% {
                       transform: translateY(0);
                   }

                   100% {
                       transform: translateY(0);
                   }
               }

               @media (max-width: 1200px) {
                   #config .btn-group .btn {
                       margin: 20px !important;
                   }

                   #config h4.pur {
                       padding: 20px 20px 20px 20px;
                   }

                   #config .wrapper-rangeradios .btn {
                       padding: 13px;
                       margin: 0 5px;
                   }

                   #config .congrats {
                       margin-left: -40px;
                   }

                   #config .congrats h2 {
                       font-size: 1.5rem;
                       padding-top: 19px !important;
                   }
               }

               @media (max-width: 1310px) {
                   #config .btn span.head4 {
                       margin-top: 54px;
                   }
               }

               @media (max-width: 990px) {
                   #config .result-padding-left {
                       padding: 1rem 2rem !important;
                   }

                   #config .result-link {
                       padding-left: 80px !important;
                   }

                   #config .congrats h2 {
                       width: 90%;
                   }

                   #config .congrats {
                       margin-left: -37px;
                   }
               }

               @media (max-width: 768px) {
                   #config section {
                       margin-top: 80px;
                   }

                   #config .congrats {
                       margin-left: -4.5vw;
                   }

                   #config .congrats h2 {
                       font-size: 2rem;
                       padding-top: 14px !important;
                   }

                   #config section h3 {
                       font-size: 1.5rem;
                   }

                   #config section p {
                       font-size: 1.4rem;
                   }

                   #config .btn span.head4 {
                       margin-top: 20px;
                   }

                   #config .wrapper-rangeradios .btn {
                       margin: 3px !important;
                   }

                   #config .radioquestion,
                   #config .btn p,
                   #config .btn p a {
                       font-size: 15px;
                       line-height: 1.2;
                   }

                   #config .small {
                       font-size: 50%;
                   }
               }

/* Update 2023-01-16: modal dialogue */
.modal-open .container-fluid, .modal-open .container {
-webkit-filter: blur(5px) grayscale(90%);
filter: blur(5px) grayscale(90%);
}
#decider .modal-backdrop {
background-color: #dfd6d6;
}
#decider .modal-body a.btn-fujitsu {
background-color: #f8f9fa;
}
#decider .modal-body a.btn-fujitsu:hover, #decider .modal-body 
a.btn-fujitsu:active, #decider .modal-body a.btn-fujitsu:focus {
color: #fff;
background-color: #ea0000;
box-shadow: none;
}
/* /Update 2023-01-16: modal dialogue */