@charset "UTF-8";svg,a{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}a{cursor:pointer}svg.female-icon-l,svg.female-icon-s{color:var(--cd-primary)!important}svg.male-icon-l,svg.male-icon-s{color:var(--cd-secondary)!important}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;background-color:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,.1);-moz-tap-highlight-color:rgba(0,0,0,.1)}body:after{content:"none";display:none}@media (min-width: 550px){body:after{content:"w550";display:none}}@media (min-width: 750px){body:after{content:"w750";display:none}}@media (min-width: 880px){body:after{content:"w880";display:none}}@media (min-width: 1024px){body:after{content:"w1024";display:none}}a{text-decoration:none}content{display:block;max-width:1024px;min-width:375px}content header nav{width:100%;display:inline-block;position:relative}content main{position:relative;min-height:678px}#social_media_wrapper{display:none;position:absolute;bottom:0;left:20px}#social_media_wrapper .social_media_buttons{position:relative;float:left;margin-right:20px}.lifespan{overflow:hidden;min-height:678px;margin-top:55px}@media (max-width: 750px){.lifespan{margin-top:0}}.lifespan #steps{position:relative;display:block;width:100%;max-width:1024px;min-height:678px}.lifespan .selector_container,.lifespan #results{position:absolute;height:100%;display:block;width:100%;overflow:hidden}@media (max-width: 750px){.lifespan .selector_container,.lifespan #results{overflow-x:hidden;overflow-y:auto}}.lifespan .selector_container .question,.lifespan .selector_container .year_input,.lifespan #results .question,.lifespan #results .year_input{color:var(--white)}.lifespan .selector_container.w .year_of_birth,.lifespan .selector_container.w .age_estimated,.lifespan .selector_container.w .age_calculated,.lifespan #results.w .year_of_birth,.lifespan #results.w .age_estimated,.lifespan #results.w .age_calculated{color:var(--cd-primary)}.lifespan .selector_container.m .year_of_birth,.lifespan .selector_container.m .age_estimated,.lifespan .selector_container.m .age_calculated,.lifespan #results.m .year_of_birth,.lifespan #results.m .age_estimated,.lifespan #results.m .age_calculated{color:var(--cd-secondary)}.lifespan .m .knob #bg_fill{stroke:var(--white);fill:var(--white)}.lifespan .m #knob_inner #gender_icon{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20class='male-icon-s'%20width='36px'%20height='48px'%20viewBox='0%200%2036%2048'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20style='color:%20white;'%3e%3cdefs%3e%3cpath%20d='M25.8168469,31.3449974%20C25.8317956,26.1475688%2021.6969965,21.9291907%2016.5785756,21.9110602%20C11.4422163,21.8929296%207.2715404,26.0659813%207.24762255,31.248301%20C7.22071496,36.4517731%2011.367473,40.697347%2016.506822,40.7154776%20C21.6162737,40.7275646%2025.7989085,36.5182519%2025.8168469,31.3449974%20M25.4670483,10.531109%20C24.3399194,9.83308227%2023.2546468,9.16527313%2022.1753536,8.48839871%20C21.9870005,8.36752828%2021.7866884,8.2345708%2021.6521505,8.05930868%20C21.2425572,7.52143526%2021.4488487,6.82643027%2022.1185487,6.47590602%20C24.0379565,5.46965968%2025.9633438,4.46945685%2027.8857414,3.46925403%20C29.9695844,2.38746366%2032.0504378,1.3056733%2034.1312912,0.223882934%20C35.1657384,-0.310968727%2035.8862637,0.136251871%2035.8862637,1.31171682%20C35.8802843,5.80507512%2035.8683253,10.2984334%2035.8683253,14.78877%20C35.8683253,15.293404%2035.7846129,15.7436464%2035.3092455,16.0065396%20C34.9116112,16.2210846%2034.5349049,16.1455406%2034.1641782,15.912865%20C33.051998,15.2148382%2031.9338383,14.5319203%2030.7588736,13.803676%20C29.718447,15.5260796%2028.6839998,17.2273309%2027.6704807,18.9044082%20C28.3043038,19.626609%2028.9500859,20.2913964%2029.5181349,21.0196407%20C37.1718484,30.831298%2031.7185776,45.4656856%2019.5742869,47.7168974%20C10.3390053,49.427214%201.65682403,43.211452%200.200824627,33.8439935%20C-1.20733906,24.7847547%204.93954958,16.278498%2013.9446218,14.8310746%20C16.6443497,14.3989628%2019.2902624,14.6135078%2021.8733907,15.5321231%20C22.2620558,15.6711241%2022.426491,15.5804713%2022.6297928,15.2390123'%20id='path-1'%3e%3c/path%3e%3c/defs%3e%3cg%20id='1_lebenserwartungsrechner'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='1.2.0_maennlich'%20transform='translate(-381.000000,%20-368.000000)'%3e%3cg%20id='auswahl'%20transform='translate(175.000000,%2056.000000)'%3e%3cg%20id='male'%20transform='translate(206.000000,%20312.000000)'%3e%3cg%20id='symbol/male'%3e%3cg%20id='male'%3e%3cg%3e%3cmask%20id='mask-2'%20fill='white'%3e%3cuse%20xlink:href='%23path-1'%3e%3c/use%3e%3c/mask%3e%3cuse%20id='Fill-1'%20fill='currentColor'%20xlink:href='%23path-1'%3e%3c/use%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e")}.lifespan .w .knob #bg_fill{stroke:var(--white);fill:var(--white)}.lifespan .w #knob_inner #gender_icon{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20class='female-icon-s'%20width='32px'%20height='51px'%20viewBox='0%200%2032%2051'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20style='color:%20white;'%3e%3cg%20id='1_lebenserwartungsrechner'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='1.2.0'%20transform='translate(-381.000000,%20-383.000000)'%20fill='currentColor'%3e%3cg%20id='auswahl'%20transform='translate(174.000000,%2058.000000)'%3e%3cg%20id='female_icon'%20transform='translate(207.000000,%20325.000000)'%3e%3cg%20id='symbol/female'%3e%3cg%20id='female'%3e%3cpath%20id='Fill-1'%20d='M24.9410288,16.0123928%20C24.9439162,11.0656146%2020.9593351,7.04454933%2016.033469,7.03297792%20C11.0440806,7.02429936%207.01330148,11.0366861%207.01907624,16.0066071%20C7.02485099,20.9823137%2011.0209815,24.9802362%2015.9814962,24.9831291%20C20.9477856,24.9831291%2024.935254,20.9909923%2024.9410288,16.0123928%20M19.0074679,31.7292616%20L19.0074679,39.9825704%20L19.4578988,39.9825704%20C20.5810887,39.9825704%2021.7042785,39.9796776%2022.8303558,39.9854633%20C23.5839613,39.9883561%2023.9622078,40.3586413%2023.9679825,41.1021044%20C23.9737573,42.3662811%2023.9737573,43.6362434%2023.9679825,44.90042%20C23.9622078,45.6149547%2023.5752992,45.9968112%2022.8592296,45.9997041%20C21.5945582,46.0054898%2020.3327742,46.0025969%2018.9901436,46.0025969%20L18.9901436,46.5146319%20C18.9901436,47.6254873%2018.9959184,48.7363427%2018.9901436,49.8443053%20C18.9872562,50.6195899%2018.6176719,50.9927679%2017.8351926,50.9956607%20C16.6022824,51.0014464%2015.3693722,51.0014464%2014.1335746,50.9956607%20C13.3510952,50.9927679%2012.990173,50.6253756%2012.9843983,49.8443053%20C12.9815109,48.7479142%2012.9843983,47.6544158%2012.9843983,46.5609175%20L12.9843983,46.0025969%20C11.8640958,46.0025969%2010.7899913,45.9649898%209.71877426,46.0112755%20C8.18846415,46.0778111%207.94303706,45.6409903%207.99212248,44.2900281%20C8.02965838,43.309351%208.00078461,42.3228883%208.00078461,41.3364255%20C8.00078461,40.2949985%208.30395925,39.9825704%209.32897829,39.9825704%20L12.9555245,39.9825704%20L12.9555245,31.7350473%20C8.17113988,30.6791561%204.48684611,28.08716%202.0556742,23.8086308%20C0.158667138,20.4760645%20-0.407258865,16.8744629%200.282824374,13.1166472%20C1.69186463,5.43323037%208.37614369,-0.0574040981%2016.1691757,0.000452956295%20C23.7860778,0.055417158%2030.4616947,5.72540849%2031.7148166,13.2497184%20C32.4251114,17.5224619%2031.5935467,21.4972415%2029.1248389,25.0757003%20C26.6590184,28.6483735%2023.2432508,30.8237987%2019.0074679,31.7292616'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e")}.lifespan .legend{width:194px;margin-left:1.25em;margin-top:2em;float:left}@media (max-width: 880px){.lifespan .legend{position:absolute}}@media (max-width: 750px){.lifespan .legend{width:auto;position:initial}}.lifespan .legend .legend_entry{margin-bottom:1.375em}.lifespan .legend .legend_entry .label{display:block}@media (max-width: 750px){.lifespan .legend .legend_entry{margin-bottom:.5em}.lifespan .legend .legend_entry span,.lifespan .legend .legend_entry .label{display:inline-block}}@media (max-width: 750px){.lifespan .legend .legend_entry .year_of_birth,.lifespan .legend .legend_entry .age_estimated,.lifespan .legend .legend_entry .age_calculated{display:inline-block}}.lifespan .legend .legend_entry .label em{display:block}@media (max-width: 750px){.lifespan .legend .legend_entry .label em{display:inline-block}}@media (max-width: 750px){.lifespan .knob{transform:scale(.85)}}@media (max-width: 550px){.lifespan .knob{transform:scale(.6);top:36px}}.lifespan #knob_inner #gender_icon{width:2.5em;height:3.5em;background-size:75%;background-position:center center;background-repeat:no-repeat;position:absolute;left:calc(50% - 1.25em);top:200px;z-index:10}@media (max-width: 750px){.lifespan #knob_inner #gender_icon{transform:scale(.85);top:220px}}@media (max-width: 550px){.lifespan #knob_inner #gender_icon{transform:scale(.6);top:140px}}@media (max-width: 750px){.lifespan .gauge{transform:scale(.85)}.lifespan .gauge text{opacity:.3}}@media (max-width: 550px){.lifespan .gauge{transform:scale(.6);top:-100px}.lifespan .gauge text{opacity:.4}}.lifespan .year_input{position:absolute;left:50%;transform:translate(-50%);top:320px;width:3em;text-align:center;z-index:2}@media (max-width: 550px){.lifespan .year_input{top:220px}}.lifespan #gender_selection{overflow:hidden}.lifespan #gender_selection .gender_selector{z-index:1}.lifespan #gender_selection .woman_selector{width:191px;height:303px;float:left;margin:176px 0 0 149px;cursor:pointer;position:relative}@media (max-width: 880px){.lifespan #gender_selection .woman_selector{margin:256px 0 0 12%}}@media (max-width: 750px){.lifespan #gender_selection .woman_selector{margin:256px 0 0 10%}}@media (max-width: 550px){.lifespan #gender_selection .woman_selector{width:120px;height:238px;margin:257px 0 0 11%}}.lifespan #gender_selection .men_selector{width:206px;height:271px;float:right;margin:94px 134px 0 0;cursor:pointer;position:relative}@media (max-width: 880px){.lifespan #gender_selection .men_selector{margin:174px 12% 0 0}}@media (max-width: 750px){.lifespan #gender_selection .men_selector{margin:174px 10% 0 0}}@media (max-width: 550px){.lifespan #gender_selection .men_selector{width:130px;height:198px;margin:205px 11% 0 0}}.lifespan #gender_selection .question{width:100%;position:absolute;text-align:center;margin-top:246px;float:left;color:var(--cd-text)}@media (max-width: 880px){.lifespan #gender_selection .question{margin-top:120px}}@media (max-width: 750px){.lifespan #gender_selection .question{margin-top:130px}}.lifespan #birthday_selection{overflow:hidden}.lifespan #birthday_selection .question{position:absolute;width:300px;left:calc(50% - 150px);text-align:center;top:265px;z-index:2}@media (max-width: 750px){.lifespan #birthday_selection .question{top:275px}}@media (max-width: 550px){.lifespan #birthday_selection .question{width:170px;left:calc(50% - 85px);top:196px}}.lifespan #age_estimation{overflow:hidden}.lifespan #age_estimation .question{position:absolute;width:300px;left:calc(50% - 150px);text-align:center;top:260px;z-index:2}@media (max-width: 750px){.lifespan #age_estimation .question{top:275px}}@media (max-width: 550px){.lifespan #age_estimation .question{font-size:1em;width:170px;left:calc(50% - 85px);top:185px}}@media (max-width: 750px){.lifespan #results{overflow-y:hidden;position:relative;height:1200px}}.lifespan #results .percentage_wrapper{width:780px;position:relative;left:calc(50% - 390px)}@media (max-width: 750px){.lifespan #results .percentage_wrapper{position:absolute;width:inherit;margin-top:30px;left:0;top:560px}}@media (max-width: 550px){.lifespan #results .percentage_wrapper{top:525px}}.lifespan #results .percentage_box{width:260px;float:left;line-height:1.4}.lifespan #results .percentage_box img{width:52px;height:52px;margin-bottom:6px}.lifespan #results .percentage_box span{display:block;text-align:center}@media (max-width: 750px){.lifespan #results .percentage_box{position:relative;left:calc(50% - 130px);padding:30px 0;float:none}.lifespan #results .percentage_box :before{content:"";width:122px;height:1px;background:#585858;position:absolute;top:1px;left:calc(50% - 61px)}}.lifespan #results #results_headline,.lifespan #results #results_copy{text-align:center;position:absolute;width:620px;left:214px}@media (max-width: 880px){.lifespan #results #results_headline,.lifespan #results #results_copy{left:50%;transform:translate(-50%)}}@media (max-width: 550px){.lifespan #results #results_headline,.lifespan #results #results_copy{width:360px}}.lifespan #results #results_headline em,.lifespan #results #results_copy em{white-space:nowrap;display:block}.lifespan #results #results_headline{font-weight:700;top:337px}@media (max-width: 750px){.lifespan #results #results_headline{top:450px}}@media (max-width: 550px){.lifespan #results #results_headline{top:430px;font-size:16px;font-weight:400}}.lifespan #results #results_copy{top:365px}.lifespan #results #results_copy em{font-weight:700}@media (max-width: 750px){.lifespan #results #results_copy em{display:block}}@media (max-width: 750px){.lifespan #results #results_copy{top:480px}}@media (max-width: 550px){.lifespan #results #results_copy{top:460px}}.lifespan #results hr{position:relative;width:586px;margin-top:150px;margin-bottom:32px}@media (max-width: 750px){.lifespan #results hr{display:none}}@media (max-width: 750px){.lifespan #results #diagram{float:none;height:68%}}@media (max-width: 550px){.lifespan #results #diagram{height:50%}}@media (max-width: 750px){.lifespan #results .resultdiagram{margin-left:calc(50% - 248px)}}@media (max-width: 550px){.lifespan #results .resultdiagram{position:relative;bottom:30px;margin-left:calc(50% - 178px)}}.lifespan #results .results_svg{position:relative}@media (max-width: 880px){.lifespan #results .results_svg{transform:scale(.9);left:170px}}@media (max-width: 750px){.lifespan #results .results_svg{transform:scale(.8);left:0;transform-origin:left}}@media (max-width: 550px){.lifespan #results .results_svg{transform:scale(.575);height:325px}.lifespan #results .results_svg text.estimatedMarker{font-size:2em}.lifespan #results .results_svg .scale{font-size:1.35em}.lifespan #results .results_svg text{opacity:.3}}.gauge{width:670px;height:670px;position:absolute;padding:0;left:calc(50% - 335px);top:calc(50% - 335px)}.gauge svg{cursor:pointer;width:100%;height:100%}.gauge .needle{fill:var(--cd-primary)}.gauge .scale .tick{stroke:#393939;stroke-width:3;stroke-linecap:round}.gauge .scale .tick.marked,.gauge .scale .tick.closest{stroke-width:5}.gauge text{text-anchor:middle;alignment-baseline:central;dominant-baseline:central;font-weight:800;font-size:1.375em;line-height:1.36;opacity:.2;fill:#696768}.knob{width:398px;height:398px;position:absolute;left:calc(50% - 199px);top:calc(50% - 199px)}.knob svg{height:100%;width:100%}.knob svg.w{color:var(--cd-primary)!important}.knob svg.m{color:var(--cd-secondary)!important}.year_input{outline:none;border:none;background:transparent;font-weight:800;font-size:7.5em}@media (max-width: 550px){.year_input{font-size:5em}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.next_button{z-index:2;background-color:var(--btn);height:48px;color:var(--cd-text-inverted);padding:0 20px;position:absolute;right:20px;bottom:32px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.next_button>*{pointer-events:none}.next_button span{line-height:1.05;font-weight:700;margin-right:15px}.next_button svg.icon{flex:0 0 auto;width:18px;height:15px;color:currentColor!important}.next_button:hover{background-color:var(--btn-hover)}.next_button.rounded{border-radius:30px;padding:0 24px;height:40px}.resultdiagram .results_svg{width:620px;height:310px;cursor:pointer;color:var(--icon-dark)}.resultdiagram .percent90{fill:var(--percent90)}.resultdiagram .percent50{fill:var(--percent50)}.resultdiagram .percent10{stroke:var(--percent10);stroke-width:0;fill:url(#diagonal-hatch)}.resultdiagram line.estimatedMarker{opacity:1;stroke:var(--icon-dark);stroke-width:5;stroke-linecap:round}.resultdiagram text.estimatedMarker{fill:var(--icon-dark);font-size:1.375em;font-weight:700}.resultdiagram rect.estimatedMarkerMask{z-index:1;fill:var(--white)}.resultdiagram .scale{stroke:var(--icon-dark);stroke-width:2.5}.resultdiagram text{text-anchor:middle;alignment-baseline:central;dominant-baseline:central;font-size:1.375em;font-weight:700;fill:#696768;opacity:.2}.source_tooltip{position:absolute;right:15px;bottom:20px}.overlay_head{display:flex;width:100%;flex-direction:row;justify-content:flex-end;margin-bottom:10px}.overlay_close_button{display:none;background-color:#d3d3d3;padding:4px;cursor:pointer;width:20px;height:20px;margin-left:15px;flex-direction:row;align-items:center;justify-content:center;color:orange}.overlay_close_button:hover{color:green}.overlay_text{position:absolute;white-space:normal;top:9px;display:none;font-weight:400!important;background-color:var(--white);border:2px solid var(--tooltip-border);border-radius:5px;padding:10px;max-width:770px;width:-moz-max-content;width:max-content;overflow-wrap:break-word}.mpi_tooltip{color:var(--tooltip-text);position:relative;text-decoration:none;cursor:pointer;word-break:unset;font-weight:400!important}.mpi_tooltip__title{width:100%;font-weight:700;display:block}.person_comparison{margin-top:55px}.person_comparison .step{position:relative;min-height:678px}.person_comparison #step_selection .panels{background-color:var(--white);z-index:2}@media (max-width: 880px){.person_comparison #step_selection .panels{background-color:#fff0}}@media (max-width: 880px){#step_results{height:1040px}}@media (max-width: 550px){#step_results{height:1000px}}#step_results .legend{padding-top:25px;margin-bottom:46px}@media (max-width: 550px){#step_results .legend{margin-bottom:26px}}#step_results .legend p{display:block;position:relative;left:100px}@media (min-width: 1024px){#step_results .legend p{display:inline;margin:0 37px;font-weight:400}}@media (max-width: 750px){#step_results .legend p{left:40px}}@media (max-width: 550px){#step_results .legend p{left:20px}}#step_results .legend p span{margin-right:10px;height:18px;width:18px;display:inline-block;position:relative;top:2px}#step_results .legend p .base{background-color:var(--cd-primary)}#step_results .legend p .optimist{background:repeating-linear-gradient(-45deg,var(--white) 0px,var(--white) 3px,var(--cd-secondary) 3px,var(--cd-secondary) 6px)}#step_results .legend p .pessimist{background-color:var(--cd-secondary)}#step_results .results_container{height:300px;margin-bottom:30px}@media (max-width: 1024px){#step_results .results_container{height:240px;position:relative;left:calc(50% - 433px)}}@media (max-width: 880px){#step_results .results_container{height:600px;left:0}}@media (max-width: 750px){#step_results .results_container{height:550px}}#step_results .results_container .left,#step_results .results_container .right{width:468px;position:relative;display:inline-block;margin-left:30px}@media (max-width: 1024px){#step_results .results_container .left,#step_results .results_container .right{width:430px;margin-left:0}}@media (max-width: 880px){#step_results .results_container .left,#step_results .results_container .right{width:468px;display:block;left:calc(50% - 234px);margin-top:20px}}@media (max-width: 550px){#step_results .results_container .left,#step_results .results_container .right{height:300px;width:341px;left:calc(50% - 171px);margin-top:0}}#step_results .results_container .left .resultdiagram,#step_results .results_container .right .resultdiagram{transform-origin:top left;transform:scale(.755)}@media (max-width: 1024px){#step_results .results_container .left .resultdiagram,#step_results .results_container .right .resultdiagram{transform:scale(.7)}}@media (max-width: 550px){#step_results .results_container .left .resultdiagram,#step_results .results_container .right .resultdiagram{transform:scale(.55)}}#step_results .results_container .left .person,#step_results .results_container .right .person{position:absolute;text-align:center;width:300px;top:260px;left:calc(50% - 150px)}@media (max-width: 1024px){#step_results .results_container .left .person,#step_results .results_container .right .person{top:240px}}@media (max-width: 550px){#step_results .results_container .left .person,#step_results .results_container .right .person{top:200px}}#step_results .results_container .left .person h2,#step_results .results_container .right .person h2{font-size:22px}#step_results .results_container .left .person h2 .name,#step_results .results_container .right .person h2 .name,#step_results .results_container .left .person h2 .difference,#step_results .results_container .right .person h2 .difference{position:relative}#step_results .text{margin-top:70px;text-align:center}@media (max-width: 1024px){#step_results .text{margin-top:100px}#step_results .text br{display:none}}@media (max-width: 550px){#step_results .text{margin-top:60px}}#step_results .text h1{font-size:22px;margin-bottom:25px;padding:0 20px}#step_results .text p{font-size:16px;font-weight:400}@media (max-width: 1024px){#step_results .text p:not(.definition){width:60%;position:relative;left:20%}}@media (max-width: 880px){#step_results .text p:not(.definition){padding:0 20px;width:100%;left:0}}#step_results .text .definition{display:none;margin-left:21px;margin-top:24px;text-align:left;font-size:12px}@media (max-width: 1024px){#step_results .text .definition{position:absolute;bottom:20px;margin-left:8px}}@media (max-width: 550px){#step_selection{height:1040px}}#step_selection h1{text-align:center;margin-bottom:42px;padding-left:100px;padding-right:100px}@media (max-width: 750px){#step_selection h1{padding-left:60px;padding-right:60px}}@media (max-width: 550px){#step_selection h1{padding-left:20px;padding-right:20px}}#step_selection .selection_container{display:flex;justify-content:center;align-content:space-between;flex-flow:row nowrap;align-items:center;margin:0 auto}@media (max-width: 550px){#step_selection .selection_container{margin:0;width:100%;flex-flow:column nowrap}#step_selection .selection_container .panels:first-child{border-right:none!important;border-bottom:solid 1px var(--icon-light);margin-bottom:18px;padding-bottom:18px}}#step_selection .selection_container .panels{margin:0;padding:0 42px;display:flex;flex-direction:column}#step_selection .selection_container .panels:first-child{border-right:solid 1px var(--icon-light)}@media (max-width: 550px){#step_selection .selection_container .panels{width:90%}}#step_selection .selection_container .panels .name,#step_selection .selection_container .panels .gender,#step_selection .selection_container .panels .birthyear,#step_selection .selection_container .panels .estimate{display:flex;flex-direction:column;justify-content:center;align-items:start;margin-bottom:1.5em;width:100%}#step_selection .selection_container .panels .name .label,#step_selection .selection_container .panels .gender .label,#step_selection .selection_container .panels .birthyear .label,#step_selection .selection_container .panels .estimate .label{margin-bottom:6px}#step_selection .selection_container .panels .gender>span,#step_selection .selection_container .panels .birthyear>span{display:inline-block}#step_selection .selection_container .panels .name input{width:255px;height:44px;padding-left:10px;font-size:16px;background-color:#0000;border:1px solid var(--icon-light)}@media (max-width: 750px){#step_selection .selection_container .panels .name input{width:215px}}@media (max-width: 550px){#step_selection .selection_container .panels .name input{width:100%}}#step_selection .selection_container .panels .name input:focus{outline:none}#step_selection .selection_container .panels .dropdown{display:inline-block;width:255px}@media (max-width: 750px){#step_selection .selection_container .panels .dropdown{width:215px}}@media (max-width: 550px){#step_selection .selection_container .panels .dropdown{width:100%}}.dropdown{text-align:center;position:relative;width:120px}.dropdown .arrow{pointer-events:none;position:absolute;right:12px;top:12px}.dropdown .arrow svg{width:20px;height:20px}.dropdown select{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;cursor:pointer;border-radius:initial;border:solid 1px var(--icon-light);background-color:var(--white);width:100%;height:44px;padding-left:10px;font-size:16px}.dropdown select::-ms-expand{display:none}.cohort{position:relative;width:100%;height:100%;margin-top:55px;padding-bottom:55px}.cohort select:focus,.cohort button:focus{outline:0}.cohort .title h1{text-align:center;margin-bottom:13px;width:586px;position:relative;left:calc(50% - 293px)}@media (max-width: 750px){.cohort .title h1{padding-top:0;width:550px;left:calc(50% - 275px)}}@media (max-width: 550px){.cohort .title h1{width:360px;left:calc(50% - 180px);margin-bottom:19px}}.cohort .selection{position:relative;height:124px;margin-bottom:10px;padding-left:21px;padding-right:21px}@media (max-width: 880px){.cohort .selection{margin-bottom:40px}}@media (max-width: 750px){.cohort .selection{margin-bottom:30px;height:104px}}@media (max-width: 550px){.cohort .selection{margin-bottom:0}}.cohort .selection .select_container{width:108px;position:relative}@media (max-width: 550px){.cohort .selection .select_container{float:left}}.cohort .selection .hint{width:210px;padding:10px 20px;position:absolute;display:flex;align-items:center;justify-content:center;background-color:var(--cohort-tooltip-bg);text-align:center;top:-15px;right:-250px}@media (max-width: 550px){.cohort .selection .hint{width:200px;height:38px;top:50px;right:initial;left:0}}.cohort .selection .hint span{color:var(--cd-text-inverted);line-height:130%}@media (max-width: 550px){.cohort .selection .hint span{font-size:.75em;position:relative;left:7px}}.cohort .selection .hint .hint_arrow{position:absolute;top:calc(50% - 11px);left:-2px;width:25px;height:25px;background-color:var(--cohort-tooltip-bg);transform:rotate(135deg) skew(359deg)}@media (max-width: 550px){.cohort .selection .hint .hint_arrow{display:none}}.cohort .selection .arrow_hack{pointer-events:none;position:absolute;right:10px;top:10px}.cohort .selection .arrow_hack svg{width:16px;height:16px}.cohort .selection select{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;cursor:pointer;border-radius:initial;border:solid 1px var(--icon-light);background-color:var(--white);width:108px;height:38px;margin-bottom:19px;padding-left:10px}.cohort .selection select::-ms-expand{display:none}.cohort .selection h2{margin-bottom:6px}@media (max-width: 550px){.cohort .selection .gender_container{float:right}}.cohort .selection .gender_selection{display:flex;align-items:center;justify-content:center;float:left;border:solid 1px var(--icon-light);border-radius:initial;background-color:var(--white);width:90px;height:40px;text-align:center}.cohort .selection .male_select.active,.cohort .selection .female_select.active{border:none;color:var(--cd-text-inverted);font-weight:700}.cohort .selection .male_select.active{background-color:var(--cd-secondary)}.cohort .selection .female_select.active{background-color:var(--cd-primary)}.cohort .selection .male_select{border-right:0}.cohort .selection .female_select{border-left:0}.cohort .candle_diagram{width:100%;overflow:visible;text-align:center;margin-bottom:34px;transform-origin:left top;position:relative}@media (max-width: 880px){.cohort .candle_diagram{margin-left:0;height:0}}@media (max-width: 550px){.cohort .candle_diagram{margin-top:20px}}@media (max-width: 880px){.cohort .candle_diagram .labels{display:inline;margin-left:10px}}@media (max-width: 880px){.cohort .candle_diagram .labels{margin-left:0;left:calc(50% - 180px);height:120px;width:180px}}@media (max-width: 880px){.cohort .candle_diagram .labels label{margin-bottom:20px}}@media (max-width: 880px){.cohort .candle_diagram .labels .label_middle{display:none}}.cohort .candle_diagram .diagram{display:inline}@media (max-width: 880px){.cohort .candle_diagram .diagram{display:none}}@media (max-width: 880px){.cohort .candle_diagram .diagram_wrapper{display:none}}.cohort .candle_diagram .results{display:inline;white-space:nowrap}@media (max-width: 880px){.cohort .candle_diagram .results{position:absolute;left:50%;height:120px}}@media (max-width: 880px){.cohort .candle_diagram .results label{margin-top:0;margin-left:4px;margin-bottom:4px}}@media (max-width: 750px){.cohort .candle_diagram .results label{margin-top:2px;margin-bottom:10px}}@media (max-width: 550px){.cohort .candle_diagram .results label{margin-top:6px;margin-bottom:14px}}.cohort .candle_diagram .results label .value,.cohort .candle_diagram .results label .unit{margin-left:0}@media (max-width: 880px){.cohort .candle_diagram .results label .value,.cohort .candle_diagram .results label .unit{margin-left:15px}}.cohort .candle_diagram .results label .unit{display:none}@media (max-width: 880px){.cohort .candle_diagram .results label .unit{display:inline}}@media (max-width: 880px){.cohort .candle_diagram .results .colon{display:initial}}.collapsible{clear:both;position:relative;left:calc(50% - 293px)}@media (max-width: 550px){.collapsible{left:0}}@media (max-width: 750px){.collapsible p{padding-left:20px;padding-right:20px}}@media (max-width: 550px){.collapsible h1{padding-left:20px;padding-right:20px}}.collapsible div{cursor:pointer;border-bottom:none}.collapsible a:link,.collapsible a:visited,.collapsible a:hover,.collapsible a:active{text-decoration:none;color:var(--cd-primary)}.candle_diagram{position:relative;height:200px}.candle_diagram label{display:block}.candle_diagram .labels{margin-right:20px;margin-left:80px;width:120px;height:200px;position:relative;float:left;display:inline-flex;flex-direction:column;justify-content:space-between}.candle_diagram .labels label{font-weight:700;text-align:right}.candle_diagram .labels label:first-child{position:relative;top:5%}.candle_diagram .labels .label_middle{font-weight:initial;margin-top:33px;margin-bottom:40px}.candle_diagram .diagram_wrapper{position:relative;float:left;width:588px;height:200px}.candle_diagram .diagram{width:100%;height:100%;fill:var(--icon-dark)}.candle_diagram .diagram #candles_top,.candle_diagram .diagram #candles_bottom,.candle_diagram .diagram #scale{position:relative}.candle_diagram .diagram line{stroke:var(--icon-light);stroke-width:1}.candle_diagram .results{float:left;height:200px;color:var(--cd-primary)}.candle_diagram .results :first-child{margin-bottom:110px}.candle_diagram .results label{text-align:center;width:60px;margin-top:16px}.candle_diagram .results label .value{font-weight:700}.candle_diagram .results label .value,.candle_diagram .results label .unit{margin-left:12px}.candle_diagram .results .colon{display:none}.collapsible{min-width:200px;max-width:586px;width:100%}.collapsible h1{font-weight:400;margin:15px 0}.collapsible h2{position:relative}.collapsible h2 span{pointer-events:none;margin-left:10px}.collapsible h2 span svg{width:14px;height:14px;transition:transform;transition-duration:.2s;transition-timing-function:ease-out;transform:rotate(-180deg);transform-origin:center center}.collapsible h2 span svg line{stroke:var(--icon-dark)}.collapsible h2,.collapsible div{margin:0 0 15px}.collapsible h1,.collapsible h2,.collapsible h3{text-align:center}.collapsible h1,.collapsible div{border-bottom:solid 1px var(--icon-light);padding-bottom:15px}.collapsible p{margin-bottom:10px;opacity:0}.collapsed{overflow:hidden}.collapsed p{display:none}.collapsed h2{margin-bottom:0}.collapsed h2 span svg{transition:transform;transition-duration:.2s;transition-timing-function:ease-out;transform:rotate(0)}.regional_comparison{margin-top:55px}.regional_comparison .step{overflow:hidden;position:relative;min-height:678px}@media (max-width: 750px){.regional_comparison .step{min-height:622px}}@media (max-width: 550px){.regional_comparison .step{min-height:642px}}.regional_comparison .regional_navigation{position:absolute;top:-40px;left:4px}.regional_comparison .regional_navigation #step_regional{display:none!important}@media (max-width: 750px){.regional_comparison .regional_navigation{width:100%;z-index:5;top:initial;bottom:15px;left:0;padding:0 10px}}@media (max-width: 550px){.regional_comparison .regional_navigation{left:0}}.regional_comparison .regional_navigation .next_step_button{background-color:var(--icon-light);color:var(--cd-text-inverted);display:inline-block;position:relative;padding:10px 12px;line-height:0}@media (max-width: 750px){.regional_comparison .regional_navigation .next_step_button{float:right;clear:both;display:block;width:250px;margin-bottom:6px;background-color:var(--cd-primary);text-decoration:underline}}@media (max-width: 550px){.regional_comparison .regional_navigation .next_step_button{width:100%;left:0}}.regional_comparison .regional_navigation .next_step_button span{pointer-events:none}.regional_comparison .regional_navigation .next_step_button .mask,.regional_comparison .regional_navigation .next_step_button .arrow{display:none;position:absolute}@media (max-width: 750px){.regional_comparison .regional_navigation .next_step_button .mask,.regional_comparison .regional_navigation .next_step_button .arrow{display:inline-block}}.regional_comparison .regional_navigation .next_step_button .arrow{z-index:1;right:18px;margin:6px 0;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid currentColor}.regional_comparison .regional_navigation .next_step_button:active,.regional_comparison .regional_navigation .next_step_button:hover,.regional_comparison .regional_navigation .active{background-color:var(--cd-primary)}@media (max-width: 750px){.regional_comparison .regional_navigation .active{display:none}}@media (max-width: 750px){.regional_comparison .regional_navigation .next_step_button:hover{background-color:#b6c0c5}}@media (max-width: 750px){#step_index{min-height:700px}}@media (max-width: 550px){#step_index{min-height:initial}}#step_index h1{width:100%;text-align:center;padding-top:31px;padding-bottom:47px}@media (max-width: 550px){#step_index h1{padding-left:20px;padding-right:20px}#step_index h1 br{display:none}}#step_index .map{position:relative;width:322px;height:430px;float:left;margin:0 57px 0 67px;z-index:2}@media (max-width: 880px){#step_index .map{margin:0 30px}}@media (max-width: 750px){#step_index .map{display:none}}#step_index .map svg{overflow:visible;width:100%;height:100%}#step_index .description{position:relative;float:left;width:469px}@media (max-width: 1024px){#step_index .description{position:absolute;right:10px}}@media (max-width: 880px){#step_index .description{position:relative;right:initial}}@media (max-width: 750px){#step_index .description{left:calc(50% - 235px);margin-bottom:30px}}@media (max-width: 550px){#step_index .description{width:100%;padding:0 10px;left:initial}}#step_index .description p{font-weight:400}#step_index .regional_navigation{z-index:5;position:relative;display:block;text-align:left;top:50px;left:0}@media (max-width: 750px){#step_index .regional_navigation{display:none}}#step_index .regional_navigation .next_step_button{background-color:var(--icon-light);color:var(--cd-text-inverted);display:inline-block;padding:10px 12px;line-height:0}@media (max-width: 750px){#step_index .regional_navigation .next_step_button{width:100%;background-color:var(--cd-primary)}}#step_index .regional_navigation .next_step_button span{pointer-events:none;font-size:14px}#step_index .regional_navigation .next_step_button:active,#step_index .regional_navigation .next_step_button:hover,#step_index .regional_navigation .active{background-color:var(--cd-primary)}#step_eastwest{position:relative}#step_eastwest h1{text-align:center;margin-bottom:14px}#step_eastwest .selection{position:absolute;top:106px;left:21px}@media (max-width: 750px){#step_eastwest .selection{top:0;position:relative;left:calc(50% - 54px);margin-bottom:20px}}#step_eastwest .selection p{margin-bottom:6px}#step_eastwest .selection .dropdown{width:107px}#step_eastwest .selection .dropdown select{font-size:16px}#step_eastwest .legend{position:relative;text-align:center;margin-bottom:41px}@media (max-width: 750px){#step_eastwest .legend{margin-bottom:20px}}#step_eastwest .legend .west{background-color:var(--region-west)}#step_eastwest .legend .east{background-color:var(--region-east)}#step_eastwest .legend .east.pattern,#step_eastwest .legend .west.pattern{background:repeating-linear-gradient(-45deg,var(--white) 0px,var(--white) 3px,var(--cd-secondary) 3px,var(--cd-secondary) 6px)}#step_eastwest .legend span{display:inline-block;height:18px;width:18px;position:relative;top:2px;margin-right:10px}#step_eastwest .legend p{display:inline-block;font-weight:400;margin:0 20px}@media (max-width: 750px){#step_eastwest .legend p{margin:0 15px}}#step_eastwest .map{z-index:2;width:322px;height:430px;position:relative;left:calc(50% - 161px)}@media (max-width: 750px){#step_eastwest .map{left:initial;width:100%;height:0}}#step_eastwest .map .east,#step_eastwest .map .west{height:86px;border:solid 2px #adb8bd;position:absolute;white-space:nowrap}@media (max-width: 750px){#step_eastwest .map .east,#step_eastwest .map .west{width:199px;z-index:10;border:none;right:0}}#step_eastwest .map .east p:first-child,#step_eastwest .map .west p:first-child{display:block;margin-bottom:9px}#step_eastwest .map .east p,#step_eastwest .map .west p{width:105px;display:inline-flex;align-items:center;vertical-align:top}#step_eastwest .map .east p .male,#step_eastwest .map .east p .female,#step_eastwest .map .west p .male,#step_eastwest .map .west p .female{position:relative;vertical-align:top}#step_eastwest .map .east p svg,#step_eastwest .map .west p svg{position:relative;height:28px;width:20px;top:6px;margin-right:5px}#step_eastwest .map .east p:last-child>svg,#step_eastwest .map .west p:last-child>svg{width:19px;top:-2px}#step_eastwest .map .east{top:76px;left:278px;border-left:0;padding-top:11px;padding-left:41px}@media (max-width: 750px){#step_eastwest .map .east{top:26px;left:50%;border-bottom:solid 2px #adb8bd;padding-left:0}}@media (max-width: 550px){#step_eastwest .map .east{right:6px}}#step_eastwest .map .west{top:192px;left:-203px;border-right:0;padding-top:11px;padding-left:16px}@media (max-width: 750px){#step_eastwest .map .west{top:112px;left:50%;padding-left:0}}@media (max-width: 550px){#step_eastwest .map .west{right:6px}}#step_eastwest .map #Bundesrepublik_Deutschland{z-index:3;position:absolute}@media (max-width: 750px){#step_eastwest .map #Bundesrepublik_Deutschland{left:8%;width:35%}}@media (max-width: 550px){#step_eastwest .map #Bundesrepublik_Deutschland{left:0;width:45%}}#step_eastwest .map #Bundesrepublik_Deutschland #Thüringen,#step_eastwest .map #Bundesrepublik_Deutschland #Sachsen,#step_eastwest .map #Bundesrepublik_Deutschland #Sachsen-Anhalt,#step_eastwest .map #Bundesrepublik_Deutschland #Brandenburg,#step_eastwest .map #Bundesrepublik_Deutschland #Berlin,#step_eastwest .map #Bundesrepublik_Deutschland #Mecklenburg-Vorpommern{fill:var(--region-east)}#step_eastwest .map #Bundesrepublik_Deutschland path{fill:var(--region-west);transition:transform,opacity;transition-duration:.5s;transition-timing-function:ease-out}#step_regional{display:none}#step_regional h1{text-align:center}@media (max-width: 750px){#step_regional h1{padding-bottom:31px}}#step_regional .selection{position:absolute;top:106px;left:21px}@media (max-width: 750px){#step_regional .selection{position:initial;width:100%;padding:0 50px 70px}}@media (max-width: 550px){#step_regional .selection{padding:0 8px 70px}}#step_regional .selection p{margin-bottom:6px}#step_regional .selection .dropdown{width:107px;margin-bottom:19px}@media (max-width: 750px){#step_regional .selection .dropdown{float:left}}#step_regional .selection .dropdown select{color:var(--cd-primary);font-size:16px}@media (max-width: 750px){#step_regional .selection .gender_selection{float:right}}#step_regional .selection a{font-weight:700}#step_regional .results_wrapper{position:relative;padding-left:274px;padding-top:61px;z-index:2}@media (max-width: 750px){#step_regional .results_wrapper{padding-left:0;padding-top:0}}#step_regional .results_wrapper .map{width:243px;height:325px;position:absolute}@media (max-width: 880px){#step_regional .results_wrapper .map{left:10%;top:160px}}@media (max-width: 750px){#step_regional .results_wrapper .map{display:none}}#step_regional .results_wrapper .map .map_value{position:absolute;font-size:22px;left:-15px}@media (max-width: 880px){#step_regional .results_wrapper .map .map_value{left:-58px}}@media (max-width: 750px){#step_regional .results_wrapper .map .map_value{display:none}}#step_regional .results_wrapper .map #Bundesrepublik_Deutschland{position:absolute}#step_regional .results_wrapper .map #Bundesrepublik_Deutschland path{cursor:pointer;transition:transform,opacity;transition-duration:.5s;transition-timing-function:ease-out;opacity:1;transform:translate(0)}#step_regional .results_wrapper .map #Bundesrepublik_Deutschland path:hover{transition:transform,opacity;transition-duration:.5s;transition-timing-function:ease-out;opacity:.85;transform:translate(1px,-2px)}#step_regional .results_wrapper .bar_charts{position:absolute;right:55px;width:450px;height:410px}@media (max-width: 880px){#step_regional .results_wrapper .bar_charts{right:20px}}@media (max-width: 750px){#step_regional .results_wrapper .bar_charts{pointer-events:none;position:initial;height:initial;min-height:550px;width:100%}}#step_regional .results_wrapper .bar_charts .vertical_divide{position:absolute;pointer-events:none;left:42%;width:2px;height:420px}@media (max-width: 750px){#step_regional .results_wrapper .bar_charts .vertical_divide{left:calc(50% + 7px);height:460px}}#step_regional .results_wrapper .bar_charts .region{width:100%;height:420px;padding-top:5px}#step_regional .results_wrapper .bar_charts .region p{width:100%;white-space:nowrap;overflow:visible;cursor:pointer}#step_regional .results_wrapper .bar_charts .region p span{pointer-events:none;display:inline-block;vertical-align:middle;font-size:14px;line-height:1.8}@media (max-width: 750px){#step_regional .results_wrapper .bar_charts .region p span{font-size:16px}}#step_regional .results_wrapper .bar_charts .region p .name{text-align:right;width:40%;font-weight:400}@media (max-width: 750px){#step_regional .results_wrapper .bar_charts .region p .name{width:50%;min-width:250px}}#step_regional .results_wrapper .bar_charts .region p .graph{height:14px;width:10px;margin-left:5px}@media (max-width: 550px){#step_regional .results_wrapper .bar_charts .region p .graph{display:none}}#step_regional .results_wrapper .bar_charts .region p .mobile_line{display:none}@media (max-width: 750px){#step_regional .results_wrapper .bar_charts .region p .mobile_line{display:inline-block;border-bottom:2px solid #b6c0c5}}#step_regional .results_wrapper .bar_charts .region p .value{margin-left:5px}@media (max-width: 750px){#step_regional .results_wrapper .bar_charts .region p .value{margin-left:15px}}#step_regional .results_wrapper .bar_charts p.hover .graph{background-color:#b6c0c5}#step_regional .results_wrapper .bar_charts p.hover .name,#step_regional .results_wrapper .bar_charts p.hover .value{color:#b6c0c5}#step_regional .results_wrapper .bar_charts .scale{float:right;border-top:2px solid #b6c0c5;color:#b6c0c5;width:372px;height:33px;padding-top:9px;margin-right:50px}@media (max-width: 750px){#step_regional .results_wrapper .bar_charts .scale{display:none}}#step_regional .results_wrapper .bar_charts .scale span{font-size:14px;font-weight:400;margin-right:35px}#step_regional .results_wrapper .bar_charts .scale .label{margin-right:58px}#step_regional .results_wrapper .bar_charts .scale span:nth-child(5){margin-right:0}#step_regional .results_wrapper.male .map path.hover{fill:var(--cd-secondary)}#step_regional .results_wrapper.male .bar_charts .vertical_divide,#step_regional .results_wrapper.male .bar_charts .graph{background-color:var(--cd-secondary)}#step_regional .results_wrapper.female .map path.hover{fill:var(--cd-primary)}#step_regional .results_wrapper.female .bar_charts .vertical_divide,#step_regional .results_wrapper.female .bar_charts .graph{background-color:var(--cd-primary)}.gender_selection{position:relative}.gender_selection .gender_button{display:block;float:left;padding-top:7px;border:solid 1px var(--icon-light);border-radius:initial;background-color:var(--white);width:90px;height:38px;text-align:center}.gender_selection .male_select.active,.gender_selection .female_select.active{padding-top:8px;border:none;color:var(--cd-text-inverted)}.gender_selection .male_select.active{background-color:var(--cd-secondary)}.gender_selection .female_select.active{background-color:var(--cd-primary)}.gender_selection .male_select{border-right:0;color:var(--cd-secondary)}.gender_selection .female_select{border-left:0;color:var(--cd-primary)}nav .logo{float:right;margin-right:15px}nav .logo h1,nav .logo h2{font-size:36px;font-weight:400;font-style:normal;font-stretch:normal;line-height:.83;letter-spacing:normal;color:var(--cd-text)}nav .logo h1{font-size:47px;padding-top:13px}@media (max-width: 750px){nav .logo h1{font-size:36px;padding-top:22px;text-align:right}}nav .logo h2{text-align:right}nav #navi_list{background-color:var(--white);list-style:none outside none;margin:0;padding:0;width:100%;height:50px;border-bottom:2px solid var(--btn);display:flex}nav #navi_list li{padding:0 15px;display:inline}nav #navi_list li svg{color:var(--icon-dark)!important;width:48px;height:48px}nav #navi_list li.active,nav #navi_list li:hover{background-color:var(--btn)}nav #navi_list li.active svg,nav #navi_list li:hover svg{color:var(--white)!important}nav #navi_list li.li-regionalcomparison svg path{stroke:var(--icon-dark)!important;fill:var(--white)!important}nav #navi_list li.li-regionalcomparison.active svg path,nav #navi_list li.li-regionalcomparison:hover svg path{stroke:none!important}@media (max-width: 750px){nav .logo h1{padding-top:19px}nav .logo h2{padding-bottom:17px}nav #navi_list{float:left;width:100%}}@media (max-width: 550px){nav .logo h1,nav .logo h2{font-size:24px}}nav #navi_hint{pointer-events:none;opacity:0;background-color:var(--icon-dark);text-align:center;padding:6px;width:185px;position:absolute;top:282px;left:426px;z-index:10}@media (max-width: 880px){nav #navi_hint{top:268px;left:384px}}@media (max-width: 750px){nav #navi_hint{top:436px;left:50%;transform:translate(-50%)}}@media (max-width: 550px){nav #navi_hint{top:346px}}nav #navi_hint .text{font-weight:700;font-size:16px;display:block;color:var(--cd-text-inverted)}nav #navi_hint .hint_close{cursor:pointer;font-size:30px;font-weight:700;line-height:.25;z-index:11;width:20px;height:20px;margin-left:auto;position:relative}nav #navi_hint .hint_close .cross{position:absolute;display:block;background-color:var(--white);width:2px;height:14px;left:9px;bottom:3px}nav #navi_hint .hint_close .rotate_left{transform:rotate(-45deg)}nav #navi_hint .hint_close .rotate_right{transform:rotate(45deg)}nav #navi_hint .hint_icons{display:flex;justify-content:center;width:100%}nav #navi_hint .hint_icons svg{display:block;margin:5px;background-color:var(--white);color:var(--icon-dark)!important;width:40px;height:40px}nav #social_media_wrapper{z-index:10;display:block;position:absolute;top:95.1vh;opacity:0;left:20px}nav #social_media_wrapper .social_media_button{position:relative;float:left;margin-right:30px}nav #social_media_wrapper .social_media_button img{width:20px;height:20px}nav #social_media_wrapper .social_media_button svg{vertical-align:middle}