.interactive-info-graphic.noise{background:#E5EFF4;border-radius:10px;padding:20px}.interactive-info-graphic>p{text-align:center}.interactive-info-graphic .trigger-wrapper{flex-wrap:wrap;margin-left:-10px;margin-right:-10px;cursor:pointer}.interactive-info-graphic .trigger-wrapper .trigger{width:calc(50% - 20px);margin:0px 10px 10px 10px}.interactive-info-graphic .trigger-wrapper .trigger img{opacity:0.7}.interactive-info-graphic .trigger-wrapper .trigger:hover img{opacity:1}.interactive-info-graphic .trigger-wrapper .trigger.noise-active{color:#E14F00}.interactive-info-graphic .trigger-wrapper .trigger.noise-active img{border:3px solid #E14F00;opacity:1}@media screen and (min-width:500px){.interactive-info-graphic .trigger-wrapper{margin-left:-20px;margin-right:-20px}.interactive-info-graphic .trigger-wrapper .trigger{width:calc(33.33333% - 30px);margin:0px 10px 20px 10px}}@media screen and (min-width:800px){.interactive-info-graphic .trigger-wrapper{padding-top:20px;margin-left:-40px;margin-right:-40px}.interactive-info-graphic .trigger-wrapper .trigger{width:calc(20% - 60px);margin:0px 20px 40px 20px}}.interactive-info-graphic .sound-insulation-classes{display:flex;flex-flow:wrap;margin-bottom:15px}@media screen and (min-width:500px){.interactive-info-graphic .sound-insulation-classes{justify-content:space-between}}.interactive-info-graphic .noise-class-trigger{padding-top:8px;width:50px;height:50px;font-size:1.7em;border-radius:50%;color:#FFF;background-color:#ccc;opacity:0.5;line-height:1;cursor:pointer;text-align:center;margin:15px 15px 0 15px}.interactive-info-graphic .noise-class-trigger.class-active{background-color:#4E93B8;opacity:0.7}.interactive-info-graphic .noise-class-trigger.noise-active{background-color:#E14F00;opacity:1}.interactive-info-graphic .ear{display:none;width:40%;margin-left:auto;margin-right:auto}.interactive-info-graphic .info-text{text-align:center}.interactive-info-graphic .hint{display:block;font-size:0.8em;width:80%;margin-left:auto;margin-right:auto;margin-top:15px}@media screen and (min-width:880px){.interactive-info-graphic .ear{display:block;width:30%;padding-right:50px;padding-left:50px;float:left}.interactive-info-graphic .info-text{width:60%;float:right}}.sk-sel{cursor:pointer}.sk-sel.sk-active,.sk-sel:hover{opacity:0.8}.sk-step{fill:#ADD4E9;cursor:pointer}.sk-step.sk-active,.sk-step:hover{fill:#E14F00}
.infographik-legend{ background-color: #5293B7; color: #FFF; text-align: center; padding: 20px; font-size: 1.1em; font-weight: bold;}