@charset "utf-8";img,legend{border:0}body,figure{margin:0}.adad,.gad,.quantity input,.quantity-button{text-align:center}#output #result_sum div.fifth .output,#output #result_sum div.first .output,#output #result_sum div.sixth .output,.canvas .naming{text-align:left}div.tooltip div,svg:not(:root){overflow:hidden}#share_input,.adad span,.naming,dfn{font-style:italic}#footer a,.attention a:hover{text-decoration:underline}.AccElement.open .AccContent,.dropdown:hover .dropdown-content,.putitin.met,.share_wrapper.active button:after,.share_wrapper.active button:before,article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}.text-wrapper,audio,canvas,video{display:inline-block}.adslot_1,.button-group input[type=radio],.inputrow .head,.inputrow.act .bottominfo,.inputrow.new .topinfo,.putitin.imp,.toggleCheckbox,[hidden]{display:none}audio:not([controls]){display:none;height:0}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:dotted thin}.quantity input:focus,.share-btn:focus,:active,:focus,:visited,a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C""\201D""\2018""\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}:root{--maincolor:#419733;--maincolordarker:#3d8930;--maincolordarkest:#2d6524;--secondcolor:#ea931b;--secondcolordarker:#d38418;--secondcolordarkest:#b17119}@font-face{font-family:Quicksand;src:url('../fonts/Quicksand-Medium.woff2') format('woff2');font-optical-sizing:auto;font-weight:500;font-style:normal;font-display:block}@font-face{font-family:Quicksand-Bold;src:url('../fonts/Quicksand-Bold.woff2') format('woff2');font-optical-sizing:auto;font-weight:700;font-style:normal;font-display:block}*{-webkit-tap-highlight-color:transparent}body{background:#08090a;color:#eee;font-family:Quicksand,sans-serif;font-size:17px;overflow-x:hidden;font-weight:500}#infoone,#infotwo,#output .headliner .inhead,#output .nicedesign .nicedesc,.furthersums,.inputrow.act .head,.inputrow.new .head,.quantity input,.tire1,.tire2,body strong,h1,h2,h3,h4,h5,h6{font-family:Quicksand-Bold,sans-serif;font-weight:700}#input .wrapper .gad ins{margin-top:20px;margin-bottom:20px}#glossar .wrapper .gad ins,.adslot_1{margin-bottom:30px}#prebottomcontent .gad ins{padding-bottom:10px;padding-top:0}#footer .gad ins{margin-bottom:40px;min-height:initial;max-height:initial}#glossar h1,.adad{margin-bottom:40px}.adaf,.dropdown{display:inline-block}.adad{font-size:15px}.adad span{font-size:12px}.adaf{color:#fff}.adaf a{color:#fff!important}#footer,p{line-height:1.3}#infoone,#infotwo,.tire1,.tire2,h1,h2,h3,h4,h5,h6{color:#fff;margin:0;padding:0}.clearfix::after,.row::after{content:"";clear:both;display:table}.tire1,.tire2{position:absolute;width:232px;height:100px;left:7px;font-size:33px;padding-top:40px}.tire1{background:url(../images/tire1.png) no-repeat;top:-82px;color:var(--maincolordarker);opacity:.3}.tire2{background:url(../images/tire2.png) no-repeat;bottom:-93px;color:var(--secondcolordarker);padding-top:23px;opacity:.3}.dropbtn,.dropdown-content a{background-color:rgba(255,255,255,.98)}.uparrow{color:var(--maincolor)}.downarrow{color:var(--secondcolor)}.speedact .downarrow,.speedact .uparrow{color:#fff}#errorout,#errorwarn,#output #result_tire .row .output,#output .output,.AccElement,.AccTitle,.AccTitle:after,.dropdown-content,.infobutton,.inputrow .head:after,.quantity input,a,button{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}.actions span,.quantity-button,.share_wrapper button:after,button{-webkit-transition:.15s;-moz-transition:.15s;-o-transition:.15s;transition:.15s}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.putitin{flex:6;position:relative;align-content:flex-end}.dropbtn,.ewm{align-items:center}.quantity input{width:100%;font-size:25px;margin:0;border:none;outline:0;height:42px;line-height:1.65;display:block;padding:0;box-shadow:0 0 0 1px rgba(0,0,0,.08);border-radius:3px;color:#333}.quantity.last:after{clear:both}.quantity-button{position:relative;cursor:pointer;border:none;border-left:1px solid rgba(0,0,0,.08);width:21px;color:#fff;font-size:17px;padding:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.bottominfo,.topinfo{text-align:center;color:#666;line-height:20px}.inputrow .wrapping{display:flex;gap:2%}.inputrow.act .head,.inputrow.new .head{color:#fff;padding:9px;text-align:center}#output #result_tire .row:nth-child(2n) .output.first,.inputrow.act .head,.inputrow.act .quantity-button{background:var(--maincolor)}#output #result_tire .row:nth-child(2n) .output.second,.inputrow.new .head,.inputrow.new .quantity-button{background:var(--secondcolor)}.inputrow.act .quantity-button.fakeHover{background:var(--maincolordarker)!important}.inputrow.act .quantity-button:active{background:var(--maincolordarkest)!important}.inputrow.new .quantity-button.fakeHover{background:var(--secondcolordarker)!important}.inputrow.new .quantity-button:active{background:var(--secondcolordarkest)!important}.quantity-button.quantity-up{position:absolute;height:50%;top:0;border-bottom:1px solid;border-radius:0 4px 0 0}.quantity-button.quantity-down{position:absolute;bottom:0;height:50%;border-radius:0 0 4px}#bottomcontent,#header,#output,#prebottomcontent,.inputrow .quantity,.wrapper{position:relative}.inputrow .quantity input{padding-left:0;padding-right:0;margin-right:2%}.inputrow .quantity input::placeholder{color:#eee;font-style:italic}.inputrow .quantity-button{position:absolute;border-left:none;width:30px;-webkit-transform:none;transform:none;height:42px;font-size:24px}.inputrow .quantity-button.quantity-down{border-bottom:none;border-right:1px solid rgba(0,0,0,.08);left:0;border-radius:3px 2px 2px 3px;box-shadow:4px 0 4px #0000001a}.inputrow .quantity-button.quantity-up{right:0;border-bottom:none;border-left:1px solid rgba(0,0,0,.08);border-radius:2px 3px 3px 2px;box-shadow:-4px 0 4px #0000001a}.quantity-button.fakeHover{width:30px}.quantity-button.quantity-down.fakeHover{border-radius:3px 4px 4px 3px}.quantity-button.quantity-up.fakeHover{border-radius:4px 3px 3px 4px}.quantity-button:active,a.share-btn:active{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;transition:none!important}.inputrow .quantity.last input{margin-right:0}h3.inhead{font-size:24px;margin-bottom:2px}.output.first .inhead{color:var(--maincolordarker)}.output.second .inhead{color:var(--secondcolordarker)}.inputrow.new .wrapping{margin-top:20px}.wrapper{width:1310px;margin:0 auto}.AccElement,.attention div,.topinfo{margin-bottom:10px}#footer,#header,#output{background:#08090a;padding:50px 0}#header{padding:60px 0 30px;background:url("../images/headerback.jpg") bottom center/cover no-repeat}#output{background:url("../images/resultback.jpg") top left no-repeat #fff;padding:50px 0 30px}#footer{padding:40px 0}#input h2{position:absolute;top:-80px;left:260px;color:#333;font-size:32px;line-height:38px}#input h2 span{font-size:25px}#header:before{z-index:2;content:"";display:block;position:absolute;bottom:-25px;left:0;right:0;height:40px;background:#08090a;border-bottom:10px solid var(--maincolordarker);box-shadow:0 10px 10px #33333340;border-radius:50%;width:100%}#header .logo{background:url("../images/logo.png") 0 0/100% 100% no-repeat;width:500px;height:200px;position:absolute;top:-60px;right:0}#bottomcontent:before,#output:before{height:40px;box-shadow:0 -8px 8px #33333320;content:""}#header .language{position:absolute;right:0;bottom:20px}.dropdown{font-size:16px;position:relative;z-index:9999}.dropbtn{border:none;cursor:pointer;display:flex;padding:4px 10px 4px 6px;border-radius:50px}.dropbtn img{margin-right:5px}.social .naming,input.trackVisits{margin-right:10px}.dropdown-content{display:none;position:absolute;min-width:146px;z-index:1;border-top:5px solid transparent;left:50%;transform:translateX(-50%);text-align:center}.metimp,.warnings{z-index:100;display:flex}.dropdown-content a{padding:6px 15px;text-decoration:none;display:block;color:#333}.dropdown-content a:first-of-type{border-radius:10px 10px 0 0;padding-top:8px}.dropdown-content a:last-of-type{border-radius:0 0 10px 10px;padding-bottom:8px}.dropdown-content a:hover{background:#333;color:#fff}#header .content{width:70%;z-index:5;position:relative}#errorout,#errorwarn,#infoone,#infotwo,#input .actions,#output:before,.emptytext,.infobutton,.rotate-text{position:absolute}#header h1{font-size:56px;line-height:62px;text-shadow:0 0 10px #08090a}#output:before{display:block;top:-25px;left:0;right:0;background:#fff;border-top:10px solid var(--secondcolor);border-radius:50%;width:100%}#input{padding:170px 0 80px;position:relative;background:url(../images/back.jpg) #fff}#input .actions{right:0;top:-50px}#input .actions span,.emailer_wrapper a,.print_wrapper a{text-decoration:none;cursor:pointer;display:block;float:right;padding:6px 13px 6px 33px;margin-left:15px;border-radius:3px 15px 3px 3px;background:url(../images/clipboard.png) left 9px center/17px 17px no-repeat #424242;font-size:16px}#input .actions .example{background-image:url(../images/clipboard.png)}#input .actions span.example.fakeHover,.button-group label:hover,.emailer_wrapper a.fakeHover,.print_wrapper a.fakeHover{background-color:#333}#input .actions .example:active,.emailer_wrapper a:active,.print_wrapper a:active{background-color:#222}#input .actions span.reset{background-image:url(../images/reset.png)}#input .actions span.reset.fakeHover{background-color:#ae4a53;color:#fff}#input .actions span.reset:active{background-color:#933b43;color:#fff}#input .actions span:active,.share_wrapper button.fakeHover,.share_wrapper button:active{background-color:var(--maincolordarkest)}#input .actions .example,#input .actions .reset,.button-group,.toggleContainer{user-select:none;-webkit-user-select:none}.topinfo{font-size:16px;text-transform:uppercase}#footer .disclaimer,.bottominfo{font-size:12px}.topinfo.first,.topinfo.fourth{padding-left:25px}.bottominfo{margin-top:10px}#bottomcontent .wrapper,#output .wrapper{display:flex}#output #result_wrapper{position:relative;flex:1.74;margin-right:2%}#output canvas,.onlymobile,.onlyprint{display:none;visibility:hidden}.canvas .naming{margin-top:1px;margin-left:10px}.emptytext{top:95px;right:50px;color:#888;width:200px;text-align:right;line-height:36px;font-size:23px}.canvas img{width:100%;height:auto}canvas,div.canvas{flex:1.08;text-align:center;margin-top:30px;width:auto!important;height:auto!important}#errorout,#errorwarn{opacity:0;background:#ffffff80;padding:10px 0 33px;text-align:center;bottom:0;left:50%;transform:translateX(-50%);box-shadow:0 -5px 5px #33333325}#errorout{background:#ae4a53}#errorout .wrapper,#errorwarn .wrapper{width:100vw;padding:0}.ewm{color:#fff;padding:0 10px;font-size:14px;display:flex;justify-content:center}#errorwarn .ewm,#glossar a,#output .headliner h2,.attention .message1 h3{color:#333}#errorout .ewm img,#errorwarn .ewm img{width:22px;height:20px;margin-right:10px;margin-left:10px}#infoone,#infotwo{z-index:90;color:#444;font-size:17px}#infoone{top:-165px;left:10px;width:128px;height:88px;background:url("../images/1werte.png") 0 0/128px 88px no-repeat}.rotate-text{top:50%;left:0;padding:10px;line-height:17px}#output .row,.furthersums{padding-left:37px}#output .headliner,.furthersums{border-bottom:1px solid #ccc;padding-bottom:5px}#infoone .rotate-text{transform:translate(0,-50%) rotate(-1deg);text-align:center}#infotwo .rotate-text{transform:translate(0,-50%) rotate(6deg);text-align:center}#infotwo{top:-72px;right:70px;width:131px;height:90px;background:url("../images/1werte.png") 0 0/131px 90px no-repeat}#output #result_tire{font-size:18px;line-height:25px;color:#333}#output #result_tire .row{clear:both;position:relative;align-items:center;display:flex}#output #result_tire div div{float:left;width:50%;line-height:37px}#output #result_tire div .output{width:calc(25% - 2px);color:#fff;line-height:33px;margin:2px 0;text-align:center;cursor:auto;opacity:.4}#output #result_sum div .output:hover,#output #result_tire div .output:hover{font-style:normal}#output #result_sum{font-size:18px;line-height:25px;margin-top:60px;color:#333}#output #result_sum .row{clear:both;position:relative}#output .output{opacity:1}.hidden{opacity:0}#output #result_sum .row:nth-child(2n),#output #result_tire div.row:nth-child(2n){background:#fff;background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 20%)}#output #result_sum .row.fourth .output,#output #result_sum .row.second .output{background:linear-gradient(90deg,rgba(245,245,245,0) 25%,#f5f5f5 35%,#f5f5f5 80%,rgba(245,245,245,0) 100%)}#output #result_sum .circact{background:linear-gradient(90deg,rgba(250,247,219,0) 5%,#faf7db 45%,#faf7db 80%,rgba(250,247,219,0) 100%)!important}#output #result_sum .speedact{color:#fff!important;background:linear-gradient(90deg,rgba(167,75,85,0) 5%,#a74b55 45%,#a74b55 80%,rgba(167,75,85,0) 100%)!important}#output #result_tire .row:hover .output{transform:scale(1.06);z-index:10;position:relative}#output #result_tire .row:hover .output.second{margin-left:6px;width:calc(25% - 6px)}#output #result_tire .row.headliner:hover .output.second{margin-left:2px;width:calc(25% - 2px)!important}#output .row.headliner:hover .output{transform:none!important;box-shadow:none!important}#output #result_sum .headliner div{width:100%}#output #result_sum div div{float:left;width:75%;line-height:37px}#output #result_sum div .output{width:25%;color:#333;line-height:37px;margin:0;text-align:center;cursor:auto}#output #result_tire .row .output{min-height:33px}#output #result_tire .row div.output.first{background:var(--maincolordarker);margin-right:2px;border-bottom-left-radius:10px}#output #result_tire .row div.output.second{margin-left:2px;background:var(--secondcolordarker);border-top-right-radius:10px}#output #result_tire .row.headliner .output{background:0 0!important}#output .headliner .inhead{font-size:20px;text-align:center;display:contents}#output .headliner{margin-bottom:-1px}#output .nicedesign{display:flex;margin-top:25px;margin-bottom:25px}#output .nicedesign .row{flex:1;padding-left:10px}#output .nicedesign img{float:left}#output .nicedesign .output{float:none!important;width:100%!important;line-height:37px!important}#output .nicedesign .nicedesc{float:none!important;width:100%!important;text-align:center;line-height:20px!important;margin-top:10px;margin-bottom:3px;font-size:17px}#output .nicedesign .infobutton{top:-7px}div.tooltip.tinfo img{padding-right:0;width:auto;float:none;clear:both;padding-left:0}div.tooltip.tinfo{border:none!important;width:225px}#output .infobutton{top:8px;left:4px}div.tooltip{width:310px;height:80px;border:5px solid #fff;border-radius:4px;background:#fff;box-shadow:0 0 20px 0 #00000042;align-items:center;display:flex}div.tooltip img{padding-right:10px}div.tooltip div{padding:2px;color:#333;font-size:13px}div.tooltip.wide{width:390px}div.tooltip.wide div{width:260px}.infobutton{text-align:center;display:block;font-size:11px;color:#fff;line-height:16px;width:15px;height:15px;bottom:54px;left:3px;cursor:pointer;background-color:#424242;padding:1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:12px;border:1px solid #424242}.naming,em{font-size:14px}.infobutton:hover{background:#3d79c1!important;border:1px solid #235b9f!important}.attention .message1,.attention .message2{border-top-right-radius:40px;border-bottom-left-radius:40px}#prebottomcontent{background:#fff;padding-bottom:60px;margin-top:0;height:auto!important}#bottomcontent{background-color:#e6e6e6;padding:40px 0 50px}#bottomcontent:before{display:block;position:absolute;top:-25px;left:0;right:0;background:#e6e6e6;border-top:10px solid #424242;border-radius:50%;width:100%}.attention div{padding:14px 30px 20px 100px;display:none}.attention .message1{background:url("../images/diffwarn.png") 20px 11px no-repeat #fbf7db;color:#333;border-right:10px solid #d9d6bc;border-left:10px solid #d9d6bc;border-bottom:1px solid #d8d6bc}.attention .message2{background:url(../images/speederror.png) 20px 21px no-repeat #a74b55;border-right:10px solid #7f3c45;border-left:10px solid #7f3c45;border-top:1px solid #a74b55}.attention a{color:#fff;text-decoration:none}.sharer{flex-grow:1}.share_wrapper{position:relative;background:#fff;border:1px solid #ccc;border-radius:5px;padding:5px 10px 5px 5px;display:flex}.sharer .naming{margin-left:3px}.naming{margin-top:5px;color:#333}#share_input{border:none;font-size:15px;padding:6px 9px 6px 12px;color:#333;outline:0;width:100%}#share_input::selection{background:#fff;color:#666}.share_wrapper button{padding:17px;background:url(../images/clone.png) center center/17px 17px no-repeat #424242;border:none;outline:0;border-radius:5px;cursor:pointer}.share_wrapper button:before{content:"✓ OK";display:none;color:#fff;position:absolute;bottom:-46px;left:0;background:#424242;padding:8px 14px;border-radius:20px;font-size:14px}.share_wrapper button:after{content:"";display:none;position:absolute;bottom:-20px;left:22px;width:10px;height:10px;background:#424242;transform:rotate(45deg)}.AccContent h2:after,.AccContent h2:before{background-color:var(--maincolordarker);content:"";left:0}.emailer,.printer{display:inline-block;text-align:center}.emailer_wrapper a,.print_wrapper a{background:url(../images/print.png) left 14px center/21px 19px no-repeat #424243;padding:12px 17px 11px 45px;margin-top:2px;color:#fff;float:none}.emailer_wrapper a{background-image:url(../images/mail.png)}.social{position:absolute;bottom:-50px;right:0}.social .naming{display:inline-block}#footer a{color:#ddd}#footer a:hover{text-decoration:none;color:#fff}@media only screen and (max-width:1390px){.wrapper{width:94%;padding:0 3%}.actions,.language,.metimp,.warnings{right:3%!important}#input h2{font-size:21px;left:320px}#input h2 span{font-size:15px}.topinfo{font-size:14px}.tire1,.tire2{margin-left:3%}}@media only screen and (max-width:1000px){#output #result_tire div.row:nth-child(odd){background:#fff;background:linear-gradient(90deg,#fff 0,#f5f5f5 10%,#fff 60%)}#output #result_tire div.row.headliner{background:#fff!important}#output .wrapper{flex-direction:column}canvas,div.canvas{order:1;margin-top:-30px;margin-bottom:40px}#output #result_wrapper{order:2;margin-right:0}#output{background:#fff}.inputrow .quantity-button{width:20px}#input h2{display:none;visibility:hidden}.topinfo{font-size:12px;text-align:right}}.button-group{display:flex;gap:0}.button-group label{padding:3px 7px;background-color:#424242;color:#fff;border-radius:20px;cursor:pointer;transition:background-color .2s;font-size:13px;border:2px solid #424242}.o1l{border-top-right-radius:0!important;border-bottom-right-radius:0!important;padding-left:10px!important}.o2l,.o3l{border-radius:0!important}.o4l{border-top-left-radius:0!important;border-bottom-left-radius:0!important;padding-right:11px!important}.button-group input[type=radio]:checked+label{background-color:#fff;color:#333}.button-group .naming{padding-right:8px}.button-group,.cmmm{float:right;padding-top:5px;padding-right:3px}.metimp{position:absolute;right:0;top:-90px}.warnings{position:absolute;right:0;top:-130px}.metimp .naming,.warnings .naming{padding-right:8px;font-size:15px;margin-top:4px}.toggleContainer{position:relative;display:grid;grid-template-columns:repeat(2,1fr);width:fit-content;border:2px solid #424242;border-radius:20px;background:#424242;color:#343434;cursor:pointer;font-size:13px}.toggleContainer:hover{background:#333}.toggleContainer::before{content:'';position:absolute;width:50%;height:100%;left:0;border-radius:20px;background:#fff;transition:.3s}.toggleCheckbox:checked+.toggleContainer::before{left:50%}.toggleContainer div{padding:3px 11px;text-align:center;z-index:1}.toggleCheckbox+.toggleContainer div:last-child,.toggleCheckbox:checked+.toggleContainer div:first-child{color:#fff;transition:color .3s}.toggleCheckbox+.toggleContainer div:first-child,.toggleCheckbox:checked+.toggleContainer div:last-child{color:#343434;transition:color .3s}.AccTitle,.inputrow .head{padding:10px 46px 10px 20px;position:relative;font-size:19px;background:#555;border-radius:3px 20px 0 0}.AccTitle{cursor:pointer}.AccTitle:after{content:"\276F";position:absolute;top:20px;right:0;width:50px;text-align:center;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:inherit;font-size:22px}.AccTitle.contentOpen:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:7px}.AccContent{padding:20px 30px;line-height:1.4!important;background:#fff;color:#222;border-radius:0 0 3px 3px}#feedback a,.share-btn{color:#fff;text-decoration:none}.AccContent h1,.AccContent h2,.AccContent h3{color:var(--maincolordarkest);position:relative;padding-bottom:10px;margin-top:30px;font-size:20px}.AccContent h2:before{position:absolute;bottom:0;height:3px;width:55px}.AccContent h2:after{position:absolute;bottom:1px;height:1px;width:100%}.AccElement:nth-child(2n) .AccTitle{background-color:#424242}.AccElement:hover .AccTitle,.AccTitle.contentOpen{transform:scale(1.015);box-shadow:0 6px 10px #3333334a}.AccContent ul{list-style:none;padding-left:0}.AccContent li{position:relative;padding-left:25px}.AccContent li::before{content:"";position:absolute;left:0;top:5px;width:14px;height:14px;background-image:url(../images/list.png);background-size:cover}.AccContent img{max-width:100%;height:auto}#glossar{background:#08090a;padding:80px 0 0;z-index:300;position:relative}#glossar h1{text-align:center}#glossar a:hover{text-decoration:none}#feedback{position:fixed;top:calc(50% + 45px);right:0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);transform-origin:right top;z-index:200;opacity:.5}#feedback a{display:block;padding:2px 16px 4px 36px;border-radius:0 0 15px 4px;background:url(../images/feedback.png) 10px 5px/17px 17px no-repeat #424242}#feedback a.fakeHover{padding-top:10px;background:url(../images/feedback.png) 10px 13px/17px 17px no-repeat #333;opacity:.9}#feedback a:active{background-color:#222;opacity:1}.share-btn{display:inline-block;padding:6px 14px 6px 17px;background:#08090a;font-size:15px;border-radius:3px 15px 0 0;border-right:7px solid red}.twitter{border-color:#08090a}.facebook{border-color:#3a579a}.pinterest{border-color:#cd1c1f}.linkedin{border-color:#007ab6}.reddit{border-color:#ff4500}.twitter.fakeHover,.twitter:active{background-color:#000}.facebook.fakeHover,.facebook:active{background-color:#3a579a}.pinterest.fakeHover,.pinterest:active{background-color:#cd1c1f}.linkedin.fakeHover,.linkedin:active{background-color:#007ab6}.reddit.fakeHover,.reddit:active{background-color:#ff4500}.onlydesktop{display:block;visibility:visible}table{border-spacing:0;width:100%;border-collapse:collapse;background:#eee;margin-bottom:30px}td,th{border:1px solid #e1e1e1;padding:8px;text-align:center}th{background-color:#eee}td:nth-child(2n){background-color:#f9f9f9}tbody,thead tr{display:grid;grid-template-columns:repeat(8,1fr)}tbody tr{display:contents}.tiresizetable{border-collapse:initial!important}.tiresizetable tbody,.tiresizetable thead tr{grid-template-columns:repeat(4,1fr)}@media only screen and (max-width:768px){#output #result_sum div.fifth .output,#output #result_sum div.first .output,#output #result_sum div.sixth .output,.social{text-align:center}#output #result_tire .row .output{min-height:30px}.attention,.language .dropdown{font-size:14px}body{font-size:15px}#output #result_tire div .output{line-height:30px}#output #result_tire div div{line-height:15px;padding-top:2px;padding-bottom:2px}div.gad ins.adsbygoogle{height:300px !important;width:100%}#bottomcontent .wrapper,#output #result_sum .nicedesign .row,.adslot_1,.inputrow.act .bottominfo,.inputrow.new .topinfo{display:block}#result_sum .row.headliner span,.tire1,.tire2{display:none;visibility:hidden}.AccContent h1,.AccContent h2,.AccContent h3{font-size:19px;line-height:23px}.button-group label,.toggleContainer{font-size:12px}.toggleContainer div{padding:2px 9px}.button-group label{padding:2px 6px}.o1l{padding-left:8px!important}.o4l{padding-right:9px!important}.inputrow .head{display:block;border-radius:4px}.inputrow .wrapping{margin-top:15px!important;flex-wrap:wrap;gap:4%}.hidemobile,.onlydesktop{display:none!important;visibility:hidden!important}.onlymobile{display:block;visibility:visible}#bottomcontent{padding-bottom:0;padding-top:70px}.emptytext{top:16px;right:70px;width:230px;line-height:25px;font-size:19px}.social{position:relative;margin-top:0;bottom:initial}.sharer{margin-bottom:20px}.share_wrapper{flex-direction:row-reverse;padding:3px 6px 3px 5px}.naming{font-size:13px}.sharer .naming,.social .naming{margin:15px 0;display:block;text-align:center}.emailprintwrap{display:flex;top:initial;position:absolute;bottom:118px;left:3%;width:94%;align-items:flex-end}.emailer,.printer{flex:1;text-align:left}#header,.metimp,.topinfo,.warnings{text-align:center}.emailer_wrapper a,.print_wrapper a{display:block;float:none;margin-left:0;padding:8px 13px 7px 35px;font-size:14px;margin-bottom:5px;background:url(../images/print.png) left 10px center/16px 14px no-repeat #424242;text-align:left}.share_wrapper button:before{left:initial;right:0}.share_wrapper button:after{left:initial;right:22px}.emailer_wrapper a{background-image:url(../images/mail.png)}#header{padding:20px 0 30px}#header .language{bottom:-30px;right:50%!important;transform:translateX(50%);z-index:9999}#header .wrapper{width:90%;padding:0 5%}#header .content{width:100%}#header h1{font-size:40px;line-height:44px}#header p{text-shadow:0 0 10px #08090a;font-size:15px;line-height:19px}.AccContent{padding:20px}.AccTitle:after{top:19px}.AccTitle{font-size:15px;line-height:18px}.AccTitle.contentOpen:after,.inputrow .head.contentOpen:after{top:10px}#output #result_sum div .output,#output #result_sum div div{line-height:20px;padding-top:5px;padding-bottom:5px}#output #result_sum .nicedesign div .output,#output #result_sum .nicedesign div div{padding-top:0;padding-bottom:0}.row.headliner div{line-height:35px!important}#output #result_sum .row{display:flex;align-items:start;gap:10px}#output #result_sum div .output{width:initial;flex:0.6}#output #result_sum div div{flex:1;width:initial;float:none}#output .nicedesign{flex-direction:column}.putitin{flex:1 0 30%;margin-bottom:6px}.putitin.middle{margin-right:0}.topinfo{font-size:12px;line-height:14px;padding-right:3px;padding-bottom:2px;margin-bottom:1px;margin-left:4px;font-family:Quicksand-Bold,sans-serif;font-weight:700}#input{padding-top:150px;padding-bottom:65px}.metimp .naming,.warnings .naming{margin-bottom:3px;margin-top:0;padding-right:0;font-size:13px}.metimp,.warnings{display:initial}.warnings{right:3%;top:-110px;bottom:initial}.metimp{left:3%;top:-110px;right:initial!important}.bottominfo{margin-top:-2px;font-size:10px}.infobutton{line-height:13px;width:12px;height:12px}.quantity input{height:33px;font-size:20px}#input .actions{right:3%;width:94%;top:-43px;display:flex;flex-direction:row-reverse}#input .actions span{font-size:14px;padding:8px 13px 7px 30px;background-size:14px 14px;flex:1;margin:0}#input .actions span.example,.emailer{margin-right:15px}#feedback{display:none;top:initial;bottom:0;left:3%;width:fit-content;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none;transform-origin:initial}#feedback a{border-radius:2px 15px 0 0;font-size:14px;background:url(../images/feedback.png) 11px 5px/15px 15px no-repeat #333}#feedback a:hover{padding-bottom:6px;padding-top:5px;background:url(../images/feedback.png) 11px 8px/15px 15px no-repeat #333}.ewm{font-size:12px;line-height:12px}#errorout,#errorwarn{padding:5px 0 30px}#infoone,#infotwo{transform:scale(.7)}#infotwo{right:initial;left:10px;top:-87px}#infoone{top:-152px;left:41%}#infoone .rotate-text{transform:translate(0,-50%) rotate(6deg)}#output #result_tire .infobutton{top:10px;font-family:Quicksand-Bold;font-weight:700}#output #result_sum,#output #result_tire,#output .headliner .inhead,.attention h3{font-size:16px}h2{font-size:22px}#glossar{padding-top:60px}#glossar h1{font-size:21px}#output .row{padding-left:30px}#output .headliner{margin-left:0}.row.headliner{padding-left:3px!important}.attention div{padding:14px 20px 14px 55px}.attention .message1{background:url(../images/diffwarn.png) 10px 14px/30px 27.5px no-repeat #fbf7db;border-right-width:5px;border-left-width:5px}.attention .message2{background:url(../images/speederror.png) 10px 14px/30px 27.5px no-repeat #a74b55}#result_sum .row.second,#result_tire .row.seven,.button-group .naming{margin-top:3px}#output #result_tire .row:hover .output{transform:scale(1.08)}#output #result_tire .row:hover .output.second{margin-left:4px;width:calc(25% - 4px)}.inputrow .quantity-button{width:28px;height:33px}.inputrow .quantity-button.quantity-down{border-radius:3px;box-shadow:2px 0 2px #0000001a}.inputrow .quantity-button.quantity-down:after{content:"";position:absolute;height:35px;width:8px;right:-8px;top:-1px}.inputrow .quantity-button.quantity-up{border-radius:3px;box-shadow:-4px 0 4px #0000001a}.inputrow .quantity-button.quantity-up:after{content:"";position:absolute;height:35px;width:8px;left:-8px;top:-1px}.quantity-button:active{width:28px}.quantity-button.quantity-down:active{border-radius:3px 4px 4px 3px}.quantity-button.quantity-up:active{border-radius:4px 3px 3px 4px}#share_input{padding:3px 9px 3px 12px;font-size:14px}.share_wrapper button{padding:14px;background:url(../images/clone.png) center center/15px 15px no-repeat #424242}tbody,thead tr{display:grid;grid-template-columns:repeat(4,1fr)}tbody tr{display:contents}}@media (max-width:480px){.tiresizetable{font-size:13px}#output #result_sum .row{flex-direction:column;align-items:flex-start;padding-left:25px;border-top:1px solid #ccc;padding-top:5px;gap:0}#output #result_sum div div{padding-bottom:3px;padding-top:2px;width:100%;text-align:center}#output #result_sum div .output{width:100%;margin-bottom:5px;padding-top:3px;padding-bottom:3px}#output #result_sum .nicedesign .row{border:none;padding-left:5px}#output #result_sum .row.headliner{border-top:none}#result_sum .row.second{margin-top:0;padding-top:0}#output .infobutton{top:21px}.furthersums{border:none;margin-top:40px;padding:0 0 10px;text-align:center}#output .nicedesign .infobutton{top:4px}}@media only screen and (max-width:445px){.tiresizetable{font-size:12px}#header p{font-size:14px;line-height:15px}.emailer_wrapper a,.print_wrapper a{padding:8px 6px 7px 33px;font-size:13px}.topinfo{text-align:right}}@media only screen and (max-width:400px){.tiresizetable thead{font-size:10px}.inputrow .quantity-button{width:26px}.emailer_wrapper a,.print_wrapper a{font-size:11px;padding:8px 10px 7px 32px;background-size:13px 12px}.share-btn{padding:5px 4px;font-size:13px}}@media only screen and (max-width:374px){.topinfo{font-size:10px;line-height:12px}#infoone{left:38%}.quantity input{font-size:18px}.inputrow .head{font-size:17px}#output #result_sum,#output #result_tire{font-size:15px}}@media only screen and (max-width:350px){div.tooltip{width:auto;height:auto}div.tooltip.tinfo{width:auto}#output #result_sum,#output #result_tire,body{font-size:13px}.inputrow .quantity-button{width:22px}.inputrow .head{font-size:15px}#output .headliner .inhead{font-size:12px}h2{font-size:20px}.emailprintwrap{top:-55px}.share-btn{font-size:8px}#header h1{font-size:34px;line-height:40px}}@media only screen and (max-width:500px){.share-btn{padding:6px 7px}}@media print{#header,#header:before,#input,#output,html{background:#fff}@page{size:A4;margin:20px}*{-webkit-print-color-adjust:exact}body{font-size:14px}.onlyprint{display:inline;visibility:visible}#bottomcontent,#errorout,#errorwarn,#feedback,#glossar,#infoone,#infotwo,#input h2,.actions,.adad,.button-group,.gad,.gad ins,.hide-print,.infobutton,.ipr-container,.language,.metimp,.quantity-button,.warnings,body ins,ins,ins.adsbygoogle{display:none!important;visibility:hidden!important;clip-path:inset(100%)!important;transform:translateX(-9999px)!important;height:0!important;width:0!important;overflow:hidden!important}.logo{opacity:.2;top:-70px!important;right:-60px!important}#header{padding:20px 0 0}.tire1{bottom:60px}.tire1,.tire2{transform:scale(.75)}.topinfo{font-size:13px;font-weight:700;margin-bottom:4px}#output{padding-top:0px;padding-bottom:50px}#input{padding-top:80px}#header .content{width:100%}#header h1,#header p{color:#000;text-shadow:none}#header h1{font-size:22px;line-height:26px;color:#fff;text-align:center;background:#333;padding:6px;border-radius:5px}.wrapper{width:94%;padding:0 3%}.bottominfo{margin-top:2px;font-size:11px}#footer{padding:20px 0}.quantity input{font-size:20px;height:30px}#output #result_tire div .output{line-height:21px}#output #result_sum div .output,#output #result_sum div div,#output #result_tire div div{line-height:37px}#output #result_sum,#output #result_tire,.attention div,.attention h3{font-size:15px}#prebottomcontent{margin-bottom:0;padding-bottom:0}#footer,#footer a{background:#fff;color:#000;text-decoration:none}.inputrow.new .wrapping{margin-top:10px}.inputrow.act .quantity input{background:var(--maincolor)!important;color:#fff}.inputrow.new .quantity input{background:var(--secondcolor)!important;color:#fff}#output #result_tire .row div.output{background:0 0!important;color:#000;line-height:33px}#output #result_tire .row,#output .row,.furthersums{padding-left:10px}#output #result_sum .circact{background:#fbf7db}#output #result_sum .row.fourth{background:0 0!important}#output #result_sum .speedact{background:#a74b55}canvas,div.canvas{margin-top:0px;order:1;width:64%!important}#output .wrapper{flex-direction:column;align-items:center;justify-content:center}#result_wrapper{margin-top:40px;order:2;margin-right:0!important;width:100%}.naming{font-size:12px;text-align:center}#output #result_sum{margin-top:20px}.attention div{background-size:30px 27px!important;padding:12px 30px 13px 60px}#output #result_sum .row:nth-child(2n),#output #result_tire div.row:nth-child(2n){background:#eee}#footer .disclaimer{font-size:10px}}