@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:DM Sans,sans-serif;-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}[data-theme=dark]{--co-background: #1A3636;--co-background-1: #40534C;--co-background-1-70: rgba(64, 83, 76, .7);--co-background-1-10: rgba(64, 83, 76, .1);--co-background-2: #677D6A;--co-background-2-70: rgba(103, 125, 106, .7);--co-foreground: #D6BD98;--co-foreground-70: rgba(214, 189, 152, .7);--co-foreground-50: rgba(214, 189, 152, .5);--co-foreground-30: rgba(214, 189, 152, .3);--co-item-stadt: #ffd000;--co-item-land: var(--co-background-2);--co-accent-positive: #627e21;--co-accent-negative: #9a4343}[data-theme=light]{--co-background: rgb(243, 238, 231);--co-background-1: rgb(214, 189, 152);--co-background-1-70: rgba(214, 189, 152, .7);--co-background-1-10: rgba(214, 189, 152, .1);--co-background-2: rgb(189, 161, 121);--co-background-2-70: rgba(189, 161, 121, .7);--co-foreground: rgb(26, 54, 54);--co-foreground-70: rgba(26, 54, 54, .7);--co-foreground-50: rgba(26, 54, 54, .5);--co-foreground-30: rgba(26, 54, 54, .3);--co-item-stadt: #f3b417;--co-item-land: var(--co-background-2);--co-accent-positive: #bff15a;--co-accent-negative: #f15e5e}:root{--co-item-grenzen: var(--co-background);--ga-around: 24px;--ga-table: 6px;--br-full: 9999px;--he-intro: 95px;--wi-list: 400px}.hidden{display:none!important}.button{border:none;height:28px;padding-left:12px;padding-right:12px;border-radius:var(--br-full);cursor:pointer;transition:background-color .2s ease-in-out}.button:disabled{opacity:.5;cursor:not-allowed}.mobile_exclusive{display:none}[data-theme=dark] #btn_colormode:after{content:"Mach mal Licht 🌝"}[data-theme=dark] #item_map .kreis{opacity:.2}[data-theme=dark] #item_map .kreis:hover{opacity:.6}[data-theme=dark] #item_map .kreis.active{opacity:1}[data-theme=light] #btn_colormode:after{content:"Dunkler, bitte 🌚"}[data-theme=light] #item_map .kreis{opacity:.3}[data-theme=light] #item_map .kreis:hover{opacity:.6}[data-theme=light] #item_map .kreis.active{opacity:1}body{background:var(--co-background)}main{padding:var(--ga-around);display:flex;flex-direction:column;gap:var(--ga-around);width:100%;transition:width .2s ease-in-out}main.listed{width:calc(100% - var(--wi-list))}header{display:flex;flex-direction:column;gap:12px;height:var(--he-intro);position:sticky;top:var(--ga-around);z-index:1}#item_headline{display:flex;align-items:center;justify-content:space-between}#item_headline #item_title{color:var(--co-foreground);font-size:14px;font-weight:600}#item_headline #item_title span{font-weight:900;font-size:50px;line-height:80%;letter-spacing:-1.5px}#item_headline #btn_toggle_list{cursor:pointer;position:relative;width:40px;height:40px;border-radius:var(--br-full);border:none;background:var(--co-background-1-70);padding:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:background .2s ease-in-out}#item_headline #btn_toggle_list:hover{background:var(--co-background-1)}#item_headline #btn_toggle_list #data_count{position:absolute;width:16px;height:16px;border-radius:var(--br-full);top:-4px;right:-4px;font-size:8px;font-weight:600;display:flex;align-items:center;justify-content:center;color:var(--co-foreground);background:var(--co-accent-negative)}#item_headline #btn_toggle_list #data_count.has_results{background:var(--co-accent-positive)}#item_searchbox{position:relative}#item_searchbox #input_search{width:100%;border-radius:50px;background:var(--co-background-1-70);color:var(--co-foreground);padding-left:20px;padding-right:20px;height:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-top-color .2s ease-in-out,border-left-color .2s ease-in-out,border-bottom-color .2s ease-in-out,border-right-color .2s ease-in-out,outline-color .2s ease-in-out;border:1px solid transparent;outline:2px solid transparent}#item_searchbox #input_search::placeholder{color:var(--co-foreground-50)}#item_searchbox #input_search:hover,#item_searchbox #input_search:focus{border:1px solid var(--co-foreground)}#item_searchbox #input_search:focus{outline:2px solid var(--co-foreground-30)}#item_searchbox #item_controls{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;gap:6px}#item_searchbox #item_controls button{background:var(--co-foreground);color:var(--co-background-2)}#item_searchbox #item_controls button:hover{background:var(--co-foreground-70)}#item_map{display:flex;position:relative;height:calc(100dvh - calc(3 * var(--ga-around) + var(--he-intro)))}#item_map svg{margin:0 auto}#item_map svg .land{fill:var(--co-item-land);stroke-width:.6px}#item_map svg .stadt{fill:var(--co-item-stadt);stroke-width:.6px}#item_map svg .bundesland{fill:none;stroke-width:3px}#item_map svg .kreis{stroke-miterlimit:10;stroke:var(--co-item-grenzen);transition:opacity .2s ease-in-out}#data_tooltip{position:fixed;background:var(--co-foreground-50);border-radius:var(--br-full);font-size:12px;padding:4px 8px;border:1px solid var(--co-foreground);color:var(--co-foreground);outline:2px solid var(--co-foreground-30);transition:opacity .2s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:25ch;pointer-events:none;-webkit-user-select:none;user-select:none}#data_tooltip.inactive{opacity:0}#data_tooltip span{font-weight:700}#data_tooltip span:after{content:": "}#btn_colormode{position:absolute;bottom:var(--ga-around);left:var(--ga-around);background:var(--co-background-1-70);color:var(--co-foreground)}#btn_colormode:hover{background-color:var(--co-background-1)}aside{position:fixed;right:0;top:0;overflow-y:scroll;overflow-x:clip;overscroll-behavior-y:contain;background:var(--co-foreground);color:var(--co-background);width:100%;max-width:var(--wi-list);height:100dvh;transform:translate(100%);transition:transform .2s ease-in-out}aside.visible{transform:translate(0)}#item_tablecontrols{padding:var(--ga-around);display:flex;justify-content:flex-end;background:var(--co-background-1-10);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--co-background-1-10);position:sticky;top:0}#item_tablecontrols #btn_close_list{background:var(--co-background-2);color:var(--co-foreground)}#item_tablecontrols #btn_close_list:hover{background:var(--co-background-2-70)}#data_table{width:100%;border-collapse:collapse}#data_table tr{cursor:pointer;display:grid;grid-template-columns:6ch 1fr;padding:calc(var(--ga-around) / 2) var(--ga-around);transition:background .2s ease-in-out}#data_table tr td:nth-child(1){grid-column:1 / 2}#data_table tr td:nth-child(2){grid-column:2 / 3}#data_table tr td:nth-child(2):before{content:"Kreis: ";font-weight:600}#data_table tr td:nth-child(3){grid-column:2 / 3}#data_table tr td:nth-child(3):before{content:"Bundesland: ";font-weight:600}#data_table tr td:nth-child(4){grid-column:2 / 3}#data_table tr td:nth-child(4):before{content:"Herleitung: ";font-weight:600}#data_table tr td:nth-child(5){grid-column:2 / 3;display:inline-flex;gap:4px;flex-wrap:wrap}#data_table tr td:nth-child(5):before{content:"Weitere Kreis-Kennzeichen: ";font-weight:600}#data_table tr td:nth-child(5) button{border:1px solid var(--co-background-1-70);background:var(--co-background-1-10);color:var(--co-background-2);padding:1px 6px;border-radius:var(--br-full);cursor:pointer}#data_table tr td:not(:first-child):not(:last-child){padding-bottom:var(--ga-table)}#data_table tr:hover{background:var(--co-background-1-10)}#data_table tr:not(:last-child){border-bottom:1px solid var(--co-background-1-10)}#data_table tr td:first-child{font-weight:700}#data_table tr td:not(:first-child){color:var(--co-background-2)}#data_table tr td#item_empty{font-weight:400;color:var(--co-background-2);width:240px;margin-bottom:8px}@media (max-width: 800px){:root{--ga-around: 18px;--ga-table: 1px;--br-list: 18px;--he-list: 123px;--he-intro: 78px}.mobile_exclusive{display:block}.desktop_exclusive{display:none}[data-theme=dark] #btn_colormode:after{content:"🌝"}[data-theme=light] #btn_colormode:after{content:"🌚"}main.listed{width:100%;pointer-events:none}header{gap:8px}#item_headline #item_title span{font-size:35px}#item_searchbox #item_controls{gap:3px}#data_tooltip{display:none}aside{z-index:10;width:calc(100% - 50px);height:calc(100dvh - 10px);top:5px;border-top-left-radius:var(--br-list);border-bottom-left-radius:var(--br-list);box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px}#data_table tr:hover{background:transparent}}