/* NISG-2026 Betroffenheitscheck — Darstellung Copyright (c) 2026 Tobias Gösslbauer — TG Advisory, 1030 Wien Alle Rechte vorbehalten. https://tg-advisory.at -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Seitenrahmen: Navigation, Kontakt-Overlay, Fusszeile. Webflow legt diese Regeln in jede Seiten-CSS. Diese Datei ist von Hand angelegt und traegt sie deshalb als Kopie aus page-impressum.css. Bei einer Aenderung am Seitenrahmen hier mitziehen — sonst steht die Navigation dieser einen Seite ohne Gestaltung da. -------------------------------------------------------------------- */ /* rahmen:anfang — erzeugt aus page-impressum.css, nicht von Hand aendern */ :root{--black-main:#292929;--white:white;--black:black;--charcole:#161616;--divider:#cecece;--focus-two:#ddbea9;--mission:#003049;--insights:#9d0208;--focus-four:#b7b7a4;--focus-five:#a5a58d;--focus-six:#6b705c;--focus-one:#cb997e;--accessible-components--dark-grey:#9b9b9b;--white-smoke:#f0f0f0;--features:#3a5a40;--yellow:#ecfd6f;--blue:#146ef5;--black-transparent:#363636;--pink:#dc58be;--focus-three:#ffe8d6;--text-focus-six:#cdd6b1;--accessible-components--dodger-blue:#1378d1}body{background-color:var(--black-main);color:var(--white);font-family:Poppins,sans-serif;font-size:1rem;line-height:1.5}h1{margin-top:0;margin-bottom:0;font-size:4rem;font-weight:300;line-height:1.35}h2{margin-top:0;margin-bottom:0;font-size:2rem;font-weight:300}h3{margin-top:0;margin-bottom:0;font-size:1.5rem;font-weight:300;line-height:30px}a{color:var(--black);text-decoration:none}.w-layout-hflex{flex-direction:row;align-items:flex-start;display:flex}.w-layout-vflex{flex-direction:column;align-items:flex-start;display:flex}.w-layout-grid{grid-row-gap:16px;grid-column-gap:16px;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;display:grid}.html{position:absolute;inset:0% auto auto 0%}.nav-bar{z-index:200;background-color:#292929;justify-content:space-between;align-items:center;width:100%;padding:0 6rem;display:flex;position:fixed;inset:0% auto auto 0%}.nav-bar.en{left:0}.grid-main{grid-column-gap:1rem;grid-row-gap:1rem;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr;width:100%;height:100%}.grid-main.image{height:40%}.grid-main.nav{grid-template-columns:.5fr 1.5fr}.flex-menu{grid-column-gap:1.5rem;grid-row-gap:1.5rem;justify-content:flex-end;align-items:center;padding-top:1.5rem;padding-bottom:1.5rem;display:flex;position:relative}.nav-link{color:#353535cc;font-weight:400;transition:opacity .5s}.nav-link:hover{color:var(--black)}.nav-link.w--current{color:var(--black);font-weight:600}.nav-link.white{color:var(--white)}.nav-link.white.w--current{display:flex}.nav-link.white.hide{display:none}.nav-link.contact-toggle{margin-left:auto;margin-right:auto}.header-parent-2{grid-column-gap:2rem;grid-row-gap:2rem;flex-flow:column;justify-content:flex-end;align-items:flex-start;width:100%;padding:2rem 2rem 1rem;display:flex;overflow:visible}.main-wrapper{grid-column-gap:2rem;grid-row-gap:2rem;flex-flow:column;justify-content:center;align-items:center;min-height:100vh;padding:3rem 3rem 6rem 6rem;display:flex}.hero-parent-2{flex-flow:column;justify-content:flex-end;align-items:flex-start;width:100%;padding-top:8rem;display:flex;overflow:hidden}.footer-parent{grid-column-gap:1rem;grid-row-gap:1rem;border-top-left-radius:10px;border-top-right-radius:10px;flex-flow:column;padding-top:0;display:flex}.footer-grid{grid-column-gap:16px;grid-row-gap:16px;background-color:#161616;grid-template-rows:auto;grid-template-columns:1fr 2fr;grid-auto-columns:1fr}.div-block-59{grid-column-gap:10px;grid-row-gap:10px;flex-flow:column;justify-content:flex-end;align-items:flex-start;padding:2rem;display:flex}.flex-footer{grid-column-gap:1rem;grid-row-gap:1rem;justify-content:space-between;width:100%;display:flex;position:relative}.nav-link-footer{color:#a7a7a7cc;font-size:.875rem;font-weight:400;transition:opacity .5s}.nav-link-footer:hover{color:var(--white)}.nav-link-footer.w--current{color:var(--white);font-weight:600}.divider-footer{background-color:#a7a7a71a;width:100%;height:1px}.nav-text-footer{color:#a7a7a7cc;font-size:.875rem;font-weight:400;transition:opacity .5s}.nav-text-footer.w--current{color:var(--black);font-weight:600}.div-block-60{grid-column-gap:1rem;grid-row-gap:1rem;display:flex}.flex-footer-top{grid-column-gap:1rem;grid-row-gap:1rem;justify-content:flex-end;align-items:center;width:100%;display:flex;position:relative}.heading-2{color:var(--white)}.div-block-76{background-color:var(--yellow);border-radius:10px;padding:.5rem 1rem}.grid-block{grid-column-gap:2rem;grid-row-gap:2rem;flex-flow:row;margin-top:2rem;margin-bottom:2rem;padding-top:0;padding-left:2rem;padding-right:2rem}.grid-block.flex-block{flex-flow:column}.grid-block.flex-block.flex-hor{flex-flow:row}.flex-block-2{grid-column-gap:3rem;grid-row-gap:3rem;grid-template:"Unternehmensname Area"". ."/1fr 1fr;grid-auto-columns:1fr;width:100%;margin-top:auto;margin-bottom:auto;display:flex}.flex-block-2.grid-block-2{grid-column-gap:3rem;grid-row-gap:3rem;grid-column-gap:3rem;grid-row-gap:3rem;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;display:grid}.div-block-77{background-color:var(--charcole);border-radius:10px;width:100%;padding-top:0;padding-bottom:2rem}.div-block-78{border-bottom:2px solid #ecfd6f;min-width:100%}.contact-overlay{z-index:100;background-color:#0000;border-radius:10px;flex-flow:row;justify-content:flex-end;align-items:stretch;width:100vw;padding-top:6rem;padding-bottom:0;display:flex;position:fixed;inset:0;transform:translate(100%)}.contact-panel{z-index:102;grid-column-gap:4rem;grid-row-gap:4rem;background-color:#161616;border-radius:10px;flex-flow:column;width:50%;display:flex;position:relative;overflow:auto}.panel-header{grid-column-gap:0px;grid-row-gap:0px;flex-flow:column;align-items:center;width:100%;padding-top:6rem;padding-left:4rem;padding-right:4rem;display:flex}.close-button{color:var(--black-main);background-color:#ecfd6f;border-radius:10px}.close-button.contact-close{width:44px;height:44px;display:flex;position:relative}.flex-block-3{grid-column-gap:2rem;grid-row-gap:2rem;justify-content:space-between;width:100%}.submit-button{color:var(--black-main);-webkit-text-stroke-color:var(--white);background-color:#ecfd6f;border-radius:10px}.field-label,.field-label-2,.field-label-3,.field-label-4,.field-label-5{font-weight:500}.form-block{padding-left:0}.form{grid-column-gap:1rem;grid-row-gap:1rem;flex-flow:column;display:flex}.text-field{border:1px solid var(--charcole);color:var(--white);background-color:#292929;border-radius:10px}.text-field:active,.text-field:focus,.text-field:focus-visible,.text-field[data-wf-focus-visible]{border-color:var(--yellow)}.flex-block-4{box-sizing:border-box;grid-column-gap:.5rem;grid-row-gap:.5rem;width:100%}.flex-block-5{grid-column-gap:0px;grid-row-gap:0px;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;width:100%;display:flex;position:static}.div-block-79{padding-left:4rem;padding-right:4rem;display:block}.contact-overlay-bg{z-index:101;background-color:#0006;position:absolute;inset:0}.contact-close-trigger,.contact-open-trigger{display:none}.textarea{color:var(--white);background-color:#292929;border:1px solid #292929;border-radius:10px;width:100%;min-width:100%;max-width:27%}.textarea:active{border-color:var(--yellow)}.textarea:focus{border-color:#ecfd6f}.text-block-19{text-align:left;-webkit-text-stroke-color:var(--blue);background-color:#0000;border:1px solid #0000;border-radius:10px;margin-bottom:1rem}.success-message{background-color:#0000}.success-message.success{margin-top:2rem;padding-left:0}.error-message{background-color:#0000}.success-header{display:none}.div-block-80{grid-column-gap:1rem;grid-row-gap:1rem;flex-flow:column;display:flex}.link{color:var(--white)}.text-span-3{display:inline}.div-block-81{grid-column-gap:.5rem;grid-row-gap:.5rem;flex-flow:row;justify-content:center;align-items:center;display:flex}.toggle-track{cursor:pointer;background-color:#161616;border-radius:999px;width:48px;height:24px;position:relative}.knob-track-de{background-color:#ecfd6f;border-radius:50%;width:16px;height:16px;margin:4px;transition:transform .2s ease-out;position:absolute;left:0}.div-block-82{position:relative}.image-11{width:5rem}.menu-button{display:none}.div-block-83,.div-block-84{width:50%}.x-line{background-color:var(--black-transparent);pointer-events:none;-webkit-text-stroke-color:var(--black-transparent);cursor:pointer;border:0 solid #353535cc;width:18px;height:1.5px;transition:background-color .2s;position:absolute;transform:rotate(45deg)}.x-line.x-line-2{transform:rotate(-45deg)}.link-block{background-color:var(--yellow);border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.link-block.close-button.contact-close{color:var(--black-transparent)}.link-block.close-button.contact-close:hover{color:var(--black);-webkit-text-stroke-color:var(--black)}@media screen and (max-width:991px){h1{font-size:3.5rem}.grid-main.image{height:20%}.hero-parent{justify-content:center;align-items:center}.header-parent{align-self:center;align-items:center;height:75%;padding-left:0;padding-right:0}.header-parent-2{height:60%;padding-bottom:0}.team-detail-img{max-height:30vh;display:none}.header-team-detail{height:60%}.title-name-intro{font-size:19vw}.transaction-detail-img{max-height:30vh;display:none}.header-parent-copy{height:60%}.heading{font-size:3rem}.heading-2{padding-left:0}.grid-block{flex-flow:column-reverse}.flex-block-2{grid-column-gap:1rem;grid-row-gap:1rem;margin-top:0;margin-bottom:0}.flex-block-2.grid-block-2{display:flex}.image-10{align-self:center;max-width:80%}.contact-panel{width:80%}.header-parent-3,.header-parent-2-copy{height:60%;padding-bottom:0}}@media screen and (max-width:767px){.grid-main.image{height:80rem}.hero-parent{grid-column-gap:2rem;grid-row-gap:2rem;height:auto}.header-parent,.header-parent-2{height:40rem;padding-top:10rem}.hero-parent-2{grid-column-gap:2rem;grid-row-gap:2rem;height:auto}.fs_modal-1_close{padding:1rem}.fs_modal-1_content-2{grid-column-gap:1.5rem;grid-row-gap:1.5rem;padding:3rem 2rem}.header-team-detail{height:40rem;padding-top:10rem}.title-name-intro{font-size:24vw}.header-parent-copy{height:40rem;padding-top:10rem}.hero-parent-copy{grid-column-gap:2rem;grid-row-gap:2rem;height:auto}.header-parent-3,.header-parent-2-copy{height:40rem;padding-top:10rem}}@media screen and (max-width:479px){h2{font-size:4.4rem}p{font-size:1rem}a{color:var(--charcole)}.parent{grid-column-gap:1.8rem;grid-row-gap:1.8rem;grid-auto-columns:1fr;display:flex}.nav-bar{padding-left:1rem;padding-right:1rem}.grid-main.nav{grid-column-gap:0rem;grid-row-gap:0rem;grid-column-gap:0rem;grid-row-gap:0rem;flex-flow:row-reverse;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;justify-content:space-between;align-items:center;display:flex}.text-sm{font-size:1rem}.hero-parent{min-height:100%;padding-left:2rem;padding-right:2rem}.header-parent{height:40rem}.text-parent{grid-column-gap:2rem;grid-row-gap:2rem}.flex-menu{z-index:900;grid-column-gap:3rem;grid-row-gap:3rem;background-color:var(--black-main);flex-flow:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;margin-top:0;padding-top:9rem;padding-left:2rem;display:flex;position:fixed;top:0;left:0;right:0;transform:translate(100%)}.home{z-index:1000;position:relative}.home.w--current{z-index:200}.header-parent-2{grid-column-gap:1rem;grid-row-gap:1rem;height:auto;padding-top:2rem}.main-wrapper{min-height:100%;padding:0}.hero-parent-2{grid-column-gap:0rem;grid-row-gap:0rem}.tab-area-wrapper{grid-column-gap:1rem;grid-row-gap:1rem;border-bottom-right-radius:0;border-bottom-left-radius:0;padding:2rem}.tabs-menu-region{padding-left:2rem}.in-detail-section{grid-column-gap:0rem;grid-row-gap:0rem}.header-team-detail{height:40rem}.flex-footer{width:100%}.title-name-intro{font-size:26vw}.flex-footer-top{width:100%}.header-parent-copy{height:40rem}.heading{font-size:2rem}.heading-2{padding-left:0;font-size:1.5rem}.div-block-73{grid-column-gap:1rem;grid-row-gap:1rem;flex-flow:column;display:flex}.div-block-74{width:100%}.div-block-75{grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;width:100%}.grid-block{margin-bottom:0}.flex-block-2{grid-column-gap:0rem;grid-row-gap:0rem}.div-block-77{border-bottom-right-radius:0;border-bottom-left-radius:0;padding-bottom:0}.image-10{max-width:100%;margin-top:0;margin-right:0;padding:0}.contact-overlay{display:flex}.contact-panel{grid-column-gap:2rem;grid-row-gap:2rem;width:100%}.panel-header{padding-top:1rem;padding-left:2rem;padding-right:2rem}.flex-block-3{grid-column-gap:.3rem;grid-row-gap:.3rem;flex-flow:column}.form{grid-column-gap:.3rem;grid-row-gap:.3rem}.div-block-79{padding-left:2rem;padding-right:2rem}.contact-overlay-bg.contact-close{display:none}.heading-3{font-size:1.25rem}.menu-button{z-index:1000;grid-row-gap:2px;cursor:pointer;flex-flow:column;justify-content:center;align-items:center;width:44px;height:44px;margin-top:0;display:flex;position:relative}.text-block-21{font-size:3rem}.navbar-2{z-index:201}.line{background-color:#fff;border-radius:2px;width:24px;height:2px}.line.line-1,.line.line-2,.line.line-3,.line.line-1,.line.line-2,.line.line-3{pointer-events:none}.navbar-3{justify-content:space-between;align-items:center;padding-top:1rem;padding-bottom:1rem}.navbar-4{z-index:200}.navbar-5{z-index:1000}.div-block-83,.div-block-84{width:100%}.header-parent-3{grid-column-gap:1rem;grid-row-gap:1rem;height:auto;padding-top:2rem;padding-left:2rem;padding-right:2rem}.header-parent-2-copy{grid-column-gap:1rem;grid-row-gap:1rem;height:auto;padding-top:2rem}.x-line,.x-line.x-line-2,.x-line.x-line-2{height:1px}}#w-node-_458acd0d-2f11-d9b7-511f-541f2a4070a2-2a4070a0{align-self:center}#w-node-_458acd0d-2f11-d9b7-511f-541f2a4070a5-2a4070a0{place-self:center end}@media screen and (max-width:767px){#w-node-_458acd0d-2f11-d9b7-511f-541f2a4070a5-2a4070a0{grid-area:span 1/span 3/span 1/span 3;place-self:end stretch}}@media screen and (max-width:479px){#w-node-_458acd0d-2f11-d9b7-511f-541f2a4070a5-2a4070a0{grid-area:span 1/span 2/span 1/span 2;place-self:end center}} /* rahmen:ende */ /* Gehoert NICHT in den Rahmen: page-impressum.css ist die deutsche Seite und kennt nur .knob-track-de. Der Knopf der englischen Fassung sitzt rechts — uebernommen aus page-en-imprint.css. */ .knob-track-en{background-color:var(--yellow);border-radius:999px;width:16px;height:16px;margin:4px;position:absolute;left:24px} /* NISG-2026 Betroffenheitscheck — Seitenstil Farben aus den Site-Variablen (--black-main, --charcole, --yellow), Poppins. Bildschirm: dunkel wie die uebrige Site. Druck: weisses Papier, siehe unten. */ :root { --black-main: #292929; --white: white; --black: black; --charcole: #161616; --divider: #cecece; --yellow: #ecfd6f; --white-smoke: #f0f0f0; } /* Der Seitenblock ist die Inhaltskarte dieser Seite und traegt deshalb dieselben Masse wie .tab-area-wrapper auf /services und /team: Charcoal auf Anthrazit, 10px Radius, 3rem Innenabstand, volle Breite des .main-wrapper. Vorher hatte er keine Breite, wurde von dessen align-items:center mittig gestellt und trug zusaetzlich 5vw eigenen Abstand — die Ueberschrift begann dadurch bei 240px, wo sie auf jeder anderen Seite bei 96px beginnt, und die Karte hatte weder eckenbuendige Kanten noch Radius. margin-top: .main-wrapper gibt 3rem, die Navigationsleiste steht fixiert darueber. 3rem + 5rem = 8rem, genau die Kopffreiheit, die .hero-parent-2 auf den uebrigen Seiten setzt. */ .nis2 { font-family: Poppins, sans-serif; color: var(--white); background: var(--charcole); border-radius: 10px; width: 100%; margin-top: 5rem; padding: 3rem; min-height: 60vh; } /* Keine eigene Breitenbegrenzung: Der Inhalt fuellt die Karte, wie auf /impressum und /services. Vorher stand hier 62rem mit margin:0 auto — die Spalte war damit auf einem 1440er Schirm 240px schmaler als die Karte und sass mittig darin, was wie ein Satzfehler aussah. Das Mass fuer Fliesstext haengt dort, wo es hingehoert: an den Textbloecken selbst (.nis2-lead, .nis2-wissen-intro, .nis2-faq je 46rem). */ .nis2-inner { max-width: none; } /* ------------------------------------------------------------------ Hero */ .nis2-eyebrow { color: var(--yellow); letter-spacing: .18em; text-transform: uppercase; font-size: .72rem; font-weight: 600; margin: 0 0 .8rem; } /* 2rem/300 ist der Seitentitel der ganzen Site: Webflow setzt h1 auf font-weight 300, und site-fixes.css holt die zu

befoerderten Ueberschriften auf 2rem zurueck. Hier stand 3,4rem in 600 — dieselbe Seite, aber eine andere Schrift als jede andere. */ .nis2 h1 { font-size: 2rem; line-height: 1.35; font-weight: 300; margin: 0 0 1.2rem; color: var(--white); } .nis2-lead { font-size: 1.05rem; line-height: 1.6; color: #d8d8d8; margin: 0 0 2rem; } .nis2-fakten { list-style: none; padding: 0; margin: 0 0 3rem; display: flex; flex-wrap: wrap; gap: .6rem 1.6rem; font-size: .82rem; color: #b9b9b9; } .nis2-fakten li::before { content: ""; display: inline-block; width: .45rem; height: .45rem; background: var(--yellow); border-radius: 50%; margin-right: .55rem; vertical-align: middle; } /* --------------------------------------------------------------- Frage-UI */ .nis2-card { background: var(--black-main); border: 1px solid #3a3a3a; border-radius: 10px; padding: 2.2rem clamp(1.2rem, 3vw, 2.4rem); } .nis2-progress-bar { height: 3px; background: #3a3a3a; border-radius: 2px; overflow: hidden; } .nis2-progress-bar span { display: block; height: 100%; background: var(--yellow); transition: width .25s ease; } .nis2-progress-text { font-size: .72rem; color: #9b9b9b; margin: .5rem 0 1.8rem; letter-spacing: .06em; } .nis2-step { border: 0; padding: 0; margin: 0; } .nis2-step:focus { outline: none; } .nis2-frage { font-size: clamp(1.2rem, 2.2vw, 1.6rem); font-weight: 600; line-height: 1.3; padding: 0; margin: 0 0 .5rem; color: var(--white); } .nis2-recht { font-size: .76rem; color: var(--yellow); margin: 0 0 1.6rem; letter-spacing: .03em; } .nis2-optionen { display: flex; flex-direction: column; gap: .55rem; } .nis2-option { display: flex; align-items: flex-start; gap: .85rem; padding: .95rem 1.1rem; border: 1px solid #414141; border-radius: 10px; cursor: pointer; transition: border-color .15s ease, background .15s ease; } .nis2-option:hover { border-color: #6a6a6a; background: #2f2f2f; } .nis2-option input { margin: .25rem 0 0; accent-color: var(--yellow); flex: 0 0 auto; width: 1rem; height: 1rem; } .nis2-option span { display: block; font-size: .93rem; line-height: 1.45; } .nis2-option strong { display: block; font-weight: 600; } .nis2-option em { display: block; font-style: normal; font-size: .78rem; color: #a8a8a8; margin-top: .3rem; line-height: 1.45; } .nis2-option:has(input:checked) { border-color: var(--yellow); background: #313115; } .nis2-gruppe { font-size: .72rem; text-transform: uppercase; letter-spacing: .14em; color: #9b9b9b; margin: 1.4rem 0 .3rem; } .nis2-gruppe:first-child { margin-top: 0; } /* Der Gesetzeswortlaut steht unter dem verstaendlichen Titel, nicht davor. */ .nis2-gesetzesname { display: block; font-size: .72rem; color: #9b9b9b; margin-top: .2rem; } /* Fundstelle in der Auswahlliste: bewusst nur die Ziffer, nicht der Gesetzeswortlaut — beim Durchsehen von 16 Eintraegen zaehlt jede Zeile. #a5a5a5 statt #9b9b9b, damit der Kontrast auf #292929 ueber 4,5:1 bleibt. */ .nis2-anlage-nr { display: inline-block; font-size: .7rem; letter-spacing: .04em; color: #a5a5a5; margin-top: .15rem; } /* „Nicht erfasst" muss sich optisch von der Erfasst-Zeile abheben, sonst liest es sich als Fortsetzung derselben Aufzaehlung. */ .nis2-option em.nis2-nicht-erfasst { margin-top: .45rem; padding-left: .65rem; border-left: 2px solid #6a6a6a; color: #9b9b9b; } .nis2-option em.nis2-nicht-erfasst b { color: #c9c9c9; font-weight: 600; } .nis2-fehlt .nis2-optionen, .nis2-fehlt .nis2-zahlen { animation: nis2shake .35s; } @keyframes nis2shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } } /* Dichte: die Erläuterungen sollen lesbar, aber nicht raumgreifend sein. */ .nis2-option em { font-size: .76rem; line-height: 1.42; margin-top: .25rem; } .nis2-sektor-option em { font-size: .74rem; } .nis2-mehrfach { font-size: .8rem; color: #c9c9c9; line-height: 1.55; margin: 0 0 1.2rem; padding-left: .8rem; border-left: 2px solid var(--yellow); } .nis2-mehrfach em { font-style: normal; color: var(--yellow); } /* Kopfzeile ueber der Bereichsliste statt einer Freitextsuche. */ .nis2-listenkopf { font-size: .78rem; color: #9b9b9b; line-height: 1.55; margin: 0 0 .9rem; } /* Die Liste hinter dem „Tor“ — sichtbar, bevor man Ja oder Nein waehlt. */ .nis2-torliste { list-style: none; padding: 0 0 0 .85rem; margin: 0 0 1.4rem; border-left: 2px solid #4d4d4d; } .nis2-torliste li { font-size: .84rem; color: #c9c9c9; line-height: 1.5; padding: .18rem 0; } /* Innerer Scroller nur dort, wo genug Platz ist. Am Telefon ergab er ein 454-px-Fenster mit 4.300 px Inhalt — zwei sichtbare Einträge von sechzehn, in einem Kasten, der selbst in einer scrollenden Seite steckt. Zusätzlich standen die beiden Ausstiege AUSSERHALB der Box, sodass „ganz unten" nicht das war, was der Leser scrollte. */ .nis2-sektoren { padding-right: .4rem; } @media (min-width: 768px) and (min-height: 700px) { .nis2-sektoren { max-height: 30rem; overflow-y: auto; } } .nis2-sektor-aus { margin-top: .9rem; border-top: 1px solid #3a3a3a; padding-top: .9rem; } /* Das „Tor“: zweite Option ist ein Button, sieht aber aus wie eine Option. */ .nis2-tor-auf { font-family: inherit; text-align: left; background: transparent; color: inherit; width: 100%; } /* Sichtbare Fehlermeldung statt eines stummen Wackelns. */ .nis2-fehler { margin-top: 1.4rem; padding: .85rem 1.1rem; border-left: 3px solid #dc9358; border-radius: 0 10px 10px 0; background: #2e2418; font-size: .86rem; color: #f0d6b6; line-height: 1.55; } /* Sprungangebot, wenn die restlichen Fragen das Ergebnis nicht mehr ändern. */ .nis2-sprung { margin-top: 1.6rem; padding: 1rem 1.2rem; border: 1px dashed var(--yellow); border-radius: 10px; background: #2b2b17; } .nis2-sprung p { font-size: .86rem; color: #e4e4c8; margin: 0 0 .8rem; line-height: 1.55; } .nis2-sprung-alt { display: block; font-size: .76rem; color: #9b9b9b; margin-top: .6rem; } /* Der Unterschriftenblock gehört auf das Papier, nicht auf den Bildschirm. */ .nis2-nurdruck { display: none; } /* Das Logo ebenso: am Bildschirm trägt die Seite schon die Marke. */ .nis2-doc-logo { display: none; } .nis2-veraltet { margin-top: .9rem !important; padding: .7rem .9rem; border-left: 3px solid #dc9358; background: #2e2418; font-size: .82rem !important; color: #e8cdae !important; line-height: 1.55; } /* ÖNACE-Abkuerzung */ .nis2-nace { background: #232323; border: 1px dashed #4d4d4d; border-radius: 10px; padding: .85rem 1.1rem; margin-bottom: 1.4rem; } .nis2-nace summary { cursor: pointer; font-size: .82rem; color: var(--yellow); list-style: none; } .nis2-nace summary::-webkit-details-marker { display: none; } .nis2-nace summary::before { content: "+ "; } .nis2-nace[open] summary::before { content: "– "; } .nis2-nace[open] summary { margin-bottom: .8rem; } .nis2-nace-ja { color: var(--yellow) !important; } .nis2-nace-nein { color: #e8cdae !important; } /* „Kann erfasst sein" und „keine Aussage" duerfen nicht wie ein Treffer und nicht wie eine Entwarnung aussehen — beides waere eine Aussage, die der Check an dieser Stelle gerade nicht trifft. */ .nis2-nace-vielleicht { color: #d9d2a8 !important; } .nis2-nace-offen { color: #b0b0b0 !important; } /* Ausklappbare „Zugrunde gelegte Angaben". */ /* `font: inherit` erbt die Schriftform, aber Chrome setzt fuer