1<!DOCTYPE html> 2<html class="h-full" 3 lang="en" 4 data-system-vars="{"language":"en","baseUrl":"","editMode":false,"env":"production","isAuthenticated":false,"translations":{"website":{"cookie_check.overlay.description_text":"By registering for the newsletter, I confirm that my personal data will be passed on to our newsletter tool EQS in accordance with data protection regulations.","cookie_check.overlay.button":"Confirm"}}}" 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>FAQ | FAC</title> 24 <meta name="country" content="international" /> 25<meta name="m:groups" content="default" /> 26<meta property="og:title" content="FAQ | FAC" /> 27<meta property="og:description" content="About the Federal administrative court. The Federal Administrative Court based in St. Gallen is the general administrative court of Switzerland. " /> 28<meta property="og:url" content="https://www.bvger.ch/en/faq" /> 29<meta name="twitter:title" content="FAQ | FAC" /> 30<meta name="description" content="About the Federal administrative court. The Federal Administrative Court based in St. Gallen is the general administrative court of Switzerland. " /> 31 32 <link href="https://www.bvger.ch/de/faq" rel="alternate" hreflang="x-default" /> 33<link href="https://www.bvger.ch/de/faq" rel="alternate" hreflang="de" /> 34<link href="https://www.bvger.ch/fr/faq" rel="alternate" hreflang="fr" /> 35<link href="https://www.bvger.ch/it/faq" rel="alternate" hreflang="it" /> 36<link href="https://www.bvger.ch/en/faq" 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 md:mb-0 lg:fixed sticky" 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="/en" 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="Open Contact Page" 102 href="/en/contact" target="_self">Contact</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 bg-grey-100 text-primary" 107 aria-label="Open FAQ Page" 108 href="/en/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 " 113 aria-label="Open Media Page" 114 href="/en/publications" target="_self">Media</a> 115 116 117 <div x-data 118 id="second-level-container-3" 119 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" 120 :class="!viewport.rightInViewport($el) ? 'right-0' : 'left-0'"> 121 122 <ul class="flex flex-col relative p-4 pb-8" @keyup.esc="open = false"> 123 <li class="second-level-group border-b relative 124 border-blue-200 bg-grey-100 text-primary hover:text-body transition duration-300" 125 x-data="{open: false}" 126 @mouseover="open = true" @mouseleave="open = false"> 127 <a id="second-level-31" 128 href="/en/publications/media-releases" 129 target="_self" 130 aria-label="Open Media releases Site" class="second-level-group-link px-3 py-2 flex items-center justify-start font-semibold text-[17px]"> 131 Media releases 132 </a> 133 </li> 134 <li class="second-level-group border-b relative 135 border-blue-200 bg-grey-100 text-primary hover:text-body transition duration-300" 136 x-data="{open: false}" 137 @mouseover="open = true" @mouseleave="open = false"> 138 <a id="second-level-32" 139 href="/en/newsletter" 140 target="_self" 141 aria-label="Open Sign up for media releases Site" class="second-level-group-link px-3 py-2 flex items-center justify-start font-semibold text-[17px]"> 142 Sign up for media releases 143 </a> 144 </li> 145 <li class="second-level-group border-b relative 146 border-blue-200 bg-grey-100 text-primary hover:text-body transition duration-300" 147 x-data="{open: false}" 148 @mouseover="open = true" @mouseleave="open = false"> 149 <a id="second-level-33" 150 href="/en/navigation/generic-nav/medien/contact-media-service" 151 target="_self" 152 aria-label="Open Contact Media Service Site" class="second-level-group-link px-3 py-2 flex items-center justify-start font-semibold text-[17px]"> 153 Contact Media Service 154 </a> 155 </li> 156 <li class="second-level-group border-b relative 157 border-blue-200 bg-grey-100 text-primary hover:text-body transition duration-300" 158 x-data="{open: false}" 159 @mouseover="open = true" @mouseleave="open = false"> 160 <a id="second-level-34" 161 href="/en/publications/annual-reports" 162 target="_self" 163 aria-label="Open Publications Site" class="second-level-group-link px-3 py-2 flex items-center justify-start font-semibold text-[17px]"> 164 Publications 165 </a> 166 </li> 167 <li class="second-level-group border-b relative 168 border-blue-200 bg-grey-100 text-primary hover:text-body transition duration-300" 169 x-data="{open: false}" 170 @mouseover="open = true" @mouseleave="open = false"> 171 <a id="second-level-35" 172 href="/en/publications/images-for-download" 173 target="_self" 174 aria-label="Open Images for download Site" class="second-level-group-link px-3 py-2 flex items-center justify-start font-semibold text-[17px]"> 175 Images for download 176 </a> 177 </li> 178 <li class="second-level-group border-b relative 179 border-blue-200 bg-grey-100 text-primary hover:text-body transition duration-300" 180 x-data="{open: false}" 181 @mouseover="open = true" @mouseleave="open = false"> 182 <a id="second-level-36" 183 href="/en/navigation/generic-nav/medien/accreditation" 184 target="_self" 185 aria-label="Open Accreditation Site" class="second-level-group-link px-3 py-2 flex items-center justify-start font-semibold text-[17px]"> 186 Accreditation 187 </a> 188 </li> 189 <li class="second-level-group border-b relative 190 border-blue-200 bg-grey-100 text-primary hover:text-body transition duration-300" 191 x-data="{open: false}" 192 @mouseover="open = true" @mouseleave="open = false"> 193 <a id="second-level-37" 194 href="https://medienportal.bvger.ch/en" 195 target="_blank" 196 aria-label="Open Media portal Site" class="second-level-group-link px-3 py-2 flex items-center justify-start font-semibold text-[17px]"> 197 Media portal 198 </a> 199 </li> 200 </ul> 201 </div> 202 </li> 203 </ul> 204 205 206 <div class="mt-1 ml-3" x-data="{ open: false }" @mouseover.away="open = false" @keyup.esc="open = false"> 207 <div class="relative group leading-none cursor-pointer whitespace-nowrap"> 208 209 <button class="inline-block py-2 px-1.5 text-sm" @touchstart.passive="open = true" @mouseover="open = true" 210 @keyup.enter="open = true" @keyup.space="open = true" 211 aria-label="Current language English"> 212 EN 213 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
213ox="0 0 16 16" fill="none" class="ml-1 inline text-body w-3"> 214<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"/> 215</svg> 216 217 </button> 218 219 <div class="absolute top-0 left-0 right-0 z-[100] shadow-lg" :class="open ? 'block' : 'hidden'" x-cloak> 220 <span class="sr-only">Select language</span> 221 <ul class="overflow-hidden block py-2 px-1.5 block bg-white text-sm"> 222 <li class="mb-1.5 w-full"> 223 <a href="https://www.bvger.ch/en/faq" 224 class="hover:font-bold w-full block font-bold" 225 aria-label="Language English"> 226 EN 227 </a> 228 </li> 229 <li class="mb-1.5 w-full"> 230 <a href="https://www.bvger.ch/de/faq" 231 class="hover:font-bold w-full block " 232 aria-label="Language Deutsch"> 233 DE 234 </a> 235 </li> 236 <li class="mb-1.5 w-full"> 237 <a href="https://www.bvger.ch/fr/faq" 238 class="hover:font-bold w-full block " 239 aria-label="Language français"> 240 FR 241 </a> 242 </li> 243 <li class="mb-1.5 w-full"> 244 <a href="https://www.bvger.ch/it/faq" 245 class="hover:font-bold w-full block " 246 aria-label="Language italiano"> 247 IT 248 </a> 249 </li> 250 </ul> 251 </div> 252 253 </div> 254 </div> 255
255<script src="/static/default/runtime.26597d95.js"></script>
255<script src="/static/default/306.0eaac36e.js"></script>
255<script src="/static/default/search.3635a76f.js"></script>
255 256 257 258<div x-data="search( 259 'en', 260 '{"blog":"Blog posts","media_release":"Press releases","document":"Sites","asset":"Documents","employee":"People","reference_verdict":"Reference verdicts"}' 261 )" 262 class="relative ml-2 flex items-center lg:ml-3"> 263 264 <button 265 class="relative flex h-10 w-10 items-center justify-center transition-all duration-75 ease-out z-[110]" 266 :class="isOpen ? 'scale-150 bg-white' : 'scale-100 bg-transparent'" 267 aria-label="Search" 268 @click="toggleOpen" 269 > 270 <span x-show="!isOpen" 271 x-transition.opacity 272 class="absolute flex h-full w-full items-center justify-center before:text-xl before:icon-search" 273 ></span> 274 <span x-cloak 275 x-show="isOpen" 276 x-transition 277 class="absolute flex h-full w-full items-center justify-center before:icon-close" 278 ></span> 279 </button> 280 281 <div x-cloak 282 x-show="isOpen" 283 x-transition.opacity 284 class="fixed inset-0 h-screen w-screen overflow-y-auto bg-grey-100 lg:bg-white z-[100] lg:overflow-y-hidden"> 285 <div class="container flex h-screen flex-col items-center pt-16 lg:pt-15" 286 @keyup.window.enter="search"> 287 <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"> 288 <div class="flex w-full flex-shrink-0 flex-col sm:flex-row lg:w-10/12 mb-6"> 289 <div class="relative z-20 w-full"> 290 <label> 291 <input 292 x-ref="input" 293 type="search" 294 class="h-10 w-full rounded border px-4 transition duration-75 border-grey-400 text-body focus:outline-none sm:h-12" 295 @keyup.debounce.200ms="updateQuery" 296 > 297 </label> 298</div> 299 <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" 300 :disabled="query.length < 1" 301 @click="search"> 302 Search 303 </button> 304 <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" 305 @click="reset"> 306 reset 307 </button> 308 </div> 309 310 <div class="flex w-full flex-shrink-0 lg:w-10/12" x-show="resultsTotal"> 311 <div class="sm:mb-8"> 312 <div class="-mx-4 flex h-12 w-screen justify-between bg-grey-300 sm:hidden"> 313 <button class="flex h-full items-center gap-1 px-4 before:icon-filter sm:gap-2.5" @click="toggleFilter"> 314 Filter by 315 </button> 316 <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" 317 :class="isResetDisabled ? 'text-grey-400' : 'text-primary'" 318 :disabled="isResetDisabled" 319 @click="resetFilter"> 320 reset filter 321 </button> 322 </div> 323 324 <ul x-show="window.screen.isSm() || isFilterOpen" 325 x-transition:enter="origin-top transition-all ease-out duration-75" 326 x-transition:enter-start="scale-y-0 opacity-50" 327 x-transition:enter-end="scale-y-100 opacity-100" 328 x-transition:leave="origin-top transition-all ease-out duration-75" 329 x-transition:leave-start="scale-y-100 opacity-100" 330 x-transition:leave-end="scale-y-0 opacity-50" 331 class="mb-4 flex flex-col flex-wrap gap-3 sm:mb-0 sm:flex-row sm:gap-4"> 332 <template x-for="[id, group] in Object.entries(results)"> 333 <li class="flex items-center"> 334 <label class="flex cursor-pointer items-center text-sm lg:text-md"> 335 <input type="checkbox" 336 x-model="group.show" 337 :id="id" 338 :name="id" 339 class="mr-3 cursor-pointer form-checkbox" 340 :value="id">
341 <span x-text="`${translations[id]} (${group.itemsTotal})`"></span> 342 </label> 343 </li> 344 </template> 345 </ul> 346 <div class="mt-6 hidden sm:block"> 347 <button class="flex items-center font-semibold transition-colors duration-75 ease-out before:icon-reset gap-2.5" 348 :class="isResetDisabled ? 'text-grey-400' : 'text-primary'" 349 :disabled="isResetDisabled" 350 @click="resetFilter"> 351 reset filter 352 </button> 353 </div> 354</div> </div> 355 356 357 </div> 358 359 <div x-cloak class="relative flex min-h-0 w-full flex-auto transition-opacity duration-75 ease-out"> 360 <div class="hidden lg:block absolute left-[calc(50%-50vw)] w-screen bg-grey-100 inset-y-0"> 361 <div class="container flex justify-center mt-8" x-show="noResults"> 362 No Results Found 363 </div> 364 </div> 365 <div class="absolute inset-0 flex items-center justify-center transition-opacity duration-75 ease-out" 366 :class="isLoading ? 'visible opacity-50' : 'invisible opacity-0'"> 367 <?xml version="1.0" encoding="utf-8"?> 368<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"> 369<rect x="18" y="18" width="20" height="20" fill="#027fa4"> 370 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0s" calcMode="discrete"></animate> 371</rect><rect x="40" y="18" width="20" height="20" fill="#027fa4"> 372 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.125s" calcMode="discrete"></animate> 373</rect><rect x="62" y="18" width="20" height="20" fill="#027fa4"> 374 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.25s" calcMode="discrete"></animate> 375</rect><rect x="18" y="40" width="20" height="20" fill="#027fa4"> 376 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.875s" calcMode="discrete"></animate> 377</rect><rect x="62" y="40" 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.375s" calcMode="discrete"></animate> 379</rect><rect x="18" y="62" 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.75s" calcMode="discrete"></animate> 381</rect><rect x="40" y="62" 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.625s" calcMode="discrete"></animate> 383</rect><rect x="62" y="62" 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.5s" calcMode="discrete"></animate> 385</rect> 386<!-- [ldio] generated by https://loading.io/ --></svg> 387 </div> 388 389 390 <div class="contents" :class="!resultsTotal ? 'invisible opacity-0' : 'visible opacity-100'"> 391 <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"> 392 <div class="flex w-full justify-center"> 393 <span x-text="getResultsTranslation('Search results')" 394 class="flex lg:w-10/12 items-center py-6 font-bold text-md bg-grey-100" 395 ></span> 396 </div> 397 398 <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%)]"> 399 400 <template x-if="results.document?.show && results.document.items.length"> 401 <li class="flex w-full flex-col items-center border-t border-blue-200 lg:w-10/12">
402 <div x-data="{ isSticky: false }" 403 class="sticky z-20 mt-8 block flex w-full justify-center py-2 top-[-1px] bg-grey-100"> 404 <span x-intersect:leave="isSticky = true" 405 x-intersect:enter="isSticky = false" 406 class="absolute -top-8 lg:hidden" 407 ></span> 408 <span class="mb-0 h3 w-full transition-transform duration-75 ease-out " 409 :class="isSticky && !window.screen.isMd() ? 'translate-x-16' : 'translate-x-0'"> 410 Sites 411 </span> 412</div> 413 <div class="mt-4 mb-5 w-full lg:mt-6"> 414 <template x-for="item in getVisibleItems('document')"> 415 <a class="mb-7 flex flex-col last:mb-0" :href="item.detail_url"> 416 <template x-if="item.title?.length"> 417 <span x-text="item.title" 418 class="font-bold text-md text-primary mb-1.5 block truncate" 419 ></span> 420 </template> 421 <p x-html="getHighlights(item.content)" 422 class="mb-0 line-clamp-3 text-md" 423 ></p> 424</a> </template> 425 </div> 426 427 <div class="flex w-full pb-6"> 428 <button class="flex items-center gap-2 font-semibold transition-colors duration-75 ease-out text-primary before:icon-plus disabled:text-grey-400" 429 :disabled="isLoadMoreDisabled('document')" 430 @click="results.document.page++"> 431 Show more 432 </button> 433 </div> 434 </li> 435 </template> 436 437 <template x-if="results.reference_verdict?.show && results.reference_verdict.items.length"> 438 <li class="flex w-full flex-col items-center border-t border-blue-200"> 439 <div x-data="{ isSticky: false }" 440 class="sticky z-20 mt-8 block flex w-full justify-center py-2 top-[-1px] bg-grey-100"> 441 <span x-intersect:leave="isSticky = true" 442 x-intersect:enter="isSticky = false" 443 class="absolute -top-8 lg:hidden" 444 ></span> 445 <span class="mb-0 h3 w-full transition-transform duration-75 ease-out " 446 :class="isSticky && !window.screen.isMd() ? 'translate-x-16' : 'translate-x-0'"> 447 Reference verdicts 448 </span> 449</div> 450 <ul x-data="{ open: -1 }" class="mt-4 mb-5 w-full lg:mt-6"> 451 <template x-for="(item, index) in getVisibleItems('reference_verdict')"> 452 <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"> 453 <button class="flex w-full cursor-pointer items-center justify-between" 454 @click="open = open !== index ? index : -1"> 455 <div class="flex flex-col items-start gap-2"> 456 <span x-text="item.dossier"></span> 457 <span x-text="item.title" class="mb-0 h5 text-primary"></span> 458 </div> 459 460 <span class="block text-2xl transition-transform duration-75 ease-out text-[2.5rem] before:icon-chevron-up text-primary" 461 :class="open !== index ? 'scale-y-[-1]' : 'scale-y-1'"></span> 462 </button> 463 464 <div x-show="open === index" 465 x-transition:enter="transition-transform origin-top ease-out duration-75" 466 x-transition:enter-start="scale-y-0" 467 x-transition:enter-end="scale-y-100" 468 class="w-11/12 pt-4 md:pt-8"> 469 470 <p class="mb-0 p wysiwyg" x-html="item.lead"></p> 471 472 <template x-if="item.download"> 473 <a :href="item.download" 474 x-text="item.dossier" 475 download 476 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" 477 ></a> 478 </template> 479 </div> 480</li> </template> 481 </ul> 482 <div class="flex w-full pb-6"> 483 <button class="flex items-center gap-2 font-semibold transition-colors duration-75 ease-out text-primary before:icon-plus disabled:text-grey-400" 484 :disabled="isLoadMoreDisabled('document')" 485 @click="results.document.page++"> 486 Show more 487 </button> 488 </div> 489 </li> 490 </template> 491 492 <template x-if="results.media_release?.show && results.media_release.items.length"> 493 <li class="flex w-full flex-col items-center border-t border-blue-200 lg:w-10/12">
494 <div x-data="{ isSticky: false }" 495 class="sticky z-20 mt-8 block flex w-full justify-center py-2 top-[-1px] bg-grey-100"> 496 <span x-intersect:leave="isSticky = true" 497 x-intersect:enter="isSticky = false" 498 class="absolute -top-8 lg:hidden" 499 ></span> 500 <span class="mb-0 h3 w-full transition-transform duration-75 ease-out " 501 :class="isSticky && !window.screen.isMd() ? 'translate-x-16' : 'translate-x-0'"> 502 Press releases 503 </span> 504</div> 505 <div class="mt-4 w-full lg:mt-6"> 506 <template x-for="item in getVisibleItems('media_release')"> 507 <a :href="item.detail_url" 508 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"> 509 <div class="h-48 w-full sm:h-full md:w-4/12"> 510 <template x-if="item.image"> 511 <img :src="item.image.replace(/\\\//g, '/')" 512 :alt="item.title" 513 class="w-full h-full object-cover object-center"> 514 </template> 515 </div> 516 <div class="w-full md:w-7/12 pl-5"> 517 <span x-text="$store.utility.formatDate(item.date, 'dd.MM.yyyy')" class="mb-3 block"></span> 518 <span x-text="item.title" class="mb-3 block truncate whitespace-nowrap font-normal h5 text-primary lg:mb-4"></span> 519 <p x-html="getHighlights(item.lead)" class="mb-0 sm:line-clamp-4 lg:line-clamp-5"></p> 520 </div> 521 <span class="absolute inset-y-0 right-9 hidden items-center before:icon-chevron-flat text-[2.5rem] text-primary md:flex"></span> 522 <span class="absolute bottom-0 bg-blue-400 inset-x-[-1px] h-0.5"></span> 523</a> </template> 524 </div> 525 526 <div class="flex w-full flex-col gap-2 pb-6 sm:flex-row sm:gap-4 lg:gap-12"> 527 <button class="flex items-center gap-2 font-semibold transition-colors duration-75 ease-out text-primary before:icon-plus disabled:text-grey-400" 528 :disabled="isLoadMoreDisabled('media_release')" 529 @click="results.media_release.page++"> 530 Show more 531 </button> 532 533 </div> 534 </li> 535 </template> 536 537 <template x-if="results.blog?.show && results.blog.items.length"> 538 <li class="flex w-full flex-col items-center border-t border-blue-200"> 539 <div x-data="{ isSticky: false }" 540 class="sticky z-20 mt-8 block flex w-full justify-center py-2 top-[-1px] bg-grey-100"> 541 <span x-intersect:leave="isSticky = true" 542 x-intersect:enter="isSticky = false" 543 class="absolute -top-8 lg:hidden" 544 ></span> 545 <span class="mb-0 h3 w-full transition-transform duration-75 ease-out lg:w-10/12" 546 :class="isSticky && !window.screen.isMd() ? 'translate-x-16' : 'translate-x-0'"> 547 Blog posts 548 </span> 549</div> 550 <div class="mt-4 flex w-full flex-wrap sm:-mx-2.5 lg:mt-6"> 551 <template x-for="item in getVisibleItems('blog')"> 552 <article class="mb-5 w-full sm:px-2.5 sm:w-1/2 lg:mb-6 lg:w-1/3"> 553 <a :href="item.detail_url" 554 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"> 555 <template x-if="item.image"> 556 <img :src="item.image.replace(/\\\//g, '/')" 557 :alt="item.title" 558 class="w-full object-cover object-center h-[12.5rem] lg:h-64"> 559 </template> 560 <div class="w-full px-3 py-4 md:px-5 md:py-6"> 561 <span x-text="`${$store.utility.formatDate(item.date, 'dd.MM.yyyy')} - ${item.author}`" 562 class="mb-3 block text-sm"></span> 563 <span x-text="item.title" 564 class="mb-3 block font-normal h4 text-primary"></span> 565 <p x-html="getHighlights(item.lead)" 566 class="mb-0 line-clamp-4 lg:line-clamp-5"></p> 567 </div> 568 </a> 569</article> </template> 570 </div> 571 572 <div class="flex w-full flex-col gap-2 pb-6 sm:flex-row sm:gap-4 lg:gap-12"> 573 <button class="flex items-center gap-2 font-semibold transition-colors duration-75 ease-out before:icon-plus text-primary disabled:text-grey-400" 574 :disabled="isLoadMoreDisabled('blog')" 575 @click="results.blog.page++"> 576 Show more 577 </button> 578 579 </div> 580 </li> 581 </template> 582 583 <template x-if="results.employee?.show && results.employee.items.length"> 584 <li class="flex w-full flex-col items-center border-t border-blue-200">
585 <div x-data="{ isSticky: false }" 586 class="sticky z-20 mt-8 block flex w-full justify-center py-2 top-[-1px] bg-grey-100"> 587 <span x-intersect:leave="isSticky = true" 588 x-intersect:enter="isSticky = false" 589 class="absolute -top-8 lg:hidden" 590 ></span> 591 <span class="mb-0 h3 w-full transition-transform duration-75 ease-out lg:w-10/12" 592 :class="isSticky && !window.screen.isMd() ? 'translate-x-16' : 'translate-x-0'"> 593 People 594 </span> 595</div> 596 <div class="mt-4 mb-5 flex w-full flex-wrap -mx-2.5 lg:mt-6"> 597 <template x-for="item in getVisibleItems('employee')"> 598 <div class="w-full px-2.5 sm:w-1/3"> 599 <a :href="item.detail_url" 600 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"> 601 <span x-text="item.full_name" 602 class="font-normal text-blue-400 mb-1.5 h5 group-hover:text-white group-focus:text-white"> 603 </span> 604 <p x-text="item.academic_title" 605 class="mb-0 group-hover:text-white group-focus:text-white" 606 ></p> 607 <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> 608 </a> 609</div> </template> 610 </div> 611 612 <div class="flex w-full flex-col gap-2 pb-6 sm:flex-row sm:gap-4 lg:w-10/12 lg:gap-12"> 613 <button class="flex items-center gap-2 font-semibold transition-colors duration-75 ease-out text-primary before:icon-plus disabled:text-grey-400" 614 :disabled="isLoadMoreDisabled('employee')" 615 @click="results.employee.page++"> 616 Show more 617 </button> 618 619 </div> 620 </li> 621 </template> 622 623 <template x-if="results.asset?.show && results.asset.items.length"> 624 <li class="flex w-full flex-col items-start border-t border-blue-200 lg:w-10/12"> 625 <div x-data="{ isSticky: false }" 626 class="sticky z-20 mt-8 block flex w-full justify-center py-2 top-[-1px] bg-grey-100"> 627 <span x-intersect:leave="isSticky = true" 628 x-intersect:enter="isSticky = false" 629 class="absolute -top-8 lg:hidden" 630 ></span> 631 <span class="mb-0 h3 w-full transition-transform duration-75 ease-out " 632 :class="isSticky && !window.screen.isMd() ? 'translate-x-16' : 'translate-x-0'"> 633 Documents 634 </span> 635</div> 636 <div class="mt-4 mb-5 flex w-full flex-col gap-3 lg:mt-6"> 637 <template x-for="item in getVisibleItems('asset')"> 638 <a class="flex items-start gap-3" 639 download="" 640 :href="item.detail_url"> 641 <span class="block text-xl before:icon-download text-primary"></span> 642 <div class="flex flex-col"> 643 <span x-text="item.title" 644 class="font-semibold text-primary"></span> 645 <span x-text="`${item.file_extension} ${item.file_size}`" 646 class="text-sm uppercase"></span> 647 </div> 648</a> </template> 649 </div> 650 651 <div class="flex w-full pb-6"> 652 <button class="flex items-center gap-2 font-semibold transition-colors duration-75 ease-out text-primary before:icon-plus disabled:text-grey-400" 653 :disabled="isLoadMoreDisabled('asset')" 654 @click="results.asset.page++"> 655 Show more 656 </button> 657 </div> 658 </li> 659 </template> 660 </ul> 661</div> </div> 662 </div> 663 664</div> 665 </div> 666</div> 667 </div> 668 </div> 669 <div class="block md:hidden" tabindex="1"> 670
671<script src="/static/default/mobileMenu.99e25fa7.js"></script>
671 672 673<div x-data="mobileMenu" 674 class="relative z-40 flex w-full justify-between"> 675 676 <div class="burger fixed right-4 z-[100] flex flex-row space-x-3 top-2.5"> 677 <div> 678 679 <div class="mt-1 ml-3" x-data="{ open: false }" @mouseover.away="open = false" @keyup.esc="open = false"> 680 <div class="relative group leading-none cursor-pointer whitespace-nowrap"> 681 682 <button class="inline-block py-2 px-1.5 text-sm" @touchstart.passive="open = true" @mouseover="open = true" 683 @keyup.enter="open = true" @keyup.space="open = true" 684 aria-label="Current language English"> 685 EN 686 <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"> 687<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"/> 688</svg> 689 690 </button> 691 692 <div class="absolute top-0 left-0 right-0 z-[100] shadow-lg" :class="open ? 'block' : 'hidden'" x-cloak> 693 <span class="sr-only">Select language</span> 694 <ul class="overflow-hidden block py-2 px-1.5 block bg-white text-sm"> 695 <li class="mb-1.5 w-full"> 696 <a href="https://www.bvger.ch/en/faq" 697 class="hover:font-bold w-full block font-bold" 698 aria-label="Language English"> 699 EN 700 </a> 701 </li> 702 <li class="mb-1.5 w-full"> 703 <a href="https://www.bvger.ch/de/faq" 704 class="hover:font-bold w-full block " 705 aria-label="Language Deutsch"> 706 DE 707 </a> 708 </li> 709 <li class="mb-1.5 w-full"> 710 <a href="https://www.bvger.ch/fr/faq" 711 class="hover:font-bold w-full block " 712 aria-label="Language français"> 713 FR 714 </a> 715 </li> 716 <li class="mb-1.5 w-full"> 717 <a href="https://www.bvger.ch/it/faq" 718 class="hover:font-bold w-full block " 719 aria-label="Language italiano"> 720 IT 721 </a> 722 </li> 723 </ul> 724 </div> 725 726 </div> 727 </div> 728 </div> 729 <div class="flex items-center"> 730 <button class="relative z-40 ml-auto burger-button" 731 :class="isOpen && 'is-open'" 732 @click="toggle"> 733 <span></span> 734 <span></span> 735 <span></span> 736 </button> 737 </div> 738 </div> 739 740 <div x-cloak 741 x-show="isOpen" 742 x-transition:enter="transition origin-top ease-out duration-100" 743 x-transition:enter-start="opacity-0" 744 x-transition:enter-end="opacity-100" 745 class="top-0 left-0 h-full w-full bg-white" 746 :class="isOpen && 'fixed'"> 747 748 <div class="absolute top-0 left-0 flex h-14 w-14 items-center justify-center"> 749 750 751 752<div x-data="search( 753 'en', 754 '{"blog":"Blog posts","media_release":"Press releases","document":"Sites","asset":"Documents","employee":"People","reference_verdict":"Reference verdicts"}' 755 )" 756 class="relative ml-2 flex items-center lg:ml-3"> 757 758 <button 759 class="relative flex h-10 w-10 items-center justify-center transition-all duration-75 ease-out z-[110]" 760 :class="isOpen ? 'scale-150 bg-white' : 'scale-100 bg-transparent'" 761 aria-label="Search" 762 @click="toggleOpen" 763 >
764 <span x-show="!isOpen" 765 x-transition.opacity 766 class="absolute flex h-full w-full items-center justify-center before:text-xl before:icon-search" 767 ></span> 768 <span x-cloak 769 x-show="isOpen" 770 x-transition 771 class="absolute flex h-full w-full items-center justify-center before:icon-close" 772 ></span> 773 </button> 774 775 <div x-cloak 776 x-show="isOpen" 777 x-transition.opacity 778 class="fixed inset-0 h-screen w-screen overflow-y-auto bg-grey-100 lg:bg-white z-[100] lg:overflow-y-hidden"> 779 <div class="container flex h-screen flex-col items-center pt-16 lg:pt-15" 780 @keyup.window.enter="search"> 781 <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"> 782 <div class="flex w-full flex-shrink-0 flex-col sm:flex-row lg:w-10/12 mb-6"> 783 <div class="relative z-20 w-full"> 784 <label> 785 <input 786 x-ref="input" 787 type="search" 788 class="h-10 w-full rounded border px-4 transition duration-75 border-grey-400 text-body focus:outline-none sm:h-12" 789 @keyup.debounce.200ms="updateQuery" 790 > 791 </label> 792</div> 793 <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" 794 :disabled="query.length < 1" 795 @click="search"> 796 Search 797 </button> 798 <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" 799 @click="reset"> 800 reset 801 </button> 802 </div> 803 804 <div class="flex w-full flex-shrink-0 lg:w-10/12" x-show="resultsTotal"> 805 <div class="sm:mb-8"> 806 <div class="-mx-4 flex h-12 w-screen justify-between bg-grey-300 sm:hidden"> 807 <button class="flex h-full items-center gap-1 px-4 before:icon-filter sm:gap-2.5" @click="toggleFilter"> 808 Filter by 809 </button> 810 <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" 811 :class="isResetDisabled ? 'text-grey-400' : 'text-primary'" 812 :disabled="isResetDisabled" 813 @click="resetFilter"> 814 reset filter 815 </button> 816 </div> 817 818 <ul x-show="window.screen.isSm() || isFilterOpen" 819 x-transition:enter="origin-top transition-all ease-out duration-75" 820 x-transition:enter-start="scale-y-0 opacity-50" 821 x-transition:enter-end="scale-y-100 opacity-100" 822 x-transition:leave="origin-top transition-all ease-out duration-75" 823 x-transition:leave-start="scale-y-100 opacity-100" 824 x-transition:leave-end="scale-y-0 opacity-50" 825 class="mb-4 flex flex-col flex-wrap gap-3 sm:mb-0 sm:flex-row sm:gap-4"> 826 <template x-for="[id, group] in Object.entries(results)"> 827 <li class="flex items-center"> 828 <label class="flex cursor-pointer items-center text-sm lg:text-md"> 829 <input type="checkbox" 830 x-model="group.show" 831 :id="id" 832 :name="id" 833 class="mr-3 cursor-pointer form-checkbox" 834 :value="id"> 835 <span x-text="`${translations[id]} (${group.itemsTotal})`"></span> 836 </label> 837 </li> 838 </template> 839 </ul> 840 <div class="mt-6 hidden sm:block"> 841 <button class="flex items-center font-semibold transition-colors duration-75 ease-out before:icon-reset gap-2.5" 842 :class="isResetDisabled ? 'text-grey-400' : 'text-primary'" 843 :disabled="isResetDisabled" 844 @click="resetFilter"> 845 reset filter 846 </button> 847 </div> 848</div> </div> 849 850 851 </div> 852 853 <div x-cloak class="relative flex min-h-0 w-full flex-auto transition-opacity duration-75 ease-out"> 854 <div class="hidden lg:block absolute left-[calc(50%-50vw)] w-screen bg-grey-100 inset-y-0"> 855 <div class="container flex justify-center mt-8" x-show="noResults"> 856 No Results Found 857 </div> 858 </div> 859 <div class="absolute inset-0 flex items-center justify-center transition-opacity duration-75 ease-out" 860 :class="isLoading ? 'visible opacity-50' : 'invisible opacity-0'"> 861 <?xml version="1.0" encoding="utf-8"?> 862<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"> 863<rect x="18" y="18" width="20" height="20" fill="#027fa4"> 864 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;
8641" dur="1s" repeatCount="indefinite" begin="0s" calcMode="discrete"></animate> 865</rect><rect x="40" y="18" width="20" height="20" fill="#027fa4"> 866 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.125s" calcMode="discrete"></animate> 867</rect><rect x="62" y="18" width="20" height="20" fill="#027fa4"> 868 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.25s" calcMode="discrete"></animate> 869</rect><rect x="18" y="40" width="20" height="20" fill="#027fa4"> 870 <animate attributeName="fill" values="#000000;#027fa4;#027fa4" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.875s" calcMode="discrete"></animate> 871</rect><rect x="62" y="40" 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.375s" calcMode="discrete"></animate> 873</rect><rect x="18" y="62" 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.75s" calcMode="discrete"></animate> 875</rect><rect x="40" y="62" 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.625s" calcMode="discrete"></animate> 877</rect><rect x="62" y="62" 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.5s" calcMode="discrete"></animate> 879</rect> 880<!-- [ldio] generated by https://loading.io/ --></svg> 881 </div> 882 883 884 <div class="contents" :class="!resultsTotal ? 'invisible opacity-0' : 'visible opacity-100'"> 885 <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"> 886 <div class="flex w-full justify-center"> 887 <span x-text="getResultsTranslation('Search results')" 888 class="flex lg:w-10/12 items-center py-6 font-bold text-md bg-grey-100" 889 ></span> 890 </div> 891 892 <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%)]"> 893 894 <template x-if="results.document?.show && results.document.items.length"> 895 <li class="flex w-full flex-col items-center border-t border-blue-200 lg:w-10/12"> 896 <div x-data="{ isSticky: false }" 897 class="sticky z-20 mt-8 block flex w-full justify-center py-2 top-[-1px] bg-grey-100"> 898 <span x-intersect:leave="isSticky = true" 899 x-intersect:enter="isSticky = false" 900 class="absolute -top-8 lg:hidden" 901 ></span> 902 <span class="mb-0 h3 w-full transition-transform duration-75 ease-out " 903 :class="isSticky && !window.screen.isMd() ? 'translate-x-16' : 'translate-x-0'"> 904 Sites 905 </span> 906</div> 907 <div class="mt-4 mb-5 w-full lg:mt-6"> 908 <template x-for="item in getVisibleItems('document')"> 909 <a class="mb-7 flex flex-col last:mb-0" :href="item.detail_url"> 910 <template x-if="item.title?.length"> 911 <span x-text="item.title" 912 class="font-bold text-md text-primary mb-1.5 block truncate" 913 ></span> 914 </template> 915 <p x-html="getHighlights(item.content)" 916 class="mb-0 line-clamp-3 text-md" 917 ></p> 918</a> </template> 919 </div> 920 921 <div class="flex w-full pb-6"> 922 <button class="flex items-center gap-2 font-semibold transition-colors duration-75 ease-out text-primary before:icon-plus disabled:text-grey-400" 923 :disabled="isLoadMoreDisabled('document')" 924 @click="results.document.page++"> 925 Show more 926 </button> 927 </div> 928 </li> 929 </template> 930 931 <template x-if="results.reference_verdict?.show && results.reference_verdict.items.length"> 932 <li class="flex w-full flex-col items-center border-t border-blue-200">
933 <div x-data="{ isSticky: false }" 934 class="sticky z-20 mt-8 block flex w-full justify-center py-2 top-[-1px] bg-grey-100"> 935 <span x-intersect:leave="isSticky = true" 936 x-intersect:enter="isSticky = false" 937 class="absolute -top-8 lg:hidden" 938 ></span> 939 <span class="mb-0 h3 w-full transition-transform duration-75 ease-out " 940 :class="isSticky && !window.screen.isMd() ? 'translate-x-16' : 'translate-x-0'"> 941 Reference verdicts 942 </span> 943</div> 944 <ul x-data="{ open: -1 }" class="mt-4 mb-5 w-full lg:mt-6"> 945 <template x-for="(item, index) in getVisibleItems('reference_verdict')"> 946 <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"> 947 <button class="flex w-full cursor-pointer items-center justify-between" 948 @click="open = open !== index ? index : -1"> 949 <div class="flex flex-col items-start gap-2"> 950 <span x-text="item.dossier"></span> 951 <span x-text="item.title" class="mb-0 h5 text-primary"></span> 952 </div> 953 954 <span class="block text-2xl transition-transform duration-75 ease-out text-[2.5rem] before:icon-chevron-up text-primary" 955 :class="open !== index ? 'scale-y-[-1]' : 'scale-y-1'"></span> 956 </button> 957 958 <div x-show="open === index" 959 x-transition:enter="transition-transform origin-top ease-out duration-75" 960 x-transition:enter-start="scale-y-0" 961 x-transition:enter-end="scale-y-100" 962 class="w-11/12 pt-4 md:pt-8"> 963 964 <p class="mb-0 p wysiwyg" x-html="item.lead"></p> 965 966 <template x-if="item.download"> 967 <a :href="item.download" 968 x-text="item.dossier" 969 download 970 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" 971 ></a> 972 </template> 973 </div> 974</li> </template> 975 </ul> 976 <div class="flex w-full pb-6"> 977 <button class="flex items-center gap-2 font-semibold transition-colors duration-75 ease-out text-primary before:icon-plus disabled:text-grey-400" 978 :disabled="isLoadMoreDisabled('document')" 979 @click="results.document.page++"> 980 Show more 981 </button> 982 </div> 983 </li> 984 </template> 985 986 <template x-if="results.media_release?.show && results.media_release.items.length"> 987 <li class="flex w-full flex-col items-center border-t border-blue-200 lg:w-10/12"> 988 <div x-data="{ isSticky: false }" 989 class="sticky z-20 mt-8 block flex w-full justify-center py-2 top-[-1px] bg-grey-100"> 990 <span x-intersect:leave="isSticky = true" 991 x-intersect:enter="isSticky = false" 992 class="absolute -top-8 lg:hidden" 993 ></span> 994 <span class="mb-0 h3 w-full transition-transform duration-75 ease-out " 995 :class="isSticky && !window.screen.isMd() ? 'translate-x-16' : 'translate-x-0'"> 996 Press releases 997 </span> 998</div> 999 <div class="mt-4 w-full lg:mt-6"> 1000 <template x-for="item in getVisibleItems('media_release')"> 1001 <a :href="item.detail_url" 1002 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"> 1003 <div class="h-48 w-full sm:h-full md:w-4/12"> 1004 <template x-if="item.image"> 1005 <img :src="item.image.replace(/\\\//g, '/')" 1006 :alt="item.title" 1007 class="w-full h-full object-cover object-center"> 1008 </template> 1009 </div> 1010 <div class="w-full md:w-7/12 pl-5"> 1011 <span x-text="$store.utility.formatDate(item.date, 'dd.MM.yyyy')" class="mb-3 block"></span> 1012 <span x-text="item.title" class="mb-3 block truncate whitespace-nowrap font-normal h5 text-primary lg:mb-4"></span> 1013 <p x-html="getHighlights(item.lead)" class="mb-0 sm:line-clamp-4 lg:line-clamp-5"></p> 1014 </div> 1015 <span class="absolute inset-y-0 right-9 hidden items-center before:icon-chevron-flat text-[2.5rem] text-primary md:flex"></span> 1016 <span class="absolute bottom-0 bg-blue-400 inset-x-[-1px] h-0.5"></span> 1017</a> </template> 1018 </div> 1019 1020 <div class="flex w-full flex-col gap-2 pb-6 sm:flex-row sm:gap-4 lg:gap-12"> 1021 <button class="flex items-center gap-2 font-semibold transition-colors duration-75 ease-out text-primary before:icon-plus disabled:text-grey-400" 1022 :disabled="isLoadMoreDisabled('media_release')" 1023 @click="results.media_release.page++"> 1024 Show more 1025 </button> 1026 1027 </div> 1028 </li> 1029 </template> 1030 1031 <template x-if="results.blog?.show && results.blog.items.length"> 1032 <li class="flex w-full flex-col items-center border-t border-blue-200">
1033 <div x-data="{ isSticky: false }" 1034 class="sticky z-20 mt-8 block flex w-full justify-center py-2 top-[-1px] bg-grey-100"> 1035 <span x-intersect:leave="isSticky = true" 1036 x-intersect:enter="isSticky = false" 1037 class="absolute -top-8 lg:hidden" 1038 ></span> 1039 <span class="mb-0 h3 w-full transition-transform duration-75 ease-out lg:w-10/12" 1040 :class="isSticky && !window.screen.isMd() ? 'translate-x-16' : 'translate-x-0'"> 1041 Blog posts 1042 </span> 1043</div> 1044 <div class="mt-4 flex w-full flex-wrap sm:-mx-2.5 lg:mt-6"> 1045 <template x-for="item in getVisibleItems('blog')"> 1046 <article class="mb-5 w-full sm:px-2.5 sm:w-1/2 lg:mb-6 lg:w-1/3"> 1047 <a :href="item.detail_url" 1048 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"> 1049 <template x-if="item.image"> 1050 <img :src="item.image.replace(/\\\//g, '/')" 1051 :alt="item.title" 1052 class="w-full object-cover object-center h-[12.5rem] lg:h-64"> 1053 </template> 1054 <div class="w-full px-3 py-4 md:px-5 md:py-6"> 1055 <span x-text="`${$store.utility.formatDate(item.date, 'dd.MM.yyyy')} - ${item.author}`" 1056 class="mb-3 block text-sm"></span> 1057 <span x-text="item.title" 1058 class="mb-3 block font-normal h4 text-primary"></span> 1059 <p x-html="getHighlights(item.lead)" 1060 class="mb-0 line-clamp-4 lg:line-clamp-5"></p> 1061 </div> 1062 </a> 1063</article> </template> 1064 </div> 1065 1066 <div class="flex w-full flex-col gap-2 pb-6 sm:flex-row sm:gap-4 lg:gap-12"> 1067 <button class="flex items-center gap-2 font-semibold transition-colors duration-75 ease-out before:icon-plus text-primary disabled:text-grey-400" 1068 :disabled="isLoadMoreDisabled('blog')" 1069 @click="results.blog.page++"> 1070 Show more 1071 </button> 1072 1073 </div> 1074 </li> 1075 </template> 1076 1077 <template x-if="results.employee?.show && results.employee.items.length"> 1078 <li class="flex w-full flex-col items-center border-t border-blue-200"> 1079 <div x-data="{ isSticky: false }" 1080 class="sticky z-20 mt-8 block flex w-full justify-center py-2 top-[-1px] bg-grey-100"> 1081 <span x-intersect:leave="isSticky = true" 1082 x-intersect:enter="isSticky = false" 1083 class="absolute -top-8 lg:hidden" 1084 ></span> 1085 <span class="mb-0 h3 w-full transition-transform duration-75 ease-out lg:w-10/12" 1086 :class="isSticky && !window.screen.isMd() ? 'translate-x-16' : 'translate-x-0'"> 1087 People 1088 </span> 1089</div> 1090 <div class="mt-4 mb-5 flex w-full flex-wrap -mx-2.5 lg:mt-6"> 1091 <template x-for="item in getVisibleItems('employee')"> 1092 <div class="w-full px-2.5 sm:w-1/3"> 1093 <a :href="item.detail_url" 1094 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"> 1095 <span x-text="item.full_name" 1096 class="font-normal text-blue-400 mb-1.5 h5 group-hover:text-white group-focus:text-white"> 1097 </span> 1098 <p x-text="item.academic_title" 1099 class="mb-0 group-hover:text-white group-focus:text-white" 1100 ></p> 1101 <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> 1102 </a> 1103</div> </template> 1104 </div> 1105 1106 <div class="flex w-full flex-col gap-2 pb-6 sm:flex-row sm:gap-4 lg:w-10/12 lg:gap-12"> 1107 <button class="flex items-center gap-2 font-semibold transition-colors duration-75 ease-out text-primary before:icon-plus disabled:text-grey-400" 1108 :disabled="isLoadMoreDisabled('employee')" 1109 @click="results.employee.page++"> 1110 Show more 1111 </button> 1112 1113 </div> 1114 </li> 1115 </template> 1116 1117 <template x-if="results.asset?.show && results.asset.items.length"> 1118 <li class="flex w-full flex-col items-start border-t border-blue-200 lg:w-10/12">
1119 <div x-data="{ isSticky: false }" 1120 class="sticky z-20 mt-8 block flex w-full justify-center py-2 top-[-1px] bg-grey-100"> 1121 <span x-intersect:leave="isSticky = true" 1122 x-intersect:enter="isSticky = false" 1123 class="absolute -top-8 lg:hidden" 1124 ></span> 1125 <span class="mb-0 h3 w-full transition-transform duration-75 ease-out " 1126 :class="isSticky && !window.screen.isMd() ? 'translate-x-16' : 'translate-x-0'"> 1127 Documents 1128 </span> 1129</div> 1130 <div class="mt-4 mb-5 flex w-full flex-col gap-3 lg:mt-6"> 1131 <template x-for="item in getVisibleItems('asset')"> 1132 <a class="flex items-start gap-3" 1133 download="" 1134 :href="item.detail_url"> 1135 <span class="block text-xl before:icon-download text-primary"></span> 1136 <div class="flex flex-col"> 1137 <span x-text="item.title" 1138 class="font-semibold text-primary"></span> 1139 <span x-text="`${item.file_extension} ${item.file_size}`" 1140 class="text-sm uppercase"></span> 1141 </div> 1142</a> </template> 1143 </div> 1144 1145 <div class="flex w-full pb-6"> 1146 <button class="flex items-center gap-2 font-semibold transition-colors duration-75 ease-out text-primary before:icon-plus disabled:text-grey-400" 1147 :disabled="isLoadMoreDisabled('asset')" 1148 @click="results.asset.page++"> 1149 Show more 1150 </button> 1151 </div> 1152 </li> 1153 </template> 1154 </ul> 1155</div> </div> 1156 </div> 1157 1158</div> 1159 </div> 1160</div> 1161 </div> 1162 1163 <!-- First level --> 1164 <div class="mt-14 h-[calc(100vh-160px)] overflow-y-scroll"> 1165 <nav> 1166 <ul> 1167 1168 <li class="relative" role="listitem"> 1169 <div class="flex justify-between bg-grey-100 border-b border-blue-200 "> 1170 <a href="/en/about-fac" 1171 target="_self" 1172 class="flex-grow flex items-center px-4 my-3 text-primary border-primary font-medium text-base"> 1173 About FAC 1174 </a> 1175 1176 <button class="flex items-center justify-center ease-in border-l border-blue-200 px-5 my-3" 1177 @click="togglePrimary(1)"> 1178 <div class="transition transition-transform duration-300" 1179 :class="{ 'scale-y-[-1]' : primaryOpen !== 1 }"> 1180 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-primary w-4"> 1181<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"/> 1182</svg> 1183 1184 </div> 1185 </button> 1186 1187 </div> 1188 1189 <!-- Second level --> 1190 <ul x-show="primaryOpen === 1" 1191 x-transition:enter="transition-transform origin-top ease-out" 1192 x-transition:enter-start="scale-y-0" 1193 x-transition:enter-end="scale-y-100" 1194 class="mx-auto max-w-screen-lg bg-grey-100"> 1195 1196 1197 <li> 1198 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1199 <a href="/en/about-fac/tasks-fac" 1200 target="_self" 1201 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1202 Our tasks 1203 </a> 1204 1205 <button class="flex items-center justify-center ease-in border-l border-blue-200 px-5 my-3" 1206 @click="toggleSecondary(1)"> 1207 <div class="transition transition-transform duration-300" 1208 :class="{ 'scale-y-[-1]' : secondaryOpen !== 1 }"> 1209 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1209ox="0 0 16 16" fill="none" class="w-4"> 1210<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"/> 1211</svg> 1212 1213 </div> 1214 </button> 1215 </div> 1216 1217 <!-- Third level --> 1218 <ul x-show="secondaryOpen === 1" 1219 x-transition:enter="transition-transform origin-top ease-out" 1220 x-transition:enter-start="scale-y-0" 1221 x-transition:enter-end="scale-y-100"> 1222 1223 <li class="pl-4 text-base"> 1224 <a href="/en/about-fac/tasks-fac/judgments" 1225 target="_self" 1226 class="my-3 flex w-full items-center px-4 font-normal border-primary text-primary"> 1227 Judgments 1228 </a> 1229 </li> 1230 <li class="pl-4 text-base"> 1231 <a href="/en/about-fac/tasks-fac/supervision" 1232 target="_self" 1233 class="my-3 flex w-full items-center px-4 font-normal border-primary text-primary"> 1234 Supervision 1235 </a> 1236 </li> 1237 </ul> 1238 1239 </li> 1240 1241 <li> 1242 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1243 <a href="/en/about-fac/organisation" 1244 target="_self" 1245 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1246 Organisation 1247 </a> 1248 1249 <button class="flex items-center justify-center ease-in border-l border-blue-200 px-5 my-3" 1250 @click="toggleSecondary(2)"> 1251 <div class="transition transition-transform duration-300" 1252 :class="{ 'scale-y-[-1]' : secondaryOpen !== 2 }"> 1253 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="w-4"> 1254<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"/> 1255</svg> 1256 1257 </div> 1258 </button> 1259 </div> 1260 1261 <!-- Third level --> 1262 <ul x-show="secondaryOpen === 2" 1263 x-transition:enter="transition-transform origin-top ease-out" 1264 x-transition:enter-start="scale-y-0" 1265 x-transition:enter-end="scale-y-100"> 1266 1267 <li class="pl-4 text-base"> 1268 <a href="/en/about-fac/organisation/court-presidium" 1269 target="_self" 1270 class="my-3 flex w-full items-center px-4 font-normal border-primary text-primary"> 1271 Court Presidium 1272 </a> 1273 </li> 1274 <li class="pl-4 text-base"> 1275 <a href="/en/about-fac/organisation/executive-bodies" 1276 target="_self" 1277 class="my-3 flex w-full items-center px-4 font-normal border-primary text-primary"> 1278 Executive bodies 1279 </a> 1280 </li> 1281 <li class="pl-4 text-base"> 1282 <a href="/en/about-fac/organisation/divisions" 1283 target="_self" 1284 class="my-3 flex w-full items-center px-4 font-normal border-primary text-primary"> 1285 Divisions 1286 </a> 1287 </li> 1288 <li class="pl-4 text-base"> 1289 <a href="/en/about-fac/organisation/general-secretariat" 1290 target="_self" 1291 class="my-3 flex w-full items-center px-4 font-normal border-primary text-primary"> 1292 General Secretariat 1293 </a> 1294 </li> 1295 </ul> 1296 1297 </li> 1298 1299 <li> 1300 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1301 <a href="/en/about-fac/history" 1302 target="_self" 1303 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1304 History 1305 </a> 1306 1307 </div> 1308 1309 <!-- Third level --> 1310 </li> 1311 1312 <li> 1313 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1314 <a href="/en/about-fac/code-of-judicial-conduct" 1315 target="_self" 1316 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1317 Code of Judicial Conduct 1318 </a> 1319 1320 </div> 1321 1322 <!-- Third level --> 1323 </li> 1324 1325 <li> 1326 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1327 <a href="/en/about-fac/employees" 1328 target="_self" 1329 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1330 Judges and employees 1331 </a> 1332 1333 </div> 1334 1335 <!-- Third level --> 1336 </li> 1337 1338 <li> 1339 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1340 <a href="/en/about-fac/procurements" 1341 target="_self" 1342 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1343 Procurements 1344 </a> 1345 1346 </div> 1347 1348 <!-- Third level --> 1349 </li> 1350 1351 <li> 1352 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1353 <a href="/en/about-fac/tours" 1354 target="_self" 1355 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1356 Tours 1357 </a> 1358 1359 <button class="flex items-center justify-center ease-in border-l border-blue-200 px-5 my-3" 1360 @click="toggleSecondary(7)"> 1361 <div class="transition transition-transform duration-300" 1362 :class="{ 'scale-y-[-1]' : secondaryOpen !== 7 }"> 1363 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1363ox="0 0 16 16" fill="none" class="w-4"> 1364<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"/> 1365</svg> 1366 1367 </div> 1368 </button> 1369 </div> 1370 1371 <!-- Third level --> 1372 <ul x-show="secondaryOpen === 7" 1373 x-transition:enter="transition-transform origin-top ease-out" 1374 x-transition:enter-start="scale-y-0" 1375 x-transition:enter-end="scale-y-100"> 1376 1377 <li class="pl-4 text-base"> 1378 <a href="/en/about-fac/tours/public-tours" 1379 target="_self" 1380 class="my-3 flex w-full items-center px-4 font-normal border-primary text-primary"> 1381 Public tours 1382 </a> 1383 </li> 1384 <li class="pl-4 text-base"> 1385 <a href="/en/about-fac/tours/tours-for-groups" 1386 target="_self" 1387 class="my-3 flex w-full items-center px-4 font-normal border-primary text-primary"> 1388 Tours for groups 1389 </a> 1390 </li> 1391 </ul> 1392 1393 </li> 1394 </ul> 1395 1396 </li> 1397 1398 1399 <li class="relative" role="listitem"> 1400 <div class="flex justify-between bg-grey-100 border-b border-blue-200 "> 1401 <a href="/en/jurisprudence" 1402 target="_self" 1403 class="flex-grow flex items-center px-4 my-3 text-primary border-primary font-medium text-base"> 1404 Jurisprudence 1405 </a> 1406 1407 <button class="flex items-center justify-center ease-in border-l border-blue-200 px-5 my-3" 1408 @click="togglePrimary(2)"> 1409 <div class="transition transition-transform duration-300" 1410 :class="{ 'scale-y-[-1]' : primaryOpen !== 2 }"> 1411 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-primary w-4"> 1412<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"/> 1413</svg> 1414 1415 </div> 1416 </button> 1417 1418 </div> 1419 1420 <!-- Second level --> 1421 <ul x-show="primaryOpen === 2" 1422 x-transition:enter="transition-transform origin-top ease-out" 1423 x-transition:enter-start="scale-y-0" 1424 x-transition:enter-end="scale-y-100" 1425 class="mx-auto max-w-screen-lg bg-grey-100"> 1426 1427 1428 <li> 1429 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1430 <a href="/en/jurisprudence/judgments-database" 1431 target="_self" 1432 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1433 Judgments database 1434 </a> 1435 1436 </div> 1437 1438 <!-- Third level --> 1439 </li> 1440 1441 <li> 1442 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1443 <a href="/en/jurisprudence/
1443publication-practices" 1444 target="_self" 1445 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1446 Publication practices 1447 </a> 1448 1449 </div> 1450 1451 <!-- Third level --> 1452 </li> 1453 1454 <li> 1455 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1456 <a href="/en/jurisprudence/decisions-of-the-fac-bulletin" 1457 target="_self" 1458 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1459 Decisions of the FAC Bulletin 1460 </a> 1461 1462 </div> 1463 1464 <!-- Third level --> 1465 </li> 1466 1467 <li> 1468 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1469 <a href="/en/jurisprudence/reference-judgments" 1470 target="_self" 1471 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1472 Reference judgments 1473 </a> 1474 1475 </div> 1476 1477 <!-- Third level --> 1478 </li> 1479 1480 <li> 1481 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1482 <a href="/en/jurisprudence/proceedings" 1483 target="_self" 1484 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1485 Proceedings at the FAC 1486 </a> 1487 1488 </div> 1489 1490 <!-- Third level --> 1491 </li> 1492 1493 <li> 1494 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1495 <a href="/en/jurisprudence/electronic-submission" 1496 target="_self" 1497 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1498 Electronic submission by parties 1499 </a> 1500 1501 </div> 1502 1503 <!-- Third level --> 1504 </li> 1505 1506 <li> 1507 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1508 <a href="/en/jurisprudence/
1508public-sessions" 1509 target="_self" 1510 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1511 Public sessions 1512 </a> 1513 1514 </div> 1515 1516 <!-- Third level --> 1517 </li> 1518 1519 <li> 1520 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1521 <a href="/en/jurisprudence/panel-formation" 1522 target="_self" 1523 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1524 Panel formation 1525 </a> 1526 1527 </div> 1528 1529 <!-- Third level --> 1530 </li> 1531 </ul> 1532 1533 </li> 1534 1535 1536 <li class="relative" role="listitem"> 1537 <div class="flex justify-between bg-grey-100 border-b border-blue-200 "> 1538 <a href="/en/publications" 1539 target="_self" 1540 class="flex-grow flex items-center px-4 my-3 text-primary border-primary font-medium text-base"> 1541 Publications 1542 </a> 1543 1544 <button class="flex items-center justify-center ease-in border-l border-blue-200 px-5 my-3" 1545 @click="togglePrimary(3)"> 1546 <div class="transition transition-transform duration-300" 1547 :class="{ 'scale-y-[-1]' : primaryOpen !== 3 }"> 1548 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-primary w-4"> 1549<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"/> 1550</svg> 1551 1552 </div> 1553 </button> 1554 1555 </div> 1556 1557 <!-- Second level --> 1558 <ul x-show="primaryOpen === 3" 1559 x-transition:enter="transition-transform origin-top ease-out" 1560 x-transition:enter-start="scale-y-0" 1561 x-transition:enter-end="scale-y-100" 1562 class="mx-auto max-w-screen-lg bg-grey-100"> 1563 1564 1565 <li> 1566 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1567 <a href="/en/publications/media-releases" 1568 target="_self" 1569 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1570 Media releases 1571 </a> 1572 1573 </div> 1574 1575 <!-- Third level --> 1576 </li> 1577 1578 <li> 1579 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1580 <a href="/blog" 1581 target="_self" 1582 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1583 Blog 1584 </a> 1585 1586 </div> 1587 1588 <!-- Third level --> 1589 </li> 1590 1591 <li> 1592 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1593 <a href="/en/publications/annual-reports" 1594 target="_self" 1595 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1596 Annual reports and booklets 1597 </a> 1598 1599 </div> 1600 1601 <!-- Third level --> 1602 </li> 1603 1604 <li> 1605 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1606 <a href="/en/publications/images-for-download" 1607 target="_self" 1608 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1609 Images for Download 1610 </a> 1611 1612 </div> 1613 1614 <!-- Third level --> 1615 </li> 1616 </ul> 1617 1618 </li> 1619 1620 1621 <li class="relative" role="listitem"> 1622 <div class="flex justify-between bg-grey-100 border-b border-blue-200 "> 1623 <a href="/en/working-at-the-fac" 1624 target="_self" 1625 class="flex-grow flex items-center px-4 my-3 text-primary border-primary font-medium text-base"> 1626 Working at the FAC 1627 </a> 1628 1629 <button class="flex items-center justify-center ease-in border-l border-blue-200 px-5 my-3" 1630 @click="togglePrimary(4)"> 1631 <div class="transition transition-transform duration-300" 1632 :class="{ 'scale-y-[-1]' : primaryOpen !== 4 }"> 1633 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1633ox="0 0 16 16" fill="none" class="text-primary w-4"> 1634<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"/> 1635</svg> 1636 1637 </div> 1638 </button> 1639 1640 </div> 1641 1642 <!-- Second level --> 1643 <ul x-show="primaryOpen === 4" 1644 x-transition:enter="transition-transform origin-top ease-out" 1645 x-transition:enter-start="scale-y-0" 1646 x-transition:enter-end="scale-y-100" 1647 class="mx-auto max-w-screen-lg bg-grey-100"> 1648 1649 1650 <li> 1651 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1652 <a href="/en/working-at-the-fac/the-fac-as-employer" 1653 target="_self" 1654 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1655 The FAC as employer 1656 </a> 1657 1658 </div> 1659 1660 <!-- Third level --> 1661 </li> 1662 1663 <li> 1664 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1665 <a href="/en/working-at-the-fac/professions" 1666 target="_self" 1667 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1668 Professions at the FAC 1669 </a> 1670 1671 </div> 1672 1673 <!-- Third level --> 1674 </li> 1675 1676 <li> 1677 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1678 <a href="/en/working-at-the-fac/job-vacancies" 1679 target="_self" 1680 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1681 Job vacancies 1682 </a> 1683 1684 </div> 1685 1686 <!-- Third level --> 1687 </li> 1688 1689 <li> 1690 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1691 <a href="/en/working-at-the-fac/traineeship" 1692 target="_self" 1693 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1694 Traineeships 1695 </a> 1696 1697 </div> 1698 1699 <!-- Third level --> 1700 </li> 1701 1702 <li> 1703 <div class="flex justify-between border-b border-white bg-blue-50 text-primary"> 1704 <a href="/en/working-at-the-fac/apprenticeships" 1705 target="_self" 1706 class="my-3 flex flex-grow items-center px-4 text-base font-normal border-primary"> 1707 Apprenticeships 1708 </a> 1709 1710 </div> 1711 1712 <!-- Third level --> 1713 </li> 1714 </ul> 1715 1716 </li> 1717 1718 </ul> 1719 </nav> 1720 1721 <div class="mt-2"> 1722 1723 <nav> 1724 <ul class="flex flex-col"> 1725 <li role="listitem"> 1726 <div class="flex flex-row gap-3"> 1727 <a href="/en/contact" 1728 target="_self" 1729 class="flex-grow flex items-center px-4 py-3 font-normal text-base text-primary "> 1730 Contact 1731 </a> 1732 </div> 1733 </li> 1734 <li role="listitem"> 1735 <div class="flex flex-row gap-3"> 1736 <a href="/en/faq" 1737 target="_self" 1738 class="flex-grow flex items-center px-4 py-3 font-normal text-base text-primary text-primary"> 1739 FAQ 1740 </a> 1741 </div> 1742 </li> 1743 <li role="listitem"> 1744 <div class="flex flex-row gap-3"> 1745 <a href="/en/publications" 1746 target="_self" 1747 class="flex-grow flex items-center px-4 py-3 font-normal text-base text-primary "> 1748 Media 1749 </a> 1750 <button class="flex items-center justify-center ease-in px-5" 1751 @click="primaryOpen = null; toggleSecondary('sub3')"> 1752 <div class="transition transition-transform duration-300" 1753 :class="{ 'scale-y-[-1]' : secondaryOpen !== 'sub3' }"> 1754 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1754ox="0 0 16 16" fill="none" class="text-primary w-4"> 1755<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"/> 1756</svg> 1757 1758 </div> 1759 </button> 1760 </div> 1761 <ul x-show="secondaryOpen === 'sub3'" class="ml-4 mb-4"> 1762 <li> 1763 <a href="/en/publications/media-releases" 1764 target="_self" 1765 class="flex-grow flex items-center px-4 py-1.5 font-normal text-base text-primary "> 1766 Media releases 1767 </a> 1768 </li> 1769 <li> 1770 <a href="/en/newsletter" 1771 target="_self" 1772 class="flex-grow flex items-center px-4 py-1.5 font-normal text-base text-primary "> 1773 Sign up for media releases 1774 </a> 1775 </li> 1776 <li> 1777 <a href="/en/navigation/generic-nav/medien/contact-media-service" 1778 target="_self" 1779 class="flex-grow flex items-center px-4 py-1.5 font-normal text-base text-primary "> 1780 Contact Media Service 1781 </a> 1782 </li> 1783 <li> 1784 <a href="/en/publications/annual-reports" 1785 target="_self" 1786 class="flex-grow flex items-center px-4 py-1.5 font-normal text-base text-primary "> 1787 Publications 1788 </a> 1789 </li> 1790 <li> 1791 <a href="/en/publications/images-for-download" 1792 target="_self" 1793 class="flex-grow flex items-center px-4 py-1.5 font-normal text-base text-primary "> 1794 Images for download 1795 </a> 1796 </li> 1797 <li> 1798 <a href="/en/navigation/generic-nav/medien/accreditation" 1799 target="_self" 1800 class="flex-grow flex items-center px-4 py-1.5 font-normal text-base text-primary "> 1801 Accreditation 1802 </a> 1803 </li> 1804 <li> 1805 <a href="https://medienportal.bvger.ch/en" 1806 target="_blank" 1807 class="flex-grow flex items-center px-4 py-1.5 font-normal text-base text-primary "> 1808 Media portal 1809 </a> 1810 </li> 1811 </ul> 1812 </li> 1813 </ul> 1814 </nav> 1815 1816 1817 </div> 1818 <div class="fixed bottom-0 left-0 flex w-full items-center h-[70px] bg-primary inverted"> 1819 <div class="container flex flex-row align-center"> 1820 <div class="mr-4 flex items-center text-blue-200"> 1821 Stay informed 1822 </div> 1823 <div class="text-blue-200"> 1824 1825 <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"> 1826 1827 1828 <a href="https://www.instagram.com/bvger_schweiz/" class="text-blue-200 hover:text-white transition-colors" target="_blank"> 1829 <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="none" viewBox="0 0 26 26" class="h-6">
1830 <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
18300 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"/> 1831</svg> 1832 1833 </a> 1834 1835 1836 <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"> 1837 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" class="h-6"> 1838 <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"/> 1839</svg> 1840 1841 </a> 1842 1843 1844 <a href="https://twitter.com/BVGer_Schweiz" class="text-blue-200 hover:text-white transition-colors" target="_blank"> 1845 <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 26 24" class="h-6"> 1846 <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"/> 1847</svg> 1848 1849 </a> 1850 1851 1852 <a href="https://www.youtube.com/channel/UCpvjQCdEzYLzzWgE8GHtAnA" class="text-blue-200 hover:text-white transition-colors" target="_blank"> 1853 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" class="h-6"> 1854 <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"/> 1855</svg> 1856 1857 </a> 1858 </div> 1859 1860 </div> 1861 </div> 1862 </div> 1863 1864 </div> 1865 </div> 1866</div> 1867 </div> 1868 <div class="hidden md:block content-right"> 1869 1870<div class="flex justify-between my-auto w-full md:justify-end"> 1871 <nav class="flex items-center max-w-screen-lg" aria-label="Main menu"> 1872 <ul class="flex h-full -mr-4 z-50"> 1873 1874 1875 <li x-data="{ open: false }" 1876 class="flex items-end lg:items-center last:pr-0 h-full text-lg h-[74px] hover:bg-grey-100 group" 1877 :class="open && 'active bg-grey-100'"> 1878 <a href="/en/about-fac" target="_self" 1879 @keyup.enter.prevent="open = ! open" @keyup.space="open = ! open" 1880 @keyup.esc="open = false" 1881 role="link" 1882 aria-label="Open About FAC Sub-menu" 1883 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 "> 1884 About FAC 1885 </a> 1886 1887 <!-- Second level --> 1888 <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" 1889 :class="open ? 'visible opacity-100' : 'invisible opacity-0'"> 1890 <ul class="container columns-4 mx-auto" @keyup.esc="open = false"> 1891 1892 <li class="px-3 border-b border-blue-200 space-x-4 break-inside-avoid-column "> 1893 <a href="/en/about-fac/tasks-fac" target="_self" 1894 aria-label="Open Our tasks Page" 1895 class="flex items-center w-full h-12 text-base font-bold text-primary hover:text-body" role="link"> 1896 Our tasks 1897 </a> 1898 1899 <!-- Third level --> 1900 <ul class="my-2"> 1901 <li class="text-base"> 1902 <a href="/en/about-fac/tasks-fac/judgments" target="_self" 1903 aria-label="Open Judgments Page" 1904 class="flex items-center w-full h-8 text-primary hover:text-body text-sm lg:text-[16
1904px]"> 1905 Judgments 1906 </a> 1907 </li> 1908 <li class="text-base"> 1909 <a href="/en/about-fac/tasks-fac/supervision" target="_self" 1910 aria-label="Open Supervision Page" 1911 class="flex items-center w-full h-8 text-primary hover:text-body text-sm lg:text-[16px]"> 1912 Supervision 1913 </a> 1914 </li> 1915 </ul> 1916 1917 </li> 1918 1919 <li class="px-3 border-b border-blue-200 space-x-4 break-inside-avoid-column "> 1920 <a href="/en/about-fac/organisation" target="_self" 1921 aria-label="Open Organisation Page" 1922 class="flex items-center w-full h-12 text-base font-bold text-primary hover:text-body" role="link"> 1923 Organisation 1924 </a> 1925 1926 <!-- Third level --> 1927 <ul class="my-2"> 1928 <li class="text-base"> 1929 <a href="/en/about-fac/organisation/court-presidium" target="_self" 1930 aria-label="Open Court Presidium Page" 1931 class="flex items-center w-full h-8 text-primary hover:text-body text-sm lg:text-[16px]"> 1932 Court Presidium 1933 </a> 1934 </li> 1935 <li class="text-base"> 1936 <a href="/en/about-fac/organisation/executive-bodies" target="_self" 1937 aria-label="Open Executive bodies Page" 1938 class="flex items-center w-full h-8 text-primary hover:text-body text-sm lg:text-[16px]"> 1939 Executive bodies 1940 </a> 1941 </li> 1942 <li class="text-base"> 1943 <a href="/en/about-fac/organisation/divisions" target="_self" 1944 aria-label="Open Divisions Page" 1945 class="flex items-center w-full h-8 text-primary hover:text-body text-sm lg:text-[16px]"> 1946 Divisions 1947 </a> 1948 </li> 1949 <li class="text-base"> 1950 <a href="/en/about-fac/organisation/general-secretariat" target="_self" 1951 aria-label="Open General Secretariat Page" 1952 class="flex items-center w-full h-8 text-primary hover:text-body text-sm lg:text-[16px]"> 1953 General Secretariat 1954 </a> 1955 </li> 1956 </ul> 1957 1958 </li> 1959 1960 <li class="px-3 border-b border-blue-200 space-x-4 break-inside-avoid-column "> 1961 <a href="/en/about-fac/history" target="_self" 1962 aria-label="Open History Page" 1963 class="flex items-center w-full h-12 text-base font-bold text-primary hover:text-body" role="link"> 1964 History 1965 </a> 1966 1967 <!-- Third level --> 1968 1969 </li> 1970 1971 <li class="px-3 border-b border-blue-200 space-x-4 break-inside-avoid-column "> 1972 <a href="/en/about-fac/code-of-judicial-conduct" target="_self" 1973 aria-label="Open Code of Judicial Conduct Page" 1974 class="flex items-center w-full h-12 text-base font-bold text-primary hover:text-body" role="link"> 1975 Code of Judicial Conduct 1976 </a> 1977 1978 <!-- Third level --> 1979 1980 </li> 1981 1982 <li class="px-3 border-b border-blue-200 space-x-4 break-inside-avoid-column "> 1983 <a href="/en/about-fac/employees" target="_self" 1984 aria-label="Open Judges and employees Page" 1985 class="flex items-center w-full h-12 text-base font-bold text-primary hover:text-body" role="link"> 1986 Judges and employees 1987 </a> 1988 1989 <!-- Third level --> 1990 1991 </li> 1992 1993 <li class="px-3 border-b border-blue-200 space-x-4 break-inside-avoid-column "> 1994 <a href="/en/about-fac/procurements" target="_self" 1995 aria-label="Open Procurements Page" 1996 class="flex items-center w-full h-12 text-base font-bold text-primary hover:text-body" role="link"> 1997 Procurements 1998 </a> 1999 2000 <!-- Third level --> 2001 2002 </li> 2003 2004 <li class="px-3 border-b border-blue-200 space-x-4 break-inside-avoid-column "> 2005 <a href="/en/about-fac/tours" target="_self" 2006 aria-label="Open Tours Page" 2007 class="flex items-center w-full h-12 text-base font-bold text-primary hover:text-body" role="link"> 2008 Tours 2009 </a> 2010 2011 <!-- Third level --> 2012 <ul class="my-2"> 2013 <li class="text-base"> 2014 <a href="/en/about-fac/tours/public-tours" target="_self" 2015 aria-label="Open Public tours Page" 2016 class="flex items-center w-full h-8 text-primary hover:text-body text-sm lg:text-[16
2016px]"> 2017 Public tours 2018 </a> 2019 </li> 2020 <li class="text-base"> 2021 <a href="/en/about-fac/tours/tours-for-groups" target="_self" 2022 aria-label="Open Tours for groups Page" 2023 class="flex items-center w-full h-8 text-primary hover:text-body text-sm lg:text-[16px]"> 2024 Tours for groups 2025 </a> 2026 </li> 2027 </ul> 2028 2029 </li> 2030 </ul> 2031 </div> 2032 </li> 2033 2034 <li x-data="{ open: false }" 2035 class="flex items-end lg:items-center last:pr-0 h-full text-lg h-[74px] hover:bg-grey-100 relative group" 2036 :class="open && 'active bg-grey-100'"> 2037 <a href="/en/jurisprudence" target="_self" 2038 @keyup.enter.prevent="open = ! open" @keyup.space="open = ! open" 2039 @keyup.esc="open = false" 2040 role="link" 2041 aria-label="Open Jurisprudence Sub-menu" 2042 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 "> 2043 Jurisprudence 2044 </a> 2045 2046 <!-- Second level --> 2047 2048 <div x-data 2049 id="second-level-container-2" 2050 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" 2051 :class="{'right-0' : !viewport.rightInViewport($el)}"> 2052 2053 <ul class="flex flex-col relative p-4 pb-12" @keyup.esc="open = false"> 2054 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2055 x-data="{open: false}" 2056 @mouseover="open = true" @mouseleave="open = false"> 2057 <a id="second-level-21" 2058 href="/en/jurisprudence/judgments-database" 2059 target="_self" 2060 aria-label="Open Judgments database Page" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2061 2062 Judgments database 2063 2064 </a> 2065 </li> 2066 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2067 x-data="{open: false}" 2068 @mouseover="open = true" @mouseleave="open = false"> 2069 <a id="second-level-22" 2070 href="/en/jurisprudence/publication-practices" 2071 target="_self" 2072 aria-label="Open Publication practices Page" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2073 2074 Publication practices 2075 2076 </a> 2077 </li> 2078 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2079 x-data="{open: false}" 2080 @mouseover="open = true" @mouseleave="open = false"> 2081 <a id="second-level-23" 2082 href="/en/jurisprudence/decisions-of-the-fac-bulletin" 2083 target="_self" 2084 aria-label="Open Decisions of the FAC Bulletin Page" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2085 2086 Decisions of the FAC Bulletin 2087 2088 </a> 2089 </li> 2090 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2091 x-data="{open: false}" 2092 @mouseover="open = true" @mouseleave="open = false"> 2093 <a id="second-level-24" 2094 href="/en/jurisprudence/reference-judgments" 2095 target="_self" 2096 aria-label="Open Reference judgments Page" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2097 2098 Reference judgments 2099 2100 </a> 2101 </li> 2102 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2103 x-data="{open: false}" 2104 @mouseover="open = true" @mouseleave="open = false"> 2105 <a id="second-level-25"
2106 href="/en/jurisprudence/proceedings" 2107 target="_self" 2108 aria-label="Open Proceedings at the FAC Page" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2109 2110 Proceedings at the FAC 2111 2112 </a> 2113 </li> 2114 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2115 x-data="{open: false}" 2116 @mouseover="open = true" @mouseleave="open = false"> 2117 <a id="second-level-26" 2118 href="/en/jurisprudence/electronic-submission" 2119 target="_self" 2120 aria-label="Open Electronic submission by parties Page" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2121 2122 Electronic submission by parties 2123 2124 </a> 2125 </li> 2126 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2127 x-data="{open: false}" 2128 @mouseover="open = true" @mouseleave="open = false"> 2129 <a id="second-level-27" 2130 href="/en/jurisprudence/public-sessions" 2131 target="_self" 2132 aria-label="Open Public sessions Page" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2133 2134 Public sessions 2135 2136 </a> 2137 </li> 2138 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2139 x-data="{open: false}" 2140 @mouseover="open = true" @mouseleave="open = false"> 2141 <a id="second-level-28" 2142 href="/en/jurisprudence/panel-formation" 2143 target="_self" 2144 aria-label="Open Panel formation Page" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2145 2146 Panel formation 2147 2148 </a> 2149 </li> 2150 </ul> 2151 </div> 2152 </li> 2153 2154 <li x-data="{ open: false }" 2155 class="flex items-end lg:items-center last:pr-0 h-full text-lg h-[74px] hover:bg-grey-100 relative group" 2156 :class="open && 'active bg-grey-100'"> 2157 <a href="/en/publications" target="_self" 2158 @keyup.enter.prevent="open = ! open" @keyup.space="open = ! open" 2159 @keyup.esc="open = false" 2160 role="link" 2161 aria-label="Open Publications Sub-menu" 2162 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 "> 2163 Publications 2164 </a> 2165 2166 <!-- Second level --> 2167 2168 <div x-data 2169 id="second-level-container-3" 2170 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" 2171 :class="{'right-0' : !viewport.rightInViewport($el)}"> 2172 2173 <ul class="flex flex-col relative p-4 pb-12" @keyup.esc="open = false"> 2174 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2175 x-data="{open: false}" 2176 @mouseover="open = true" @mouseleave="open = false"> 2177 <a id="second-level-31" 2178 href="/en/publications/media-releases" 2179 target="_self" 2180 aria-label="Open Media releases Page" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2181 2182 Media releases 2183 2184 </a> 2185 </li> 2186 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2187 x-data="{open: false}" 2188 @mouseover="open = true" @mouseleave="open = false"> 2189 <a id="second-level-32" 2190 href="/blog" 2191 target="_self" 2192 aria-label="Open Blog Page" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2193 2194 Blog 2195 2196 </a> 2197 </li> 2198 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2199 x-data="{open: false}" 2200 @mouseover="open = true" @mouseleave="open = false"> 2201 <a id="second-level-33" 2202 href="/en/publications/annual-reports" 2203 target="_self" 2204 aria-label="Open Annual reports and booklets Page" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2205 2206 Annual reports and booklets 2207 2208 </a> 2209 </li> 2210 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2211 x-data="{open: false}" 2212 @mouseover="open = true" @mouseleave="open = false"> 2213 <a id="second-level-34" 2214 href="/en/publications/images-for-download" 2215 target="_self" 2216 aria-label="Open Images for Download Page" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2217 2218 Images for Download 2219 2220 </a> 2221 </li> 2222 </ul> 2223 </div> 2224 </li> 2225 2226 <li x-data="{ open: false }" 2227 class="flex items-end lg:items-center last:pr-0 h-full text-lg h-[74px] hover:bg-grey-100 relative group" 2228 :class="open && 'active bg-grey-100'"> 2229 <a href="/en/working-at-the-fac" target="_self" 2230 @keyup.enter.prevent="open = ! open" @keyup.space="open = ! open" 2231 @keyup.esc="open = false" 2232 role="link" 2233 aria-label="Open Working at the FAC Sub-menu" 2234 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 "> 2235 Working at the FAC 2236 </a> 2237 2238 <!-- Second level --> 2239 2240 <div x-data 2241 id="second-level-container-4" 2242 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" 2243 :class="{'right-0' : !viewport.rightInViewport($el)}"> 2244 2245 <ul class="flex flex-col relative p-4 pb-12" @keyup.esc="open = false"> 2246 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2247 x-data="{open: false}" 2248 @mouseover="open = true" @mouseleave="open = false"> 2249 <a id="second-level-41" 2250 href="/en/working-at-the-fac/the-fac-as-employer" 2251 target="_self" 2252 aria-label="Open The FAC as employer Page" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2253 2254 The FAC as employer 2255 2256 </a> 2257 </li> 2258 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2259 x-data="{open: false}" 2260 @mouseover="open = true" @mouseleave="open = false"> 2261 <a id="second-level-42" 2262 href="/en/working-at-the-fac/professions" 2263 target="_self" 2264 aria-label="Open Professions at the FAC Page" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2265 2266 Professions at the FAC 2267 2268 </a> 2269 </li> 2270 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2271 x-data="{open: false}" 2272 @mouseover="open = true" @mouseleave="open = false"> 2273 <a id="second-level-43" 2274 href="/en/working-at-the-fac/job-vacancies" 2275 target="_self" 2276 aria-label="Open Job vacancies Page" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2277 2278 Job vacancies 2279 2280 </a> 2281 </li> 2282 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2283 x-data="{open: false}" 2284 @mouseover="open = true" @mouseleave="open = false"> 2285 <a id="second-level-44" 2286 href="/en/working-at-the-fac/traineeship" 2287 target="_self" 2288 aria-label="Open Traineeships Page" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2289 2290 Traineeships 2291 2292 </a> 2293 </li> 2294 <li class="second-level-group border-b relative border-primary bg-grey-100 text-primary hover:text-black transition duration-300" 2295 x-data="{open: false}" 2296 @mouseover="open = true" @mouseleave="open = false"> 2297 <a id="second-level-45" 2298 href="/en/working-at-the-fac/apprenticeships" 2299 target="_self" 2300 aria-label="Open Apprenticeships Page" class="second-level-group-link py-3 flex items-center justify-start text-[15px] lg:text-[17px] font-semibold leading-tight"> 2301 2302 Apprenticeships 2303 2304 </a> 2305 </li> 2306 </ul> 2307 </div> 2308 </li> 2309 2310 </ul> 2311 </nav> 2312</div> 2313 </div> 2314 </div> 2315 </div> 2316 </div> 2317 2318</header> 2319 2320 2321 2322 <div class="w-full top-0 h-[139px] sm:h-[571px] sm:-top-[210px] sm:-mb-[210px] lg:mb-0 lg:top-0 relative print:hidden "> 2323 <picture > 2324 <source srcset="/bvger/images/titelbilder/navigationsleiste/402/image-thumb__402__header_image_small_auto_8bc693a7aa79306cf85b70c93d08621a/symbolbild-faq_logo-an-hauswand~-~media--36d9dbc4--query.abfc0b3a.jpg 1x, /bvger/images/titelbilder/navigationsleiste/402/image-thumb__402__header_image_small_auto_8bc693a7aa79306cf85b70c93d08621a/symbolbild-faq_logo-an-hauswand~-~media--36d9dbc4--query@2x.abfc0b3a.jpg 2x" media="(max-width: 480px)" width="624" height="139" type="image/jpeg" /> 2325 <source srcset="/bvger/images/titelbilder/navigationsleiste/402/image-thumb__402__header_image_small_auto_8bc693a7aa79306cf85b70c93d08621a/symbolbild-faq_logo-an-hauswand.5e4baf0f.jpg 1x, /bvger/images/titelbilder/navigationsleiste/402/image-thumb__402__header_image_small_auto_8bc693a7aa79306cf85b70c93d08621a/[email protected] 2x" width="2560" height="571" type="image/jpeg" /> 2326 <img class="h-full w-full object-cover" src="/bvger/images/titelbilder/navigationsleiste/402/image-thumb__402__header_image_small_auto_8bc693a7aa79306cf85b70c93d08621a/symbolbild-faq_logo-an-hauswand.5e4baf0f.jpg" width="2560" height="571" alt="Logo FAC on outside wall" title="Logo FAC on outside wall" loading="lazy" srcset="/bvger/images/titelbilder/navigationsleiste/402/image-thumb__402__header_image_small_auto_8bc693a7aa79306cf85b70c93d08621a/symbolbild-faq_logo-an-hauswand.5e4baf0f.jpg 1x, /bvger/images/titelbilder/navigationsleiste/402/image-thumb__402__header_image_small_auto_8bc693a7aa79306cf85b70c93d08621a/[email protected] 2x" /> 2327</picture> 2328 2329 2330 </div> 2331 2332 2333 2334 2335 2336 2337 2338 2339<nav class="md:mb-8 lg:mb-16 hidden md:block print:hidden"> 2340 <ul class="container my-8" aria-label="website.aria.label.breadcrumb"> 2341 <li class="inline" role="listitem"> 2342 <a class="hover:text-blue-300 transition text-body text-body" 2343 href="/en">Home</a> 2344 </li> 2345 <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">
2346 <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"/> 2347</svg> 2348 2349 <li class="inline" role="listitem"> 2350 <span class="text-blue-300 cursor-default">FAQ</span> 2351 </li> 2352 </ul> 2353</nav> 2354 2355<main class="flex-grow mt-16 sm:mt-0"> 2356 2357 2358 2359 2360 2361 2362 2363 <div class="toolbox-element toolbox-container "> 2364 2365 2366 2367<div class="toolbox-element toolbox-container"> 2368 <div class="toolbox-container-background bg-transparent" data-color="bg-transparent"> 2369 <div class="container flex flex-col md:flex-row space-x-4 "> 2370 <div class="w-full sm:w-full md:w-9/12 md:ml-1/12"> 2371 2372 2373 2374 2375 2376 2377 2378 <div class="toolbox-element toolbox-headline "> 2379 2380 <a class="toolbox-anchor" id="faq"></a> 2381 2382<h1 class="h1"> 2383FAQ 2384</h1> 2385 2386</div> 2387 2388 2389 2390 2391 2392 2393 2394 2395 2396 2397 <div class="toolbox-element toolbox-spacer " > 2398 2399 2400 2401<div class="my-3"> </div> 2402 2403</div> 2404 2405 2406 2407 2408 2409 2410 2411 2412 2413 <div class="toolbox-element toolbox-content wysiwyg content-container "> 2414 2415
2415<script src="/static/default/497.aa111b2b.js"></script>
2415<script src="/static/default/toolbox.ecfd3a8d.js"></script>
2415 2416<p class="lead">About the Federal Administrative Court</p> 2417 2418 2419</div> 2420 2421 2422 2423 2424 2425 2426 2427 2428 2429 <div class="toolbox-element toolbox-headline "> 2430 2431 <a class="toolbox-anchor" id="institution-und-aufgaben"></a> 2432 2433<h2 class="h2"> 2434Institution and tasks 2435</h2> 2436 2437</div> 2438 2439 2440 2441 2442 2443 2444 2445 2446 2447 2448 <div class="toolbox-element toolbox-accordion component-accordion "> 2449 2450 2451
2451<script src="/static/default/accordion.ade83f28.js"></script>
2451 2452 2453 2454<div class="gap-component w-full"> 2455 2456 <ul x-data="accordion()"> 2457 2458 2459 <li class="mb-2"> 2460 2461 2462 2463 <div class="flex justify-between items-center p-4 group cursor-pointer" 2464 :class="accOpen === '' || accOpen === '0' ? 'bg-primary text-white' : 'bg-grey-100 hover:bg-blue-300 hover:text-white'" 2465 @click="e => toggleAt(e, '0')"> 2466 <div class="h5 mb-0"> 2467 Who and what is the Federal Administrative Court? 2468 </div> 2469 <div x-show="accOpen === '' || accOpen === '0'" class="ml-4"> 2470 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-white w-4 group-hover:text-white"> 2471<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"/> 2472</svg> 2473 2474 </div> 2475 <div x-show="accOpen !== '' && accOpen !== '0'" class="ml-4"> 2476 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-black w-4 group-hover:text-white"> 2477<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"/> 2478</svg> 2479 2480 </div> 2481 </div> 2482 2483 2484 <div x-show="accOpen === '' || accOpen === '0'" 2485 x-transition:enter="transition-transform origin-top ease-out duration-75" 2486 x-transition:enter-start="scale-y-0" 2487 x-transition:enter-end="scale-y-100" 2488 class="py-3 md:py-5"> 2489 2490 2491 2492 2493 2494 2495 2496 2497 <div class="toolbox-element toolbox-content wysiwyg content-container "> 2498 2499 2500<p>The Federal Administrative Court based in St. Gallen is the general administrative court of Switzerland. As a federal institution, it issues judgments in the three official languages of German, French and Italian. It examines the legality of decisions rendered by federal administrative authorities and appeals against certain decisions made by cantonal governments, for example in matters pertaining to health insurance. Its more than <a href="/en/about-fac/employees">470 employees</a>, about three quarters of whom are legally trained, come from all language regions of Switzerland.</p> 2501 2502</div> 2503 2504 2505 2506 2507 </div> 2508 </li> 2509 <li class="mb-2"> 2510 2511 2512 2513 <div class="flex justify-between items-center p-4 group cursor-pointer" 2514 :class="accOpen === '' || accOpen === '1' ? 'bg-primary text-white' : 'bg-grey-100 hover:bg-blue-300 hover:text-white'" 2515 @click="e => toggleAt(e, '1')"> 2516 <div class="h5 mb-0"> 2517 How is the Federal Administrative Court organised? 2518 </div> 2519 <div x-show="accOpen === '' || accOpen === '1'" class="ml-4"> 2520 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-white w-4 group-hover:text-white"> 2521<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"/> 2522</svg> 2523 2524 </div> 2525 <div x-show="accOpen !== '' && accOpen !== '1'" class="ml-4"> 2526 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-black w-4 group-hover:text-white"> 2527<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"/> 2528</svg> 2529 2530 </div> 2531 </div> 2532 2533 2534 <div x-show="accOpen === '' || accOpen === '1'" 2535 x-transition:enter="transition-transform origin-top ease-out duration-75" 2536 x-transition:enter-start="scale-y-0" 2537 x-transition:enter-end="scale-y-100" 2538 class="py-3 md:py-5"> 2539 2540 2541 2542 2543 2544 2545 2546 2547 <div class="toolbox-element toolbox-content wysiwyg content-container "> 2548 2549
2550<p>The Federal Administrative Court (FAC) is composed of <a href="/en/about-fac/organisation/divisions">six divisions </a>and a <a href="/en/about-fac/organisation/general-secretariat">General Secretariat</a>. Its strategic executive body is the <a href="/en/about-fac/organisation/executive-bodies#verwaltungskommission">Administrative Commission</a>, headed by the <a href="/en/about-fac/organisation/court-presidium">FAC President</a>. The other bodies are the <a href="/en/about-fac/organisation/executive-bodies#gesatgericht">Plenary Court</a> and the <a href="/en/about-fac/organisation/executive-bodies#praesidentenkonferenz">Presidential Council</a> made up of the division presidents. The judiciary bodies are the divisions and the chambers.</p> 2551 2552 2553</div> 2554 2555 2556 2557 2558 </div> 2559 </li> 2560 <li class="mb-2"> 2561 2562 2563 2564 <div class="flex justify-between items-center p-4 group cursor-pointer" 2565 :class="accOpen === '' || accOpen === '2' ? 'bg-primary text-white' : 'bg-grey-100 hover:bg-blue-300 hover:text-white'" 2566 @click="e => toggleAt(e, '2')"> 2567 <div class="h5 mb-0"> 2568 Which cases are handled by the divisions? 2569 </div> 2570 <div x-show="accOpen === '' || accOpen === '2'" class="ml-4"> 2571 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-white w-4 group-hover:text-white"> 2572<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"/> 2573</svg> 2574 2575 </div> 2576 <div x-show="accOpen !== '' && accOpen !== '2'" class="ml-4"> 2577 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-black w-4 group-hover:text-white"> 2578<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"/> 2579</svg> 2580 2581 </div> 2582 </div> 2583 2584 2585 <div x-show="accOpen === '' || accOpen === '2'" 2586 x-transition:enter="transition-transform origin-top ease-out duration-75" 2587 x-transition:enter-start="scale-y-0" 2588 x-transition:enter-end="scale-y-100" 2589 class="py-3 md:py-5"> 2590 2591 2592 2593 2594 2595 2596 2597 2598 <div class="toolbox-element toolbox-content wysiwyg content-container "> 2599 2600 2601<p>The <a href="/en/about-fac/organisation/divisions">divisions</a> handle cases with different focuses. Division I: infrastructure, the environment, duties and fees, the Occupational Pensions Act and employment; Division II: the economy, education and competition; Division III: social insurances and public health; Division IV and Division V: cases relating to asylum legislation; Division VI: matters in law concerning foreigners and citizenship.</p> 2602 2603 2604</div> 2605 2606 2607 2608 2609 </div> 2610 </li> 2611 <li class="mb-2"> 2612 2613 2614 2615 <div class="flex justify-between items-center p-4 group cursor-pointer" 2616 :class="accOpen === '' || accOpen === '3' ? 'bg-primary text-white' : 'bg-grey-100 hover:bg-blue-300 hover:text-white'" 2617 @click="e => toggleAt(e, '3')"> 2618 <div class="h5 mb-0"> 2619 What are the tasks of the General Secretariat? 2620 </div> 2621 <div x-show="accOpen === '' || accOpen === '3'" class="ml-4"> 2622 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
2622ox="0 0 16 16" fill="none" class="text-white w-4 group-hover:text-white"> 2623<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"/> 2624</svg> 2625 2626 </div> 2627 <div x-show="accOpen !== '' && accOpen !== '3'" class="ml-4"> 2628 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-black w-4 group-hover:text-white"> 2629<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"/> 2630</svg> 2631 2632 </div> 2633 </div> 2634 2635 2636 <div x-show="accOpen === '' || accOpen === '3'" 2637 x-transition:enter="transition-transform origin-top ease-out duration-75" 2638 x-transition:enter-start="scale-y-0" 2639 x-transition:enter-end="scale-y-100" 2640 class="py-3 md:py-5"> 2641 2642 2643 2644 2645 2646 2647 2648 2649 <div class="toolbox-element toolbox-content wysiwyg content-container "> 2650 2651 2652<p>The around 90 employees of the <a href="/en/about-fac/organisation/general-secretariat">General Secretariat</a>Â provide the infrastructure needed for day-to-day operations at the Federal Administrative Court and support the divisions with scientific and administrative services. The General Secretariat is divided into the following sections: Finance and Services, Human Resources, Information Technology, Scientific Services, Legal Services and Communication.</p> 2653 2654</div> 2655 2656 2657 2658 2659 </div> 2660 </li> 2661 2662 </ul> 2663</div> 2664 2665</div> 2666 2667 2668 2669 2670 2671 2672 2673 2674 2675 2676 <div class="toolbox-element toolbox-headline "> 2677 2678 <a class="toolbox-anchor" id="richter"></a> 2679 2680<h2 class="h2"> 2681The judges 2682</h2> 2683 2684</div> 2685 2686 2687 2688 2689 2690 2691 2692 2693 2694 2695 <div class="toolbox-element toolbox-accordion component-accordion "> 2696 2697 2698 2699 2700 2701<div class="gap-component w-full"> 2702 2703 <ul x-data="accordion()"> 2704 2705 2706 <li class="mb-2"> 2707 2708 2709 2710 <div class="flex justify-between items-center p-4 group cursor-pointer" 2711 :class="accOpen === '' || accOpen === '0' ? 'bg-primary text-white' : 'bg-grey-100 hover:bg-blue-300 hover:text-white'" 2712 @click="e => toggleAt(e, '0')"> 2713 <div class="h5 mb-0"> 2714 How many judges are there and how are they appointed? 2715 </div> 2716 <div x-show="accOpen === '' || accOpen === '0'" class="ml-4"> 2717 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-white w-4 group-hover:text-white"> 2718<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"/> 2719</svg> 2720 2721 </div> 2722 <div x-show="accOpen !== '' && accOpen !== '0'" class="ml-4"> 2723 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-black w-4 group-hover:text-white"> 2724<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"/> 2725</svg> 2726 2727 </div> 2728 </div> 2729 2730 2731 <div x-show="accOpen === '' || accOpen === '0'" 2732 x-transition:enter="transition-transform origin-top ease-out duration-75" 2733 x-transition:enter-start="scale-y-0" 2734 x-transition:enter-end="scale-y-100" 2735 class="py-3 md:py-5"> 2736 2737 2738 2739 2740 2741 2742 2743 2744 <div class="toolbox-element toolbox-content wysiwyg content-container "> 2745 2746
2747<p>There are 70 full-time positions for judges at the Federal Administrative Court (FAC), although part-time employment is possible. Each judge leads a team of two to four court clerks. With over 470 employees, the FAC is the largest court of the Swiss Confederation. The federal administrative judges are appointed by the United Federal Assembly. It ensures â besides looking at professional and social skills â a balanced representation of languages, party affiliation and regions.</p> 2748 2749</div> 2750 2751 2752 2753 2754 </div> 2755 </li> 2756 <li class="mb-2"> 2757 2758 2759 2760 <div class="flex justify-between items-center p-4 group cursor-pointer" 2761 :class="accOpen === '' || accOpen === '1' ? 'bg-primary text-white' : 'bg-grey-100 hover:bg-blue-300 hover:text-white'" 2762 @click="e => toggleAt(e, '1')"> 2763 <div class="h5 mb-0"> 2764 What are the duties of the judges? 2765 </div> 2766 <div x-show="accOpen === '' || accOpen === '1'" class="ml-4"> 2767 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-white w-4 group-hover:text-white"> 2768<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"/> 2769</svg> 2770 2771 </div> 2772 <div x-show="accOpen !== '' && accOpen !== '1'" class="ml-4"> 2773 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-black w-4 group-hover:text-white"> 2774<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"/> 2775</svg> 2776 2777 </div> 2778 </div> 2779 2780 2781 <div x-show="accOpen === '' || accOpen === '1'" 2782 x-transition:enter="transition-transform origin-top ease-out duration-75" 2783 x-transition:enter-start="scale-y-0" 2784 x-transition:enter-end="scale-y-100" 2785 class="py-3 md:py-5"> 2786 2787 2788 2789 2790 2791 2792 2793 2794 <div class="toolbox-element toolbox-content wysiwyg content-container "> 2795 2796 2797<p>The <a href="/en/about-fac/employees">judges </a>work in one of the <a href="/en/about-fac/organisation/divisions">six divisions</a> dealing with the specific legal topics. They are responsible for ensuring that <a href="/en/jurisprudence/proceedings">appeal and litigation proceedings</a> are properly conducted and for reaching the judgments. The instructing judge leads the proceedings. He or she is responsible for gathering evidence and conducting a hearing â usually in writing â to weigh the arguments put forward by both parties. Where the court is composed of three or five judges, the other judges sit as members of the <a href="/en/jurisprudence/panel-formation">panel</a>.</p> 2798 2799 2800</div> 2801 2802 2803 2804 2805 </div> 2806 </li> 2807 <li class="mb-2"> 2808 2809 2810 2811 <div class="flex justify-between items-center p-4 group cursor-pointer" 2812 :class="accOpen === '' || accOpen === '2' ? 'bg-primary text-white' : 'bg-grey-100 hover:bg-blue-300 hover:text-white'" 2813 @click="e => toggleAt(e, '2')"> 2814 <div class="h5 mb-0"> 2815 How are the panels formed? 2816 </div> 2817 <div x-show="accOpen === '' || accOpen === '2'" class="ml-4"> 2818 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
2818ox="0 0 16 16" fill="none" class="text-white w-4 group-hover:text-white"> 2819<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"/> 2820</svg> 2821 2822 </div> 2823 <div x-show="accOpen !== '' && accOpen !== '2'" class="ml-4"> 2824 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-black w-4 group-hover:text-white"> 2825<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"/> 2826</svg> 2827 2828 </div> 2829 </div> 2830 2831 2832 <div x-show="accOpen === '' || accOpen === '2'" 2833 x-transition:enter="transition-transform origin-top ease-out duration-75" 2834 x-transition:enter-start="scale-y-0" 2835 x-transition:enter-end="scale-y-100" 2836 class="py-3 md:py-5"> 2837 2838 2839 2840 2841 2842 2843 2844 2845 <div class="toolbox-element toolbox-content wysiwyg content-container "> 2846 2847 2848<p>Â </p> 2849 2850<p>The <a href="/en/jurisprudence/panel-formation">formation of the panel</a>, i.e. the composition of the judges who rule on a case, is generally done with the help of software. Panel formation relies on two components, one automated and the other manual. As a rule, panels consist of three judges, however, proceedings may also heard by a single judge, if necessary with the consent of a second judge (in the asylum area) or in a five-judge panel.</p> 2851 2852 2853</div> 2854 2855 2856 2857 2858 </div> 2859 </li> 2860 <li class="mb-2"> 2861 2862 2863 2864 <div class="flex justify-between items-center p-4 group cursor-pointer" 2865 :class="accOpen === '' || accOpen === '3' ? 'bg-primary text-white' : 'bg-grey-100 hover:bg-blue-300 hover:text-white'" 2866 @click="e => toggleAt(e, '3')"> 2867 <div class="h5 mb-0"> 2868 Who is involved in a judgment? 2869 </div> 2870 <div x-show="accOpen === '' || accOpen === '3'" class="ml-4"> 2871 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-white w-4 group-hover:text-white"> 2872<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"/> 2873</svg> 2874 2875 </div> 2876 <div x-show="accOpen !== '' && accOpen !== '3'" class="ml-4"> 2877 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-black w-4 group-hover:text-white"> 2878<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"/> 2879</svg> 2880 2881 </div> 2882 </div> 2883 2884 2885 <div x-show="accOpen === '' || accOpen === '3'" 2886 x-transition:enter="transition-transform origin-top ease-out duration-75" 2887 x-transition:enter-start="scale-y-0" 2888 x-transition:enter-end="scale-y-100" 2889 class="py-3 md:py-5"> 2890 2891 2892 2893 2894 2895 2896 2897 2898 <div class="toolbox-element toolbox-content wysiwyg content-container "> 2899 2900 2901<p>In addition to the instructing judge, the other members of the panel â usually two other judges, plus a court clerk in an advisory capacity â are involved in the adjudication process. The arguments presented by the parties as well as the facts and evidence are all considered by the panel in light of the provisions and weighed in relation to the dispute submitted to the Federal Administrative Court for decision. The written judgment is drafted by a court clerk and the instructing judge bears the responsibility for it.</p> 2902 2903 2904</div> 2905 2906 2907 2908 2909 </div> 2910 </li> 2911 2912 </ul> 2913</div> 2914 2915</div> 2916 2917 2918 2919 2920 2921 2922 2923 2924 2925 2926 <div class="toolbox-element toolbox-headline "> 2927 2928 2929<h2 class="h2"> 2930The judgments 2931</h2> 2932 2933</div> 2934 2935 2936 2937 2938 2939 2940 2941 2942 2943 2944 <div class="toolbox-element toolbox-accordion component-accordion "> 2945 2946 2947 2948 2949 2950<div class="gap-component w-full"> 2951 2952 <ul x-data="accordion()"> 2953 2954 2955 <li class="mb-2"> 2956 2957 2958 2959 <div class="flex justify-between items-center p-4 group cursor-pointer" 2960 :class="accOpen === '' || accOpen === '0' ? 'bg-primary text-white' : 'bg-grey-100 hover:bg-blue-300 hover:text-white'" 2961 @click="e => toggleAt(e, '0')"> 2962 <div class="h5 mb-0"> 2963 What are the duties of the court clerks? 2964 </div> 2965 <div x-show="accOpen === '' || accOpen === '0'" class="ml-4"> 2966 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
2966ox="0 0 16 16" fill="none" class="text-white w-4 group-hover:text-white"> 2967<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"/> 2968</svg> 2969 2970 </div> 2971 <div x-show="accOpen !== '' && accOpen !== '0'" class="ml-4"> 2972 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-black w-4 group-hover:text-white"> 2973<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"/> 2974</svg> 2975 2976 </div> 2977 </div> 2978 2979 2980 <div x-show="accOpen === '' || accOpen === '0'" 2981 x-transition:enter="transition-transform origin-top ease-out duration-75" 2982 x-transition:enter-start="scale-y-0" 2983 x-transition:enter-end="scale-y-100" 2984 class="py-3 md:py-5"> 2985 2986 2987 2988 2989 2990 2991 2992 2993 <div class="toolbox-element toolbox-content wysiwyg content-container "> 2994 2995 2996<p>The <a href="/en/about-fac/employees">court clerks</a> form the largest professional group at the Federal Administrative Court. Their main task is to draft the written judgment under the responsibility of the instructing judge. In addition, they assist with the investigation of cases, i.e. managing the proceedings. They act in an advisory capacity in the decision-making process and prepare transcripts of hearings.</p> 2997 2998<p>Learn more about the duties of court clerks<a href="http://www.youtube.com/watch?v=jkAXHGPKc_c" target="_blank"> in this video</a>. </p> 2999 3000 3001</div> 3002 3003 3004 3005 3006 </div> 3007 </li> 3008 <li class="mb-2"> 3009 3010 3011 3012 <div class="flex justify-between items-center p-4 group cursor-pointer" 3013 :class="accOpen === '' || accOpen === '1' ? 'bg-primary text-white' : 'bg-grey-100 hover:bg-blue-300 hover:text-white'" 3014 @click="e => toggleAt(e, '1')"> 3015 <div class="h5 mb-0"> 3016 How does a judgment come about? 3017 </div> 3018 <div x-show="accOpen === '' || accOpen === '1'" class="ml-4"> 3019 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-white w-4 group-hover:text-white"> 3020<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"/> 3021</svg> 3022 3023 </div> 3024 <div x-show="accOpen !== '' && accOpen !== '1'" class="ml-4"> 3025 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-black w-4 group-hover:text-white"> 3026<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"/> 3027</svg> 3028 3029 </div> 3030 </div> 3031 3032 3033 <div x-show="accOpen === '' || accOpen === '1'" 3034 x-transition:enter="transition-transform origin-top ease-out duration-75" 3035 x-transition:enter-start="scale-y-0" 3036 x-transition:enter-end="scale-y-100" 3037 class="py-3 md:py-5"> 3038 3039 3040 3041 3042 3043 3044 3045 3046 <div class="toolbox-element toolbox-content wysiwyg content-container "> 3047 3048 3049<p>The draft judgment of the instructing judge and the court clerk circulates among the other members of the panel â the second and third judges. If all of them agree, the case is decided in line with the draft. Otherwise, there is a second circulation or, if requested or ordered, a <a href="/en/jurisprudence/
3049public-sessions">public deliberation</a> on the judgment. At this deliberation, which is held with five judges, the different opinions are presented and the judgment is then issued in accordance with the majority of the panel.</p> 3050 3051 3052</div> 3053 3054 3055 3056 3057 </div> 3058 </li> 3059 <li class="mb-2"> 3060 3061 3062 3063 <div class="flex justify-between items-center p-4 group cursor-pointer" 3064 :class="accOpen === '' || accOpen === '2' ? 'bg-primary text-white' : 'bg-grey-100 hover:bg-blue-300 hover:text-white'" 3065 @click="e => toggleAt(e, '2')"> 3066 <div class="h5 mb-0"> 3067 Are the judgments of the Federal Administrative Court public? 3068 </div> 3069 <div x-show="accOpen === '' || accOpen === '2'" class="ml-4"> 3070 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-white w-4 group-hover:text-white"> 3071<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"/> 3072</svg> 3073 3074 </div> 3075 <div x-show="accOpen !== '' && accOpen !== '2'" class="ml-4"> 3076 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-black w-4 group-hover:text-white"> 3077<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"/> 3078</svg> 3079 3080 </div> 3081 </div> 3082 3083 3084 <div x-show="accOpen === '' || accOpen === '2'" 3085 x-transition:enter="transition-transform origin-top ease-out duration-75" 3086 x-transition:enter-start="scale-y-0" 3087 x-transition:enter-end="scale-y-100" 3088 class="py-3 md:py-5"> 3089 3090 3091 3092 3093 3094 3095 3096 3097 <div class="toolbox-element toolbox-content wysiwyg content-container "> 3098 3099 3100<p>The Federal Administrative Court<strong>Â </strong>issues some 7,000 judgments annually in the official languages, i.e. German, French or Italian, and these are not translated into other languages. The court publishes the material, i.e. substantive judgments, in its <a href="/en/landingpages/entscheiddatenbank?guiLanguage=de&sort-field=relevance&sort-direction=relevance">court judgments database</a>Â on its website. Formal decisions, which are decisions regarding the proceedings, are only published if they are relevant to the public. A procedural decision can be made, for example, if the appellant has no right to appeal (locus standi), if an advance on costs required has not been paid or if the deadline for appeal has been missed.</p> 3101 3102</div> 3103 3104 3105 3106 3107 </div> 3108 </li> 3109 <li class="mb-2"> 3110 3111 3112 3113 <div class="flex justify-between items-center p-4 group cursor-pointer" 3114 :class="accOpen === '' || accOpen === '3' ? 'bg-primary text-white' : 'bg-grey-100 hover:bg-blue-300 hover:text-white'" 3115 @click="e => toggleAt(e, '3')"> 3116 <div class="h5 mb-0"> 3117 Can the decisions of the Federal Administrative Court be appealed? 3118 </div> 3119 <div x-show="accOpen === '' || accOpen === '3'" class="ml-4"> 3120 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-white w-4 group-hover:text-white"> 3121<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"/> 3122</svg> 3123 3124 </div> 3125 <div x-show="accOpen !== '' && accOpen !== '3'" class="ml-4"> 3126 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
3126ox="0 0 16 16" fill="none" class="text-black w-4 group-hover:text-white"> 3127<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"/> 3128</svg> 3129 3130 </div> 3131 </div> 3132 3133 3134 <div x-show="accOpen === '' || accOpen === '3'" 3135 x-transition:enter="transition-transform origin-top ease-out duration-75" 3136 x-transition:enter-start="scale-y-0" 3137 x-transition:enter-end="scale-y-100" 3138 class="py-3 md:py-5"> 3139 3140 3141 3142 3143 3144 3145 3146 3147 <div class="toolbox-element toolbox-content wysiwyg content-container "> 3148 3149 3150<p>The decisions of the Federal Administrative Court may in principle be appealed to the Federal Supreme Court (<a href="https://www.bger.ch/de/index.htm" target="_blank" rel="noopener">FAC</a>). In certain areas of law, such as asylum law, the judgments are final. Asylum judgments make up the majority of the <a href="/en/landingpages/entscheiddatenbank?guiLanguage=de&sort-field=relevance&sort-direction=relevance">7,000 or so decisions</a> that the FAC renders each year.</p> 3151 3152</div> 3153 3154 3155 3156 3157 </div> 3158 </li> 3159 3160 </ul> 3161</div> 3162 3163</div> 3164 3165 3166 3167 3168 3169 3170 3171 3172 3173 3174 <div class="toolbox-element toolbox-headline "> 3175 3176 3177<h2 class="h2"> 3178The proceedings 3179</h2> 3180 3181</div> 3182 3183 3184 3185 3186 3187 3188 3189 3190 3191 3192 <div class="toolbox-element toolbox-accordion component-accordion "> 3193 3194 3195 3196 3197 3198<div class="gap-component w-full"> 3199 3200 <ul x-data="accordion()"> 3201 3202 3203 <li class="mb-2"> 3204 3205 3206 3207 <div class="flex justify-between items-center p-4 group cursor-pointer" 3208 :class="accOpen === '' || accOpen === '0' ? 'bg-primary text-white' : 'bg-grey-100 hover:bg-blue-300 hover:text-white'" 3209 @click="e => toggleAt(e, '0')"> 3210 <div class="h5 mb-0"> 3211 In what form must appeals be submitted and what can be the grounds of an appeal? 3212 </div> 3213 <div x-show="accOpen === '' || accOpen === '0'" class="ml-4"> 3214 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-white w-4 group-hover:text-white"> 3215<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"/> 3216</svg> 3217 3218 </div> 3219 <div x-show="accOpen !== '' && accOpen !== '0'" class="ml-4"> 3220 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-black w-4 group-hover:text-white"> 3221<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"/> 3222</svg> 3223 3224 </div> 3225 </div> 3226 3227 3228 <div x-show="accOpen === '' || accOpen === '0'" 3229 x-transition:enter="transition-transform origin-top ease-out duration-75" 3230 x-transition:enter-start="scale-y-0" 3231 x-transition:enter-end="scale-y-100" 3232 class="py-3 md:py-5"> 3233 3234 3235 3236 3237 3238 3239 3240 3241 <div class="toolbox-element toolbox-content wysiwyg content-container "> 3242 3243
3244<p>Appeal petitions must be submitted to the Federal Administrative Court in writing, either by post or <a href="/en/jurisprudence/electronic-submission">electronically</a>. Appeals submitted in writing must be signed and the contested rulings must be enclosed. Electronic submissions may only be made via recognised delivery platforms. As a basic principle, an <a href="/en/jurisprudence/proceedings">appeal may be filed</a> if there has been a violation of federal law including the exceeding or abuse of discretionary powers, if there has been an incorrect or incomplete determination of the legally relevant facts of the case, or if the ruling is inadequate.</p> 3245 3246 3247</div> 3248 3249 3250 3251 3252 </div> 3253 </li> 3254 <li class="mb-2"> 3255 3256 3257 3258 <div class="flex justify-between items-center p-4 group cursor-pointer" 3259 :class="accOpen === '' || accOpen === '1' ? 'bg-primary text-white' : 'bg-grey-100 hover:bg-blue-300 hover:text-white'" 3260 @click="e => toggleAt(e, '1')"> 3261 <div class="h5 mb-0"> 3262 Do appellants need to be represented by a lawyer? 3263 </div> 3264 <div x-show="accOpen === '' || accOpen === '1'" class="ml-4"> 3265 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-white w-4 group-hover:text-white"> 3266<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"/> 3267</svg> 3268 3269 </div> 3270 <div x-show="accOpen !== '' && accOpen !== '1'" class="ml-4"> 3271 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-black w-4 group-hover:text-white"> 3272<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"/> 3273</svg> 3274 3275 </div> 3276 </div> 3277 3278 3279 <div x-show="accOpen === '' || accOpen === '1'" 3280 x-transition:enter="transition-transform origin-top ease-out duration-75" 3281 x-transition:enter-start="scale-y-0" 3282 x-transition:enter-end="scale-y-100" 3283 class="py-3 md:py-5"> 3284 3285 3286 3287 3288 3289 3290 3291 3292 <div class="toolbox-element toolbox-content wysiwyg content-container "> 3293 3294 3295<p>There is no requirement for clients to be represented in cases submitted before the Federal Administrative Court. Generally speaking, a party may handle<a href="/en/jurisprudence/proceedings"> the proceedings</a> independently or have a legal expert (licensed or otherwise) or layperson represent him or her.</p> 3296 3297 3298</div> 3299 3300 3301 3302 3303 </div> 3304 </li> 3305 <li class="mb-2"> 3306 3307 3308 3309 <div class="flex justify-between items-center p-4 group cursor-pointer" 3310 :class="accOpen === '' || accOpen === '2' ? 'bg-primary text-white' : 'bg-grey-100 hover:bg-blue-300 hover:text-white'" 3311 @click="e => toggleAt(e, '2')"> 3312 <div class="h5 mb-0"> 3313 Is there a charge for proceedings before the Federal Administrative Court? 3314 </div> 3315 <div x-show="accOpen === '' || accOpen === '2'" class="ml-4"> 3316 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-white w-4 group-hover:text-white"> 3317<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"/> 3318</svg> 3319 3320 </div> 3321 <div x-show="accOpen !== '' && accOpen !== '2'" class="ml-4"> 3322 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
3322ox="0 0 16 16" fill="none" class="text-black w-4 group-hover:text-white"> 3323<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"/> 3324</svg> 3325 3326 </div> 3327 </div> 3328 3329 3330 <div x-show="accOpen === '' || accOpen === '2'" 3331 x-transition:enter="transition-transform origin-top ease-out duration-75" 3332 x-transition:enter-start="scale-y-0" 3333 x-transition:enter-end="scale-y-100" 3334 class="py-3 md:py-5"> 3335 3336 3337 3338 3339 3340 3341 3342 3343 <div class="toolbox-element toolbox-content wysiwyg content-container "> 3344 3345 3346<p>As a general rule, fees are charged for <a href="/en/jurisprudence/proceedings">proceedings</a> before the Federal Administrative Court. Procedural costs are usually paid by the unsuccessful party. In order to ensure that procedural costs are covered, advance payment may be required. Under certain conditions, parties may also be entitled to appoint a legal representative free of charge. The decision on whether to grant <a href="https://www.bvger.ch/bvger/en/home/about-fac/proceedings.html">free legal aid</a> is usually made at the start of the proceedings in the form of an interim ruling.</p> 3347 3348 3349</div> 3350 3351 3352 3353 3354 </div> 3355 </li> 3356 <li class="mb-2"> 3357 3358 3359 3360 <div class="flex justify-between items-center p-4 group cursor-pointer" 3361 :class="accOpen === '' || accOpen === '3' ? 'bg-primary text-white' : 'bg-grey-100 hover:bg-blue-300 hover:text-white'" 3362 @click="e => toggleAt(e, '3')"> 3363 <div class="h5 mb-0"> 3364 How long do proceedings before the Swiss Federal Administrative Court last? 3365 </div> 3366 <div x-show="accOpen === '' || accOpen === '3'" class="ml-4"> 3367 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-white w-4 group-hover:text-white"> 3368<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"/> 3369</svg> 3370 3371 </div> 3372 <div x-show="accOpen !== '' && accOpen !== '3'" class="ml-4"> 3373 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-black w-4 group-hover:text-white"> 3374<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"/> 3375</svg> 3376 3377 </div> 3378 </div> 3379 3380 3381 <div x-show="accOpen === '' || accOpen === '3'" 3382 x-transition:enter="transition-transform origin-top ease-out duration-75" 3383 x-transition:enter-start="scale-y-0" 3384 x-transition:enter-end="scale-y-100" 3385 class="py-3 md:py-5"> 3386 3387 3388 3389 3390 3391 3392 3393 3394 <div class="toolbox-element toolbox-content wysiwyg content-container "> 3395 3396 3397<p>Proceedings before the Federal Administrative Court are conducted in writing;
3397 their duration varies depending on the case and the legal field. The processing period ranges from a few days â such as in the case of decisions to dismiss an application without entering into the substance of the case â to several years â for example in competition law.</p> 3398 3399 3400</div> 3401 3402 3403 3404 3405 </div> 3406 </li> 3407 3408 </ul> 3409</div> 3410 3411</div> 3412 3413 3414 3415 3416 3417 3418 3419 3420 3421 3422 <div class="toolbox-element toolbox-headline "> 3423 3424 3425<h2 class="h2"> 3426More informationen 3427</h2> 3428 3429</div> 3430 3431 3432 3433 3434 3435 3436 3437 3438 3439 3440 <div class="toolbox-element toolbox-accordion component-accordion "> 3441 3442 3443 3444 3445 3446<div class="gap-component w-full"> 3447 3448 <ul x-data="accordion()"> 3449 3450 3451 <li class="mb-2"> 3452 3453 3454 3455 <div class="flex justify-between items-center p-4 group cursor-pointer" 3456 :class="accOpen === '' || accOpen === '0' ? 'bg-primary text-white' : 'bg-grey-100 hover:bg-blue-300 hover:text-white'" 3457 @click="e => toggleAt(e, '0')"> 3458 <div class="h5 mb-0"> 3459 Where can I find the judgments of the Federal Administrative Court? 3460 </div> 3461 <div x-show="accOpen === '' || accOpen === '0'" class="ml-4"> 3462 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-white w-4 group-hover:text-white"> 3463<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"/> 3464</svg> 3465 3466 </div> 3467 <div x-show="accOpen !== '' && accOpen !== '0'" class="ml-4"> 3468 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-black w-4 group-hover:text-white"> 3469<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"/> 3470</svg> 3471 3472 </div> 3473 </div> 3474 3475 3476 <div x-show="accOpen === '' || accOpen === '0'" 3477 x-transition:enter="transition-transform origin-top ease-out duration-75" 3478 x-transition:enter-start="scale-y-0" 3479 x-transition:enter-end="scale-y-100" 3480 class="py-3 md:py-5"> 3481 3482 3483 3484 3485 3486 3487 3488 3489 <div class="toolbox-element toolbox-content wysiwyg content-container "> 3490 3491 3492<p>The material judgments of the Federal Administrative Court are published in the <a href="/en/landingpages/entscheiddatenbank?guiLanguage=de&sort-field=relevance&sort-direction=relevance">court judgments database</a> on the <a href="/en">website</a>. Formal decisions are published if they are relevant to the public.</p> 3493 3494 3495</div> 3496 3497 3498 3499 3500 </div> 3501 </li> 3502 <li class="mb-2"> 3503 3504 3505 3506 <div class="flex justify-between items-center p-4 group cursor-pointer" 3507 :class="accOpen === '' || accOpen === '1' ? 'bg-primary text-white' : 'bg-grey-100 hover:bg-blue-300 hover:text-white'" 3508 @click="e => toggleAt(e, '1')"> 3509 <div class="h5 mb-0"> 3510 What is the DFAC? 3511 </div> 3512 <div x-show="accOpen === '' || accOpen === '1'" class="ml-4"> 3513 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
3513ox="0 0 16 16" fill="none" class="text-white w-4 group-hover:text-white"> 3514<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"/> 3515</svg> 3516 3517 </div> 3518 <div x-show="accOpen !== '' && accOpen !== '1'" class="ml-4"> 3519 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-black w-4 group-hover:text-white"> 3520<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"/> 3521</svg> 3522 3523 </div> 3524 </div> 3525 3526 3527 <div x-show="accOpen === '' || accOpen === '1'" 3528 x-transition:enter="transition-transform origin-top ease-out duration-75" 3529 x-transition:enter-start="scale-y-0" 3530 x-transition:enter-end="scale-y-100" 3531 class="py-3 md:py-5"> 3532 3533 3534 3535 3536 3537 3538 3539 3540 <div class="toolbox-element toolbox-content wysiwyg content-container "> 3541 3542 3543<p>The DFAC is the <a href="/en/jurisprudence/decisions-of-the-fac-bulletin">official compilation of decisions</a> of the Federal Administrative Court. The decisions are published on the Internet after approval by the Drafting Committee. The DFAC are divided into the following subjects: I. Citizens and state, administrative and procedural law in general; II. Public works, transport, energy, communications; III. Tax law; IV. Business and financial law, education and science; V. Health, social security; VI. Asylum law; VII. Law on foreign nationals and citizenship. The DFAC can be subscribed to via <a href="/en/newsletter">newsletter </a>and are also available in the <a href="/en/jurisprudence/decisions-of-the-fac-bulletin#bvgejahresband">DFAC Bulletin annual edition</a>.</p> 3544 3545 3546</div> 3547 3548 3549 3550 3551 </div> 3552 </li> 3553 <li class="mb-2"> 3554 3555 3556 3557 <div class="flex justify-between items-center p-4 group cursor-pointer" 3558 :class="accOpen === '' || accOpen === '2' ? 'bg-primary text-white' : 'bg-grey-100 hover:bg-blue-300 hover:text-white'" 3559 @click="e => toggleAt(e, '2')"> 3560 <div class="h5 mb-0"> 3561 Where can I obtain further information about the Federal Administrative Court? 3562 </div> 3563 <div x-show="accOpen === '' || accOpen === '2'" class="ml-4"> 3564 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-white w-4 group-hover:text-white"> 3565<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"/> 3566</svg> 3567 3568 </div> 3569 <div x-show="accOpen !== '' && accOpen !== '2'" class="ml-4"> 3570 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-black w-4 group-hover:text-white"> 3571<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"/> 3572</svg> 3573 3574 </div> 3575 </div> 3576 3577 3578 <div x-show="accOpen === '' || accOpen === '2'" 3579 x-transition:enter="transition-transform origin-top ease-out duration-75" 3580 x-transition:enter-start="scale-y-0" 3581 x-transition:enter-end="scale-y-100" 3582 class="py-3 md:py-5"> 3583 3584 3585 3586 3587 3588 3589 3590 3591 <div class="toolbox-element toolbox-content wysiwyg content-container "> 3592 3593
3594<p>A good overview is provided by the <a href="https://www.youtube.com/watch?v=evRzevFjK7I" target="_blank">court film</a> and <a href="https://www.bvger.ch/bvger/en/home/media/publications.html">publications</a> such as the <a href="/en/publications/annual-reports">court brochure</a> and <a href="/en/publications/annual-reports#geschaeftsbericht">annual report</a> on the website. The publications are also available in printed form on request in German, French, Italian and partly in English. Media representatives can contact the <a href="mailto:medien@bvger.admn.ch">Media Service</a> of the Court, which is run by the Communication section. General enquiries can be made via the <a href="/en/contact">form</a> on the websiteâs homepage. The Federal Administrative Court cannot provide legal advice.</p> 3595 3596 3597</div> 3598 3599 3600 3601 3602 </div> 3603 </li> 3604 <li class="mb-2"> 3605 3606 3607 3608 <div class="flex justify-between items-center p-4 group cursor-pointer" 3609 :class="accOpen === '' || accOpen === '3' ? 'bg-primary text-white' : 'bg-grey-100 hover:bg-blue-300 hover:text-white'" 3610 @click="e => toggleAt(e, '3')"> 3611 <div class="h5 mb-0"> 3612 Is it possible to visit the Federal Administrative Court? 3613 </div> 3614 <div x-show="accOpen === '' || accOpen === '3'" class="ml-4"> 3615 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-white w-4 group-hover:text-white"> 3616<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"/> 3617</svg> 3618 3619 </div> 3620 <div x-show="accOpen !== '' && accOpen !== '3'" class="ml-4"> 3621 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-black w-4 group-hover:text-white"> 3622<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"/> 3623</svg> 3624 3625 </div> 3626 </div> 3627 3628 3629 <div x-show="accOpen === '' || accOpen === '3'" 3630 x-transition:enter="transition-transform origin-top ease-out duration-75" 3631 x-transition:enter-start="scale-y-0" 3632 x-transition:enter-end="scale-y-100" 3633 class="py-3 md:py-5"> 3634 3635 3636 3637 3638 3639 3640 3641 3642 <div class="toolbox-element toolbox-content wysiwyg content-container "> 3643 3644 3645<p>Groups of ten people or more can visit the Federal Administrative Court on a<a href="/en/about-fac/tours"> tour</a>. Tours are available in German, French, Italian and English and from Monday to Friday between 10 a.m. and 4.30 p.m. A tour lasts approximately one and a half hours.</p> 3646 3647</div> 3648 3649 3650 3651 3652 </div> 3653 </li> 3654 3655 </ul> 3656</div> 3657 3658</div> 3659 3660 3661 3662 3663 3664 </div> 3665</div> 3666 </div> 3667</div> 3668 3669</div> 3670 3671 3672 3673 3674 3675 3676 <div x-data="{ scrollTrigger: true }" class="print:hidden pt-4 pb-8 lg:pt-8 lg:pb-16" id="scroll-top"> 3677 <div class="container hover:cursor-pointer" @click="window.scrollTo({top: 0, behavior: 'smooth'})"> 3678 <button class=" 3679 before:icon-arrow-up before:mr-4 text-primary font-normal hover:text-black 3680 transition transition-all md:flex hover:text-primary p-0 m-0 h-12 3681 bottom-0 flex-row items-center" 3682 :class="scrollTrigger === true ? '-right-8 opacity-1' : '-right-24 opacity-0'">top of the page</button> 3683 </div> 3684 </div> 3685 3686 3687</main> 3688 3689 3690 3691 3692 3693<footer class="bg-blue-500 inverted py-10 md:py-12"> 3694 <div> 3695 <div class="container"> 3696 3697 <div class="mb-6 print:hidden"> 3698 <a href="/en" tabindex="-1"> 3699 <img class="max-w-full h-[50px] sm:h-[50px] lg:h-[70px]" alt="Logo" 3700 src="/static/default/images/logo-small-white.svg"> 3701 </a> 3702 </div> 3703 3704 <div class="flex flex-wrap justify-between"> 3705 3706 <div class="w-full sm:w-8/12 mb-8 md:mb-0"> 3707 3708 <div class="wysiwyg print:break-inside-avoid"> 3709 <p><strong>Federal Administrative Court</strong><br /> 3710PO Box<br /> 37119023 St. Gallen<br /> 3712P <a href="tel:+41584652626"><span style="color:#ffffff">+41 (0)58 465 26 26</span></a><br /> 3713F <a href="tel:+41 (0)58 465 29 80"><span style="color:#ffffff">+41 (0)58 465 29 80</span></a></p> 3714 3715 </div> 3716 3717 </div> 3718 3719 <div class="w-full sm:w-4/12"> 3720 3721 <div class="font-bold text-[17px] mb-2 print:hidden"> 3722 Stay informed: 3723 </div> 3724 <div class="text-white print:hidden"> 3725 <div class="flex flex-wrap space-x-3 items-center"> 3726 3727 3728 3729 <a href="https://www.instagram.com/bvger_schweiz/" class="p-1 md:hover:text-blue-300 transition" target="_self" rel="noopener" aria-label=""> 3730 <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="none" viewBox="0 0 26 26" class="h-6">
3731 <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
37310 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"/> 3732</svg> 3733 3734 </a> 3735 3736 3737 3738 3739 <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=""> 3740 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" class="h-6"> 3741 <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"/> 3742</svg> 3743 3744 </a> 3745 3746 3747 3748 3749 <a href="https://twitter.com/BVGer_Schweiz" class="p-1 md:hover:text-blue-300 transition" target="_blank" rel="noopener" aria-label=""> 3750 <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 26 24" class="h-6"> 3751 <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"/> 3752</svg> 3753 3754 </a> 3755 3756 3757 3758 3759 <a href="https://www.youtube.com/channel/UCpvjQCdEzYLzzWgE8GHtAnA" class="p-1 md:hover:text-blue-300 transition" target="_blank" rel="noopener" aria-label=""> 3760 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" class="h-6"> 3761 <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"/> 3762</svg> 3763 3764 </a> 3765 3766 3767 3768</div> 3769 </div> 3770 </div> 3771 3772 </div> 3773 3774 </div> 3775 </div> 3776 3777 <div class="bg-blue-500 mt-10 md:mt-12 print:hidden"> 3778 <div class="container"> 3779 3780 <div class="flex flex-wrap justify-between text-white"> 3781 <div class="w-full sm:w-8/12"> 3782 3783 3784 <div class="w-full md:w-auto mb-3 md:mb-0 leading-none"> 3785 <ul class="list-unstyled flex flex-row"> 3786 <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"> 3787 <a href="/en/contact" target="_self"> 3788 Contact 3789 </a> 3790 </li> 3791 <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"> 3792 <a href="/en/impressum" target="_self"> 3793 Impressum 3794 </a> 3795 </li> 3796 <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"> 3797 <a href="/en/data-protection" target="_self"> 3798 Data protection 3799 </a> 3800 </li> 3801 </ul> 3802 </div> 3803 3804 3805 </div> 3806 <div class="w-full sm:w-4/12">
3807 <span class="text-sm md:text-sm text-blue-200">© Federal Administrative Court FAC</span> 3808 </div> 3809 </div> 3810 3811 </div> 3812 </div> 3813 3814</footer> 3815 3816 3817 3818 3819 3820 <!-- SLA STATUS: OK --> 3821 3822</body> 3823 3824
3824<script src="/static/default/706.fc788c4e.js"></script>
3824<script src="/static/default/app.09f38272.js"></script>
3824 3825 3826 3827</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.