/*!
 * @author: Michelle John. Project: projektanruf 2024-12-04
 * @version 1.0.0
*/html,body{height:100%;overflow-x:hidden;overflow-y:auto}.index-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100vh;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-x:hidden;overflow-y:auto;font-family:Arial,Helvetica,sans-serif}.index-wrapper .settings{display:block;height:6vw;width:6vw;min-height:60px;min-width:60px;position:absolute;right:20px;top:20px;border:none;border-radius:100%;background-color:white;background-image:url('/assets/images/settings.png');background-repeat:no-repeat;background-size:65%;background-position:center}.index-wrapper .settings:hover{background-color:#d9d9d9}.index-wrapper .tiles{margin:10px;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.index-wrapper .tiles .compare-numbers,.index-wrapper .tiles .call-practice,.index-wrapper .tiles .dial-practice,.index-wrapper .tiles .digital-number,.index-wrapper .tiles .digital-number-write,.index-wrapper .tiles .calculator{display:-webkit-box;display:-ms-flexbox;display:flex;width:60%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:10px 0 10px 20%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:15px;cursor:pointer}.index-wrapper .tiles .compare-numbers .icon,.index-wrapper .tiles .call-practice .icon,.index-wrapper .tiles .dial-practice .icon,.index-wrapper .tiles .digital-number .icon,.index-wrapper .tiles .digital-number-write .icon,.index-wrapper .tiles .calculator .icon{height:8vw;width:8vw;min-height:50px;min-width:50px;margin-left:0;-ms-flex-negative:0;flex-shrink:0}.index-wrapper .tiles .compare-numbers .call-practice-text,.index-wrapper .tiles .call-practice .call-practice-text,.index-wrapper .tiles .dial-practice .call-practice-text,.index-wrapper .tiles .digital-number .call-practice-text,.index-wrapper .tiles .digital-number-write .call-practice-text,.index-wrapper .tiles .calculator .call-practice-text,.index-wrapper .tiles .compare-numbers .compare-numbers-text,.index-wrapper .tiles .call-practice .compare-numbers-text,.index-wrapper .tiles .dial-practice .compare-numbers-text,.index-wrapper .tiles .digital-number .compare-numbers-text,.index-wrapper .tiles .digital-number-write .compare-numbers-text,.index-wrapper .tiles .calculator .compare-numbers-text,.index-wrapper .tiles .compare-numbers .dial-practice-text,.index-wrapper .tiles .call-practice .dial-practice-text,.index-wrapper .tiles .dial-practice .dial-practice-text,.index-wrapper .tiles .digital-number .dial-practice-text,.index-wrapper .tiles .digital-number-write .dial-practice-text,.index-wrapper .tiles .calculator .dial-practice-text,.index-wrapper .tiles .compare-numbers .digital-number-text,.index-wrapper .tiles .call-practice .digital-number-text,.index-wrapper .tiles .dial-practice .digital-number-text,.index-wrapper .tiles .digital-number .digital-number-text,.index-wrapper .tiles .digital-number-write .digital-number-text,.index-wrapper .tiles .calculator .digital-number-text,.index-wrapper .tiles .compare-numbers .digital-number-write-text,.index-wrapper .tiles .call-practice .digital-number-write-text,.index-wrapper .tiles .dial-practice .digital-number-write-text,.index-wrapper .tiles .digital-number .digital-number-write-text,.index-wrapper .tiles .digital-number-write .digital-number-write-text,.index-wrapper .tiles .calculator .digital-number-write-text,.index-wrapper .tiles .compare-numbers .calculator-text,.index-wrapper .tiles .call-practice .calculator-text,.index-wrapper .tiles .dial-practice .calculator-text,.index-wrapper .tiles .digital-number .calculator-text,.index-wrapper .tiles .digital-number-write .calculator-text,.index-wrapper .tiles .calculator .calculator-text{display:-webkit-box;display:-ms-flexbox;display:flex;width:70%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.index-wrapper .tiles .compare-numbers .call-practice-text .title,.index-wrapper .tiles .call-practice .call-practice-text .title,.index-wrapper .tiles .dial-practice .call-practice-text .title,.index-wrapper .tiles .digital-number .call-practice-text .title,.index-wrapper .tiles .digital-number-write .call-practice-text .title,.index-wrapper .tiles .calculator .call-practice-text .title,.index-wrapper .tiles .compare-numbers .compare-numbers-text .title,.index-wrapper .tiles .call-practice .compare-numbers-text .title,.index-wrapper .tiles .dial-practice .compare-numbers-text .title,.index-wrapper .tiles .digital-number .compare-numbers-text .title,.index-wrapper .tiles .digital-number-write .compare-numbers-text .title,.index-wrapper .tiles .calculator .compare-numbers-text .title,.index-wrapper .tiles .compare-numbers .dial-practice-text .title,.index-wrapper .tiles .call-practice .dial-practice-text .title,.index-wrapper .tiles .dial-practice .dial-practice-text .title,.index-wrapper .tiles .digital-number .dial-practice-text .title,.index-wrapper .tiles .digital-number-write .dial-practice-text .title,.index-wrapper .tiles .calculator .dial-practice-text .title,.index-wrapper .tiles .compare-numbers .digital-number-text .title,.index-wrapper .tiles .call-practice .digital-number-text .title,.index-wrapper .tiles .dial-practice .digital-number-text .title,.index-wrapper .tiles .digital-number .digital-number-text .title,.index-wrapper .tiles .digital-number-write .digital-number-text .title,.index-wrapper .tiles .calculator .digital-number-text .title,.index-wrapper .tiles .compare-numbers .digital-number-write-text .title,.index-wrapper .tiles .call-practice .digital-number-write-text .title,.index-wrapper .tiles .dial-practice .digital-number-write-text .title,.index-wrapper .tiles .digital-number .digital-number-write-text .title,.index-wrapper .tiles .digital-number-write .digital-number-write-text .title,.index-wrapper .tiles .calculator .digital-number-write-text .title,.index-wrapper .tiles .compare-numbers .calculator-text .title,.index-wrapper .tiles .call-practice .calculator-text .title,.index-wrapper .tiles .dial-practice .calculator-text .title,.index-wrapper .tiles .digital-number .calculator-text .title,.index-wrapper .tiles .digital-number-write .calculator-text .title,.index-wrapper .tiles .calculator .calculator-text .title{padding:25px 0 0 10px;text-align:center;font-size:clamp(20px, 3vw, 100px)}.index-wrapper .tiles .compare-numbers .call-practice-text .description,.index-wrapper .tiles .call-practice .call-practice-text .description,.index-wrapper .tiles .dial-practice .call-practice-text .description,.index-wrapper .tiles .digital-number .call-practice-text .description,.index-wrapper .tiles .digital-number-write .call-practice-text .description,.index-wrapper .tiles .calculator .call-practice-text .description,.index-wrapper .tiles .compare-numbers .compare-numbers-text .description,.index-wrapper .tiles .call-practice .compare-numbers-text .description,.index-wrapper .tiles .dial-practice .compare-numbers-text .description,.index-wrapper .tiles .digital-number .compare-numbers-text .description,.index-wrapper .tiles .digital-number-write .compare-numbers-text .description,.index-wrapper .tiles .calculator .compare-numbers-text .description,.index-wrapper .tiles .compare-numbers .dial-practice-text .description,.index-wrapper .tiles .call-practice .dial-practice-text .description,.index-wrapper .tiles .dial-practice .dial-practice-text .description,.index-wrapper .tiles .digital-number .dial-practice-text .description,.index-wrapper .tiles .digital-number-write .dial-practice-text .description,.index-wrapper .tiles .calculator .dial-practice-text .description,.index-wrapper .tiles .compare-numbers .digital-number-text .description,.index-wrapper .tiles .call-practice .digital-number-text .description,.index-wrapper .tiles .dial-practice .digital-number-text .description,.index-wrapper .tiles .digital-number .digital-number-text .description,.index-wrapper .tiles .digital-number-write .digital-number-text .description,.index-wrapper .tiles .calculator .digital-number-text .description,.index-wrapper .tiles .compare-numbers .digital-number-write-text .description,.index-wrapper .tiles .call-practice .digital-number-write-text .description,.index-wrapper .tiles .dial-practice .digital-number-write-text .description,.index-wrapper .tiles .digital-number .digital-number-write-text .description,.index-wrapper .tiles .digital-number-write .digital-number-write-text .description,.index-wrapper .tiles .calculator .digital-number-write-text .description,.index-wrapper .tiles .compare-numbers .calculator-text .description,.index-wrapper .tiles .call-practice .calculator-text .description,.index-wrapper .tiles .dial-practice .calculator-text .description,.index-wrapper .tiles .digital-number .calculator-text .description,.index-wrapper .tiles .digital-number-write .calculator-text .description,.index-wrapper .tiles .calculator .calculator-text .description{margin:5px 0 0 10px;padding-bottom:25px;text-align:center;font-size:clamp(15px, 2vw, 90px)}.index-wrapper .tiles .compare-numbers{background-color:#97D89F;margin-top:100px}.index-wrapper .tiles .compare-numbers:hover{background-color:#aadfb0}.index-wrapper .tiles .compare-numbers .icon{background-image:url('/assets/images/magnifier.png');background-repeat:no-repeat;background-size:65%;background-position:center}.index-wrapper .tiles .call-practice{background-color:#C2DFC6}.index-wrapper .tiles .call-practice:hover{background-color:#d3e8d6}.index-wrapper .tiles .call-practice .icon{background-image:url('/assets/images/notebook-of-contacts.png');background-repeat:no-repeat;background-size:65%;background-position:center}.index-wrapper .tiles .dial-practice{background-color:#E9F5EB}.index-wrapper .tiles .dial-practice:hover{background-color:#fbfdfb}.index-wrapper .tiles .dial-practice .icon{background-image:url('/assets/images/security-pin.png');background-repeat:no-repeat;background-size:65%;background-position:center}.index-wrapper .tiles .digital-number{background-color:#C2DFC6}.index-wrapper .tiles .digital-number:hover{background-color:#d3e8d6}.index-wrapper .tiles .digital-number .icon{background-image:url('/assets/images/zero.png');background-repeat:no-repeat;background-size:65%;background-position:center}.index-wrapper .tiles .digital-number-write{background-color:#97D89F}.index-wrapper .tiles .digital-number-write:hover{background-color:#d3e8d6}.index-wrapper .tiles .digital-number-write .icon{background-image:url('/assets/images/pen.png');background-repeat:no-repeat;background-size:65%;background-position:center}.index-wrapper .tiles .calculator{background-color:#C2DFC6}.index-wrapper .tiles .calculator:hover{background-color:#d3e8d6}.index-wrapper .tiles .calculator .icon{background-image:url('/assets/images/calculator.png');background-repeat:no-repeat;background-size:65%;background-position:center}