body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--main-bg-color: #27374D;--soft-bg-color: #526D82;--dark-bg-color: #1B262C;--main-color: #DDE6ED;--soft-color: #DDE6ED;--dark-color: #DDE6ED}.main{font-family:Inter,sans-serif;background-color:var(--main-bg-color);color:var(--main-color);height:100vh}.container{display:flex;justify-content:center}.contentContainer{width:80%}@media screen and (max-width: 600px){.contentContainer{width:96%}}.App{display:grid;margin:20px 0;gap:20px;width:100%;grid-template-columns:repeat(6,1fr);grid-template-rows:auto}@media screen and (max-width: 600px){.App{display:grid;align-content:center;margin:10px 0;gap:10px;width:100%;height:99%;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr);overflow:hidden}.box{padding:5px;border-radius:10px;border:1px solid var(--soft-bg-color)}.box5{display:none;height:0px;width:0px}.App .Umfrage{width:99%;height:100%}}#country g:hover text{visibility:visible;transition:.6s;fill:#000;stroke:#000}#Saxony g g:hover text{visibility:visible;transition:.6s;fill:#000;stroke:#000}#country svg text{visibility:hidden;fill:#000;stroke:#000}#Saxony svg text{visibility:hidden;fill:#000;stroke:#000}#Table{display:inline}.header{position:relative;top:0;left:0;width:100%;padding:0 20px;background-color:#19a7ce;height:60px;display:flex;justify-content:space-between;align-items:center;z-index:100}*{margin:0;padding:0;font-family:Poppins,sans-serif}.logo{margin:0;font-size:32px;color:#fff;font-weight:700;text-decoration:none}.navbar a{position:relative;font-size:18px;color:#fff;font-weight:500;text-decoration:none}.navbar button{font-size:18px;color:#fff;font-weight:500;text-decoration:none;margin-left:40px}#wahltermine{background-color:red}.box{padding:20px;border-radius:10px;border:1px solid var(--soft-bg-color)}.box1{grid-column:span 2;grid-row:span 2}.Umfrage,.Ergebnis,.box4,.box7{grid-column:span 2;grid-row:span 1}.box5{grid-column:span 3;grid-row:span 2}.box8{grid-column:span 6;grid-row:span 1}.Europa,.Koalitionsrechner{grid-column:span 2;grid-row:span 1}.topBox{width:100%}.topBox .Kopfzeile{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.topBox .list .user img{width:40px;height:40px;border-radius:50%;object-fit:cover}.topBox .list .listItem{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.topBox .list .user{display:flex;gap:20px;align-items:center;justify-content:space-between}.topBox .list .user .userTexts .username{font-size:14px;font-weight:500}.topBox .list .user .userTexts .email{font-size:12px}.topBox .list .user .amount{font-weight:500}.Germany svg g:hover text{visibility:visible;transition:.6s;fill:var(--main-color);stroke:none}.Germany svg text{visibility:hidden;fill:var(--main-color);stroke:none}.Germany svg g path:hover{fill:#add8e6;cursor:pointer}@media screen and (max-width: 600px){.pieChartBox{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between}.pieChartBox .chart{display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin-bottom:20px}.pieChartBox .options{display:flex;justify-content:space-between;gap:5px;font-size:10px;margin-top:0}}.chartBox{display:flex;flex-direction:column;height:100%;width:100%}@media screen and (max-width: 600px){.chartBox .title .boxTitle{font-size:15px}.chartBox .title .institute{font-size:12px}.XAxis{font-size:10px}.chartBox .chartInfo{flex:1;display:flex;justify-content:space-between;flex-direction:column;height:100%;width:99%}.chartBox .chartInfo .chart{width:99%;height:100%}.chartBox{display:flex;flex-direction:column;height:100%;width:99%}.rescon{height:200px}}.chartBox .chartInfo{flex:1;display:flex;justify-content:space-between;flex-direction:column;height:100%;width:100%}.chartBox .chartInfo .chart{width:100%;height:100%;padding-top:10px}.chartBox .chartInfo .chart ResponsiveContainer{margin-top:20px}.chartBox{display:flex;flex-direction:column;height:100%}.chartBox .chartInfo{flex:1;display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.chartBox .chartInfo .chart{width:100%;height:100%}.chartBox .chartInfo .texts{display:flex;flex-direction:column;text-align:right}.chartBox .chartInfo .texts .percentage{font-weight:700;font-size:20px}.chartBox .chartInfo .texts .duration{font-size:20px}.chartBox .boxInfo img{width:40px;height:40px;border-radius:50%;object-fit:cover}.chartBox .title{display:flex;justify-content:space-between}.pieChartBox{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between}.pieChartBox .chart{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.pieChartBox .options{display:flex;justify-content:space-between;gap:5px;font-size:13px;margin-top:-150px}.pieChartBox .options .option{display:flex;flex-direction:column;gap:5px;align-items:center}.pieChartBox .options .option .title{display:flex;gap:5px;align-items:center}.pieChartBox .options .option .title .dot{width:10px;height:10px;border-radius:50%}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:inherit}button{display:block;background-color:#000}#homebutton{margin:20px auto}#country,#Table{display:inline}.header{position:relative;top:0;left:0;width:100%;padding:0 20px;background-color:#427d9d;height:50px;display:flex;justify-content:center}.header .inside{width:80%;display:flex;justify-content:space-between;align-items:center;z-index:100;color:#dde6ed}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.logo{margin:0;font-size:28px;color:#dde6ed;font-weight:700;text-decoration:none}.navbar a{position:relative;font-size:20px;color:#dde6ed;font-weight:500;text-decoration:none;margin-left:40px}.navbar button{font-size:18px;color:#dde6ed;font-weight:500;text-decoration:none;margin-left:40px}.navbar a:before{content:"";position:absolute;top:100%;left:0;width:0;height:2px;background:#fff;transform:.3s}.navbar a:hover:before{width:100%}#wahltermine{background-color:red;margin-top:100px}#label:hover{fill:#000}@media screen and (max-width: 600px){.header{position:relative;top:0;left:0;width:100%;padding:0 20px;background-color:#427d9d;height:30px;display:flex;justify-content:center}.logo{margin:0;font-size:16px;color:#dde6ed;font-weight:700;text-decoration:none}.header .inside{width:90%;font-size:10px;display:flex;justify-content:center}.header .inside h2{display:none}}.dataTable .dataGrid{background:#fff;padding:20px}.dataTable .dataGrid .MuiDataGrid-toolbarContainer{flex-direction:row-reverse}.dataTable .dataGrid img{width:32px;height:32px;border-radius:50%;object-fit:cover}.dataTable .dataGrid .action{display:flex;gap:15px}.dataTable .dataGrid .action img{width:20px;height:20px;cursor:pointer}.Umfragen .info{display:flex;gap:20px}