*{box-sizing:border-box}.grafik{width:1000px;max-width:100%;box-shadow:0 0 20px rgba(0,0,0,.2)}.temperaturen{max-width:100%;display:flex;flex-wrap:wrap}.temperaturen__item{padding:20px;flex:1;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;background-color:gray}.temperaturen__item__temp{font-size:40px}.temperaturen__item__text{text-transform:uppercase;font-size:16px;white-space:nowrap}.temperaturen__item:hover{color:#000;cursor:pointer;z-index:3;box-shadow:0 0 10px rgba(0,0,0,.2)}.temperaturen__item--startDreieck{color:#000;z-index:3;box-shadow:0 0 10px rgba(0,0,0,.2)}.temperaturen__item--startDreieck::after{content:"";display:block;position:absolute;width:20px;height:20px;transform:rotate(45deg);transform-origin:center;background-color:#8ebc6b;left:calc(50% - 10px);bottom:-10px;z-index:2}.temperaturen__item--green{background-color:gray;background-color:#8ebc6b}.temperaturen__item--green:hover::after,.temperaturen__item--green:active::after{content:"";display:block;position:absolute;width:20px;height:20px;transform:rotate(45deg);transform-origin:center;background-color:#8ebc6b;left:calc(50% - 10px);bottom:-10px;z-index:2}.temperaturen__item--darkgreen{background-color:#a7a7a7}.temperaturen__item--darkgreen:hover,.temperaturen__item--darkgreen:active{background-color:#ccd652}.temperaturen__item--darkgreen:hover::after,.temperaturen__item--darkgreen:active::after{content:"";display:block;position:absolute;width:20px;height:20px;transform:rotate(45deg);transform-origin:center;background-color:#ccd652;left:calc(50% - 10px);bottom:-10px;z-index:2}.temperaturen__item--gray{background-color:#8a8a8a}.temperaturen__item--gray:hover,.temperaturen__item--gray:active{background-color:#ecdb43}.temperaturen__item--gray:hover::after,.temperaturen__item--gray:active::after{content:"";display:block;position:absolute;width:20px;height:20px;transform:rotate(45deg);transform-origin:center;background-color:#ecdb43;left:calc(50% - 10px);bottom:-10px;z-index:2}.temperaturen__item--orange{background-color:#797979}.temperaturen__item--orange:hover,.temperaturen__item--orange:active{background-color:#ecaa43}.temperaturen__item--orange:hover::after,.temperaturen__item--orange:active::after{content:"";display:block;position:absolute;width:20px;height:20px;transform:rotate(45deg);transform-origin:center;background-color:#ecaa43;left:calc(50% - 10px);bottom:-10px;z-index:2}.temperaturen__item--red{background-color:dimgray}.temperaturen__item--red:hover,.temperaturen__item--red:active{background-color:#df8245}.temperaturen__item--red:hover::after,.temperaturen__item--red:active::after{content:"";display:block;position:absolute;width:20px;height:20px;transform:rotate(45deg);transform-origin:center;background-color:#df8245;left:calc(50% - 10px);bottom:-10px;z-index:2}.contentContainer{max-width:100%;padding:10px;display:none;opacity:0;transition:opacity 2s ease;flex-wrap:wrap;margin-bottom:20px;justify-content:flex-start}@media(max-width: 55rem){.contentContainer{align-items:center}}.contentContainer__item{padding:10px;width:20%;min-width:20%;min-height:150px;display:flex;flex-direction:column;justify-content:center}@media(max-width: 55rem){.contentContainer__item{width:50%;min-height:auto}}@media(max-width: 32rem){.contentContainer__item{padding:5px}}.contentContainer__item__upper{font-size:20px}@media(max-width: 32rem){.contentContainer__item__upper{font-size:14px}}.contentContainer__item__lower{min-height:32px;max-width:10em;margin-bottom:15px}@media(max-width: 32rem){.contentContainer__item__lower{font-weight:bold;font-size:12px}}.contentContainer--active{opacity:1;display:flex}.contentContainer--green{background:#f2f7ea}.contentContainer--yellow{background:#f7f8e1}.contentContainer--gray{background:#f5eeb5}.contentContainer--orange{background:#fdf0d7}.contentContainer--red{background:#fce4d1}.f-14{font-size:14px}i{margin-right:5px;margin-bottom:5px}svg{height:35px}/*# sourceMappingURL=style.css.map */