1<!DOCTYPE html> 2<html class="h-full" 3 lang="de" 4 data-system-vars="{"language":"de","baseUrl":"","editMode":false,"env":"production","isAuthenticated":false,"translations":{"website":{"cookie_check.overlay.description_text":"Mit der Anmeldung f\u00fcr den Newsletter best\u00e4tige ich die Weitergabe meiner Pesonendaten unter Ber\u00fccksichtigung des Datenschutzes an unser Newsletter-Tool EQS.","cookie_check.overlay.button":"Best\u00e4tigen"}}}" 5 data-nowrap-words="[]"> 6<head> 7 <meta charset="utf-8"> 8 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 9 <meta name="format-detection" content="telephone=no"> 10 11 12 <link rel="icon" type="image/png" sizes="128x128" href="/static/default/images/favicon/favicon.png"> 13 14<link rel="apple-touch-icon" sizes="180x180" href="/static/default/images/favicon/apple-touch-icon.png"> 15<link rel="icon" type="image/png" sizes="32x32" href="/static/default/images/favicon/favicon-32x32.png"> 16<link rel="icon" type="image/png" sizes="16x16" href="/static/default/images/favicon/favicon-16x16.png"> 17<link rel="icon" type="image/png" sizes="192x192" href="/static/default/images/favicon/android-chrome-192x192.png"> 18<link rel="manifest" href="/static/default/images/favicon/site.webmanifest"> 19<link rel="mask-icon" href="/images/favicon/safari-pinned-tab.svg" color="#5bbad5"> 20<meta name="msapplication-TileColor" content="#da532c"> 21<meta name="theme-color" content="#ffffff"> 22 23 <title>Blog | BVGer</title> 24 <meta name="country" content="international" /> 25<meta name="m:groups" content="default" /> 26<meta property="og:title" content="Blog | BVGer" /> 27<meta property="og:description" content="Mit dem BVGer-Blog gewährt das Gericht mit Porträts von Mitarbeitenden, Beiträgen zu aktuellen Themen in der Schweizer Rechtsprechung und Interviews mit Experten einen Blick hinter die Kulissen." /> 28<meta property="og:url" content="https://www.bvger.ch/de/publikationen/blog" /> 29<meta name="twitter:title" content="Blog | BVGer" /> 30<meta name="description" content="Mit dem BVGer-Blog gewährt das Gericht mit Porträts von Mitarbeitenden, Beiträgen zu aktuellen Themen in der Schweizer Rechtsprechung und Interviews mit Experten einen Blick hinter die Kulissen." /> 31 32 <link href="https://www.bvger.ch/blog" rel="alternate" hreflang="x-default" /> 33<link href="https://www.bvger.ch/blog" rel="alternate" hreflang="de" /> 34<link href="https://www.bvger.ch/fr/publications/blog" rel="alternate" hreflang="fr" /> 35<link href="https://www.bvger.ch/it/pubblicazioni/blog" rel="alternate" hreflang="it" /> 36<link href="https://www.bvger.ch/blog" rel="alternate" hreflang="en" /> 37 38 <link rel="stylesheet" href="/static/default/app.3dc893c1.css"> 39 40 41 <!-- Matomo Tag Manager -->
42<script type="text/javascript"> 43 var _paq = window._paq = window._paq || []; 44 /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ 45 _paq.push(['trackPageView']); 46 _paq.push(['enableLinkTracking']); 47 (function() { 48 var u="https://analytics.bit.admin.ch/"; 49 _paq.push(['setTrackerUrl', u+'matomo.php']); 50 _paq.push(['setSiteId', '71']); 51 var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 52 g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); 53 })(); 54</script>
54 55<!-- End Matomo Tag Manager --> 56 57 58 <div class="wysiwyg"> 59
59<script src="https://consent.cookiefirst.com/sites/bvger.ch-85f3977a-6725-41ec-a5fe-ab58c04f90f8/consent.js"></script>
59 60 </div> 61 62 63 64
65<script type="text/javascript"> 66 var toolboxJsFrontend = { 67 translations : { 'toolbox.goptout_already_opt_out': 'toolbox.goptout_already_opt_out', 68 'toolbox.goptout_successfully_opt_out': 'toolbox.goptout_successfully_opt_out', 69 } 70 }; 71 </script>
71 72</head> 73 74<body class="h-auto min-h-full flex flex-col bg-white"> 75 76<header 77 x-data="scroll" 78 x-ref="header" 79 x-init="$refs.header.focus()" 80 id="header" 81 class="z-50 flex items-center top-0 md:pt-6 lg:pt-0 w-full bg-white lg:bg-transparent transition-all print:hidden sticky md:mb-8" 82 :class="isScrolled ? 'scrolled -top-[5.5rem] lg:-top-24' : 'lg:top-7'" 83 @scroll.window="handleScroll"> 84 85 <div class="w-full md:container flex bg-white py-1 pt-4 md:py-8 md:pb-0 relative header-container radial-shadow"> 86 <div class="flex justify-between items-center w-full"> 87 <div class="w-1/2 md:w-auto mb-1 md:mb-0 lg:mb-8 md:absolute lg:relative top-0 left-4 lg:left-0 pl-4 md:pl-0"> 88 89<a href="/de" tabindex="-1"> 90 <img class="h-32" alt="Logo" src="/static/default/images/logo.svg"> 91</a> 92 </div> 93 <div class="w-auto md:w-full lg:w-auto h-full flex flex-col justify-between self-center md:self-end"> 94 <div class="hidden md:block"> 95 96 97 <div class="flex flex-row justify-end"> 98 <ul class="flex flex-row z-[100]"> 99 <li role="listitem" class="group relative" x-data="{ open: false }" :class="open == true ? 'active bg-grey-100' : ''" @mouseover="open = true;" @mouseout="open = false;"> 100 <a class="flex items-center align-center justify-center h-[45px] px-3 text-sm focus:bg-grey-100 focus:text-primary hover:bg-grey-100 hover:text-primary " 101 aria-label="Ãffnen Kontakt Seite" 102 href="/de/kontakt" target="_self">Kontakt</a> 103 104 </li> 105 <li role="listitem" class="group relative" x-data="{ open: false }" :class="open == true ? 'active bg-grey-100' : ''" @mouseover="open = true;" @mouseout="open = false;"> 106 <a class="flex items-center align-center justify-center h-[45px] px-3 text-sm focus:bg-grey-100 focus:text-primary hover:bg-grey-100 hover:text-primary " 107 aria-label="Ãffnen FAQ Seite" 108 href="/de/faq" target="_self">FAQ</a> 109 110 </li> 111 <li role="listitem" class="group relative" x-data="{ open: false }" :class="open == true ? 'active bg-grey-100' : ''" @mouseover="open = true;" @mouseout="open = false;"> 112 <a class="flex items-center align-center justify-center h-[45px] px-3 text-sm focus:bg-grey-100 focus:text-primary hover:bg-grey-100 hover:text-primary bg-grey-100 text-primary" 113 aria-label="Ãffnen Blog Seite" 114 href="/blog" target="_self">Blog</a> 115 116 </li> 117 <li role="listitem" class="group relative" x-data="{ open: false }" :class="open == true ? 'active bg-grey-100' : ''" @mouseover="open = true;" @mouseout="open = false;"> 118 <a class="flex items-center align-center justify-center h-[45px] px-3 text-sm focus:bg-grey-100 focus:text-primary hover:bg-grey-100 hover:text-primary " 119 aria-label="Ãffnen Medien Seite" 120 href="/de/publikationen" target="_self">Medien</a> 121 122 123 <div x-data 124 id="second-level-container-4" 125 class="w-[280px] absolute top-full invisible opacity-0 transition-all duration-150 ease-in bg-grey-100 group-hover:opacity-100 group-hover:visible" 126 :class="!viewport.rightInViewport($el) ? 'right-0' : 'left-0'"> 127 128 <ul class="flex flex-col relative p-4 pb-8" @keyup.esc="open = false"> 129 <li class="second-level-group border-b relative 130 border-blue-200 bg-grey-100 text-primary hover:text-body transition duration-300" 131 x-data="{open: false}" 132 @mouseover="open = true" @mouseleave="open = false"> 133 <a id="second-level-41" 134 href="/de/publikationen/medienmitteilungen" 135 target="_self" 136 aria-label="Ãffne Medienmitteilungen Seite" class="second-level-group-link px-3 py-2 flex items-center justify-start font-semibold text-[17px]">
137 Medienmitteilungen 138 </a> 139 </li> 140 <li class="second-level-group border-b relative 141 border-blue-200 bg-grey-100 text-primary hover:text-body transition duration-300" 142 x-data="{open: false}" 143 @mouseover="open = true" @mouseleave="open = false"> 144 <a id="second-level-42" 145 href="/de/newsletter" 146 target="_self" 147 aria-label="Ãffne Medienmitteilungen abonnieren Seite" class="second-level-group-link px-3 py-2 flex items-center justify-start font-semibold text-[17px]"> 148 Medienmitteilungen abonnieren 149 </a> 150 </li> 151 <li class="second-level-group border-b relative 152 border-blue-200 bg-grey-100 text-primary hover:text-body transition duration-300" 153 x-data="{open: false}" 154 @mouseover="open = true" @mouseleave="open = false"> 155 <a id="second-level-43" 156 href="/de/navigation/generic-nav/medien/medienanfragen" 157 target="_self" 158 aria-label="Ãffne Medienanfragen Seite" class="second-level-group-link px-3 py-2 flex items-center justify-start font-semibold text-[17px]"> 159 Medienanfragen 160 </a> 161 </li> 162 <li class="second-level-group border-b relative 163 border-blue-200 bg-grey-100 text-primary hover:text-body transition duration-300" 164 x-data="{open: false}" 165 @mouseover="open = true" @mouseleave="open = false"> 166 <a id="second-level-44" 167 href="/de/publikationen/geschaeftsbericht" 168 target="_self" 169 aria-label="Ãffne Publikationen Seite" class="second-level-group-link px-3 py-2 flex items-center justify-start font-semibold text-[17px]"> 170 Publikationen 171 </a> 172 </li> 173 <li class="second-level-group border-b relative 174 border-blue-200 bg-grey-100 text-primary hover:text-body transition duration-300" 175 x-data="{open: false}" 176 @mouseover="open = true" @mouseleave="open = false"> 177 <a id="second-level-45" 178 href="/de/publikationen/bildmaterial" 179 target="_self" 180 aria-label="Ãffne Bildmaterial Seite" class="second-level-group-link px-3 py-2 flex items-center justify-start font-semibold text-[17px]"> 181 Bildmaterial 182 </a> 183 </li> 184 <li class="second-level-group border-b relative 185 border-blue-200 bg-grey-100 text-primary hover:text-body transition duration-300" 186 x-data="{open: false}" 187 @mouseover="open = true" @mouseleave="open = false"> 188 <a id="second-level-46" 189 href="/de/navigation/generic-nav/medien/akkreditierungen" 190 target="_self" 191 aria-label="Ãffne Akkreditierungen Seite" class="second-level-group-link px-3 py-2 flex items-center justify-start font-semibold text-[17px]"> 192 Akkreditierungen 193 </a> 194 </li> 195 <li class="second-level-group border-b relative 196 border-blue-200 bg-grey-100 text-primary hover:text-body transition duration-300" 197 x-data="{open: false}" 198 @mouseover="open = true" @mouseleave="open = false"> 199 <a id="second-level-47" 200 href="https://medienportal.bvger.ch/de" 201 target="_blank" 202 aria-label="Ãffne Medienportal Seite" class="second-level-group-link px-3 py-2 flex items-center justify-start font-semibold text-[17px]">
203 Medienportal 204 </a> 205 </li> 206 </ul> 207 </div> 208 </li> 209 </ul> 210 211 212 <div class="mt-1 ml-3" x-data="{ open: false }" @mouseover.away="open = false" @keyup.esc="open = false"> 213 <div class="relative group leading-none cursor-pointer whitespace-nowrap"> 214 215 <button class="inline-block py-2 px-1.5 text-sm" @touchstart.passive="open = true" @mouseover="open = true" 216 @keyup.enter="open = true" @keyup.space="open = true" 217 aria-label="Aktuelle Sprache Deutsch"> 218 DE 219 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="ml-1 inline text-body w-3"> 220<path fill-rule="evenodd" clip-rule="evenodd" d="M-1.14441e-05 4.68788L0.68787 4L7.99877 11.3109L15.3097 4L15.9976 4.68788L7.99877 12.6867L-1.14441e-05 4.68788Z" fill="currentColor"/> 221</svg> 222 223 </button> 224 225 <div class="absolute top-0 left-0 right-0 z-[100] shadow-lg" :class="open ? 'block' : 'hidden'" x-cloak> 226 <span class="sr-only">Sprache wählen</span> 227 <ul class="overflow-hidden block py-2 px-1.5 block bg-white text-sm"> 228 <li class="mb-1.5 w-full"> 229 <a href="https://www.bvger.ch/blog" 230 class="hover:font-bold w-full block font-bold" 231 aria-label="Sprache Deutsch"> 232 DE 233 </a> 234 </li> 235 <li class="mb-1.5 w-full"> 236 <a href="https://www.bvger.ch/blog" 237 class="hover:font-bold w-full block " 238 aria-label="Sprache English"> 239 EN 240 </a> 241 </li> 242 <li class="mb-1.5 w-full"> 243 <a href="https://www.bvger.ch/fr/publications/blog" 244 class="hover:font-bold w-full block " 245 aria-label="Sprache français"> 246 FR 247 </a> 248 </li> 249 <li class="mb-1.5 w-full"> 250 <a href="https://www.bvger.ch/it/pubblicazioni/blog" 251 class="hover:font-bold w-full block " 252 aria-label="Sprache italiano"> 253 IT 254 </a> 255 </li> 256 </ul> 257 </div> 258 259 </div> 260 </div> 261
261<script src="/static/default/runtime.26597d95.js"></script>
261<script src="/static/default/306.0eaac36e.js"></script>
261<script src="/static/default/search.3635a76f.js"></script>
261 262 263 264<div x-data="search( 265 'de', 266 '{"blog":"Blogbeitr\u00e4ge","media_release":"Medienmitteilungen","document":"Inhaltsseiten","asset":"Dokumente","employee":"Personen","reference_verdict":"Referenzurteile"}' 267 )" 268 class="relative ml-2 flex items-center lg:ml-3"> 269 270 <button 271 class="relative flex h-10 w-10 items-center justify-center transition-all duration-75 ease-out z-[110]" 272 :class="isOpen ? 'scale-150 bg-white' : 'scale-100 bg-transparent'" 273 aria-label="Suchen" 274 @click="toggleOpen" 275 > 276 <span x-show="!isOpen" 277 x-transition.opacity 278 class="absolute flex h-full w-full items-center justify-center before:text-xl before:icon-search" 279 ></span> 280 <span x-cloak 281 x-show="isOpen" 282 x-transition 283 class="absolute flex h-full w-full items-center justify-center before:icon-close" 284 ></span> 285 </button> 286 287 <div x-cloak 288 x-show="isOpen" 289 x-transition.opacity 290 class="fixed inset-0 h-screen w-screen overflow-y-auto bg-grey-100 lg:bg-white z-[100] lg:overflow-y-hidden"> 291 <div class="container flex h-screen flex-col items-center pt-16 lg:pt-15" 292 @keyup.window.enter="search"> 293 <div class="bg-white lg:bg-transparent -mx-4 px-4 w-[calc(100%+2rem)] -mt-16 pt-16 lg:p-0 lg:m-0 -mx-4 sm:-mt-20 sm:pt-20 sm:-mx-28 sm:w-[calc(100%+14rem)] sm:px-28 lg:w-[calc(100%+2rem)] lg:px-4 flex flex-col items-center"> 294 <div class="flex w-full flex-shrink-0 flex-col sm:flex-row lg:w-10/12 mb-6"> 295 <div class="relative z-20 w-full"> 296 <label> 297 <input 298 x-ref="input" 299 type="search" 300 class="h-10 w-full rounded border px-4 transition duration-75 border-grey-400 text-body focus:outline-none sm:h-12" 301 @keyup.debounce.200ms="updateQuery" 302 > 303 </label> 304</div> 305 <button class="mt-3 mb-0 h-10 w-full py-0 text-sm font-semibold btn btn-primary sm:mt-0 sm:ml-2 sm:h-12 sm:w-auto lg:ml-4" 306 :disabled="query.length < 1" 307 @click="search"> 308 Suchen 309 </button> 310 <button class="mb-0 h-10 w-full px-0 py-0 text-sm text-blue-400 btn sm:ml-2 sm:h-12 sm:w-auto lg:text-md lg:ml-4" 311 @click="reset"> 312 zurücksetzen 313 </button> 314 </div> 315 316 <div class="flex w-full flex-shrink-0 lg:w-10/12" x-show="resultsTotal"> 317 <div class="sm:mb-8"> 318 <div class="-mx-4 flex h-12 w-screen justify-between bg-grey-300 sm:hidden"> 319 <button class="flex h-full items-center gap-1 px-4 before:icon-filter sm:gap-2.5" @click="toggleFilter"> 320 Filtern nach 321 </button> 322 <button class="flex h-full items-center gap-1 px-4 transition-colors duration-75 ease-out before:icon-reset sm:gap-2.5 lg:font-semibold" 323 :class="isResetDisabled ? 'text-grey-400' : 'text-primary'" 324 :disabled="isResetDisabled" 325 @click="resetFilter"> 326 Filter zurücksetzen 327 </button> 328 </div> 329 330 <ul x-show="window.screen.isSm() || isFilterOpen" 331 x-transition:enter="origin-top transition-all ease-out duration-75" 332 x-transition:enter-start="scale-y-0 opacity-50" 333 x-transition:enter-end="scale-y-100 opacity-100" 334 x-transition:leave="origin-top transition-all ease-out duration-75" 335 x-transition:leave-start="scale-y-100 opacity-100" 336 x-transition:leave-end="scale-y-0 opacity-50" 337 class="mb-4 flex flex-col flex-wrap gap-3 sm:mb-0 sm:flex-row sm:gap-4"> 338 <template x-for="[id, group] in Object.entries(results)"> 339 <li class="flex items-center"> 340 <label class="flex cursor-pointer items-center text-sm lg:text-md"> 341 <input type="checkbox" 342 x-model="group.show" 343 :id="id" 344 :name="id" 345 class="mr-3 cursor-pointer form-checkbox" 346 :value="id">
347 <span x-text="`${translations[id]} (${group.itemsTotal})`"></span> 348 </label> 349 </li> 350 </template> 351 </ul> 352 <div class="mt-6 hidden sm:block"> 353 <button class="flex items-center font-semibold transition-colors duration-75 ease-out before:icon-reset gap-2.5" 354 :class="isResetDisabled ? 'text-grey-400' : 'text-primary'" 355 :disabled="isResetDisabled" 356 @click="resetFilter"> 357 Filter zurücksetzen 358 </button> 359 </div> 360</div> </div> 361 362 363 </div> 364 365 <div x-cloak class="relative flex min-h-0 w-full flex-auto transition-opacity duration-75 ease-out"> 366 <div class="hidden lg:block absolute left-[calc(50%-50vw)] w-screen bg-grey-100 inset-y-0"> 367 <div class="container flex justify-center mt-8" x-show="noResults"> 368 Keine Ergebnisse gefunden 369 </div> 370 </div> 371 <div class="absolute inset-0 flex items-center justify-center transition-opacity duration-75 ease-out" 372 :class="isLoading ? 'visible opacity-50' : 'invisible opacity-0'"> 373 <?xml version="1.0" encoding="utf-8"?> 374<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background-image: none; display: block; shape-rendering: auto;" width="94px" height="94px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"> 375<rect x="18" y="18" width="20" height="20" fill="#027fa4"> 376 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0s" calcMode="discrete"></animate> 377</rect><rect x="40" y="18" width="20" height="20" fill="#027fa4"> 378 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.125s" calcMode="discrete"></animate> 379</rect><rect x="62" y="18" width="20" height="20" fill="#027fa4"> 380 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.25s" calcMode="discrete"></animate> 381</rect><rect x="18" y="40" width="20" height="20" fill="#027fa4"> 382 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.875s" calcMode="discrete"></animate> 383</rect><rect x="62" y="40" width="20" height="20" fill="#027fa4"> 384 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.375s" calcMode="discrete"></animate> 385</rect><rect x="18" y="62" width="20" height="20" fill="#027fa4"> 386 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.75s" calcMode="discrete"></animate> 387</rect><rect x="40" y="62" width="20" height="20" fill="#027fa4"> 388 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.625s" calcMode="discrete"></animate> 389</rect><rect x="62" y="62" width="20" height="20" fill="#027fa4"> 390 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.5s" calcMode="discrete"></animate> 391</rect> 392<!-- [ldio] generated by https://loading.io/ --></svg> 393 </div> 394 395 396 <div class="contents" :class="!resultsTotal ? 'invisible opacity-0' : 'visible opacity-100'"> 397 <div class="z-10 flex w-[calc(100%+2rem)] lg:w-full flex-col -mx-4 lg:mx-0 bg-grey-100 lg:bg-none px-2.5 lg:px-0"> 398 <div class="flex w-full justify-center"> 399 <span x-text="getResultsTranslation('Suchergebnisse')" 400 class="flex lg:w-10/12 items-center py-6 font-bold text-md bg-grey-100" 401 ></span> 402 </div> 403 404 <ul class="flex flex-grow flex-col items-center pb-12 lg:overflow-y-auto lg:mx-[calc(50%-50vw)] lg:w-screen lg:px-[calc(50vw-50%)]"> 405 406 <template x-if="results.document?.show && results.document.items.length"> 407 <li class="flex w-full flex-col items-center border-t border-blue-200 lg:w-10/12">
408 <div x-data="{ isSticky: false }" 409 class="sticky z-20 mt-8 block flex w-full justify-center py-2 top-[-1px] bg-grey-100"> 410 <span x-intersect:leave="isSticky = true" 411 x-intersect:enter="isSticky = false" 412 class="absolute -top-8 lg:hidden" 413 ></span> 414 <span class="mb-0 h3 w-full transition-transform duration-75 ease-out " 415 :class="isSticky && !window.screen.isMd() ? 'translate-x-16' : 'translate-x-0'"> 416 Inhaltsseiten 417 </span> 418</div> 419 <div class="mt-4 mb-5 w-full lg:mt-6"> 420 <template x-for="item in getVisibleItems('document')"> 421 <a class="mb-7 flex flex-col last:mb-0" :href="item.detail_url"> 422 <template x-if="item.title?.length"> 423 <span x-text="item.title" 424 class="font-bold text-md text-primary mb-1.5 block truncate" 425 ></span> 426 </template> 427 <p x-html="getHighlights(item.content)" 428 class="mb-0 line-clamp-3 text-md" 429 ></p> 430</a> </template> 431 </div> 432 433 <div class="flex w-full pb-6"> 434 <button class="flex items-center gap-2 font-semibold transition-colors duration-75 ease-out text-primary before:icon-plus disabled:text-grey-400" 435 :disabled="isLoadMoreDisabled('document')" 436 @click="results.document.page++"> 437 Mehr anzeigen 438 </button> 439 </div> 440 </li> 441 </template> 442 443 <template x-if="results.reference_verdict?.show && results.reference_verdict.items.length"> 444 <li class="flex w-full flex-col items-center border-t border-blue-200"> 445 <div x-data="{ isSticky: false }" 446 class="sticky z-20 mt-8 block flex w-full justify-center py-2 top-[-1px] bg-grey-100"> 447 <span x-intersect:leave="isSticky = true" 448 x-intersect:enter="isSticky = false" 449 class="absolute -top-8 lg:hidden" 450 ></span> 451 <span class="mb-0 h3 w-full transition-transform duration-75 ease-out " 452 :class="isSticky && !window.screen.isMd() ? 'translate-x-16' : 'translate-x-0'"> 453 Referenzurteile 454 </span> 455</div> 456 <ul x-data="{ open: -1 }" class="mt-4 mb-5 w-full lg:mt-6"> 457 <template x-for="(item, index) in getVisibleItems('reference_verdict')"> 458 <li class="mb-3 border-b-2 bg-white px-4 py-6 border-primary md:mb-6 md:px-8 md:py-10 last:mb-0"> 459 <button class="flex w-full cursor-pointer items-center justify-between" 460 @click="open = open !== index ? index : -1"> 461 <div class="flex flex-col items-start gap-2"> 462 <span x-text="item.dossier"></span> 463 <span x-text="item.title" class="mb-0 h5 text-primary"></span> 464 </div> 465 466 <span class="block text-2xl transition-transform duration-75 ease-out text-[2.5rem] before:icon-chevron-up text-primary" 467 :class="open !== index ? 'scale-y-[-1]' : 'scale-y-1'"></span> 468 </button> 469 470 <div x-show="open === index" 471 x-transition:enter="transition-transform origin-top ease-out duration-75" 472 x-transition:enter-start="scale-y-0" 473 x-transition:enter-end="scale-y-100" 474 class="w-11/12 pt-4 md:pt-8"> 475 476 <p class="mb-0 p wysiwyg" x-html="item.lead"></p> 477 478 <template x-if="item.download"> 479 <a :href="item.download" 480 x-text="item.dossier" 481 download 482 class="mt-4 before:mr-3 flex items-center text-base transition-all transition before:icon-external text-primary hover:text-black md:mt-8" 483 ></a> 484 </template> 485 </div> 486</li> </template> 487 </ul> 488 <div class="flex w-full pb-6"> 489 <button class="flex items-center gap-2 font-semibold transition-colors duration-75 ease-out text-primary before:icon-plus disabled:text-grey-400" 490 :disabled="isLoadMoreDisabled('document')" 491 @click="results.document.page++"> 492 Mehr anzeigen 493 </button> 494 </div> 495 </li> 496 </template> 497 498 <template x-if="results.media_release?.show && results.media_release.items.length"> 499 <li class="flex w-full flex-col items-center border-t border-blue-200 lg:w-10/12">
500 <div x-data="{ isSticky: false }" 501 class="sticky z-20 mt-8 block flex w-full justify-center py-2 top-[-1px] bg-grey-100"> 502 <span x-intersect:leave="isSticky = true" 503 x-intersect:enter="isSticky = false" 504 class="absolute -top-8 lg:hidden" 505 ></span> 506 <span class="mb-0 h3 w-full transition-transform duration-75 ease-out " 507 :class="isSticky && !window.screen.isMd() ? 'translate-x-16' : 'translate-x-0'"> 508 Medienmitteilungen 509 </span> 510</div> 511 <div class="mt-4 w-full lg:mt-6"> 512 <template x-for="item in getVisibleItems('media_release')"> 513 <a :href="item.detail_url" 514 class="relative mb-5 flex w-full flex-col border bg-white py-5 transition-colors duration-75 ease-out px-2.5 border-grey-200 hover:shadow-lg sm:h-52 md:flex-row lg:h-72 lg:p-8"> 515 <div class="h-48 w-full sm:h-full md:w-4/12"> 516 <template x-if="item.image"> 517 <img :src="item.image.replace(/\\\//g, '/')" 518 :alt="item.title" 519 class="w-full h-full object-cover object-center"> 520 </template> 521 </div> 522 <div class="w-full md:w-7/12 pl-5"> 523 <span x-text="$store.utility.formatDate(item.date, 'dd.MM.yyyy')" class="mb-3 block"></span> 524 <span x-text="item.title" class="mb-3 block truncate whitespace-nowrap font-normal h5 text-primary lg:mb-4"></span> 525 <p x-html="getHighlights(item.lead)" class="mb-0 sm:line-clamp-4 lg:line-clamp-5"></p> 526 </div> 527 <span class="absolute inset-y-0 right-9 hidden items-center before:icon-chevron-flat text-[2.5rem] text-primary md:flex"></span> 528 <span class="absolute bottom-0 bg-blue-400 inset-x-[-1px] h-0.5"></span> 529</a> </template> 530 </div> 531 532 <div class="flex w-full flex-col gap-2 pb-6 sm:flex-row sm:gap-4 lg:gap-12"> 533 <button class="flex items-center gap-2 font-semibold transition-colors duration-75 ease-out text-primary before:icon-plus disabled:text-grey-400" 534 :disabled="isLoadMoreDisabled('media_release')" 535 @click="results.media_release.page++"> 536 Mehr anzeigen 537 </button> 538 539 </div> 540 </li> 541 </template> 542 543 <template x-if="results.blog?.show && results.blog.items.length"> 544 <li class="flex w-full flex-col items-center border-t border-blue-200"> 545 <div x-data="{ isSticky: false }" 546 class="sticky z-20 mt-8 block flex w-full justify-center py-2 top-[-1px] bg-grey-100"> 547 <span x-intersect:leave="isSticky = true" 548 x-intersect:enter="isSticky = false" 549 class="absolute -top-8 lg:hidden" 550 ></span> 551 <span class="mb-0 h3 w-full transition-transform duration-75 ease-out lg:w-10/12" 552 :class="isSticky && !window.screen.isMd() ? 'translate-x-16' : 'translate-x-0'"> 553 Blogbeiträge 554 </span> 555</div> 556 <div class="mt-4 flex w-full flex-wrap sm:-mx-2.5 lg:mt-6"> 557 <template x-for="item in getVisibleItems('blog')"> 558 <article class="mb-5 w-full sm:px-2.5 sm:w-1/2 lg:mb-6 lg:w-1/3"> 559 <a :href="item.detail_url" 560 class="relative flex h-full w-full flex-col border-b-2 bg-white transition-all ease-out border-primary text-md hover:shadow-lg"> 561 <template x-if="item.image"> 562 <img :src="item.image.replace(/\\\//g, '/')" 563 :alt="item.title" 564 class="w-full object-cover object-center h-[12.5rem] lg:h-64"> 565 </template> 566 <div class="w-full px-3 py-4 md:px-5 md:py-6"> 567 <span x-text="`${$store.utility.formatDate(item.date, 'dd.MM.yyyy')} - ${item.author}`" 568 class="mb-3 block text-sm"></span> 569 <span x-text="item.title" 570 class="mb-3 block font-normal h4 text-primary"></span> 571 <p x-html="getHighlights(item.lead)" 572 class="mb-0 line-clamp-4 lg:line-clamp-5"></p> 573 </div> 574 </a> 575</article> </template> 576 </div> 577 578 <div class="flex w-full flex-col gap-2 pb-6 sm:flex-row sm:gap-4 lg:gap-12"> 579 <button class="flex items-center gap-2 font-semibold transition-colors duration-75 ease-out before:icon-plus text-primary disabled:text-grey-400" 580 :disabled="isLoadMoreDisabled('blog')" 581 @click="results.blog.page++"> 582 Mehr anzeigen 583 </button> 584 585 </div> 586 </li> 587 </template> 588 589 <template x-if="results.employee?.show && results.employee.items.length"> 590 <li class="flex w-full flex-col items-center border-t border-blue-200">
591 <div x-data="{ isSticky: false }" 592 class="sticky z-20 mt-8 block flex w-full justify-center py-2 top-[-1px] bg-grey-100"> 593 <span x-intersect:leave="isSticky = true" 594 x-intersect:enter="isSticky = false" 595 class="absolute -top-8 lg:hidden" 596 ></span> 597 <span class="mb-0 h3 w-full transition-transform duration-75 ease-out lg:w-10/12" 598 :class="isSticky && !window.screen.isMd() ? 'translate-x-16' : 'translate-x-0'"> 599 Personen 600 </span> 601</div> 602 <div class="mt-4 mb-5 flex w-full flex-wrap -mx-2.5 lg:mt-6"> 603 <template x-for="item in getVisibleItems('employee')"> 604 <div class="w-full px-2.5 sm:w-1/3"> 605 <a :href="item.detail_url" 606 class="relative flex h-24 w-full flex-col justify-center border-b-2 border-b border-blue-400 bg-white pr-12 pl-5 duration-75 ease-in mb-2.5 group hover:bg-blue-300 sm:mb-4 sm:h-28 sm:pr-12 sm:pl-6 lg:mb-6 lg:h-35 lg:pr-14 lg:pl-8"> 607 <span x-text="item.full_name" 608 class="font-normal text-blue-400 mb-1.5 h5 group-hover:text-white group-focus:text-white"> 609 </span> 610 <p x-text="item.academic_title" 611 class="mb-0 group-hover:text-white group-focus:text-white" 612 ></p> 613 <span class="absolute right-5 flex h-full items-center justify-center text-blue-400 text-[2.5rem] before:icon-chevron-flat group-hover:text-white group-focus:text-white"></span> 614 </a> 615</div> </template> 616 </div> 617 618 <div class="flex w-full flex-col gap-2 pb-6 sm:flex-row sm:gap-4 lg:w-10/12 lg:gap-12"> 619 <button class="flex items-center gap-2 font-semibold transition-colors duration-75 ease-out text-primary before:icon-plus disabled:text-grey-400" 620 :disabled="isLoadMoreDisabled('employee')" 621 @click="results.employee.page++"> 622 Mehr anzeigen 623 </button> 624 625 </div> 626 </li> 627 </template> 628 629 <template x-if="results.asset?.show && results.asset.items.length"> 630 <li class="flex w-full flex-col items-start border-t border-blue-200 lg:w-10/12"> 631 <div x-data="{ isSticky: false }" 632 class="sticky z-20 mt-8 block flex w-full justify-center py-2 top-[-1px] bg-grey-100"> 633 <span x-intersect:leave="isSticky = true" 634 x-intersect:enter="isSticky = false" 635 class="absolute -top-8 lg:hidden" 636 ></span> 637 <span class="mb-0 h3 w-full transition-transform duration-75 ease-out " 638 :class="isSticky && !window.screen.isMd() ? 'translate-x-16' : 'translate-x-0'"> 639 Dokumente 640 </span> 641</div> 642 <div class="mt-4 mb-5 flex w-full flex-col gap-3 lg:mt-6"> 643 <template x-for="item in getVisibleItems('asset')"> 644 <a class="flex items-start gap-3" 645 download="" 646 :href="item.detail_url"> 647 <span class="block text-xl before:icon-download text-primary"></span> 648 <div class="flex flex-col"> 649 <span x-text="item.title" 650 class="font-semibold text-primary"></span> 651 <span x-text="`${item.file_extension} ${item.file_size}`" 652 class="text-sm uppercase"></span> 653 </div> 654</a> </template> 655 </div> 656 657 <div class="flex w-full pb-6"> 658 <button class="flex items-center gap-2 font-semibold transition-colors duration-75 ease-out text-primary before:icon-plus disabled:text-grey-400" 659 :disabled="isLoadMoreDisabled('asset')" 660 @click="results.asset.page++"> 661 Mehr anzeigen 662 </button> 663 </div> 664 </li> 665 </template> 666 </ul> 667</div> </div> 668 </div> 669 670</div> 671 </div> 672</div> 673 </div> 674 </div> 675 <div class="block md:hidden" tabindex="1"> 676
677<script src="/static/default/mobileMenu.99e25fa7.js"></script>
677 678 679<div x-data="mobileMenu" 680 class="relative z-40 flex w-full justify-between"> 681 682 <div class="burger fixed right-4 z-[100] flex flex-row space-x-3 top-2.5"> 683 <div> 684 685 <div class="mt-1 ml-3" x-data="{ open: false }" @mouseover.away="open = false" @keyup.esc="open = false"> 686 <div class="relative group leading-none cursor-pointer whitespace-nowrap"> 687 688 <button class="inline-block py-2 px-1.5 text-sm" @touchstart.passive="open = true" @mouseover="open = true" 689 @keyup.enter="open = true" @keyup.space="open = true" 690 aria-label="Aktuelle Sprache Deutsch"> 691 DE 692 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="ml-1 inline text-body w-3"> 693<path fill-rule="evenodd" clip-rule="evenodd" d="M-1.14441e-05 4.68788L0.68787 4L7.99877 11.3109L15.3097 4L15.9976 4.68788L7.99877 12.6867L-1.14441e-05 4.68788Z" fill="currentColor"/> 694</svg> 695 696 </button> 697 698 <div class="absolute top-0 left-0 right-0 z-[100] shadow-lg" :class="open ? 'block' : 'hidden'" x-cloak> 699 <span class="sr-only">Sprache wählen</span> 700 <ul class="overflow-hidden block py-2 px-1.5 block bg-white text-sm"> 701 <li class="mb-1.5 w-full"> 702 <a href="https://www.bvger.ch/blog" 703 class="hover:font-bold w-full block font-bold" 704 aria-label="Sprache Deutsch"> 705 DE 706 </a> 707 </li> 708 <li class="mb-1.5 w-full"> 709 <a href="https://www.bvger.ch/blog" 710 class="hover:font-bold w-full block " 711 aria-label="Sprache English"> 712 EN 713 </a> 714 </li> 715 <li class="mb-1.5 w-full"> 716 <a href="https://www.bvger.ch/fr/publications/blog" 717 class="hover:font-bold w-full block " 718 aria-label="Sprache français"> 719 FR 720 </a> 721 </li> 722 <li class="mb-1.5 w-full"> 723 <a href="https://www.bvger.ch/it/pubblicazioni/blog" 724 class="hover:font-bold w-full block " 725 aria-label="Sprache italiano"> 726 IT 727 </a> 728 </li> 729 </ul> 730 </div> 731 732 </div> 733 </div> 734 </div> 735 <div class="flex items-center"> 736 <button class="relative z-40 ml-auto burger-button" 737 :class="isOpen && 'is-open'" 738 @click="toggle"> 739 <span></span> 740 <span></span> 741 <span></span> 742 </button> 743 </div> 744 </div> 745 746 <div x-cloak 747 x-show="isOpen" 748 x-transition:enter="transition origin-top ease-out duration-100" 749 x-transition:enter-start="opacity-0" 750 x-transition:enter-end="opacity-100" 751 class="top-0 left-0 h-full w-full bg-white" 752 :class="isOpen && 'fixed'"> 753 754 <div class="absolute top-0 left-0 flex h-14 w-14 items-center justify-center"> 755 756 757 758<div x-data="search( 759 'de', 760 '{"blog":"Blogbeitr\u00e4ge","media_release":"Medienmitteilungen","document":"Inhaltsseiten","asset":"Dokumente","employee":"Personen","reference_verdict":"Referenzurteile"}' 761 )" 762 class="relative ml-2 flex items-center lg:ml-3"> 763 764 <button 765 class="relative flex h-10 w-10 items-center justify-center transition-all duration-75 ease-out z-[110]" 766 :class="isOpen ? 'scale-150 bg-white' : 'scale-100 bg-transparent'" 767 aria-label="Suchen" 768 @click="toggleOpen" 769 >
770 <span x-show="!isOpen" 771 x-transition.opacity 772 class="absolute flex h-full w-full items-center justify-center before:text-xl before:icon-search" 773 ></span> 774 <span x-cloak 775 x-show="isOpen" 776 x-transition 777 class="absolute flex h-full w-full items-center justify-center before:icon-close" 778 ></span> 779 </button> 780 781 <div x-cloak 782 x-show="isOpen" 783 x-transition.opacity 784 class="fixed inset-0 h-screen w-screen overflow-y-auto bg-grey-100 lg:bg-white z-[100] lg:overflow-y-hidden"> 785 <div class="container flex h-screen flex-col items-center pt-16 lg:pt-15" 786 @keyup.window.enter="search"> 787 <div class="bg-white lg:bg-transparent -mx-4 px-4 w-[calc(100%+2rem)] -mt-16 pt-16 lg:p-0 lg:m-0 -mx-4 sm:-mt-20 sm:pt-20 sm:-mx-28 sm:w-[calc(100%+14rem)] sm:px-28 lg:w-[calc(100%+2rem)] lg:px-4 flex flex-col items-center"> 788 <div class="flex w-full flex-shrink-0 flex-col sm:flex-row lg:w-10/12 mb-6"> 789 <div class="relative z-20 w-full"> 790 <label> 791 <input 792 x-ref="input" 793 type="search" 794 class="h-10 w-full rounded border px-4 transition duration-75 border-grey-400 text-body focus:outline-none sm:h-12" 795 @keyup.debounce.200ms="updateQuery" 796 > 797 </label> 798</div> 799 <button class="mt-3 mb-0 h-10 w-full py-0 text-sm font-semibold btn btn-primary sm:mt-0 sm:ml-2 sm:h-12 sm:w-auto lg:ml-4" 800 :disabled="query.length < 1" 801 @click="search"> 802 Suchen 803 </button> 804 <button class="mb-0 h-10 w-full px-0 py-0 text-sm text-blue-400 btn sm:ml-2 sm:h-12 sm:w-auto lg:text-md lg:ml-4" 805 @click="reset"> 806 zurücksetzen 807 </button> 808 </div> 809 810 <div class="flex w-full flex-shrink-0 lg:w-10/12" x-show="resultsTotal"> 811 <div class="sm:mb-8"> 812 <div class="-mx-4 flex h-12 w-screen justify-between bg-grey-300 sm:hidden"> 813 <button class="flex h-full items-center gap-1 px-4 before:icon-filter sm:gap-2.5" @click="toggleFilter"> 814 Filtern nach 815 </button> 816 <button class="flex h-full items-center gap-1 px-4 transition-colors duration-75 ease-out before:icon-reset sm:gap-2.5 lg:font-semibold" 817 :class="isResetDisabled ? 'text-grey-400' : 'text-primary'" 818 :disabled="isResetDisabled" 819 @click="resetFilter"> 820 Filter zurücksetzen 821 </button> 822 </div> 823 824 <ul x-show="window.screen.isSm() || isFilterOpen" 825 x-transition:enter="origin-top transition-all ease-out duration-75" 826 x-transition:enter-start="scale-y-0 opacity-50" 827 x-transition:enter-end="scale-y-100 opacity-100" 828 x-transition:leave="origin-top transition-all ease-out duration-75" 829 x-transition:leave-start="scale-y-100 opacity-100" 830 x-transition:leave-end="scale-y-0 opacity-50" 831 class="mb-4 flex flex-col flex-wrap gap-3 sm:mb-0 sm:flex-row sm:gap-4"> 832 <template x-for="[id, group] in Object.entries(results)"> 833 <li class="flex items-center"> 834 <label class="flex cursor-pointer items-center text-sm lg:text-md"> 835 <input type="checkbox" 836 x-model="group.show" 837 :id="id" 838 :name="id" 839 class="mr-3 cursor-pointer form-checkbox" 840 :value="id"> 841 <span x-text="`${translations[id]} (${group.itemsTotal})`"></span> 842 </label> 843 </li> 844 </template> 845 </ul> 846 <div class="mt-6 hidden sm:block"> 847 <button class="flex items-center font-semibold transition-colors duration-75 ease-out before:icon-reset gap-2.5" 848 :class="isResetDisabled ? 'text-grey-400' : 'text-primary'" 849 :disabled="isResetDisabled" 850 @click="resetFilter"> 851 Filter zurücksetzen 852 </button> 853 </div> 854</div> </div> 855 856 857 </div> 858 859 <div x-cloak class="relative flex min-h-0 w-full flex-auto transition-opacity duration-75 ease-out"> 860 <div class="hidden lg:block absolute left-[calc(50%-50vw)] w-screen bg-grey-100 inset-y-0"> 861 <div class="container flex justify-center mt-8" x-show="noResults"> 862 Keine Ergebnisse gefunden 863 </div> 864 </div> 865 <div class="absolute inset-0 flex items-center justify-center transition-opacity duration-75 ease-out" 866 :class="isLoading ? 'visible opacity-50' : 'invisible opacity-0'"> 867 <?xml version="1.0" encoding="utf-8"?> 868<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background-image: none; display: block; shape-rendering: auto;" width="94px" height="94px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"> 869<rect x="18" y="18" width="20" height="20" fill="#027fa4"> 870 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;
8701" dur="1s" repeatCount="indefinite" begin="0s" calcMode="discrete"></animate> 871</rect><rect x="40" y="18" width="20" height="20" fill="#027fa4"> 872 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.125s" calcMode="discrete"></animate> 873</rect><rect x="62" y="18" width="20" height="20" fill="#027fa4"> 874 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.25s" calcMode="discrete"></animate> 875</rect><rect x="18" y="40" width="20" height="20" fill="#027fa4"> 876 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.875s" calcMode="discrete"></animate> 877</rect><rect x="62" y="40" width="20" height="20" fill="#027fa4"> 878 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.375s" calcMode="discrete"></animate> 879</rect><rect x="18" y="62" width="20" height="20" fill="#027fa4"> 880 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.75s" calcMode="discrete"></animate> 881</rect><rect x="40" y="62" width="20" height="20" fill="#027fa4"> 882 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.625s" calcMode="discrete"></animate> 883</rect><rect x="62" y="62" width="20" height="20" fill="#027fa4"> 884 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.5s" calcMode="discrete"></animate> 885</rect> 886<!-- [ldio] generated by https://loading.io/ --></svg> 887 </div> 888 889 890 <div class="contents" :class="!resultsTotal ? 'invisible opacity-0' : 'visible opacity-100'"> 891 <div class="z-10 flex w-[calc(100%+2rem)] lg:w-full flex-col -mx-4 lg:mx-0 bg-grey-100 lg:bg-none px-2.5 lg:px-0"> 892 <div class="flex w-full justify-center"> 893 <span x-text="getResultsTranslation('Suchergebnisse')" 894 class="flex lg:w-10/12 items-center py-6 font-bold text-md bg-grey-100" 895 ></span> 896 </div> 897 898 <ul class="flex flex-grow flex-col items-center pb-12 lg:overflow-y-auto lg:mx-[calc(50%-50vw)] lg:w-screen lg:px-[calc(50vw-50%)]"> 899 900 <template x-if="results.document?.show && results.document.items.length"> 901 <li class="flex w-full flex-col items-center border-t border-blue-200 lg:w-10/12"> 902 <div x-data="{ isSticky: false }" 903 class="sticky z-20 mt-8 block flex w-full justify-center py-2 top-[-1px] bg-grey-100"> 904 <span x-intersect:leave="isSticky = true" 905 x-intersect:enter="isSticky = false" 906 class="absolute -top-8 lg:hidden" 907 ></span> 908 <span class="mb-0 h3 w-full transition-transform duration-75 ease-out " 909 :class="isSticky && !window.screen.isMd() ? 'translate-x-16' : 'translate-x-0'"> 910 Inhaltsseiten 911 </span> 912</div> 913 <div class="mt-4 mb-5 w-full lg:mt-6"> 914 <template x-for="item in getVisibleItems('document')"> 915 <a class="mb-7 flex flex-col last:mb-0" :href="item.detail_url"> 916 <template x-if="item.title?.length"> 917 <span x-text="item.title" 918 class="font-bold text-md text-primary mb-1.5 block truncate" 919 ></span> 920 </template> 921 <p x-html="getHighlights(item.content)" 922 class="mb-0 line-clamp-3 text-md" 923 ></p> 924</a> </template> 925 </div> 926 927 <div class="flex w-full pb-6"> 928 <button class="flex items-center gap-2 font-semibold transition-colors duration-75 ease-out text-primary before:icon-plus disabled:text-grey-400" 929 :disabled="isLoadMoreDisabled('document')" 930 @click="results.document.page++"> 931 Mehr anzeigen 932 </button> 933 </div> 934 </li> 935 </template> 936 937 <template x-if="results.reference_verdict?.show && results.reference_verdict.items.length"> 938 <li class="flex w-full flex-col items-center border-t border-blue-200">
939 <div x-data="{ isSticky: false }" 940 class="sticky z-20 mt-8 block flex w-full justify-center py-2 top-[-1px] bg-grey-100"> 941 <span x-intersect:leave="isSticky = true" 942 x-intersect:enter="isSticky = false" 943 class="absolute -top-8 lg:hidden" 944 ></span> 945 <span class="mb-0 h3 w-full transition-transform duration-75 ease-out " 946 :class="isSticky && !window.screen.isMd() ? 'translate-x-16' : 'translate-x-0'"> 947 Referenzurteile 948 </span> 949</div> 950 <ul x-data="{ open: -1 }" class="mt-4 mb-5 w-full lg:mt-6"> 951 <template x-for="(item, index) in getVisibleItems('reference_verdict')"> 952 <li class="mb-3 border-b-2 bg-white px-4 py-6 border-primary md:mb-6 md:px-8 md:py-10 last:mb-0"> 953 <button class="flex w-full cursor-pointer items-center justify-between" 954 @click="open = open !== index ? index : -1"> 955 <div class="flex flex-col items-start gap-2"> 956 <span x-text="item.dossier"></span> 957 <span x-text="item.title" class="mb-0 h5 text-primary"></span> 958 </div> 959 960 <span class="block text-2xl transition-transform duration-75 ease-out text-[2.5rem] before:icon-chevron-up text-primary" 961 :class="open !== index ? 'scale-y-[-1]' : 'scale-y-1'"></span> 962 </button> 963 964 <div x-show="open === index" 965 x-transition:enter="transition-transform origin-top ease-out duration-75" 966 x-transition:enter-start="scale-y-0" 967 x-transition:enter-end="scale-y-100" 968 class="w-11/12 pt-4 md:pt-8"> 969 970 <p class="mb-0 p wysiwyg" x-html="item.lead"></p> 971 972 <template x-if="item.download"> 973 <a :href="item.download" 974 x-text="item.dossier" 975 download 976 class="mt-4 before:mr-3 flex items-center text-base transition-all transition before:icon-external text-primary hover:text-black md:mt-8" 977 ></a> 978 </template> 979 </div> 980</li> </template> 981 </ul> 982 <div class="flex w-full pb-6"> 983 <button class="flex items-center gap-2 font-semibold transition-colors duration-75 ease-out text-primary before:icon-plus disabled:text-grey-400" 984 :disabled="isLoadMoreDisabled('document')" 985 @click="results.document.page++"> 986 Mehr anzeigen 987 </button> 988 </div> 989 </li> 990 </template> 991 992 <template x-if="results.media_release?.show && results.media_release.items.length"> 993 <li class="flex w-full flex-col items-center border-t border-blue-200 lg:w-10/12"> 994 <div x-data="{ isSticky: false }" 995 class="sticky z-20 mt-8 block flex w-full justify-center py-2 top-[-1px] bg-grey-100"> 996 <span x-intersect:leave="isSticky = true" 997 x-intersect:enter="isSticky = false" 998 class="absolute -top-8 lg:hidden" 999 ></span> 1000 <span class="mb-0 h3 w-full transition-transform duration-75 ease-out " 1001 :class="isSticky && !window.screen.isMd() ? 'translate-x-16' : 'translate-x-0'"> 1002 Medienmitteilungen 1003 </span> 1004</div> 1005 <div class="mt-4 w-full lg:mt-6"> 1006 <template x-for="item in getVisibleItems('media_release')"> 1007 <a :href="item.detail_url" 1008 class="relative mb-5 flex w-full flex-col border bg-white py-5 transition-colors duration-75 ease-out px-2.5 border-grey-200 hover:shadow-lg sm:h-52 md:flex-row lg:h-72 lg:p-8"> 1009 <div class="h-48 w-full sm:h-full md:w-4/12"> 1010 <template x-if="item.image"> 1011 <img :src="item.image.replace(/\\\//g, '/')" 1012 :alt="item.title" 1013 class="w-full h-full object-cover object-center"> 1014 </template> 1015 </div> 1016 <div class="w-full md:w-7/12 pl-5"> 1017 <span x-text="$store.utility.formatDate(item.date, 'dd.MM.yyyy')" class="mb-3 block"></span> 1018 <span x-text="item.title" class="mb-3 block truncate whitespace-nowrap font-normal h5 text-primary lg:mb-4"></span> 1019 <p x-html="getHighlights(item.lead)" class="mb-0 sm:line-clamp-4 lg:line-clamp-5"></p> 1020 </div> 1021 <span class="absolute inset-y-0 right-9 hidden items-center before:icon-chevron-flat text-[2.5rem] text-primary md:flex"></span> 1022 <span class="absolute bottom-0 bg-blue-400 inset-x-[-1px] h-0.5"></span> 1023</a> </template> 1024 </div> 1025 1026 <div class="flex w-full flex-col gap-2 pb-6 sm:flex-row sm:gap-4 lg:gap-12"> 1027 <button class="flex items-center gap-2 font-semibold transition-colors duration-75 ease-out text-primary before:icon-plus disabled:text-grey-400" 1028 :disabled="isLoadMoreDisabled('media_release')" 1029 @click="results.media_release.page++"> 1030 Mehr anzeigen 1031 </button> 1032 1033 </div> 1034 </li> 1035 </template> 1036 1037 <template x-if="results.blog?.show && results.blog.items.length"> 1038 <li class="flex w-full flex-col items-center border-t border-blue-200">
1039 <div x-data="{ isSticky: false }" 1040 class="sticky z-20 mt-8 block flex w-full justify-center py-2 top-[-1px] bg-grey-100"> 1041 <span x-intersect:leave="isSticky = true" 1042 x-intersect:enter="isSticky = false" 1043 class="absolute -top-8 lg:hidden" 1044 ></span> 1045 <span class="mb-0 h3 w-full transition-transform duration-75 ease-out lg:w-10/12" 1046 :class="isSticky && !window.screen.isMd() ? 'translate-x-16' : 'translate-x-0'"> 1047 Blogbeiträge 1048 </span> 1049</div> 1050 <div class="mt-4 flex w-full flex-wrap sm:-mx-2.5 lg:mt-6"> 1051 <template x-for="item in getVisibleItems('blog')"> 1052 <article class="mb-5 w-full sm:px-2.5 sm:w-1/2 lg:mb-6 lg:w-1/3"> 1053 <a :href="item.detail_url" 1054 class="relative flex h-full w-full flex-col border-b-2 bg-white transition-all ease-out border-primary text-md hover:shadow-lg"> 1055 <template x-if="item.image"> 1056 <img :src="item.image.replace(/\\\//g, '/')" 1057 :alt="item.title" 1058 class="w-full object-cover object-center h-[12.5rem] lg:h-64"> 1059 </template> 1060 <div class="w-full px-3 py-4 md:px-5 md:py-6"> 1061 <span x-text="`${$store.utility.formatDate(item.date, 'dd.MM.yyyy')} - ${item.author}`" 1062 class="mb-3 block text-sm"></span> 1063 <span x-text="item.title" 1064 class="mb-3 block font-normal h4 text-primary"></span> 1065 <p x-html="getHighlights(item.lead)" 1066 class="mb-0 line-clamp-4 lg:line-clamp-5"></p> 1067 </div> 1068 </a> 1069</article> </template> 1070 </div> 1071 1072 <div class="flex w-full flex-col gap-2 pb-6 sm:flex-row sm:gap-4 lg:gap-12"> 1073 <button class="flex items-center gap-2 font-semibold transition-colors duration-75 ease-out before:icon-plus text-primary disabled:text-grey-400" 1074 :disabled="isLoadMoreDisabled('blog')" 1075 @click="results.blog.page++"> 1076 Mehr anzeigen 1077 </button> 1078 1079 </div> 1080 </li> 1081 </template> 1082 1083 <template x-if="results.employee?.show && results.employee.items.length"> 1084 <li class="flex w-full flex-col items-center border-t border-blue-200"> 1085 <div x-data="{ isSticky: false }" 1086 class="sticky z-20 mt-8 block flex w-full justify-center py-2 top-[-1px] bg-grey-100"> 1087 <span x-intersect:leave="isSticky = true" 1088 x-intersect:enter="isSticky = false" 1089 class="absolute -top-8 lg:hidden" 1090 ></span> 1091 <span class="mb-0 h3 w-full transition-transform duration-75 ease-out lg:w-10/12" 1092 :class="isSticky && !window.screen.isMd() ? 'translate-x-16' : 'translate-x-0'"> 1093 Personen 1094 </span> 1095</div> 1096 <div class="mt-4 mb-5 flex w-full flex-wrap -mx-2.5 lg:mt-6"> 1097 <template x-for="item in getVisibleItems('employee')"> 1098 <div class="w-full px-2.5 sm:w-1/3"> 1099 <a :href="item.detail_url" 1100 class="relative flex h-24 w-full flex-col justify-center border-b-2 border-b border-blue-400 bg-white pr-12 pl-5 duration-75 ease-in mb-2.5 group hover:bg-blue-300 sm:mb-4 sm:h-28 sm:pr-12 sm:pl-6 lg:mb-6 lg:h-35 lg:pr-14 lg:pl-8"> 1101 <span x-text="item.full_name" 1102 class="font-normal text-blue-400 mb-1.5 h5 group-hover:text-white group-focus:text-white"> 1103 </span> 1104 <p x-text="item.academic_title" 1105 class="mb-0 group-hover:text-white group-focus:text-white" 1106 ></p> 1107 <span class="absolute right-5 flex h-full items-center justify-center text-blue-400 text-[2.5rem] before:icon-chevron-flat group-hover:text-white group-focus:text-white"></span> 1108 </a> 1109</div> </template> 1110 </div> 1111 1112 <div class="flex w-full flex-col gap-2 pb-6 sm:flex-row sm:gap-4 lg:w-10/12 lg:gap-12"> 1113 <button class="flex items-center gap-2 font-semibold transition-colors duration-75 ease-out text-primary before:icon-plus disabled:text-grey-400" 1114 :disabled="isLoadMoreDisabled('employee')" 1115 @click="results.employee.page++"> 1116 Mehr anzeigen 1117 </button> 1118 1119 </div> 1120 </li> 1121 </template> 1122 1123 <template x-if="results.asset?.show && results.asset.items.length"> 1124 <li class="flex w-full flex-col items-start border-t border-blue-200 lg:w-10/12">
1125 <div x-data="{ isSticky: false }" 1126 class="sticky z-20 mt-8 block flex w-full justify-center py-2 top-[-1px] bg-grey-100"> 1127 <span x-intersect:leave="isSticky = true" 1128 x-intersect:enter="isSticky = false" 1129 class="absolute -top-8 lg:hidden" 1130 ></span> 1131 <span class="mb-0 h3 w-full transition-transform duration-75 ease-out " 1132 :class="isSticky && !window.screen.isMd() ? 'translate-x-16' : 'translate-x-0'"> 1133 Dokumente 1134 </span> 1135</div> 1136 <div class="mt-4 mb-5 flex w-full flex-col gap-3 lg:mt-6"> 1137 <template x-for="item in getVisibleItems('asset')"> 1138 <a class="flex items-start gap-3" 1139 download="" 1140 :href="item.detail_url"> 1141 <span class="block text-xl before:icon-download text-primary"></span> 1142 <div class="flex flex-col"> 1143 <span x-text="item.title" 1144 class="font-semibold text-primary"></span> 1145 <span x-text="`${item.file_extension} ${item.file_size}`" 1146 class="text-sm uppercase"></span> 1147 </div> 1148</a> </template> 1149 </div> 1150 1151 <div class="flex w-full pb-6"> 1152 <button class="flex items-center gap-2 font-semibold transition-colors duration-75 ease-out text-primary before:icon-plus disabled:text-grey-400" 1153 :disabled="isLoadMoreDisabled('asset')" 1154 @click="results.asset.page++"> 1155 Mehr anzeigen 1156 </button> 1157 </div> 1158 </li> 1159 </template> 1160 </ul> 1161</div> </div> 1162 </div> 1163 1164</div> 1165 </div> 1166</div> 1167 </div> 1168 1169 <!-- First level --> 1170 <div class="mt-14 h-[calc(100vh-160px)] overflow-y-scroll"> 1171 <nav> 1172 <ul> 1173 1174 <li class="relative" role="listitem"> 1175 <div class="flex justify-between bg-grey-100 border-b border-blue-200 "> 1176 <a href="/de/das-gericht" 1177 target="_self" 1178 class="flex-grow flex items-center px-4 my-3 text-primary border-primary font-medium text-base"> 1179 Das Gericht 1180 </a> 1181 1182 <button class="flex items-center justify-center ease-in border-l border-blue-200 px-5 my-3" 1183 @click="togglePrimary(1)"> 1184 <div class="transition transition-transform duration-300" 1185 :class="{ 'scale-y-[-1]' : primaryOpen !== 1 }"> 1186 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-primary w-4"> 1187<path fill-rule="evenodd" clip-rule="evenodd" d="M16 11.9989L15.312 12.6868L8 5.37586L0.687953 12.6868L0 11.9989L8 4.0001L16 11.9989Z" fill="currentColor"/> 1188</svg> 1189 1190 </div> 1191 </button> 1192 1193 </div> 1194 1195 <!-- Second level --> 1196 <ul x-show="primaryOpen === 1" 1197 x-transition:enter="transition-transform origin-top ease-out" 1198 x-transition:enter-start="scale-y-0" 1199 x-transition:enter-end="scale-y-100" 1200 class="mx-auto max-w-screen-lg bg-grey-100"> 1201 1202 1203 <li> 1204 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1205 <a href="/de/das-gericht/unsere-aufgaben" 1206 target="_self" 1207 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1208 Unsere Aufgaben 1209 </a> 1210 1211 <button class="flex items-center justify-center ease-in border-l border-blue-200 px-5 my-3" 1212 @click="toggleSecondary(1)"> 1213 <div class="transition transition-transform duration-300" 1214 :class="{ 'scale-y-[-1]' : secondaryOpen !== 1 }"> 1215 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1215ox="0 0 16 16" fill="none" class="w-4"> 1216<path fill-rule="evenodd" clip-rule="evenodd" d="M16 11.9989L15.312 12.6868L8 5.37586L0.687953 12.6868L0 11.9989L8 4.0001L16 11.9989Z" fill="currentColor"/> 1217</svg> 1218 1219 </div> 1220 </button> 1221 </div> 1222 1223 <!-- Third level --> 1224 <ul x-show="secondaryOpen === 1" 1225 x-transition:enter="transition-transform origin-top ease-out" 1226 x-transition:enter-start="scale-y-0" 1227 x-transition:enter-end="scale-y-100"> 1228 1229 <li class="pl-4 text-base"> 1230 <a href="/de/das-gericht/unsere-aufgaben/die-rechtsprechung" 1231 target="_self" 1232 class="my-3 flex w-full items-center px-4 font-normal border-primary text-primary"> 1233 Die Rechtsprechung 1234 </a> 1235 </li> 1236 <li class="pl-4 text-base"> 1237 <a href="/de/das-gericht/unsere-aufgaben/aufsicht" 1238 target="_self" 1239 class="my-3 flex w-full items-center px-4 font-normal border-primary text-primary"> 1240 Aufsicht 1241 </a> 1242 </li> 1243 </ul> 1244 1245 </li> 1246 1247 <li> 1248 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1249 <a href="/de/das-gericht/organisation" 1250 target="_self" 1251 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1252 Organisation 1253 </a> 1254 1255 <button class="flex items-center justify-center ease-in border-l border-blue-200 px-5 my-3" 1256 @click="toggleSecondary(2)"> 1257 <div class="transition transition-transform duration-300" 1258 :class="{ 'scale-y-[-1]' : secondaryOpen !== 2 }"> 1259 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="w-4"> 1260<path fill-rule="evenodd" clip-rule="evenodd" d="M16 11.9989L15.312 12.6868L8 5.37586L0.687953 12.6868L0 11.9989L8 4.0001L16 11.9989Z" fill="currentColor"/> 1261</svg> 1262 1263 </div> 1264 </button> 1265 </div> 1266 1267 <!-- Third level --> 1268 <ul x-show="secondaryOpen === 2" 1269 x-transition:enter="transition-transform origin-top ease-out" 1270 x-transition:enter-start="scale-y-0" 1271 x-transition:enter-end="scale-y-100"> 1272 1273 <li class="pl-4 text-base"> 1274 <a href="/de/das-gericht/organisation/praesidium" 1275 target="_self" 1276 class="my-3 flex w-full items-center px-4 font-normal border-primary text-primary"> 1277 Präsidium 1278 </a> 1279 </li> 1280 <li class="pl-4 text-base"> 1281 <a href="/de/das-gericht/organisation/leitungsorgane" 1282 target="_self" 1283 class="my-3 flex w-full items-center px-4 font-normal border-primary text-primary"> 1284 Leitungsorgane 1285 </a> 1286 </li> 1287 <li class="pl-4 text-base"> 1288 <a href="/de/das-gericht/organisation/abteilungen" 1289 target="_self" 1290 class="my-3 flex w-full items-center px-4 font-normal border-primary text-primary"> 1291 Abteilungen 1292 </a> 1293 </li> 1294 <li class="pl-4 text-base"> 1295 <a href="/de/das-gericht/organisation/generalsekretariat" 1296 target="_self" 1297 class="my-3 flex w-full items-center px-4 font-normal border-primary text-primary"> 1298 Generalsekretariat 1299 </a> 1300 </li> 1301 </ul> 1302 1303 </li> 1304 1305 <li> 1306 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1307 <a href="/de/das-gericht/geschichte" 1308 target="_self" 1309 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1310 Geschichte 1311 </a> 1312 1313 </div> 1314 1315 <!-- Third level --> 1316 </li> 1317 1318 <li> 1319 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1320 <a href="/de/das-gericht/ethikcharta" 1321 target="_self" 1322 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary">
1323 Ethikcharta 1324 </a> 1325 1326 </div> 1327 1328 <!-- Third level --> 1329 </li> 1330 1331 <li> 1332 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1333 <a href="/de/das-gericht/mitarbeitende" 1334 target="_self" 1335 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1336 Richter/innen und Mitarbeitende 1337 </a> 1338 1339 </div> 1340 1341 <!-- Third level --> 1342 </li> 1343 1344 <li> 1345 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1346 <a href="/de/das-gericht/beschaffungen" 1347 target="_self" 1348 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1349 Beschaffungen 1350 </a> 1351 1352 </div> 1353 1354 <!-- Third level --> 1355 </li> 1356 1357 <li> 1358 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1359 <a href="/de/das-gericht/fuehrungen" 1360 target="_self" 1361 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1362 Führungen 1363 </a> 1364 1365 <button class="flex items-center justify-center ease-in border-l border-blue-200 px-5 my-3" 1366 @click="toggleSecondary(7)"> 1367 <div class="transition transition-transform duration-300" 1368 :class="{ 'scale-y-[-1]' : secondaryOpen !== 7 }"> 1369 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="w-4"> 1370<path fill-rule="evenodd" clip-rule="evenodd" d="M16 11.9989L15.312 12.6868L8 5.37586L0.687953 12.6868L0 11.9989L8 4.0001L16 11.9989Z" fill="currentColor"/> 1371</svg> 1372 1373 </div> 1374 </button> 1375 </div> 1376 1377 <!-- Third level --> 1378 <ul x-show="secondaryOpen === 7" 1379 x-transition:enter="transition-transform origin-top ease-out" 1380 x-transition:enter-start="scale-y-0" 1381 x-transition:enter-end="scale-y-100"> 1382 1383 <li class="pl-4 text-base"> 1384 <a href="/de/das-gericht/fuehrungen/fuehrungen-gruppen" 1385 target="_self" 1386 class="my-3 flex w-full items-center px-4 font-normal border-primary text-primary"> 1387 Führungen für Gruppen 1388 </a> 1389 </li> 1390 <li class="pl-4 text-base"> 1391 <a href="/fuehrung" 1392 target="_self" 1393 class="my-3 flex w-full items-center px-4 font-normal border-primary text-primary"> 1394 Ãffentliche Führungen 1395 </a> 1396 </li> 1397 </ul> 1398 1399 </li> 1400 </ul> 1401 1402 </li> 1403 1404 1405 <li class="relative" role="listitem"> 1406 <div class="flex justify-between bg-grey-100 border-b border-blue-200 "> 1407 <a href="/de/rechtsprechung" 1408 target="_self" 1409 class="flex-grow flex items-center px-4 my-3 text-primary border-primary font-medium text-base"> 1410 Rechtsprechung 1411 </a> 1412 1413 <button class="flex items-center justify-center ease-in border-l border-blue-200 px-5 my-3" 1414 @click="togglePrimary(2)"> 1415 <div class="transition transition-transform duration-300" 1416 :class="{ 'scale-y-[-1]' : primaryOpen !== 2 }"> 1417 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1417ox="0 0 16 16" fill="none" class="text-primary w-4"> 1418<path fill-rule="evenodd" clip-rule="evenodd" d="M16 11.9989L15.312 12.6868L8 5.37586L0.687953 12.6868L0 11.9989L8 4.0001L16 11.9989Z" fill="currentColor"/> 1419</svg> 1420 1421 </div> 1422 </button> 1423 1424 </div> 1425 1426 <!-- Second level --> 1427 <ul x-show="primaryOpen === 2" 1428 x-transition:enter="transition-transform origin-top ease-out" 1429 x-transition:enter-start="scale-y-0" 1430 x-transition:enter-end="scale-y-100" 1431 class="mx-auto max-w-screen-lg bg-grey-100"> 1432 1433 1434 <li> 1435 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1436 <a href="/de/rechtsprechung/entscheiddatenbank" 1437 target="_self" 1438 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1439 Entscheiddatenbank 1440 </a> 1441 1442 </div> 1443 1444 <!-- Third level --> 1445 </li> 1446 1447 <li> 1448 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1449 <a href="/de/rechtsprechung/veroeffentlichungspraxis" 1450 target="_self" 1451 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1452 Veröffentlichungspraxis 1453 </a> 1454 1455 </div> 1456 1457 <!-- Third level --> 1458 </li> 1459 1460 <li> 1461 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1462 <a href="/de/rechtsprechung/amtliche-entscheidsammlungen-bvge-" 1463 target="_self" 1464 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1465 Amtliche Entscheidsammlungen (BVGE) 1466 </a> 1467 1468 </div> 1469 1470 <!-- Third level --> 1471 </li> 1472 1473 <li> 1474 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1475 <a href="/de/rechtsprechung/referenzurteile" 1476 target="_self" 1477 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1478 Referenzurteile 1479 </a> 1480 1481 </div> 1482 1483 <!-- Third level --> 1484 </li> 1485 1486 <li> 1487 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1488 <a href="/de/rechtsprechung/verfahren" 1489 target="_self" 1490 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary">
1491 Verfahren am BVGer 1492 </a> 1493 1494 </div> 1495 1496 <!-- Third level --> 1497 </li> 1498 1499 <li> 1500 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1501 <a href="/de/rechtsprechung/elektronische-eingabe-von-parteien" 1502 target="_self" 1503 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1504 Elektronische Eingabe von Parteien 1505 </a> 1506 1507 </div> 1508 1509 <!-- Third level --> 1510 </li> 1511 1512 <li> 1513 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1514 <a href="/de/rechtsprechung/oeffentliche-sitzungen" 1515 target="_self" 1516 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1517 Ãffentliche Sitzungen 1518 </a> 1519 1520 </div> 1521 1522 <!-- Third level --> 1523 </li> 1524 1525 <li> 1526 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1527 <a href="/de/rechtsprechung/spruchkoerperbildung" 1528 target="_self" 1529 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1530 Spruchkörperbildung 1531 </a> 1532 1533 </div> 1534 1535 <!-- Third level --> 1536 </li> 1537 </ul> 1538 1539 </li> 1540 1541 1542 <li class="relative" role="listitem"> 1543 <div class="flex justify-between bg-grey-100 border-b border-blue-200 bg-primary"> 1544 <a href="/de/publikationen" 1545 target="_self" 1546 class="flex-grow flex items-center px-4 my-3 text-white border-white font-medium text-base"> 1547 Publikationen 1548 </a> 1549 1550 <button class="flex items-center justify-center ease-in border-l border-blue-200 px-5 my-3" 1551 @click="togglePrimary(3)"> 1552 <div class="transition transition-transform duration-300" 1553 :class="{ 'scale-y-[-1]' : primaryOpen !== 3 }"> 1554 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1554ox="0 0 16 16" fill="none" class="text-white w-4"> 1555<path fill-rule="evenodd" clip-rule="evenodd" d="M16 11.9989L15.312 12.6868L8 5.37586L0.687953 12.6868L0 11.9989L8 4.0001L16 11.9989Z" fill="currentColor"/> 1556</svg> 1557 </div> 1558 </button> 1559 1560 </div> 1561 1562 <!-- Second level --> 1563 <ul x-show="primaryOpen === 3" 1564 x-transition:enter="transition-transform origin-top ease-out" 1565 x-transition:enter-start="scale-y-0" 1566 x-transition:enter-end="scale-y-100" 1567 class="mx-auto max-w-screen-lg bg-grey-100"> 1568 1569 1570 <li> 1571 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1572 <a href="/de/publikationen/medienmitteilungen" 1573 target="_self" 1574 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1575 Medienmitteilungen 1576 </a> 1577 1578 </div> 1579 1580 <!-- Third level --> 1581 </li> 1582 1583 <li> 1584 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1585 <a href="/blog" 1586 target="_self" 1587 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1588 Blog 1589 </a> 1590 1591 </div> 1592 1593 <!-- Third level --> 1594 </li> 1595 1596 <li> 1597 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1598 <a href="/de/publikationen/geschaeftsbericht" 1599 target="_self" 1600 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1601 Geschäftsberichte und Broschüren 1602 </a> 1603 1604 </div> 1605 1606 <!-- Third level --> 1607 </li> 1608 1609 <li> 1610 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1611 <a href="/de/publikationen/bildmaterial" 1612 target="_self" 1613 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1614 Bildmaterial 1615 </a> 1616 1617 </div> 1618 1619 <!-- Third level --> 1620 </li> 1621 </ul> 1622 1623 </li> 1624 1625 1626 <li class="relative" role="listitem"> 1627 <div class="flex justify-between bg-grey-100 border-b border-blue-200 "> 1628 <a href="/de/arbeiten-am-gericht" 1629 target="_self" 1630 class="flex-grow flex items-center px-4 my-3 text-primary border-primary font-medium text-base"> 1631 Arbeiten am Gericht 1632 </a> 1633 1634 <button class="flex items-center justify-center ease-in border-l border-blue-200 px-5 my-3" 1635 @click="togglePrimary(4)"> 1636 <div class="transition transition-transform duration-300" 1637 :class="{ 'scale-y-[-1]' : primaryOpen !== 4 }"> 1638 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1638ox="0 0 16 16" fill="none" class="text-primary w-4"> 1639<path fill-rule="evenodd" clip-rule="evenodd" d="M16 11.9989L15.312 12.6868L8 5.37586L0.687953 12.6868L0 11.9989L8 4.0001L16 11.9989Z" fill="currentColor"/> 1640</svg> 1641 1642 </div> 1643 </button> 1644 1645 </div> 1646 1647 <!-- Second level --> 1648 <ul x-show="primaryOpen === 4" 1649 x-transition:enter="transition-transform origin-top ease-out" 1650 x-transition:enter-start="scale-y-0" 1651 x-transition:enter-end="scale-y-100" 1652 class="mx-auto max-w-screen-lg bg-grey-100"> 1653 1654 1655 <li> 1656 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1657 <a href="/de/arbeiten-am-gericht/arbeitgeber-bvger" 1658 target="_self" 1659 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1660 Arbeitgeber BVGer 1661 </a> 1662 1663 </div> 1664 1665 <!-- Third level --> 1666 </li> 1667 1668 <li> 1669 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1670 <a href="/de/arbeiten-am-gericht/berufe" 1671 target="_self" 1672 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1673 Berufe am BVGer 1674 </a> 1675 1676 </div> 1677 1678 <!-- Third level --> 1679 </li> 1680 1681 <li> 1682 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1683 <a href="/de/arbeiten-am-gericht/offene-stellen" 1684 target="_self" 1685 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1686 Offene Stellen 1687 </a> 1688 1689 </div> 1690 1691 <!-- Third level --> 1692 </li> 1693 1694 <li> 1695 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1696 <a href="/praktikum" 1697 target="_self" 1698 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1699 Praktikum 1700 </a> 1701 1702 </div> 1703 1704 <!-- Third level --> 1705 </li> 1706 1707 <li> 1708 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1709 <a href="/de/arbeiten-am-gericht/lehrstellen" 1710 target="_self" 1711 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1712 Lehrstellen 1713 </a> 1714 1715 </div> 1716 1717 <!-- Third level --> 1718 </li> 1719 </ul> 1720 1721 </li> 1722 1723 </ul> 1724 </nav> 1725 1726 <div class="mt-2"> 1727 1728 <nav> 1729 <ul class="flex flex-col"> 1730 <li role="listitem"> 1731 <div class="flex flex-row gap-3"> 1732 <a href="/de/kontakt" 1733 target="_self" 1734 class="flex-grow flex items-center px-4 py-3 font-normal text-base text-primary "> 1735 Kontakt 1736 </a> 1737 </div> 1738 </li> 1739 <li role="listitem"> 1740 <div class="flex flex-row gap-3"> 1741 <a href="/de/faq" 1742 target="_self" 1743 class="flex-grow flex items-center px-4 py-3 font-normal text-base text-primary "> 1744 FAQ 1745 </a> 1746 </div> 1747 </li> 1748 <li role="listitem"> 1749 <div class="flex flex-row gap-3"> 1750 <a href="/blog" 1751 target="_self" 1752 class="flex-grow flex items-center px-4 py-3 font-normal text-base text-primary text-primary"> 1753 Blog 1754 </a> 1755 </div> 1756 </li> 1757 <li role="listitem"> 1758 <div class="flex flex-row gap-3"> 1759 <a href="/de/publikationen" 1760 target="_self" 1761 class="flex-grow flex items-center px-4 py-3 font-normal text-base text-primary ">
1762 Medien 1763 </a> 1764 <button class="flex items-center justify-center ease-in px-5" 1765 @click="primaryOpen = null; toggleSecondary('sub4')"> 1766 <div class="transition transition-transform duration-300" 1767 :class="{ 'scale-y-[-1]' : secondaryOpen !== 'sub4' }"> 1768 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-primary w-4"> 1769<path fill-rule="evenodd" clip-rule="evenodd" d="M16 11.9989L15.312 12.6868L8 5.37586L0.687953 12.6868L0 11.9989L8 4.0001L16 11.9989Z" fill="currentColor"/> 1770</svg> 1771 1772 </div> 1773 </button> 1774 </div> 1775 <ul x-show="secondaryOpen === 'sub4'" class="ml-4 mb-4"> 1776 <li> 1777 <a href="/de/publikationen/medienmitteilungen" 1778 target="_self" 1779 class="flex-grow flex items-center px-4 py-1.5 font-normal text-base text-primary "> 1780 Medienmitteilungen 1781 </a> 1782 </li> 1783 <li> 1784 <a href="/de/newsletter" 1785 target="_self" 1786 class="flex-grow flex items-center px-4 py-1.5 font-normal text-base text-primary "> 1787 Medienmitteilungen abonnieren 1788 </a> 1789 </li> 1790 <li> 1791 <a href="/de/navigation/generic-nav/medien/medienanfragen" 1792 target="_self" 1793 class="flex-grow flex items-center px-4 py-1.5 font-normal text-base text-primary "> 1794 Medienanfragen 1795 </a> 1796 </li> 1797 <li> 1798 <a href="/de/publikationen/geschaeftsbericht" 1799 target="_self" 1800 class="flex-grow flex items-center px-4 py-1.5 font-normal text-base text-primary "> 1801 Publikationen 1802 </a> 1803 </li> 1804 <li> 1805 <a href="/de/publikationen/bildmaterial" 1806 target="_self" 1807 class="flex-grow flex items-center px-4 py-1.5 font-normal text-base text-primary "> 1808 Bildmaterial 1809 </a> 1810 </li> 1811 <li> 1812 <a href="/de/navigation/generic-nav/medien/akkreditierungen" 1813 target="_self" 1814 class="flex-grow flex items-center px-4 py-1.5 font-normal text-base text-primary "> 1815 Akkreditierungen 1816 </a> 1817 </li> 1818 <li> 1819 <a href="https://medienportal.bvger.ch/de" 1820 target="_blank" 1821 class="flex-grow flex items-center px-4 py-1.5 font-normal text-base text-primary "> 1822 Medienportal 1823 </a> 1824 </li> 1825 </ul> 1826 </li> 1827 </ul> 1828 </nav> 1829 1830 1831 </div> 1832 <div class="fixed bottom-0 left-0 flex w-full items-center h-[70px] bg-primary inverted"> 1833 <div class="container flex flex-row align-center"> 1834 <div class="mr-4 flex items-center text-blue-200"> 1835 Folgen Sie uns 1836 </div> 1837 <div class="text-blue-200"> 1838 1839 <div class="w-full max-w-screen-sm md:max-w-screen-md flex-shrink-0 h-14 flex items-center space-x-2 px-2.5"> 1840 1841 1842 <a href="https://www.instagram.com/bvger_schweiz/" class="text-blue-200 hover:text-white transition-colors" target="_blank"> 1843 <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="none" viewBox="0 0 26 26" class="h-6">
1844 <path fill="currentColor" fill-rule="evenodd" d="M20.89 6.483a1.372 1.372 0 11-2.745 0 1.372 1.372 0 012.744 0zm-8.233 10.976a4.116 4.116 0 110-8.232 4.116 4.116 0 010 8.232zm0-10.29a6.174 6.174 0 100 12.348 6.174 6.174 0 000-12.348zm.367-4.086c3.23 0 3.616.017 4.892.072 1.18.056 1.82.251 2.246.419a3.985 3.985 0 012.298 2.298c.165.426.363 1.067.416 2.248.058 1.278.071 1.662.071 4.896s-.015 3.619-.075 4.896c-.061 1.18-.258 1.822-.424 2.248a3.844 3.844 0 01-.907 1.395c-.391.4-.867.71-1.392.904-.424.166-1.074.364-2.254.417-1.285.058-1.664.071-4.901.071-3.24 0-3.618-.015-4.902-.075-1.18-.061-1.831-.258-2.255-.425a3.748 3.748 0 01-1.39-.907 3.678 3.678 0 01-.909-1.393c-.166-.424-.362-1.075-.423-2.256-.046-1.272-.062-1.665-.062-4.89 0-3.226.016-3.62.062-4.907.061-1.18.257-1.83.423-2.255.212-.575.484-.969.908-1.394.423-.423.817-.695 1.391-.906.424-.168 1.06-.365 2.24-.425 1.286-.046 1.665-.061 4.901-.061l.046.03zM13 .995c-3.261 0-3.669.015-4.949.072-1.278.06-2.149.261-2.914.558A5.878 5.878 0 003.01 3.01a5.857 5.857 0 00-1.385 2.127c-.297.765-.499 1.636-.558 2.914-.06 1.28-.072 1.688-.072 4.95 0 3.26.015 3.668.072 4.948.06 1.278.261 2.15.558 2.914a6.135 6.135 0 003.512 3.512c.766.296 1.637.5 2.914.558 1.28.06 1.688.072 4.95.072 3.26 0 3.668-.015 4.948-.072 1.278-.06 2.15-.262 2.914-.558a6.135 6.135 0 003.512-3.512c.296-.765.5-1.636.558-2.914.06-1.28.072-1.688.072-4.949s-.015-3.669-.072-4.949c-.06-1.277-.262-2.15-.558-2.914A5.892 5.892
18440 0022.99 3.01a5.85 5.85 0 00-2.127-1.385c-.765-.297-1.636-.499-2.914-.558-1.28-.06-1.688-.072-4.949-.072z" clip-rule="evenodd"/> 1845</svg> 1846 1847 </a> 1848 1849 1850 <a href="https://www.linkedin.com/company/bundesverwaltungsgericht---tribunal-administratif-f%C3%A9d%C3%A9ral" class="text-blue-200 hover:text-white transition-colors" target="_blank"> 1851 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" class="h-6"> 1852 <path fill="currentColor" fill-rule="evenodd" d="M5.465 7.997v15.435H.32V7.997h5.146zm.328-4.766c.01.758-.252 1.392-.788 1.9-.535.51-1.24.763-2.113.763h-.031c-.853 0-1.539-.254-2.059-.763-.52-.508-.78-1.142-.78-1.9 0-.768.268-1.404.804-1.908C1.36.82 2.06.568 2.923.568s1.555.252 2.075.755c.52.504.785 1.14.795 1.908zm18.185 11.354v8.847h-5.131v-8.255c0-1.09-.21-1.944-.632-2.562-.42-.618-1.078-.927-1.973-.927-.655 0-1.203.18-1.645.538-.438.352-.779.81-.99 1.331-.115.312-.172.732-.172 1.262v8.613H8.304c.02-4.143.031-7.502.031-10.077s-.005-4.112-.016-4.61l-.015-.748h5.131v2.243h-.031c.19-.307.403-.6.64-.872.268-.296.563-.567.88-.81.406-.31.866-.54 1.357-.678a6.189 6.189 0 011.786-.241c1.778 0 3.208.59 4.29 1.768 1.08 1.179 1.621 2.905 1.62 5.178z" clip-rule="evenodd"/> 1853</svg> 1854 1855 </a> 1856 1857 1858 <a href="https://twitter.com/BVGer_Schweiz" class="text-blue-200 hover:text-white transition-colors" target="_blank"> 1859 <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 26 24" class="h-6"> 1860 <path d="m1.059 1 9.266 12.39L1 23.463h2.099l8.163-8.82 6.596 8.82H25l-9.787-13.087L23.892 1h-2.099l-7.518 8.122L8.2 1H1.06Zm3.086 1.546h3.28l14.488 19.371h-3.28L4.145 2.546Z"/> 1861</svg> 1862 1863 </a> 1864 1865 1866 <a href="https://www.youtube.com/channel/UCpvjQCdEzYLzzWgE8GHtAnA" class="text-blue-200 hover:text-white transition-colors" target="_blank"> 1867 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" class="h-6"> 1868 <path fill="currentColor" fill-rule="evenodd" d="M21.386 4.072c-1.865-.506-9.368-.506-9.368-.506s-7.484-.011-9.367.506A3.015 3.015 0 00.569 6.177a31.897 31.897 0 00-.52 5.858c-.007 1.957.168 3.91.52 5.835a3.014 3.014 0 002.081 2.107c1.863.507 9.368.507 9.368.507s7.483 0 9.368-.507a3.015 3.015 0 002.081-2.107c.345-1.926.512-3.879.499-5.835a31.881 31.881 0 00-.499-5.858 3.015 3.015 0 00-2.081-2.105zM9.382 15.234V8.232l6.418 3.505-6.418 3.495z" clip-rule="evenodd"/> 1869</svg> 1870 1871 </a> 1872 </div> 1873 1874 </div> 1875 </div> 1876 </div> 1877 1878 </div> 1879 </div> 1880</div> 1881 </div> 1882 <div class="hidden md:block content-right"> 1883 1884<div class="flex justify-between my-auto w-full md:justify-end"> 1885 <nav class="flex items-center max-w-screen-lg" aria-label="Main menu"> 1886 <ul class="flex h-full -mr-4 z-50"> 1887 1888 1889 <li x-data="{ open: false }" 1890 class="flex items-end lg:items-center last:pr-0 h-full text-lg h-[74px] hover:bg-grey-100 group" 1891 :class="open && 'active bg-grey-100'"> 1892 <a href="/de/das-gericht" target="_self" 1893 @keyup.enter.prevent="open = ! open" @keyup.space="open = ! open" 1894 @keyup.esc="open = false" 1895 role="link" 1896 aria-label="Ãffne Das Gericht Untermenü" 1897 class="px-5 flex items-center font-semibold text-[15px] lg:text-md -translate-y-3 group-focus:text-primary group-focus:bg-grey-100 focus:text-primary focus:bg-grey-100 group-hover:text-primary group-hover:bg-grey-100 h-full "> 1898 Das Gericht 1899 </a> 1900 1901 <!-- Second level --> 1902 <div x-cloak class="main-megamenu absolute inset-x-0 py-12 pr-12 top-full z-20 w-full transition-all duration-150 ease-in bg-grey-100 group-hover:opacity-100 group-hover:visible" 1903 :class="open ? 'visible opacity-100' : 'invisible opacity-0'"> 1904 <ul class="container columns-4 mx-auto" @keyup.esc="open = false"> 1905 1906 <li class="px-3 border-b border-blue-200 space-x-4 break-inside-avoid-column "> 1907 <a href="/de/das-gericht/unsere-aufgaben" target="_self" 1908 aria-label="Ãffnen Unsere Aufgaben Seite" 1909 class="flex items-center w-full h-12 text-base font-bold text-primary hover:text-body" role="link"> 1910 Unsere Aufgaben 1911 </a> 1912 1913 <!-- Third level --> 1914 <ul class="my-2"> 1915 <li class="text-base"> 1916 <a href="/de/das-gericht/unsere-aufgaben/die-rechtsprechung" target="_self" 1917 aria-label="Ãffnen Die Rechtsprechung Seite" 1918 class="flex items-center w-full h-8 text-primary hover:text-body text-sm lg:text-[16
1918px]"> 1919 Die Rechtsprechung 1920 </a> 1921 </li> 1922 <li class="text-base"> 1923 <a href="/de/das-gericht/unsere-aufgaben/aufsicht" target="_self" 1924 aria-label="Ãffnen Aufsicht Seite" 1925 class="flex items-center w-full h-8 text-primary hover:text-body text-sm lg:text-[16px]"> 1926 Aufsicht 1927 </a> 1928 </li> 1929 </ul> 1930 1931 </li> 1932 1933 <li class="px-3 border-b border-blue-200 space-x-4 break-inside-avoid-column "> 1934 <a href="/de/das-gericht/organisation" target="_self" 1935 aria-label="Ãffnen Organisation Seite" 1936 class="flex items-center w-full h-12 text-base font-bold text-primary hover:text-body" role="link"> 1937 Organisation 1938 </a> 1939 1940 <!-- Third level --> 1941 <ul class="my-2"> 1942 <li class="text-base"> 1943 <a href="/de/das-gericht/organisation/praesidium" target="_self" 1944 aria-label="Ãffnen Präsidium Seite" 1945 class="flex items-center w-full h-8 text-primary hover:text-body text-sm lg:text-[16px]"> 1946 Präsidium 1947 </a> 1948 </li> 1949 <li class="text-base"> 1950 <a href="/de/das-gericht/organisation/leitungsorgane" target="_self" 1951 aria-label="Ãffnen Leitungsorgane Seite" 1952 class="flex items-center w-full h-8 text-primary hover:text-body text-sm lg:text-[16px]"> 1953 Leitungsorgane 1954 </a> 1955 </li> 1956 <li class="text-base"> 1957 <a href="/de/das-gericht/organisation/abteilungen" target="_self" 1958 aria-label="Ãffnen Abteilungen Seite" 1959 class="flex items-center w-full h-8 text-primary hover:text-body text-sm lg:text-[16px]"> 1960 Abteilungen 1961 </a> 1962 </li> 1963 <li class="text-base"> 1964 <a href="/de/das-gericht/organisation/generalsekretariat" target="_self" 1965 aria-label="Ãffnen Generalsekretariat Seite" 1966 class="flex items-center w-full h-8 text-primary hover:text-body text-sm lg:text-[16px]"> 1967 Generalsekretariat 1968 </a> 1969 </li> 1970 </ul> 1971 1972 </li> 1973 1974 <li class="px-3 border-b border-blue-200 space-x-4 break-inside-avoid-column "> 1975 <a href="/de/das-gericht/geschichte" target="_self" 1976 aria-label="Ãffnen Geschichte Seite" 1977 class="flex items-center w-full h-12 text-base font-bold text-primary hover:text-body" role="link"> 1978 Geschichte 1979 </a> 1980 1981 <!-- Third level --> 1982 1983 </li> 1984 1985 <li class="px-3 border-b border-blue-200 space-x-4 break-inside-avoid-column "> 1986 <a href="/de/das-gericht/ethikcharta" target="_self" 1987 aria-label="Ãffnen Ethikcharta Seite" 1988 class="flex items-center w-full h-12 text-base font-bold text-primary hover:text-body" role="link">
1989 Ethikcharta 1990 </a> 1991 1992 <!-- Third level --> 1993 1994 </li> 1995 1996 <li class="px-3 border-b border-blue-200 space-x-4 break-inside-avoid-column "> 1997 <a href="/de/das-gericht/mitarbeitende" target="_self" 1998 aria-label="Ãffnen Richter/innen und Mitarbeitende Seite" 1999 class="flex items-center w-full h-12 text-base font-bold text-primary hover:text-body" role="link"> 2000 Richter/innen und Mitarbeitende 2001 </a> 2002 2003 <!-- Third level --> 2004 2005 </li> 2006 2007 <li class="px-3 border-b border-blue-200 space-x-4 break-inside-avoid-column "> 2008 <a href="/de/das-gericht/beschaffungen" target="_self" 2009 aria-label="Ãffnen Beschaffungen Seite" 2010 class="flex items-center w-full h-12 text-base font-bold text-primary hover:text-body" role="link"> 2011 Beschaffungen 2012 </a> 2013 2014 <!-- Third level --> 2015 2016 </li> 2017 2018 <li class="px-3 border-b border-blue-200 space-x-4 break-inside-avoid-column "> 2019 <a href="/de/das-gericht/fuehrungen" target="_self" 2020 aria-label="Ãffnen Führungen Seite" 2021 class="flex items-center w-full h-12 text-base font-bold text-primary hover:text-body" role="link"> 2022 Führungen 2023 </a> 2024 2025 <!-- Third level --> 2026 <ul class="my-2"> 2027 <li class="text-base"> 2028 <a href="/de/das-gericht/fuehrungen/fuehrungen-gruppen" target="_self" 2029 aria-label="Ãffnen Führungen für Gruppen Seite" 2030 class="flex items-center w-full h-8 text-primary hover:text-body text-sm lg:text-[16px]"> 2031 Führungen für Gruppen 2032 </a> 2033 </li> 2034 <li class="text-base"> 2035 <a href="/fuehrung" target="_self" 2036 aria-label="Ãffnen Ãffentliche Führungen Seite" 2037 class="flex items-center w-full h-8 text-primary hover:text-body text-sm lg:text-[16px]"> 2038 Ãffentliche Führungen 2039 </a> 2040 </li> 2041 </ul> 2042 2043 </li> 2044 </ul> 2045 </div> 2046 </li> 2047 2048 <li x-data="{ open: false }" 2049 class="flex items-end lg:items-center last:pr-0 h-full text-lg h-[74px] hover:bg-grey-100 relative group" 2050 :class="open && 'active bg-grey-100'"> 2051 <a href="/de/rechtsprechung" target="_self" 2052 @keyup.enter.prevent="open = ! open" @keyup.space="open = ! open" 2053 @keyup.esc="open = false" 2054 role="link" 2055 aria-label="Ãffne Rechtsprechung Untermenü" 2056 class="px-5 flex items-center font-semibold text-[15px] lg:text-md -translate-y-3 group-focus:text-primary group-focus:bg-grey-100 focus:text-primary focus:bg-grey-100 group-hover:text-primary group-hover:bg-grey-100 h-full "> 2057 Rechtsprechung 2058 </a> 2059 2060 <!-- Second level --> 2061 2062 <div x-data 2063 id="second-level-container-2" 2064 class="w-[280px] absolute top-full invisible z-20 opacity-0 transition-all duration-150 ease-in bg-grey-100 group-hover:opacity-100 group-hover:visible" 2065 :class="{'right-0' : !viewport.rightInViewport($el)}"> 2066 2067 <ul class="flex flex-col relative p-4 pb-12" @keyup.esc="open = false"> 2068 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2069 x-data="{open: false}" 2070 @mouseover="open = true" @mouseleave="open = false"> 2071 <a id="second-level-21" 2072 href="/de/rechtsprechung/entscheiddatenbank" 2073 target="_self" 2074 aria-label="Ãffnen Entscheiddatenbank Seite" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2075 2076 Entscheiddatenbank 2077 2078 </a> 2079 </li> 2080 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2081 x-data="{open: false}" 2082 @mouseover="open = true" @mouseleave="open = false"> 2083 <a id="second-level-22" 2084 href="/de/rechtsprechung/veroeffentlichungspraxis" 2085 target="_self" 2086 aria-label="Ãffnen Veröffentlichungspraxis Seite" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2087 2088 Veröffentlichungspraxis 2089 2090 </a> 2091 </li> 2092 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2093 x-data="{open: false}" 2094 @mouseover="open = true" @mouseleave="open = false"> 2095 <a id="second-level-23" 2096 href="/de/rechtsprechung/amtliche-entscheidsammlungen-bvge-" 2097 target="_self" 2098 aria-label="Ãffnen Amtliche Entscheidsammlungen (BVGE) Seite" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2099 2100 Amtliche Entscheidsammlungen (BVGE) 2101 2102 </a> 2103 </li> 2104 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2105 x-data="{open: false}" 2106 @mouseover="open = true" @mouseleave="open = false"> 2107 <a id="second-level-24" 2108 href="/de/rechtsprechung/referenzurteile" 2109 target="_self" 2110 aria-label="Ãffnen Referenzurteile Seite" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2111 2112 Referenzurteile 2113 2114 </a> 2115 </li> 2116 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2117 x-data="{open: false}" 2118 @mouseover="open = true" @mouseleave="open = false"> 2119 <a id="second-level-25" 2120 href="/de/rechtsprechung/verfahren" 2121 target="_self" 2122 aria-label="Ãffnen Verfahren am BVGer Seite" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2123
2124 Verfahren am BVGer 2125 2126 </a> 2127 </li> 2128 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2129 x-data="{open: false}" 2130 @mouseover="open = true" @mouseleave="open = false"> 2131 <a id="second-level-26" 2132 href="/de/rechtsprechung/elektronische-eingabe-von-parteien" 2133 target="_self" 2134 aria-label="Ãffnen Elektronische Eingabe von Parteien Seite" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2135 2136 Elektronische Eingabe von Parteien 2137 2138 </a> 2139 </li> 2140 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2141 x-data="{open: false}" 2142 @mouseover="open = true" @mouseleave="open = false"> 2143 <a id="second-level-27" 2144 href="/de/rechtsprechung/oeffentliche-sitzungen" 2145 target="_self" 2146 aria-label="Ãffnen Ãffentliche Sitzungen Seite" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2147 2148 Ãffentliche Sitzungen 2149 2150 </a> 2151 </li> 2152 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2153 x-data="{open: false}" 2154 @mouseover="open = true" @mouseleave="open = false"> 2155 <a id="second-level-28" 2156 href="/de/rechtsprechung/spruchkoerperbildung" 2157 target="_self" 2158 aria-label="Ãffnen Spruchkörperbildung Seite" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2159 2160 Spruchkörperbildung 2161 2162 </a> 2163 </li> 2164 </ul> 2165 </div> 2166 </li> 2167 2168 <li x-data="{ open: false }" 2169 class="flex items-end lg:items-center last:pr-0 h-full text-lg h-[74px] hover:bg-grey-100 relative group" 2170 :class="open && 'active bg-grey-100'"> 2171 <a href="/de/publikationen" target="_self" 2172 @keyup.enter.prevent="open = ! open" @keyup.space="open = ! open" 2173 @keyup.esc="open = false" 2174 role="link" 2175 aria-label="Ãffne Publikationen Untermenü" 2176 class="px-5 flex items-center font-semibold text-[15px] lg:text-md -translate-y-3 group-focus:text-primary group-focus:bg-grey-100 focus:text-primary focus:bg-grey-100 group-hover:text-primary group-hover:bg-grey-100 h-full text-primary font-medium"> 2177 Publikationen 2178 </a> 2179 2180 <!-- Second level --> 2181 2182 <div x-data 2183 id="second-level-container-3" 2184 class="w-[280px] absolute top-full invisible z-20 opacity-0 transition-all duration-150 ease-in bg-grey-100 group-hover:opacity-100 group-hover:visible" 2185 :class="{'right-0' : !viewport.rightInViewport($el)}"> 2186 2187 <ul class="flex flex-col relative p-4 pb-12" @keyup.esc="open = false"> 2188 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2189 x-data="{open: false}" 2190 @mouseover="open = true" @mouseleave="open = false"> 2191 <a id="second-level-31" 2192 href="/de/publikationen/medienmitteilungen" 2193 target="_self" 2194 aria-label="Ãffnen Medienmitteilungen Seite" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2195
2196 Medienmitteilungen 2197 2198 </a> 2199 </li> 2200 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2201 x-data="{open: false}" 2202 @mouseover="open = true" @mouseleave="open = false"> 2203 <a id="second-level-32" 2204 href="/blog" 2205 target="_self" 2206 aria-label="Ãffnen Blog Seite" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2207 2208 Blog 2209 2210 </a> 2211 </li> 2212 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2213 x-data="{open: false}" 2214 @mouseover="open = true" @mouseleave="open = false"> 2215 <a id="second-level-33" 2216 href="/de/publikationen/geschaeftsbericht" 2217 target="_self" 2218 aria-label="Ãffnen Geschäftsberichte und Broschüren Seite" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2219 2220 Geschäftsberichte und Broschüren 2221 2222 </a> 2223 </li> 2224 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2225 x-data="{open: false}" 2226 @mouseover="open = true" @mouseleave="open = false"> 2227 <a id="second-level-34" 2228 href="/de/publikationen/bildmaterial" 2229 target="_self" 2230 aria-label="Ãffnen Bildmaterial Seite" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2231 2232 Bildmaterial 2233 2234 </a> 2235 </li> 2236 </ul> 2237 </div> 2238 </li> 2239 2240 <li x-data="{ open: false }" 2241 class="flex items-end lg:items-center last:pr-0 h-full text-lg h-[74px] hover:bg-grey-100 relative group" 2242 :class="open && 'active bg-grey-100'"> 2243 <a href="/de/arbeiten-am-gericht" target="_self" 2244 @keyup.enter.prevent="open = ! open" @keyup.space="open = ! open" 2245 @keyup.esc="open = false" 2246 role="link" 2247 aria-label="Ãffne Arbeiten am Gericht Untermenü" 2248 class="px-5 flex items-center font-semibold text-[15px] lg:text-md -translate-y-3 group-focus:text-primary group-focus:bg-grey-100 focus:text-primary focus:bg-grey-100 group-hover:text-primary group-hover:bg-grey-100 h-full "> 2249 Arbeiten am Gericht 2250 </a> 2251 2252 <!-- Second level --> 2253 2254 <div x-data 2255 id="second-level-container-4" 2256 class="w-[280px] absolute top-full invisible z-20 opacity-0 transition-all duration-150 ease-in bg-grey-100 group-hover:opacity-100 group-hover:visible" 2257 :class="{'right-0' : !viewport.rightInViewport($el)}"> 2258 2259 <ul class="flex flex-col relative p-4 pb-12" @keyup.esc="open = false"> 2260 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2261 x-data="{open: false}" 2262 @mouseover="open = true" @mouseleave="open = false"> 2263 <a id="second-level-41" 2264 href="/de/arbeiten-am-gericht/arbeitgeber-bvger" 2265 target="_self" 2266 aria-label="Ãffnen Arbeitgeber BVGer Seite" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2267 2268 Arbeitgeber BVGer 2269 2270 </a> 2271 </li> 2272 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2273 x-data="{open: false}" 2274 @mouseover="open = true" @mouseleave="open = false"> 2275 <a id="second-level-42" 2276 href="/de/arbeiten-am-gericht/berufe" 2277 target="_self" 2278 aria-label="Ãffnen Berufe am BVGer Seite" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2279 2280 Berufe am BVGer 2281 2282 </a> 2283 </li> 2284 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2285 x-data="{open: false}" 2286 @mouseover="open = true" @mouseleave="open = false"> 2287 <a id="second-level-43" 2288 href="/de/arbeiten-am-gericht/offene-stellen" 2289 target="_self" 2290 aria-label="Ãffnen Offene Stellen Seite" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2291 2292 Offene Stellen 2293 2294 </a> 2295 </li> 2296 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2297 x-data="{open: false}" 2298 @mouseover="open = true" @mouseleave="open = false"> 2299 <a id="second-level-44" 2300 href="/praktikum" 2301 target="_self" 2302 aria-label="Ãffnen Praktikum Seite" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2303 2304 Praktikum 2305 2306 </a> 2307 </li> 2308 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2309 x-data="{open: false}" 2310 @mouseover="open = true" @mouseleave="open = false"> 2311 <a id="second-level-45" 2312 href="/de/arbeiten-am-gericht/lehrstellen" 2313 target="_self" 2314 aria-label="Ãffnen Lehrstellen Seite" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2315 2316 Lehrstellen 2317 2318 </a> 2319 </li> 2320 </ul> 2321 </div> 2322 </li> 2323 2324 </ul> 2325 </nav> 2326</div> 2327 </div> 2328 </div> 2329 </div> 2330 </div> 2331 2332</header> 2333 2334 2335 2336 2337 2338 2339 2340<nav class="md:mb-8 lg:mb-16 hidden md:block print:hidden"> 2341 <ul class="container my-8" aria-label="Pfadnavigation"> 2342 <li class="inline" role="listitem"> 2343 <a class="hover:text-blue-300 transition text-body text-body" 2344 href="/de">Home</a> 2345 </li> 2346 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" class="inline w-3 mb-1 mx-1.5">
2347 <path fill="currentColor" fill-rule="evenodd" d="M5.976 23.984l-.96-1.03L15.212 12 5.017 1.047l.959-1.03L17.129 12 5.976 23.984z" clip-rule="evenodd"/> 2348</svg> 2349 2350 <li class="inline" role="listitem"> 2351 <a class="hover:text-blue-300 transition text-body text-body" 2352 href="/de/publikationen">Publikationen</a> 2353 </li> 2354 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" class="inline w-3 mb-1 mx-1.5"> 2355 <path fill="currentColor" fill-rule="evenodd" d="M5.976 23.984l-.96-1.03L15.212 12 5.017 1.047l.959-1.03L17.129 12 5.976 23.984z" clip-rule="evenodd"/> 2356</svg> 2357 2358 <li class="inline" role="listitem"> 2359 <span class="text-blue-300 cursor-default">Blog</span> 2360 </li> 2361 </ul> 2362</nav> 2363 2364<main class="flex-grow mt-16 sm:mt-0"> 2365 2366 2367
2367<script src="/static/default/dataApi.74135dd0.js"></script>
2367 2368 2369 <div x-data="dataApi('/de/api/json/blog/list', '/de/api/json/blog/search', 6)"> 2370 2371 <div class="container" x-data="{ activeFilter: 'all'}"> 2372 <div class="wysiwyg w-full sm:w-full lg:w-10/12 lg:ml-1/12 mb-4 md:mb-16"> 2373 <h1 class="mb-6 md:mb-10">Blog</h1> 2374 <div class="flex flex-col justify-between mb-4 md:mb-8 w-full"> 2375 <div class="form-row search-form w-full"> 2376 <div class="sm:flex sm:flex-row sm:items-center w-full"> 2377 <label class="block mb-4 sm:mb-0 w-auto md:w-1/12 form-label mr-8" for="search">Suchen</label> 2378 <div class="w-full mb-4 sm:mb-0 relative after:icon-search after:text-2xl after:absolute after:right-3 after:top-3"> 2379 <input type="text" class="w-full text-md search" id="search" name="search" required="required" x-model="searchPhrase" @keyup.enter="searchItems({searchPhrase: searchPhrase}); activeFilter = '';"> 2380 </div> 2381 <button class="w-full mb-4 sm:mb-0 btn btn-primary sm:ml-4 sm:w-auto md:w-2/12" @click="searchItems({searchPhrase: searchPhrase}); activeFilter = '';">Los!</button> 2382 <span class="w-full text-center block hover:cursor-pointer text-primary hover:text-body sm:ml-4 sm:ml-4 sm:w-auto md:w-2/12" @click="searchPhrase = ''">Zurücksetzen</span> 2383 </div> 2384 </div> 2385 <div class="sm:flex sm:flex-row"> 2386 <button @click="getItems(); activeFilter = 'all'; searchPhrase = ''" class="btn btn-filter" :class="activeFilter == 'all' ? 'active' : ''" aria-label="Alle">Alle</button> 2387 <button @click="getItems({filter: '44'}); activeFilter = '44'; searchPhrase = ''" class="btn btn-filter" :class="activeFilter == '44' ? 'active' : ''" aria-label="Open Gerichtsbetrieb filter">Gerichtsbetrieb</button> 2388 <button @click="getItems({filter: '45'}); activeFilter = '45'; searchPhrase = ''" class="btn btn-filter" :class="activeFilter == '45' ? 'active' : ''" aria-label="Open Porträt filter">Porträt</button> 2389 <button @click="getItems({filter: '46'}); activeFilter = '46'; searchPhrase = ''" class="btn btn-filter" :class="activeFilter == '46' ? 'active' : ''" aria-label="Open Rechtsprechung filter">Rechtsprechung</button> 2390 <button @click="getItems({filter: '101'}); activeFilter = '101'; searchPhrase = ''" class="btn btn-filter" :class="activeFilter == '101' ? 'active' : ''" aria-label="Open Digitalisierung filter">Digitalisierung</button> 2391 </div> 2392 </div> 2393 </div> 2394 </div> 2395 2396 <div class="bg-grey-100 py-4 md:py-16" x-data="{ page: 1, showItems: 6 }"> 2397 <div class="container"> 2398 <div class="w-full sm:w-full lg:w-10/12 lg:ml-1/12 relative"> 2399 <div class="absolute inset-0" :class="loading ? 'block' : 'hidden'"> 2400 <div class="w-full justify-center"><?xml version="1.0" encoding="utf-8"?> 2401<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background-image: none; display: block; shape-rendering: auto;" width="94px" height="94px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"> 2402<rect x="18" y="18" width="20" height="20" fill="#027fa4"> 2403 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0s" calcMode="discrete"></animate> 2404</rect><rect x="40" y="18" width="20" height="20" fill="#027fa4"> 2405 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.125s" calcMode="discrete"></animate> 2406</rect><rect x="62" y="18" width="20" height="20" fill="#027fa4"> 2407 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;
24071" dur="1s" repeatCount="indefinite" begin="0.25s" calcMode="discrete"></animate> 2408</rect><rect x="18" y="40" width="20" height="20" fill="#027fa4"> 2409 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.875s" calcMode="discrete"></animate> 2410</rect><rect x="62" y="40" width="20" height="20" fill="#027fa4"> 2411 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.375s" calcMode="discrete"></animate> 2412</rect><rect x="18" y="62" width="20" height="20" fill="#027fa4"> 2413 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.75s" calcMode="discrete"></animate> 2414</rect><rect x="40" y="62" width="20" height="20" fill="#027fa4"> 2415 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.625s" calcMode="discrete"></animate> 2416</rect><rect x="62" y="62" width="20" height="20" fill="#027fa4"> 2417 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.5s" calcMode="discrete"></animate> 2418</rect> 2419<!-- [ldio] generated by https://loading.io/ --></svg></div> 2420 </div> 2421 <template x-if="items.length > 0 && !loading"> 2422 <div class="sm:gap-component sm:grid sm:grid-cols-2 lg:grid-cols-3 sm:gap-4 transition transition-all" :class="loading || items.length < 0 ? 'opacity-0 invisible' : 'opacity-100 visible'"> 2423 <template x-for="(item, index) in items"> 2424 <article class="block w-full mb-6 md:mb-8 border-b-2 border-primary bg-white hover:shadow-lg transition transition-all text-md" x-show="index < showItems"> 2425 <a :href="item.detailUrl" class="relative w-full flex flex-col focus-visible:outline-4 focus-visible:bg-primary focus-visible:inverted" aria-label=""> 2426 <div class="w-full" x-show="item.image"> 2427 <img :src="item.image" :alt="item.title" class="h-full w-full object-cover" /> 2428 </div> 2429 <div class="w-full px-2 md:px-4 py-4 md:py-8"> 2430 <div class="mb-2 text-sm"><span x-text="$store.utility.formatDate(item.date, 'dd.MM.yyyy')"></span><span x-text="item.author ? ` - ${item.author}` : null"></span></div> 2431 <h2 class="h4 text-primary font-light mb-2" x-html="item.title"></h2> 2432 <p x-html="item.lead"></p> 2433 </div> 2434 </a> 2435 </article> 2436 </template> 2437 </div> 2438 </template> 2439 <template x-if="items.length < 1 && !loading"> 2440 <p class="h3">Keine Ergebnisse</p> 2441 </template> 2442 2443 <div x-show="showMoreButton()" class="w-full flex justify-center"> 2444 <div class="w-full text-center sm:w-auto btn btn-primary" @click="showItems = showItems + (page*entriesPerPage) " aria-label="Show more entries">Mehr</div> 2445 </div> 2446 2447 </div> 2448 </div> 2449 </div> 2450 2451 </div> 2452 2453 2454 2455 <div x-data="{ scrollTrigger: true }" class="print:hidden pt-4 pb-8 lg:pt-8 lg:pb-16 bg-grey-100" id="scroll-top"> 2456 <div class="container hover:cursor-pointer" @click="window.scrollTo({top: 0, behavior: 'smooth'})"> 2457 <button class=" 2458 before:icon-arrow-up before:mr-4 text-primary font-normal hover:text-black 2459 transition transition-all md:flex hover:text-primary p-0 m-0 h-12 2460 bottom-0 flex-row items-center" 2461 :class="scrollTrigger === true ? '-right-8 opacity-1' : '-right-24 opacity-0'">zum Seitenanfang</button> 2462 </div> 2463 </div> 2464 2465 2466</main> 2467 2468 2469 2470 2471 2472<footer class="bg-blue-500 inverted py-10 md:py-12"> 2473 <div> 2474 <div class="container"> 2475 2476 <div class="mb-6 print:hidden"> 2477 <a href="/de" tabindex="-1"> 2478 <img class="max-w-full h-[50px] sm:h-[50px] lg:h-[70px]" alt="Logo" 2479 src="/static/default/images/logo-small-white.svg"> 2480 </a> 2481 </div> 2482 2483 <div class="flex flex-wrap justify-between"> 2484 2485 <div class="w-full sm:w-8/12 mb-8 md:mb-0"> 2486 2487 <div class="wysiwyg print:break-inside-avoid"> 2488 <p><strong>
2488Bundesverwaltungsgericht</strong><br /> 2489Postfach<br /> 24909023 St. Gallen<br /> 2491T <a href="tel:+41584652626"><span style="color:#ffffff">+41 (0)58 465 26 26</span></a><br /> 2492F <a href="tel:+41 (0)58 465 29 80"><span style="color:#ffffff">+41 (0)58 465 29 80</span></a></p> 2493 2494 </div> 2495 2496 </div> 2497 2498 <div class="w-full sm:w-4/12"> 2499 2500 <div class="font-bold text-[17px] mb-2 print:hidden"> 2501 Folgen Sie uns: 2502 </div> 2503 <div class="text-white print:hidden"> 2504 <div class="flex flex-wrap space-x-3 items-center"> 2505 2506 2507 2508 <a href="https://www.instagram.com/bvger_schweiz/" class="p-1 md:hover:text-blue-300 transition" target="_self" rel="noopener" aria-label=""> 2509 <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="none" viewBox="0 0 26 26" class="h-6"> 2510 <path fill="currentColor" fill-rule="evenodd" d="M20.89 6.483a1.372 1.372 0 11-2.745 0 1.372 1.372 0 012.744 0zm-8.233 10.976a4.116 4.116 0 110-8.232 4.116 4.116 0 010 8.232zm0-10.29a6.174 6.174 0 100 12.348 6.174 6.174 0 000-12.348zm.367-4.086c3.23 0 3.616.017 4.892.072 1.18.056 1.82.251 2.246.419a3.985 3.985 0 012.298 2.298c.165.426.363 1.067.416 2.248.058 1.278.071 1.662.071 4.896s-.015 3.619-.075 4.896c-.061 1.18-.258 1.822-.424 2.248a3.844 3.844 0 01-.907 1.395c-.391.4-.867.71-1.392.904-.424.166-1.074.364-2.254.417-1.285.058-1.664.071-4.901.071-3.24 0-3.618-.015-4.902-.075-1.18-.061-1.831-.258-2.255-.425a3.748 3.748 0 01-1.39-.907 3.678 3.678 0 01-.909-1.393c-.166-.424-.362-1.075-.423-2.256-.046-1.272-.062-1.665-.062-4.89 0-3.226.016-3.62.062-4.907.061-1.18.257-1.83.423-2.255.212-.575.484-.969.908-1.394.423-.423.817-.695 1.391-.906.424-.168 1.06-.365 2.24-.425 1.286-.046 1.665-.061 4.901-.061l.046.03zM13 .995c-3.261 0-3.669.015-4.949.072-1.278.06-2.149.261-2.914.558A5.878 5.878 0 003.01 3.01a5.857 5.857 0 00-1.385 2.127c-.297.765-.499 1.636-.558 2.914-.06 1.28-.072 1.688-.072 4.95 0 3.26.015 3.668.072 4.948.06 1.278.261 2.15.558 2.914a6.135 6.135 0 003.512 3.512c.766.296 1.637.5 2.914.558 1.28.06 1.688.072 4.95.072 3.26 0 3.668-.015 4.948-.072 1.278-.06 2.15-.262 2.914-.558a6.135 6.135 0 003.512-3.512c.296-.765.5-1.636.558-2.914.06-1.28.072-1.688.072-4.949s-.015-3.669-.072-4.949c-.06-1.277-.262-2.15-.558-2.914A5.892 5.892
25100 0022.99 3.01a5.85 5.85 0 00-2.127-1.385c-.765-.297-1.636-.499-2.914-.558-1.28-.06-1.688-.072-4.949-.072z" clip-rule="evenodd"/> 2511</svg> 2512 2513 </a> 2514 2515 2516 2517 2518 <a href="https://www.linkedin.com/company/bundesverwaltungsgericht---tribunal-administratif-f%C3%A9d%C3%A9ral" class="p-1 md:hover:text-blue-300 transition" target="_blank" rel="noopener" aria-label=""> 2519 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" class="h-6"> 2520 <path fill="currentColor" fill-rule="evenodd" d="M5.465 7.997v15.435H.32V7.997h5.146zm.328-4.766c.01.758-.252 1.392-.788 1.9-.535.51-1.24.763-2.113.763h-.031c-.853 0-1.539-.254-2.059-.763-.52-.508-.78-1.142-.78-1.9 0-.768.268-1.404.804-1.908C1.36.82 2.06.568 2.923.568s1.555.252 2.075.755c.52.504.785 1.14.795 1.908zm18.185 11.354v8.847h-5.131v-8.255c0-1.09-.21-1.944-.632-2.562-.42-.618-1.078-.927-1.973-.927-.655 0-1.203.18-1.645.538-.438.352-.779.81-.99 1.331-.115.312-.172.732-.172 1.262v8.613H8.304c.02-4.143.031-7.502.031-10.077s-.005-4.112-.016-4.61l-.015-.748h5.131v2.243h-.031c.19-.307.403-.6.64-.872.268-.296.563-.567.88-.81.406-.31.866-.54 1.357-.678a6.189 6.189 0 011.786-.241c1.778 0 3.208.59 4.29 1.768 1.08 1.179 1.621 2.905 1.62 5.178z" clip-rule="evenodd"/> 2521</svg> 2522 2523 </a> 2524 2525 2526 2527 2528 <a href="https://twitter.com/BVGer_Schweiz" class="p-1 md:hover:text-blue-300 transition" target="_blank" rel="noopener" aria-label=""> 2529 <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 26 24" class="h-6"> 2530 <path d="m1.059 1 9.266 12.39L1 23.463h2.099l8.163-8.82 6.596 8.82H25l-9.787-13.087L23.892 1h-2.099l-7.518 8.122L8.2 1H1.06Zm3.086 1.546h3.28l14.488 19.371h-3.28L4.145 2.546Z"/> 2531</svg> 2532 2533 </a> 2534 2535 2536 2537 2538 <a href="https://www.youtube.com/channel/UCpvjQCdEzYLzzWgE8GHtAnA" class="p-1 md:hover:text-blue-300 transition" target="_blank" rel="noopener" aria-label=""> 2539 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" class="h-6"> 2540 <path fill="currentColor" fill-rule="evenodd" d="M21.386 4.072c-1.865-.506-9.368-.506-9.368-.506s-7.484-.011-9.367.506A3.015 3.015 0 00.569 6.177a31.897 31.897 0 00-.52 5.858c-.007 1.957.168 3.91.52 5.835a3.014 3.014 0 002.081 2.107c1.863.507 9.368.507 9.368.507s7.483 0 9.368-.507a3.015 3.015 0 002.081-2.107c.345-1.926.512-3.879.499-5.835a31.881 31.881 0 00-.499-5.858 3.015 3.015 0 00-2.081-2.105zM9.382 15.234V8.232l6.418 3.505-6.418 3.495z" clip-rule="evenodd"/> 2541</svg> 2542 2543 </a> 2544 2545 2546 2547</div> 2548 </div> 2549 </div> 2550 2551 </div> 2552 2553 </div> 2554 </div> 2555 2556 <div class="bg-blue-500 mt-10 md:mt-12 print:hidden"> 2557 <div class="container"> 2558 2559 <div class="flex flex-wrap justify-between text-white"> 2560 <div class="w-full sm:w-8/12"> 2561 2562 2563 <div class="w-full md:w-auto mb-3 md:mb-0 leading-none"> 2564 <ul class="list-unstyled flex flex-row"> 2565 <li class="pr-4 mr-4 border-r border-white h-7 flex items-center last:border-none text-blue-200 text-sm hover:underline transition " role="listitem"> 2566 <a href="/de/kontakt" target="_self"> 2567 Kontakt 2568 </a> 2569 </li> 2570 <li class="pr-4 mr-4 border-r border-white h-7 flex items-center last:border-none text-blue-200 text-sm hover:underline transition " role="listitem"> 2571 <a href="/de/impressum" target="_self"> 2572 Impressum 2573 </a> 2574 </li> 2575 <li class="pr-4 mr-4 border-r border-white h-7 flex items-center last:border-none text-blue-200 text-sm hover:underline transition " role="listitem"> 2576 <a href="/de/datenschutz" target="_self"> 2577 Datenschutz 2578 </a> 2579 </li> 2580 </ul> 2581 </div> 2582 2583 2584 </div> 2585 <div class="w-full sm:w-4/12">
2586 <span class="text-sm md:text-sm text-blue-200">© Bundesverwaltungsgericht BVGer</span> 2587 </div> 2588 </div> 2589 2590 </div> 2591 </div> 2592 2593</footer> 2594 2595 2596 2597 2598 2599 <!-- SLA STATUS: OK --> 2600 2601</body> 2602 2603
2603<script src="/static/default/706.fc788c4e.js"></script>
2603<script src="/static/default/app.09f38272.js"></script>
2603 2604 2605 2606</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.