/* Reference layout for the Infothek landing page and its topic view. */
/* Keep the navigation tile and icon sizes independent of viewport width. */
body.layout.index .gea-topic-nav { --gea-nav-tile-size: 45.6px; display: grid; grid-template-columns: repeat(3, var(--gea-nav-tile-size)); gap: 4px; width: max-content; position: absolute; top: 24px; left: 0; }
body.layout.index .gea-topic-nav a { display: flex; flex: none; width: var(--gea-nav-tile-size); min-width: var(--gea-nav-tile-size); height: var(--gea-nav-tile-size); min-height: var(--gea-nav-tile-size); align-items: center; justify-content: center; background: #1e638e; }
body.layout.index .gea-topic-nav img { width: 22.4px; height: 22.4px; }
body.layout.index .gea-topic-nav a:first-child img,
body.layout.index .gea-topic-nav a:nth-child(2) img { width: 28px; height: 28px; }
body.layout.index .gea-topic-nav a:focus-visible { outline: 2.4px solid #135f8e; outline-offset: 1.6px; }
body.layout.index form.cert .fsBasicBox { display: none; }
body.layout.index form.cert .item.iS.l0 > .itemTitle > span { text-transform: none; }
/* Preserve the three-column landing grid at every viewport width. */
html:has(body.layout.index.start) { overflow-x: auto; }
body.layout.index.start { overflow-x: visible; }
body.layout.index.start form.cert { min-width: 646.4px; padding: 0; }

body.layout.index.start form.cert .fsStructForm { width: 646.4px !important; min-width: 646.4px; max-width: none; flex: none; margin: 0 auto; padding: 0; }
body.layout.index.start form.cert .fsStructForm > ul.structure.p0 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; width: 100%; max-width: none; height: auto; margin: 0; padding: 0; }
body.layout.index.start form.cert .fsStructForm > ul.structure.p0 > li.lv0 { width: auto; margin: 0; padding: 0; }
body.layout.index.start form.cert ul.structure li.lv0 div.item.l0 { width: 100% !important; height: auto; aspect-ratio: 1; margin: 0; background-size: 80px 80px; background-position: center 70.4px; }
body.layout.index.start form.cert .sTab { margin-bottom: 0; }
body.layout.index.start form.cert .item.iS.l0 > .itemTitle { width: 100%; padding: 9.6px 4px 0; font: 13.6px/20px Verdana, Helvetica, Arial, sans-serif; }
body.layout.index.start form.cert .item.iS.l0 > .itemTitle > span { font: inherit; }
body.layout.index.start form.cert ul.structure li.lv0.A div.item.l0 { background-image: url(sprite_greenevent.svg); background-size: 1680px 80px; background-position: calc(50% + -320px) 70.4px; }
body.layout.index.start form.cert ul.structure li.lv0.B div.item.l0 { background-image: url(sprite_greenevent.svg); background-size: 1680px 80px; background-position: calc(50% + 0px) 70.4px; }
body.layout.index.start form.cert ul.structure li.lv0.C div.item.l0 { background-image: url(sprite_greenevent.svg); background-size: 1680px 80px; background-position: calc(50% + 480px) 70.4px; }
body.layout.index.start form.cert ul.structure li.lv0.D div.item.l0 { background-image: url(sprite_greenevent.svg); background-size: 1680px 80px; background-position: calc(50% + 640px) 70.4px; }
body.layout.index.start form.cert ul.structure li.lv0.E div.item.l0 { background-image: url(sprite_greenevent.svg); background-size: 1680px 80px; background-position: calc(50% + -160px) 70.4px; }
body.layout.index.start form.cert ul.structure li.lv0.F div.item.l0 { background-image: url(sprite_greenevent.svg); background-size: 1680px 80px; background-position: calc(50% + 320px) 70.4px; }
body.layout.index.start form.cert ul.structure li.lv0.G div.item.l0 { background-image: url(sprite_greenevent.svg); background-size: 1680px 80px; background-position: calc(50% + -480px) 70.4px; }
body.layout.index.start form.cert ul.structure li.lv0.H div.item.l0 { background-image: url(sprite_greenevent.svg); background-size: 1680px 80px; background-position: calc(50% + 160px) 70.4px; }
body.layout.index.start form.cert ul.structure li.lv0.I div.item.l0 { background-image: url(sprite_greenevent.svg); background-size: 1680px 80px; background-position: calc(50% + 800px) 70.4px; }
body.layout.index.start form.cert .item.iS.l0 > .itemTitle { text-align: center; }
body.layout.index.start form.cert ul.structure li.lv0 div.item.l0::after { display: none; }
@media (min-width: 1001px) {
    body.layout.index #header { border-top: 0; height: 148.8px; }
    body.layout.index #header .cont { width: calc(100% - 75.2px); height: 148.8px; padding: 0; }
    body.layout.index #header h1,
    body.layout.index #header h2 { position: absolute; left: 50%; width: 646.4px !important; margin-left: -323.2px; text-align: left; }
    body.layout.index #header h1 { top: 51.2px; }
    body.layout.index #header h1 a { padding: 0; font-size: 32px; line-height: 40px; }
    body.layout.index #header h2 { top: 104px; font-size: 15.2px; line-height: 19.2px; }
    body.layout.index #header h2 a { color: #000; }
    body.layout.index #logoGea { height: 52px; top: 28.8px; right: -14.4px; }
    body.layout.index .navBox { top: 114.4px; height: 34.4px; }
    body.layout.index .navBox li,
    body.layout.index .navBox li a { height: 34.4px; }
    body.layout.index .navBox li a { font: 18.4px/34.4px Georgia, serif; }
    body.layout.index .navBox ul li:first-child a { width: 43.2px; height: 34.4px; background-size: 23.2px; }
    body.layout.index div.navBl,
    body.layout.index div.search { top: 114.4px; width: 35.2px; height: 34.4px; }
    body.layout.index div.navBl { right: 40px; }
    body.layout.index .navBl .titel { width: 39.2px; height: 34.4px; background-size: 32px; }
    body.layout.index #searchSwitch { top: 0; width: 35.2px; height: 34.4px; background-size: 23.2px; }
    body.layout.index #searchBox { top: 148.8px; }
    body.layout.index #main > .cont { width: calc(100% - 75.2px); padding-top: 24px; }
    body.layout.index .gea-topic-nav a:hover { background: #135078; }
    body.layout.index #navUp { display: none; }
    body.layout.index #footer > .cont { width: 800px; padding: 48px 0 48px; font-size: 12.8px; }
    body.layout.index #footer .publisher { left: 0; }
    body.layout.index #footer .publisher ul.p0.structure { width: 800px; max-width: 100%; height: 138.4px; padding: 20px 0 0; margin-bottom: 36px; row-gap: 12px; }
    body.layout.index #footer .publisher li { height: 52px; }
    body.layout.index #footer .publisher .pu0 { padding-right: 9.6px; }
    body.layout.index #footer .publisher .pu0 img { height: 50px; }
    body.layout.index #footer .publisher .B .pu0 img { height: 44.8px; }
    body.layout.index #footer .publisher .D .pu0 img { height: 40px; }
    body.layout.index #footer .publisher .E .pu0 img { width: 120px; height: auto; }
    body.layout.index #footer .publisher .G .pu0 img { height: 64.8px; }
    body.layout.index #footer .publisher .K .pu0 img { width: 104px; height: 50px; }
    body.layout.index #footer .publisher .L .pu0 img { height: 35.2px !important; }
    body.layout.index #footer > .cont > a { font-size: 12.8px; }
}

body.layout.index .gea-about { text-decoration: none; color: #356399; }
@media (min-width: 750px) {
    body.layout.index .navBox #menuBox { float: left; }
    body.layout.index .navBox .gea-about { display: inline-block; margin-left: 16px; font: 18.4px/34.4px Georgia, serif; }
}
@media (width < 750px) {
    body.layout.index .navBox .gea-about { display: none; }
}


/* Topic detail: the same central column as the landing-page tiles. */
body.layout.index.detail .gea-topic-nav a:nth-child(1) { background-color: #927469; }
body.layout.index.detail .gea-topic-nav a:nth-child(2) { background-color: #8363a7; }
body.layout.index.detail .gea-topic-nav a:nth-child(3) { background-color: #c03642; }
body.layout.index.detail .gea-topic-nav a:nth-child(4) { background-color: #8cbc3e; }
body.layout.index.detail .gea-topic-nav a:nth-child(5) { background-color: #45a9c3; }
body.layout.index.detail .gea-topic-nav a:nth-child(6) { background-color: #cbb616; }
body.layout.index.detail .gea-topic-nav a:nth-child(7) { background-color: #e77d31; }
body.layout.index.detail .gea-topic-nav a:nth-child(8) { background-color: #3d923e; }
body.layout.index.detail .gea-topic-nav a:nth-child(9) { background-color: #c02f99; }
body.layout.index .gea-topic-nav .gea-overview { display: none; }
body.layout.index.detail .gea-topic-nav .gea-overview { display: grid; grid-column: 3; grid-template-columns: repeat(3, 9.6px); grid-template-rows: repeat(3, 9.6px); gap: 3.2px; place-content: center; background: none; }
body.layout.index .gea-overview i { display: block; background: #aaa; width: 9.6px; height: 9.6px; }
body.layout.index.detail .gea-topic-nav a:hover { filter: brightness(.9); }
body.layout.index.detail form.cert .iS .itemTitle > span::after { display: none; }
body.layout.index.detail form.cert .iS .itemTitle .hBox { display: none; }
body.layout.index.detail form.cert .iS .itemTitle .hBox:has(.hOpen) { display: inline-block; }
@media (min-width: 1001px) {
    body.layout.index.detail #header,
    body.layout.index.detail #header .cont { height: 152px; }
    body.layout.index.detail #header h1 { top: 54.4px; }
    body.layout.index.detail #header h2 { top: 104px; }
    body.layout.index.detail #logoGea { top: 30.4px; }
    body.layout.index.detail .navBox,
    body.layout.index.detail div.navBl,
    body.layout.index.detail div.search { top: 117.6px; }
    body.layout.index.detail #searchSwitch { top: 0; }
    body.layout.index.detail #searchBox { top: 152px; }
    body.layout.index.detail form.cert .sTab { margin-bottom: 0; }
    body.layout.index.detail form.cert .fsStructForm { width: 646.4px !important; max-width: 100%; flex: none; margin: 0 auto; padding: 0; }
    body.layout.index.detail form.cert .fsStructForm > ul.structure.p0 { width: 100%; max-width: none; height: auto; margin: 0; padding: 0; }
    body.layout.index.detail form.cert .fsStructForm > ul.structure.p0 > li.lv0 { width: 100%; padding: 0; margin: 0; }
    body.layout.index.detail form.cert ul.structure li.lv0 div.item.l0 { position: relative; width: 100%; min-height: 84px; height: auto; margin: 0 0 3.2px; padding: 0; border: 0; border-top-width: 0 !important; background-image: none; }
    body.layout.index.detail form.cert ul.structure li.lv0 div.item.l0 > .itemTitle { display: flex; align-items: center; min-height: 84px; width: 100%; padding: 16px 80px 16px 36px; top: 0; transform: none; font: 24px/1.3 Verdana, Helvetica, Arial, sans-serif; }
    body.layout.index.detail form.cert ul.structure li.lv0 div.item.l0 > .itemTitle > span { white-space: normal; }
    body.layout.index.detail form.cert ul.structure li.lv0 div.item.l0.doku > .itemTitle > span::after { display: inline; position: static; content: ' ...'; width: auto; height: auto; background: none; }
    body.layout.index.detail form.cert ul.structure li.lv0 div.item.l0::after { width: 80px; height: 84px; top: 0; right: 0; background-image: url(sprite_greenevent.svg); background-size: 756px 36px; background-position: calc(50% + var(--gea-topic-offset)) center; }
    body.layout.index.detail form.cert li.A { --gea-topic-offset: -144px; }
    body.layout.index.detail form.cert li.B { --gea-topic-offset: 0px; }
    body.layout.index.detail form.cert li.C { --gea-topic-offset: 216px; }
    body.layout.index.detail form.cert li.D { --gea-topic-offset: 288px; }
    body.layout.index.detail form.cert li.E { --gea-topic-offset: -72px; }
    body.layout.index.detail form.cert li.F { --gea-topic-offset: 144px; }
    body.layout.index.detail form.cert li.G { --gea-topic-offset: -216px; }
    body.layout.index.detail form.cert li.H { --gea-topic-offset: 72px; }
    body.layout.index.detail form.cert li.I { --gea-topic-offset: 360px; }
    body.layout.index.detail form.cert ul.structure li.lv0 div.iS.l1.item { width: 100%; height: auto; min-height: 51.2px; margin: 3.2px 0 0; padding: 0; border: 0; border-top-width: 0 !important; }
    body.layout.index.detail form.cert ul.structure li.lv1 div.iS.l1.item > .itemTitle { display: flex; align-items: center; width: 100%; min-height: 51.2px; height: auto; padding: 12.8px 36px 12.8px 54.4px; font: 16px/22.4px Verdana, Helvetica, Arial, sans-serif; top: 0; transform: none; background-position: 33.6px center; background-size: 8px; }
    body.layout.index.detail form.cert ul.structure li.lv1 div.iS.l1.item > .itemTitle > span { white-space: normal; }
    body.layout.index.detail form.cert .item.iS .itemTitle span button.helpIndikator { width: 13.6px; height: 13.6px; margin-left: 6.4px; background: transparent url(icon_help.svg) center/12px no-repeat; border: 0; vertical-align: text-top; top: -2.4px; line-height: 13.6px; }
    body.layout.index.detail form.cert .docu { height: 51.2px; width: 36px; top: 0; }
    body.layout.index.detail form.cert .l0 .docu { height: 84px; width: 80px; }
    body.layout.index.detail form.cert ul.structure li.lv0 .pi .item,
    body.layout.index.detail form.cert ul.structure li.lv1 .pi .item,
    body.layout.index.detail form.cert ul.structure li.lv2 .pi .item { width: 100%; }
    body.layout.index.detail #footer > .cont { padding-top: 38.4px; }
}


body.layout.index.detail form.cert .item.iS .itemTitle span button.helpIndikator { display: inline-block; width: 13.6px; height: 13.6px; min-width: 13.6px; min-height: 13.6px; margin-left: 6.4px; background: transparent url(icon_help.svg) center/12px no-repeat; border: 0; vertical-align: text-top; top: -2.4px; line-height: 13.6px; }
body.layout.index.detail form.cert .itemTitle button.help::before { content: none; display: none; }
body.layout.index.detail form.cert .item.iS .itemTitle span button.helpIndikator.hOpen { background-image: url(icon_close.svg); }
/* Expanded subtopics align with the complete topic column. */
@media (min-width: 1001px) {
    body.layout.index.detail form.cert .fsStructForm ul.lv1 > li.lv2 { width: 100%; margin: 0; padding: 0; }
    body.layout.index.detail form.cert ul.structure li.lv1 div.iS.l2.item { width: 100%; min-height: 49.2px; height: auto; margin: 0; padding: 0; border-style: solid; border-width: 0 0 0.8px; border-top-width: 0 !important; background-color: #eee; color: #000; }
    body.layout.index.detail form.cert ul.structure li.lv2 div.iS.l2.item > .itemTitle { display: flex; align-items: center; width: 100%; min-height: 48.4px; height: auto; padding: 12.8px 32px 12.8px 74.4px; top: 0; transform: none; font: 16px/22.4px Verdana, Helvetica, Arial, sans-serif; background-position: 56px center; background-size: 8px; }
    body.layout.index.detail form.cert ul.structure li.lv2 div.iS.l2.item > .itemTitle > span { font: inherit; white-space: normal; }
    body.layout.index.detail form.cert .l2 .docu { height: 49.2px; }
}

/* Help floats over the rows and retains its own readable typography. */
body.layout.index.detail form.cert .item.iS:has(.hOpen) { z-index: 40; overflow: visible; }
body.layout.index.detail form.cert .item.iS > .itemTitle:has(.hOpen) { z-index: 40; }
body.layout.index.detail form.cert .iS .itemTitle > .hBox { position: absolute; bottom: 19.2px; top: auto; right: auto; height: auto; padding: 0; margin: 0; z-index: 40; }
body.layout.index.detail form.cert .iS .itemTitle > .hBox > .helpBox { position: relative; left: 0; bottom: auto; width: 100% !important; min-width: 0; max-width: none; margin: 0; padding: 9.6px; border: 0; background: #f8f8f8; color: #000; font: 12px/19.2px Verdana, Helvetica, Arial, sans-serif; text-align: left; white-space: normal; overflow-wrap: break-word; }
body.layout.index.detail form.cert .iS .itemTitle > .hBox > .helpBox p { margin: 0; padding: 0; font: inherit; }
body.layout.index.detail form.cert .iS .itemTitle > .hBox > button.help { position: absolute; bottom: 0; right: 0; left: auto; z-index: 1; width: 13.6px; height: 13.6px; min-width: 13.6px; min-height: 13.6px; margin: 0; padding: 0; border: 0; font-size: 0; background: transparent url(icon_close.svg) center/12px no-repeat; }
@media (min-width: 1001px) {
    body.layout.index.detail form.cert ul.structure li.lv1 div.iS.l1.item > .itemTitle { padding-right: 9.6px; }
    body.layout.index.detail form.cert ul.structure li.lv1 div.iS.l1.item > .itemTitle > span { white-space: nowrap; }
}

/* The shared article text already uses the original scale. */
@media (min-width: 1001px) {
    body.layout.index.detail form.cert ul.structure li .pi .item > .itemTitle { font-size: 12px; line-height: 18px; }
    body.layout.index.detail form.cert ul.structure li .pi .content h3 { font-size: 14px; }
}
@media (min-width: 1001px) and (max-width: 1150px) {
    body.layout.index.detail form.cert ul.structure li.lv1 div.iS.l1.item > .itemTitle > span { white-space: normal; }
}

@media (min-width: 1001px) {
    body.layout.index.detail form.cert ul.structure li .pi .item { padding-top: 8px; }
    body.layout.index.detail form.cert ul.structure li .pi .item:has(.content h3) { min-height: 40px; padding-top: 9px; }
}

/* Documentation pages use their own wider article and checklist layout. */
body.layout.index.doku .gea-topic-nav,
body.layout.index.doku .navBl,
body.layout.index.doku div.search,
body.layout.index.doku #searchBox { display: none; }
body.layout.index.doku #main > .cont { width: 100%; padding: 0; }
body.layout.index.doku #main .elInfo { position: relative; }
body.layout.index.doku #main a.getPdf { width: 27px; height: 27px; top: 0; padding: 0; font-size: 0; background-size: 20px; }
@media (min-width: 1001px) {
    body.layout.index.doku #header,
    body.layout.index.doku #header .cont { height: 154.4px; }
    body.layout.index.doku #header h1 { top: 56px; }
    body.layout.index.doku #header h2 { top: 107px; }
    body.layout.index.doku #logoGea { top: 33.6px; }
    body.layout.index.doku .navBox { top: 120px; }
    body.layout.index.doku #main { box-sizing: border-box; width: 800px; max-width: calc(100% - 64px); margin: 0 auto; padding: 50px 0 0; font: 12px/18px Verdana, Helvetica, Arial, sans-serif; }
}
@media (max-width: 1000px) {
    body.layout.index.doku #main { box-sizing: border-box; width: 100%; max-width: 100%; padding: 28px 18px 0; }
    body.layout.index.doku #main .elInfo > h2:first-of-type { padding-right: 36px; }
}
@media (min-width: 1001px) {
    body.layout.index.doku #header .cont { width: calc(100% - 54.4px); }
    body.layout.index.doku #footer > .cont { padding-top: 84.8px; }
}

/* Navigation hover uses the corresponding topic color. */
body.layout.index .gea-topic-nav a:nth-child(1):is(:hover, :focus-visible) { background-color: #927469; filter: none; }
body.layout.index .gea-topic-nav a:nth-child(2):is(:hover, :focus-visible) { background-color: #8363a7; filter: none; }
body.layout.index .gea-topic-nav a:nth-child(3):is(:hover, :focus-visible) { background-color: #c03642; filter: none; }
body.layout.index .gea-topic-nav a:nth-child(4):is(:hover, :focus-visible) { background-color: #8cbc3e; filter: none; }
body.layout.index .gea-topic-nav a:nth-child(5):is(:hover, :focus-visible) { background-color: #45a9c3; filter: none; }
body.layout.index .gea-topic-nav a:nth-child(6):is(:hover, :focus-visible) { background-color: #cbb616; filter: none; }
body.layout.index .gea-topic-nav a:nth-child(7):is(:hover, :focus-visible) { background-color: #e77d31; filter: none; }
body.layout.index .gea-topic-nav a:nth-child(8):is(:hover, :focus-visible) { background-color: #3d923e; filter: none; }
body.layout.index .gea-topic-nav a:nth-child(9):is(:hover, :focus-visible) { background-color: #c02f99; filter: none; }

/* Labels extend flush from the hovered navigation tile. */
body.layout.index .gea-topic-nav { z-index: 50; }
body.layout.index .gea-topic-nav a { position: relative; }
body.layout.index .gea-topic-nav .gea-topic-label { display: none; position: absolute; left: 100%; top: 0; height: 100%; box-sizing: border-box; align-items: center; padding: 0 12px; margin: 0; border: 0; background-color: inherit; color: #fff; font: 13px/1.4 Verdana, Helvetica, Arial, sans-serif; white-space: nowrap; pointer-events: none; }
body.layout.index .gea-topic-nav a:is(:hover, :focus-visible) { z-index: 2; }
body.layout.index .gea-topic-nav a:is(:hover, :focus-visible) > .gea-topic-label { display: flex; }

@media (min-width: 1001px) {
    body.layout.plain.hilfe .navBox,
    body.layout.plain.hilfe .navBox li,
    body.layout.plain.hilfe .navBox li a { height: 34.4px; }
    body.layout.plain.hilfe .navBox li { margin-right: 6.4px; }
    body.layout.plain.hilfe .navBox li a { font: 18.4px/34.4px Georgia, serif; }
    body.layout.plain.hilfe .navBox ul li:first-child a { width: 43.2px; height: 34.4px; padding: 0; background: #fff url(icon_home.svg) center/23.2px no-repeat; font-size: 0; }
    body.layout.plain.hilfe .navBox li a.selected { background-color: #1e638e; color: #fff; }
}

/* Bundesland filter panel. */
body.layout.index #header .navBl .titel { border: 0; padding: 0; margin: 0; font-size: 0; }
body.layout.index #header .navBl .titel:focus-visible { outline: 2px solid #135f8e; outline-offset: 2px; }
body.layout.index #header .navBl.aktiv .infoBl { display: none; }
@media (min-width: 1001px) {
    body.layout.index #header .navBl.aktiv { width: 172.8px; height: auto; background: #1e638e; }
    body.layout.index #header .navBl.aktiv .titel { position: absolute; top: 0; right: 0; width: auto; min-width: 76px; height: 34.4px; float: none; background: #1e638e; }
    body.layout.index #header .navBl ul { box-sizing: border-box; width: 172.8px; margin: 34.4px 0 0; padding: 6.4px; background: #1e638e; color: #fff; list-style: none; font: 13px/26px Georgia, serif; text-align: right; }
    body.layout.index #header .navBl ul li { margin: 0; padding: 0; border: 0; }
    body.layout.index #header .navBl ul li:first-child { margin-bottom: 6.4px; padding-bottom: 6.4px; border-bottom: .8px dashed #fff; }
    body.layout.index #header .navBl label { display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding: 0; text-indent: 0; white-space: nowrap; cursor: pointer; }
    body.layout.index #header .navBl input { flex: none; width: 12px; height: 12px; margin: 0; padding: 0; top: 0; accent-color: #0781ff; }
}

/* The quick search belongs to a full-width strip beneath the header. */
body.layout.index #header { position: relative; }
body.layout.index #header #searchSwitch { display: block; position: static; width: 35.2px; height: 34.4px; padding: 0; margin: 0; border: 0; cursor: pointer; background: #fff url(icon_search_blue.svg) center/23.2px no-repeat; }
body.layout.index #header #searchSwitch.aktiv { background-image: url(icon_cross_blue.svg); background-size: 12px; }
body.layout.index #header > #searchBox { display: none; position: absolute; left: 0; top: 100%; width: 100%; box-sizing: border-box; height: 47.2px; background: #306e93; opacity: 1; z-index: 60; }
body.layout.index #header #search { display: flex; align-items: center; justify-content: flex-end; position: static; width: calc(100% - 100.8px); height: 47.2px; padding: 0; margin: 0 auto; box-sizing: border-box; background: none; }
body.layout.index #header #quicksearch { display: flex; align-items: center; gap: 18.4px; position: static; float: none; width: 352px; max-width: 100%; height: 35.2px; padding: 0; margin: 0; background: transparent; }
body.layout.index #header .quick-search-field { display: flex; position: relative; align-items: center; flex: 1; min-width: 0; height: 34.4px; padding: 4px; box-sizing: border-box; background: #306e93; }
body.layout.index #header #quick { display: block; width: 100%; height: 23.2px; min-width: 0; box-sizing: border-box; padding: 0 32px 0 10px; margin: 0; border: 1px solid #222; border-radius: 2px; outline: none; background: #fff; color: #333; font: 13px/21px Arial, sans-serif; }
body.layout.index #header #clearQuick { appearance: none; outline: none; box-shadow: none; display: block; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 24px; height: 22px; min-width: 0; padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; color: #5f6368; font: 20px/22px Arial, sans-serif; cursor: pointer; }
body.layout.index #header #quick:placeholder-shown + #clearQuick { display: none; }
body.layout.index #header #clearQuick:hover { color: #202124; }
body.layout.index #header .quick-search-submit { display: block; flex: none; width: 35.2px; height: 35.2px; padding: 0; margin: 0; border: 0; background: #1e638e url(icon_search_white.svg) center/25.6px no-repeat; cursor: pointer; }
body.layout.index #header :is(#searchSwitch, #quick, #clearQuick, .quick-search-submit):focus-visible { outline: 2px solid #135f8e; outline-offset: 2px; }
body.layout.index .gea-search-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
body.layout.index.searchAktiv #main { margin-top: 60px; }
@media (max-width: 1000px) {
    body.layout.index #header #search { width: calc(100% - 28px); }
    body.layout.index #header #quicksearch { gap: 10px; }
}

/* Highlight literal search terms without changing links or their destinations. */
body.layout.index #main mark.gea-search-hit { background: #fff19a; color: #202124; font: inherit; padding: 0 .06em; border-radius: 2px; box-decoration-break: clone; }

/* Closing the region list does not reset the selected filters. */
body.layout.index #header .navBl.aktiv .titel { padding: 0 8px; background-image: none; color: #fff; font: 13px/34.4px Georgia, serif; text-align: right; }
body.layout.index #header .navBl.aktiv .titel:focus-visible { outline-color: #fff; outline-offset: -3px; }

body.layout.index #header .navBl.aktiv .titel::after { content: "×"; display: inline-block; margin-left: 7px; color: #fff; font: bold 16px/1 Arial, sans-serif; vertical-align: -1px; }

/* Reserve a slim sidebar when the three-column navigation no longer fits. */
@media (max-width: 1150px) {
    body.layout.index:not(.doku) #main > .cont { width: calc(100% - 70.4px); min-width: 732.4px; padding-top: 24px; }
    body.layout.index:not(.doku) #main > .cont > .elInfo.peStructur { width: calc(100% - 86px); min-width: 646.4px; margin-left: 86px; }
    body.layout.index .gea-topic-nav { grid-template-columns: var(--gea-nav-tile-size); position: absolute; top: 24px; left: 0; margin: 0; }
    body.layout.index.detail .gea-topic-nav .gea-overview { grid-column: 1; }
}

@media (max-width: 803px) {
    body.layout.index:not(.doku) #main > .cont { margin-left: 35.2px; margin-right: 35.2px; }
}

/* Narrow windows retain the topic grid and the fixed-size sidebar. */
@media (min-width: 750px) and (max-width: 750px) {
    html:has(body.layout.index) { overflow-x: auto; }
    body.layout.index { overflow-x: visible; }
    body.layout.index:not(.doku) #main > .cont { width: calc(100% - 41.6px); min-width: 706.4px; margin-left: 20.8px; margin-right: 20.8px; padding-top: 42.4px; }
    body.layout.index:not(.doku) #main > .cont > .elInfo.peStructur { width: calc(100% - 60px); min-width: 646.4px; margin-left: 60px; }
    body.layout.index .gea-topic-nav { top: 42.4px; }
    body.layout.index.detail #main > .cont { min-width: 706.4px; }
    body.layout.index.detail #main > .cont > .elInfo.peStructur { width: 589.6px; min-width: 589.6px; margin-left: 153.6px; }
    body.layout.index.detail .gea-topic-nav .gea-overview { position: absolute; top: -34.4px; left: 0; height: 30.4px; grid-template-columns: repeat(3, 6.4px); grid-template-rows: repeat(3, 6.4px); gap: 2.4px; }
    body.layout.index.detail .gea-overview i { width: 6.4px; height: 6.4px; background: #927469; }
    body.layout.index.detail .gea-overview i:nth-child(2) { background: #8363a7; }
    body.layout.index.detail .gea-overview i:nth-child(3) { background: #c03642; }
    body.layout.index.detail .gea-overview i:nth-child(4) { background: #8cbc3e; }
    body.layout.index.detail .gea-overview i:nth-child(5) { background: #45a9c3; }
    body.layout.index.detail .gea-overview i:nth-child(6) { background: #cbb616; }
    body.layout.index.detail .gea-overview i:nth-child(7) { background: #e77d31; }
    body.layout.index.detail .gea-overview i:nth-child(8) { background: #3d923e; }
    body.layout.index.detail .gea-overview i:nth-child(9) { background: #c02f99; }
    body.layout.index.detail form.cert { width: 100%; padding: 0; }
    body.layout.index.detail form.cert .sTab { margin-bottom: 0; }
    body.layout.index.detail form.cert .fsStructForm { width: 589.6px !important; min-width: 589.6px; max-width: none; flex: none; margin: 0; padding: 0; }
    body.layout.index.detail form.cert .fsStructForm > ul.structure.p0 { width: 100%; margin: 0; padding: 0; }
    body.layout.index.detail form.cert .fsStructForm > ul.structure.p0 > li.lv0 { width: 100%; padding: 0; margin: 0; }
    body.layout.index.detail form.cert ul.structure li.lv0 div.item.l0 { position: relative; width: 100%; min-height: 74.4px; height: auto; margin: 0 0 3.2px; padding: 0; border: 0; border-top-width: 0 !important; background-image: none; }
    body.layout.index.detail form.cert ul.structure li.lv0 div.item.l0 > .itemTitle { display: flex; align-items: center; min-height: 74.4px; width: 100%; margin: 0; padding: 16px 64px 16px 36px; top: 0; transform: none; font: 24px/1.3 Verdana, sans-serif; }
    body.layout.index.detail form.cert ul.structure li.lv0 div.item.l0.doku > .itemTitle > span::after { display: inline; position: static; content: ' ...'; width: auto; height: auto; background: none; }
    body.layout.index.detail form.cert ul.structure li.lv0 div.item.l0::after { width: 64px; height: 74.4px; top: 0; right: 0; background: var(--gea-small-icon) center/36px no-repeat; }
    body.layout.index.detail form.cert li.A { --gea-small-icon: url(icon_mobility.svg); }
    body.layout.index.detail form.cert li.B { --gea-small-icon: url(icon_location.svg); }
    body.layout.index.detail form.cert li.C { --gea-small-icon: url(icon_energy.svg); }
    body.layout.index.detail form.cert li.D { --gea-small-icon: url(icon_catering.svg); }
    body.layout.index.detail form.cert li.E { --gea-small-icon: url(icon_material.svg); }
    body.layout.index.detail form.cert li.F { --gea-small-icon: url(icon_technik.svg); }
    body.layout.index.detail form.cert li.G { --gea-small-icon: url(icon_soziales.svg); }
    body.layout.index.detail form.cert li.H { --gea-small-icon: url(icon_kommunikation.svg); }
    body.layout.index.detail form.cert li.I { --gea-small-icon: url(icon_allg.svg); }
    body.layout.index.detail form.cert .l0 .docu { width: 64px; height: 74.4px; }
    body.layout.index.detail form.cert .l0.doku .docu { background: none; }
    body.layout.index.detail form.cert ul.structure li.lv0 div.iS.l1.item { width: 100%; height: auto; min-height: 40.8px; margin: 3.2px 0 0; padding: 0; border: 0; border-top-width: 0 !important; }
    body.layout.index.detail form.cert ul.structure li.lv1 div.iS.l1.item > .itemTitle { display: flex; align-items: center; width: 100%; min-height: 40.8px; height: auto; margin: 0; padding: 8px 36px 8px 54.4px; font: 16px/24.8px Verdana, sans-serif; top: 0; transform: none; background-position: 33.6px center; background-size: 8px; }
    body.layout.index.detail form.cert ul.structure li.lv1 div.iS.l1.item > .itemTitle > span { white-space: normal; }
    body.layout.index.detail form.cert .docu { height: 40.8px; width: 36px; top: 0; }
    body.layout.index.detail #main { min-height: 484px; }
}

@media (min-width: 750px) and (max-width: 750px) {
    body.layout.index #navUp { display: none; }
    body.layout.index #header .navBox,
    body.layout.index #header .navBl,
    body.layout.index #header div.search { position: absolute; }
    body.layout.index.detail #main > .cont > .elInfo.peStructur { width: calc(100% - 153.6px); max-width: 589.6px; min-width: 0; }
    body.layout.index.detail form.cert .fsStructForm { width: 100% !important; min-width: 0; }
}

/* Compact phones/windows use full-width topic rows instead of the tile grid. */
body.layout.index .gea-mobile-overview { display: none; }
@media (width < 750px) {
    html:has(body.layout.index) { overflow-x: auto; }
    body.layout.index { overflow-x: visible; }
    body.layout.index #header { height: 154.4px; padding: 0; border: 0; }
    body.layout.index #header > .cont { width: 100%; height: 100%; padding: 0; border: 0; }
    body.layout.index #logoL,
    body.layout.index #logoGea,
    body.layout.index .gea-topic-nav { display: none; }
    body.layout.index #header h1 { top: 78.4px; left: 31%; right: auto; width: auto; margin: 0; text-align: left; }
    body.layout.index #header h1 a { padding: 0; font: 20px/20px Georgia, serif; }
    body.layout.index #header h1 br { display: inline; }
    body.layout.index #header h2 { top: 130.4px; left: 16px; right: auto; width: calc(100% - 32px); margin: 0; text-align: left; font: 12px/18px Verdana, sans-serif; }
    body.layout.index #header .navBox { position: fixed; top: 0; left: 0; width: 100%; height: 36px; padding: 0; opacity: 1; background: #26658b; }
    body.layout.index #header .navBoxSwitch { height: 36px; background-color: transparent; background-size: 27px; background-position: 8px 8px; }
    body.layout.index #header div.search { position: fixed; top: 0; right: 0; width: 36px; height: 36px; z-index: 25; }
    body.layout.index #header #searchSwitch { width: 36px; height: 36px; background: transparent url(icon_search_white.svg) center/22px no-repeat; }
    body.layout.index #header #searchSwitch.aktiv { background-image: url(icon_cross.svg); background-size: 12px; }
    body.layout.index #header .navBl { position: fixed; top: 0; right: 36px; margin: 0; }
    body.layout.index #header .navBl .titel { right: 0; width: 44px; height: 36px; }
    body.layout.index #header .navBl.aktiv { width: 180px; background: #1e638e; }
    body.layout.index #header .navBl.aktiv .titel { width: auto; }
    body.layout.index #header .navBl ul { margin-top: 36px; }
    body.layout.index #header > #searchBox { position: fixed; top: 36px; }
    body.layout.index.detail #header .navBox { width: calc(100% - 36px); }
    body.layout.index.detail #header div.search { right: 36px; }
    body.layout.index.detail #header .navBl { right: 72px; }
    body.layout.index.detail .gea-mobile-overview { position: fixed; top: 0; right: 0; z-index: 25; display: grid; grid-template-columns: repeat(3, 6.4px); gap: 2.4px; place-content: center; width: 36px; height: 36px; background: #fff; }
    body.layout.index .gea-mobile-overview i { width: 6.4px; height: 6.4px; background: #927469; }
    body.layout.index .gea-mobile-overview i:nth-child(2) { background: #8363a7; }
    body.layout.index .gea-mobile-overview i:nth-child(3) { background: #c03642; }
    body.layout.index .gea-mobile-overview i:nth-child(4) { background: #8cbc3e; }
    body.layout.index .gea-mobile-overview i:nth-child(5) { background: #45a9c3; }
    body.layout.index .gea-mobile-overview i:nth-child(6) { background: #cbb616; }
    body.layout.index .gea-mobile-overview i:nth-child(7) { background: #e77d31; }
    body.layout.index .gea-mobile-overview i:nth-child(8) { background: #3d923e; }
    body.layout.index .gea-mobile-overview i:nth-child(9) { background: #c02f99; }
    body.layout.index:not(.doku) #main > .cont { width: calc(100% - 44.8px); min-width: 0; margin: 0 auto; padding-top: 24px; }
    body.layout.index:not(.doku) #main > .cont > .elInfo.peStructur { width: 100%; min-width: 0; margin: 0; }
    body.layout.index form.cert { width: 100%; min-width: 0; padding: 0; }
    body.layout.index form.cert > fieldset { width: 100%; min-width: 0; }
    body.layout.index form.cert .fsStructForm { width: 100% !important; min-width: 0; max-width: 100%; margin: 0; padding: 0; }
    body.layout.index form.cert .fsStructForm > ul.structure.p0 { width: 100%; margin: 0; padding: 0; }
    body.layout.index.start form.cert .fsStructForm > ul.structure.p0 { grid-template-columns: minmax(0, 1fr); gap: 5.6px; }
    body.layout.index.start form.cert ul.structure li.lv0 div.item.l0 { position: relative; width: 100% !important; height: auto; min-height: 40px; aspect-ratio: auto; background-image: none !important; }
    body.layout.index.start form.cert .item.iS.l0 > .itemTitle { text-align: left; padding: 9.6px 44px 9.6px 16px; margin: 0; font: 16px/21px Verdana, sans-serif; }
    body.layout.index.start form.cert ul.structure li.lv0 div.item.l0::after { display: block; top: 0; right: 8px; width: 28px; height: 100%; background: var(--gea-mobile-icon) center/18px no-repeat; }
    body.layout.index form.cert li.A { --gea-mobile-icon: url(icon_mobility.svg); }
    body.layout.index form.cert li.B { --gea-mobile-icon: url(icon_location.svg); }
    body.layout.index form.cert li.C { --gea-mobile-icon: url(icon_energy.svg); }
    body.layout.index form.cert li.D { --gea-mobile-icon: url(icon_catering.svg); }
    body.layout.index form.cert li.E { --gea-mobile-icon: url(icon_material.svg); }
    body.layout.index form.cert li.F { --gea-mobile-icon: url(icon_technik.svg); }
    body.layout.index form.cert li.G { --gea-mobile-icon: url(icon_soziales.svg); }
    body.layout.index form.cert li.H { --gea-mobile-icon: url(icon_kommunikation.svg); }
    body.layout.index form.cert li.I { --gea-mobile-icon: url(icon_allg.svg); }
    body.layout.index.detail form.cert .sTab { margin-bottom: 0; }
    body.layout.index.detail form.cert ul.structure > li.lv0 { width: 100%; padding: 0; margin: 0; }
    body.layout.index.detail form.cert ul.structure li.lv0 div.item.l0 { width: 100%; min-height: 45.6px; margin: 0 0 3.2px; padding: 0; border: 0; background-image: none; }
    body.layout.index.detail form.cert ul.structure li.lv0 div.item.l0::after { display: none; }
    body.layout.index.detail form.cert .iS.l0 > .itemTitle { width: 100%; margin: 0; padding: 13px 44px 11px 16px; font: 16px/22px Verdana, sans-serif; }
    body.layout.index.detail form.cert ul.structure li.lv0 div.iS.l1.item { width: 100%; min-height: 39px; margin: 3.2px 0 0; padding: 0; border: 0; }
    body.layout.index.detail form.cert .iS.l1 > .itemTitle { width: 100%; margin: 0; padding: 10px 38px 10px 35px; font: 14px/19px Verdana, sans-serif; background-position: 15px center; }
    body.layout.index.detail form.cert ul.structure li.lv0 .docu { top: 0; height: 100%; width: 36px; background-size: 28px; }
}

@media (width < 750px) {
    body.layout.index.start form.cert { min-width: 0; }
    body.layout.index.start form.cert .fsStructForm { width: 100% !important; min-width: 0; max-width: 100%; }
    body.layout.index.start form.cert .item.iS.l0 > .itemTitle > span { font: inherit; }
}

@media (width < 750px) {
    body.layout.index #header h1 { width: calc(69% - 16px) !important; max-width: calc(69% - 16px); }
    body.layout.index #header h1 a { width: 100%; max-width: 100%; }
    body.layout.index.start form.cert .l0 .docu { display: none; }
    body.layout.index.detail .gea-mobile-overview { box-sizing: border-box; padding: 0; margin: 0; border: 0; }
}

@media (width < 750px) {
 body.layout.index:not(.doku) #main > .cont > .elInfo.peStructur { max-width: none; }
}

/* Use the same left column for Home and the vertical topic navigation. */
@media (min-width: 750px) and (max-width: 1150px) {
    body.layout.index { --gea-sidebar-left: 35.2px; }
    body.layout.index #header > .cont { width: calc(100% - 2 * var(--gea-sidebar-left)); margin-left: var(--gea-sidebar-left); margin-right: var(--gea-sidebar-left); }
    body.layout.index:not(.doku) #main > .cont { margin-left: var(--gea-sidebar-left); }
    body.layout.index .gea-topic-nav { left: 0; }
}
@media (min-width: 750px) and (max-width: 750px) {
    body.layout.index { --gea-sidebar-left: 20.8px; }
}
@media (min-width: 750px) and (max-width: 799px) {
    body.layout.index #header .navBox { position: absolute; top: auto; bottom: 0; left: 0; width: 100%; height: 34.4px; padding: 0; background: none; opacity: 1; }
    body.layout.index #header .navBoxSwitch { display: none; }
    body.layout.index #header .navBox #menu { display: block; width: 100%; padding: 0; background: none; }
    body.layout.index #header .navBox #menu li { display: block; float: left; width: auto; padding: 0; border: 0; }
    body.layout.index #header .navBox #menu li:first-child a { display: block; width: 43.2px; height: 34.4px; padding: 0; background: #1e638e url(icon_home_white.svg) center/23.2px no-repeat; font-size: 0; }
}

/* Keep the colored overview above the vertical topics and the gray one below. */
body.layout.index .gea-topic-nav .gea-overview-top { display: none; }
@media (min-width: 750px) and (max-width: 1150px) {
    body.layout.index.detail .gea-topic-nav .gea-overview-top { display: grid; order: -1; position: relative; width: 45.6px; height: 30.4px; min-height: 30.4px; padding: 0; margin: 0; grid-column: 1; grid-template-columns: repeat(3, 6.4px); grid-template-rows: repeat(3, 6.4px); gap: 2.4px; place-content: center; background: none; }
    body.layout.index .gea-overview-top i { display: block; width: 6.4px; height: 6.4px; background: #927469; }
    body.layout.index .gea-overview-top i:nth-child(2) { background: #8363a7; }
    body.layout.index .gea-overview-top i:nth-child(3) { background: #c03642; }
    body.layout.index .gea-overview-top i:nth-child(4) { background: #8cbc3e; }
    body.layout.index .gea-overview-top i:nth-child(5) { background: #45a9c3; }
    body.layout.index .gea-overview-top i:nth-child(6) { background: #cbb616; }
    body.layout.index .gea-overview-top i:nth-child(7) { background: #e77d31; }
    body.layout.index .gea-overview-top i:nth-child(8) { background: #3d923e; }
    body.layout.index .gea-overview-top i:nth-child(9) { background: #c02f99; }
    body.layout.index.detail .gea-topic-nav .gea-overview { position: relative; top: auto; left: auto; height: 45.6px; grid-template-columns: repeat(3, 9.6px); grid-template-rows: repeat(3, 9.6px); gap: 3.2px; }
    body.layout.index.detail .gea-topic-nav .gea-overview i { width: 9.6px; height: 9.6px; background: #aaa; }
    body.layout.index.detail:not(.doku) #main > .cont { min-height: 584px; }
}

/* In the vertical sidebar, show a single colored overview above the topics. */
@media (min-width: 750px) and (max-width: 1150px) {
    body.layout.index.detail #navUp,
    body.layout.index.detail .gea-mobile-overview,
    body.layout.index.detail .gea-topic-nav .gea-overview { display: none; }
}

/* Open topics in the compact layout have one overview control at the right edge. */
@media (width < 750px) {
    body.layout.index.detail #navUp { display: none; }
    body.layout.index.detail #header .navBox { width: calc(100% - 48.8px); }
    body.layout.index.detail #header div.search { right: 48.8px; }
    body.layout.index.detail #header .navBl { right: 84.8px; }
    body.layout.index.detail .gea-mobile-overview { width: 48.8px; height: 36px; padding: 0; margin: 0; border: 0; box-sizing: border-box; background: #fff; }
}

@media (width < 750px) {
    body.layout.index.detail .gea-mobile-overview { z-index: 1100; }
}

/* The partner list stays in normal flow and adapts to the available width. */
body.layout #footer { height: auto; clear: both; }
body.layout #footer > .cont { box-sizing: border-box; width: calc(100% - 40px); max-width: 800px; height: auto; margin: 0 auto; padding: 48px 0 32px; text-align: right; }
body.layout #footer .cont .publisher { position: relative; left: 0; width: 100%; height: auto; display: block; }
body.layout #footer .cont .publisher ul.p0.structure { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 20px 24px; width: 100%; max-width: 100%; height: auto; margin: 0 0 32px; padding: 0; list-style: none; }
body.layout #footer .cont .publisher ul.p0.structure > li { display: flex; position: relative; float: none; width: 100%; min-width: 0; height: 64px; margin: 0; padding: 0; align-items: center; justify-content: center; }
body.layout #footer .cont .publisher .pu0 { position: static; left: auto; width: 100%; height: auto; margin: 0; padding: 0; }
body.layout #footer .cont .publisher .pu0 a { display: flex; position: static; align-items: center; justify-content: center; width: 100%; height: 64px; margin: 0; padding: 0; }
body.layout #footer .cont .publisher .pu0 img { display: block; width: 100%; max-width: 100%; height: 52px !important; max-height: 52px; margin: 0; object-fit: contain; }
@media (max-width: 999px) {
    body.layout #footer .cont .publisher ul.p0.structure { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (width < 750px) {
    body.layout #footer .cont .publisher ul.p0.structure { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 20px; }
    body.layout #footer > .cont > a.partner { display: block; float: none; margin-bottom: 12px; text-align: center; }
    body.layout #footer > .cont { text-align: center; }
}
@media (max-width: 479px) {
    body.layout #footer .cont .publisher ul.p0.structure { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; }
}

/* Intermediate widths use the same centered topic rows as the desktop view. */
@media (min-width: 750px) and (max-width: 1000px) {
    body.layout.index.detail:not(.doku) #main > .cont { min-width: 732.4px; }
    body.layout.index.detail:not(.doku) #main > .cont > .elInfo.peStructur { width: calc(100% - 86px); min-width: 646.4px; max-width: none; margin-left: 86px; }
    body.layout.index.detail form.cert { width: 100%; padding: 0; }
    body.layout.index.detail form.cert > fieldset { width: 100%; min-width: 0; padding: 0; margin: 0; }
    body.layout.index.detail form.cert .sTab { margin-bottom: 0; }
    body.layout.index.detail form.cert .fsStructForm { width: 646.4px !important; max-width: 100%; flex: none; margin: 0 auto; padding: 0; }
    body.layout.index.detail form.cert .fsStructForm > ul.structure.p0 { width: 100%; max-width: none; height: auto; margin: 0; padding: 0; }
    body.layout.index.detail form.cert .fsStructForm > ul.structure.p0 > li.lv0 { width: 100%; padding: 0; margin: 0; }
    body.layout.index.detail form.cert ul.structure li.lv0 div.item.l0 { position: relative; width: 100%; min-height: 84px; height: auto; margin: 0 0 3.2px; padding: 0; border: 0; border-top-width: 0 !important; background-image: none; }
    body.layout.index.detail form.cert ul.structure li.lv0 div.item.l0 > .itemTitle { display: flex; align-items: center; min-height: 84px; width: 100%; padding: 16px 80px 16px 36px; top: 0; transform: none; font: 24px/1.3 Verdana, Helvetica, Arial, sans-serif; }
    body.layout.index.detail form.cert ul.structure li.lv0 div.item.l0 > .itemTitle > span { white-space: normal; }
    body.layout.index.detail form.cert ul.structure li.lv0 div.item.l0.doku > .itemTitle > span::after { display: inline; position: static; content: ' ...'; width: auto; height: auto; background: none; }
    body.layout.index.detail form.cert ul.structure li.lv0 div.item.l0::after { width: 80px; height: 84px; top: 0; right: 0; background-image: url(sprite_greenevent.svg); background-size: 756px 36px; background-position: calc(50% + var(--gea-topic-offset)) center; }
    body.layout.index.detail form.cert li.A { --gea-topic-offset: -144px; }
    body.layout.index.detail form.cert li.B { --gea-topic-offset: 0px; }
    body.layout.index.detail form.cert li.C { --gea-topic-offset: 216px; }
    body.layout.index.detail form.cert li.D { --gea-topic-offset: 288px; }
    body.layout.index.detail form.cert li.E { --gea-topic-offset: -72px; }
    body.layout.index.detail form.cert li.F { --gea-topic-offset: 144px; }
    body.layout.index.detail form.cert li.G { --gea-topic-offset: -216px; }
    body.layout.index.detail form.cert li.H { --gea-topic-offset: 72px; }
    body.layout.index.detail form.cert li.I { --gea-topic-offset: 360px; }
    body.layout.index.detail form.cert ul.structure li.lv0 div.iS.l1.item { width: 100%; height: auto; min-height: 51.2px; margin: 3.2px 0 0; padding: 0; border: 0; border-top-width: 0 !important; }
    body.layout.index.detail form.cert ul.structure li.lv1 div.iS.l1.item > .itemTitle { display: flex; align-items: center; width: 100%; min-height: 51.2px; height: auto; padding: 12.8px 36px 12.8px 54.4px; font: 16px/22.4px Verdana, Helvetica, Arial, sans-serif; top: 0; transform: none; background-position: 33.6px center; background-size: 8px; }
    body.layout.index.detail form.cert ul.structure li.lv1 div.iS.l1.item > .itemTitle > span { white-space: normal; }
    body.layout.index.detail form.cert .item.iS .itemTitle span button.helpIndikator { width: 13.6px; height: 13.6px; margin-left: 6.4px; background: transparent url(icon_help.svg) center/12px no-repeat; border: 0; vertical-align: text-top; top: -2.4px; line-height: 13.6px; }
    body.layout.index.detail form.cert .docu { height: 51.2px; width: 36px; top: 0; }
    body.layout.index.detail form.cert .l0 .docu { height: 84px; width: 80px; }
    body.layout.index.detail form.cert ul.structure li.lv0 .pi .item,
    body.layout.index.detail form.cert ul.structure li.lv1 .pi .item,
    body.layout.index.detail form.cert ul.structure li.lv2 .pi .item { width: 100%; }
    body.layout.index.detail form.cert .fsStructForm ul.lv1 > li.lv2 { width: 100%; margin: 0; padding: 0; }
    body.layout.index.detail form.cert ul.structure li.lv1 div.iS.l2.item { width: 100%; min-height: 49.2px; height: auto; margin: 0; padding: 0; border-style: solid; border-width: 0 0 0.8px; border-top-width: 0 !important; background-color: #eee; color: #000; }
    body.layout.index.detail form.cert ul.structure li.lv2 div.iS.l2.item > .itemTitle { display: flex; align-items: center; width: 100%; min-height: 48.4px; height: auto; padding: 12.8px 32px 12.8px 74.4px; top: 0; transform: none; font: 16px/22.4px Verdana, Helvetica, Arial, sans-serif; background-position: 56px center; background-size: 8px; }
    body.layout.index.detail form.cert ul.structure li.lv2 div.iS.l2.item > .itemTitle > span { font: inherit; white-space: normal; }
    body.layout.index.detail form.cert .l2 .docu { height: 49.2px; }
    body.layout.index.detail form.cert .fsStructForm { min-width: 646.4px; }
    body.layout.index.detail form.cert .item.iS > .itemTitle { margin: 0; }
}

@media (min-width: 750px) and (max-width: 1000px) {
    body.layout.index.detail form.cert ul.structure li.lv0 div.item.l0 { width: 100% !important; }
}

/* The legacy header divider crosses the menu at intermediate widths. */
@media (min-width: 750px) and (max-width: 1000px) {
    body.layout #header > .cont { border-bottom: 0; }
}