:root{font-family:Arial,Helvetica,sans-serif;color:#16273b;background:#f5f7f9}*{box-sizing:border-box}html,body{margin:0;min-width:0}body{background:#f5f7f9;color:#16273b}#wrapper{width:100%;max-height:none;min-height:100vh;margin:0;background:transparent;display:flex;flex-direction:column}#navigation{order:0;background:#101e30;flex:none}.navbar{width:min(1160px,100%);height:76px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:28px;overflow:visible}.navbar>a{float:none;color:#d1dbe6;text-decoration:none;font-size:15px;padding:8px 0}.navbar>a:hover{color:white;background:transparent}.navbar .site-brand{display:flex;align-items:center;gap:12px;margin-right:auto;color:#fff;font-size:25px;font-weight:750;letter-spacing:-1px}.site-brand img{width:38px;height:38px;object-fit:contain}.site-brand span span{color:#f27a67}header.page-title{order:1;width:min(1160px,100%);margin:0 auto;padding:42px 28px 20px;background:none;color:#16273b;text-align:left;font-size:clamp(30px,4vw,46px);font-weight:750;letter-spacing:-.04em;line-height:1.15}header.page-title span{font-size:14px!important;letter-spacing:0;color:#66788a;font-weight:400;vertical-align:middle}#content,#contentSpez,#contentOSteuerungselemente,#contentIndex{order:3;float:none;width:min(1160px,calc(100% - 56px));height:auto;min-height:0;margin:0 auto 60px;background:#fff;border:1px solid #e0e6ec;border-radius:8px;box-shadow:0 8px 25px #152a3910;padding:24px;overflow:visible}#contentIndex{min-height:300px;padding:30px 35px;font-size:17px;line-height:1.6}#contentIndex p.Titel,#contentIndex p.Contact,#contentIndex a.Mail{margin-left:0}#contentSpez:has(svg),#content:has(svg){min-height:500px}#content svg,#contentSpez svg{max-width:100%}#steuerungselemente,#steuerungselementeSpez{order:2;float:none;width:min(1160px,100%);height:auto;margin:0 auto;padding:0 28px 20px;background:transparent;font-size:0}#steuerungselemente:empty,#steuerungselementeSpez:empty{display:none}.openbtn,#steuerungselementeSpez>button,#steuerungselemente>button{margin:0 10px 0 0;background:#d84d3c;color:white;border:0;border-radius:5px;padding:13px 20px;font-size:16px;font-weight:700}.openbtn:hover,.openbtn:focus,#steuerungselementeSpez>button:hover{background:#b93d30}#mySidebar{position:fixed;top:0;left:0;width:0;height:100vh;max-width:100vw;overflow-x:hidden;overflow-y:auto;z-index:1000;box-sizing:border-box;background:#fff;border:0;box-shadow:12px 0 40px #10203030;transition:width .25s ease;padding:0}#mySidebar[style*="530px"]{width:min(530px,100vw)!important;padding:25px 24px 60px}#mySidebar h3{font-size:24px;margin:15px 48px 20px 0;color:#16273b;padding:0}#mySidebar h4{font-size:18px;color:#fff;padding:0}#mySidebar .closebtn{position:absolute;top:13px;right:20px;font-size:32px;color:#16273b;padding:0}#mySidebar details{border-top:1px solid #e0e6ec;padding:14px 0}#mySidebar summary{cursor:pointer;display:list-item}#mySidebar summary h4{display:inline}#mySidebar table{width:100%;border-collapse:collapse;font-size:15px}#mySidebar td,#mySidebar th{padding:8px 4px;text-align:left;color:#16273b}#mySidebar select,#mySidebar input{max-width:100%;min-height:34px;font-size:15px;color:#16273b;background:#fff;border:1px solid #aebdca;border-radius:4px}.chart-frame{position:relative;width:100%;height:min(68vh,700px);min-height:430px}#myChart{display:block!important;margin:0!important;width:100%!important;height:100%!important;background:white}#DG100,#DG90{display:none}.cursor{display:none!important}footer{display:none;order:9}#Erklärung{max-width:calc(100vw - 30px)}@media(max-width:700px){.navbar{height:68px;padding:0 20px;gap:18px}.navbar .site-brand{font-size:22px}.navbar>a{font-size:14px}header.page-title{padding:34px 20px 18px}#steuerungselemente,#steuerungselementeSpez{padding:0 20px 16px}#content,#contentSpez,#contentOSteuerungselemente,#contentIndex{width:calc(100% - 24px);padding:14px;margin-bottom:25px}.chart-frame{height:62vh;min-height:360px}#mySidebar[style*="530px"]{padding:22px 18px 50px}}

.modern-svg #content{height:min(72vh,760px);min-height:500px}

/* Lesbare Grafiken auf Smartphones; nur die Grafikfläche scrollt horizontal. */
@media(max-width:700px){
  #content:has(.chart-frame),#contentSpez:has(.chart-frame),
  .modern-svg #content,#content:has(.svgContainer),#contentSpez:has(.svgContainer){
    overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
  }
  .chart-frame{width:max(100%,680px);height:440px;min-height:440px}
  .modern-svg #content{height:auto;min-height:500px}
  .modern-svg .svgContainer,#content .svgContainer,#contentSpez .svgContainer{
    display:block;width:max(100%,760px);min-width:760px;max-width:none;height:460px;
  }
  #contentSpez .dje-grafik{width:1100px;min-width:1100px;height:auto}
}