/* =================================================================== * Keep It Simple Base Stylesheet * Ver. 3.0.0 * 12-14-2019 * ------------------------------------------------------------------ * * TOC: * # imports * # xml-Kompabilität * # normalize * # basic/base setup styles * ## media * ## typography resets * ## links * ## inputs * # Grid v2.1.3 * ## medium screen devices * ## tablets * ## mobile devices * ## small mobile devices <= 400px * # block grids * ## block grids - medium screen devices * ## block grids - tablets * ## block grids - mobile devices * ## block grids - small mobile devices <= 400px * # MISC * # lightbox2.css * # Screenreader.css * # Meine * =================================================================== */ /* =================================================================== * # imports * * ------------------------------------------------------------------- @import url("https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i|Open+Sans:400,400i,600,600i,700,700i&display=swap");*/ /* @charset und @import MÜSSEN vor @namespace stehen */ /* Bsp für unterschiedliche namespaces 1) This matches all XHTML elements, as XHTML is the default unprefixed namespace a {} 2) This matches all SVG elements svg|a {} 3) This matches both XHTML and SVG elements *|a {} */ @namespace url(http://www.w3.org/1999/xhtml); @namespace svg url(http://www.w3.org/2000/svg); /* unnötig bei reinem HTML5 da dort bekannte foreign elemenst automatisch zugewiesen werden, gilt auch für MathML */ @namespace tei url(http://www.tei-c.org/ns/1.0); /* andere @ NACH @namespace */ /* HTML Blockelemete müssen als solche speziell definiert werden */ address, article, aside, audio, video, blockquote, canvas, dd, div, dl, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, ins, li, menu, noscript, ol, output, p, section, table, track, tfoot, ul {display:block} /* eigentlich gehören hierzu auch noch del, figcaption und pre ggf. tr/td/th */ /* ========================================================================== * # normalize * normalize.css v8.0.1 | MIT License | * github.com/necolas/normalize.css * * -------------------------------------------------------------------------- */ /* ------------------------------------------------------------------- * ## document * ------------------------------------------------------------------- */ /* 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS.*/ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* ------------------------------------------------------------------- * ## sections * ------------------------------------------------------------------- */ /* Remove the margin in all browsers. */ body { margin: 0; } /* Render the `main` element consistently in IE. */ main { display: block; } /* Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* ------------------------------------------------------------------- * ## grouping * ------------------------------------------------------------------- */ /* 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /* 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: var(--nr-mono)space, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* ------------------------------------------------------------------- * ## text-level semantics * ------------------------------------------------------------------- */ /* Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /* 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /* Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /* 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: var(--nr-mono)space, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* ------------------------------------------------------------------- * ## embedded content * ------------------------------------------------------------------- */ /* Remove the border on images inside links in IE 10. */ img { border-style: none; } /* ------------------------------------------------------------------- * ## forms * ------------------------------------------------------------------- */ /* 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /* Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /* Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /* Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /* Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /* Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /* Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /* 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /* Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /* Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /* 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /* Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* ------------------------------------------------------------------- * ## interactive * ------------------------------------------------------------------- */ /* Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* Add the correct display in all browsers. */ summary { display: list-item; } /* ------------------------------------------------------------------- * ## misc * ------------------------------------------------------------------- */ /* Add the correct display in IE 10+. */ template { display: none; } /* Add the correct display in IE 10. */ [hidden] { display: none; } /* =================================================================== * # basic/base setup styles * * ------------------------------------------------------------------- */ html { font-size: 62.5%; -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } body { font-weight: normal; line-height: 1; word-wrap: break-word; -moz-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: none; hyphens: auto; } /* ------------------------------------------------------------------- * ## media * ------------------------------------------------------------------- */ svg, img, video embed, iframe, object { max-width: 100%; height: auto; } /* ------------------------------------------------------------------- * ## typography resets * ------------------------------------------------------------------- */ div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } p { font-size: inherit; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } ol, ul { list-style: none; text-indent:0; } li { display: block; } /* ------------------------------------------------------------------- * ## links * ------------------------------------------------------------------- */ a { text-decoration: none; line-height: inherit; } a img { border: none; } /* ------------------------------------------------------------------- * ## inputs * ------------------------------------------------------------------- */ fieldset { margin: 0; padding: 0; } input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } /* =================================================================== * # Grid v2.1.3 * * ----------------------------------------------------------------- * - Grid breakpoints are based on MAXIMUM WIDTH media queries, * meaning they apply to that one breakpoint and ALL THOSE BELOW IT. * - Grid columns without a specified width will automatically layout * as equal width columns. * ------------------------------------------------------------------- */ /* rows * ------------------------------------- */ .row { width: 90%; max-width: 1600px; margin: 0 auto; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; } .row .row { width: auto; max-width: none; margin-left: -20px; margin-right: -20px; } /* columns * -------------------------------------- */ .column { -ms-flex: 1 1 0%; -webkit-box-flex: 1; flex: 1 1 0%; padding: 0 20px; } .collapse>.column, .column.collapse { padding: 0; } /* flex row containers utility classes * ----------------------------------------- */ .row.row-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .row.row-nowrap { -ms-flex-wrap: none; flex-wrap: nowrap; } .row.row-y-top { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .row.row-y-bottom { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .row.row-y-center { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .row.row-stretch { -ms-flex-align: stretch; -webkit-box-align: stretch; align-items: stretch; } .row.row-baseline { -ms-flex-align: baseline; -webkit-box-align: baseline; align-items: baseline; } .row.row-x-left { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; } .row.row-x-right { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; } .row.row-x-center { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; } /* flex item utility alignment classes * ----------------------------------------- */ .align-center { margin: auto; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .align-left { margin-right: auto; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .align-right { margin-left: auto; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .align-x-center { margin-right: auto; margin-left: auto; } .align-x-left { margin-right: auto; } .align-x-right { margin-left: auto; } .align-y-center { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .align-y-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .align-y-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } /* large screen column widths * -------------------------------------- */ .large-1 { -ms-flex: 0 0 8.33333%; -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; } .large-2 { -ms-flex: 0 0 16.66667%; -webkit-box-flex: 0; flex: 0 0 16.66667%; max-width: 16.66667%; } .large-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .large-4 { -ms-flex: 0 0 33.33333%; -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; } .large-5 { -ms-flex: 0 0 41.66667%; -webkit-box-flex: 0; flex: 0 0 41.66667%; max-width: 41.66667%; } .large-6, .large-half { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .large-7 { -ms-flex: 0 0 58.33333%; -webkit-box-flex: 0; flex: 0 0 58.33333%; max-width: 58.33333%; } .large-8 { -ms-flex: 0 0 66.66667%; -webkit-box-flex: 0; flex: 0 0 66.66667%; max-width: 66.66667%; } .large-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .large-10 { -ms-flex: 0 0 83.33333%; -webkit-box-flex: 0; flex: 0 0 83.33333%; max-width: 83.33333%; } .large-11 { -ms-flex: 0 0 91.66667%; -webkit-box-flex: 0; flex: 0 0 91.66667%; max-width: 91.66667%; } .large-12, .large-full { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } /* ------------------------------------------------------------------- * ## medium screen devices * ------------------------------------------------------------------- */ @media screen and (max-width:1200px) { .row .row { margin-left: -16px; margin-right: -16px; } .column { padding: 0 16px; } .medium-1 { -ms-flex: 0 0 8.33333%; -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; } .medium-2 { -ms-flex: 0 0 16.66667%; -webkit-box-flex: 0; flex: 0 0 16.66667%; max-width: 16.66667%; } .medium-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .medium-4 { -ms-flex: 0 0 33.33333%; -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; } .medium-5 { -ms-flex: 0 0 41.66667%; -webkit-box-flex: 0; flex: 0 0 41.66667%; max-width: 41.66667%; } .medium-6, .medium-half { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .medium-7 { -ms-flex: 0 0 58.33333%; -webkit-box-flex: 0; flex: 0 0 58.33333%; max-width: 58.33333%; } .medium-8 { -ms-flex: 0 0 66.66667%; -webkit-box-flex: 0; flex: 0 0 66.66667%; max-width: 66.66667%; } .medium-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .medium-10 { -ms-flex: 0 0 83.33333%; -webkit-box-flex: 0; flex: 0 0 83.33333%; max-width: 83.33333%; } .medium-11 { -ms-flex: 0 0 91.66667%; -webkit-box-flex: 0; flex: 0 0 91.66667%; max-width: 91.66667%; } .medium-12, .medium-full { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .IMG-BACKTOTOP {width:3em;height:3em;transform:rotate(90deg);} } /* ------------------------------------------------------------------- * ## tablets * ------------------------------------------------------------------- */ @media screen and (max-width:800px) { .tab-1 { -ms-flex: 0 0 8.33333%; -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; } .tab-2 { -ms-flex: 0 0 16.66667%; -webkit-box-flex: 0; flex: 0 0 16.66667%; max-width: 16.66667%; } .tab-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .tab-4 { -ms-flex: 0 0 33.33333%; -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; } .tab-5 { -ms-flex: 0 0 41.66667%; -webkit-box-flex: 0; flex: 0 0 41.66667%; max-width: 41.66667%; } .tab-6, .tab-half { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .tab-7 { -ms-flex: 0 0 58.33333%; -webkit-box-flex: 0; flex: 0 0 58.33333%; max-width: 58.33333%; } .tab-8 { -ms-flex: 0 0 66.66667%; -webkit-box-flex: 0; flex: 0 0 66.66667%; max-width: 66.66667%; } .tab-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .tab-10 { -ms-flex: 0 0 83.33333%; -webkit-box-flex: 0; flex: 0 0 83.33333%; max-width: 83.33333%; } .tab-11 { -ms-flex: 0 0 91.66667%; -webkit-box-flex: 0; flex: 0 0 91.66667%; max-width: 91.66667%; } .tab-12, .tab-full { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .hide-on-tablet { display: none; } } /* ------------------------------------------------------------------- * ## mobile devices * ------------------------------------------------------------------- */ @media screen and (max-width:600px) { .row { width: 100%; padding-left: 24px; padding-right: 24px; } .row .row { margin-left: -10px; margin-right: -10px; padding-left: 0; padding-right: 0; } .column { padding: 0 10px; } .mob-1 { -ms-flex: 0 0 8.33333%; -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; } .mob-2 { -ms-flex: 0 0 16.66667%; -webkit-box-flex: 0; flex: 0 0 16.66667%; max-width: 16.66667%; } .mob-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .mob-4 { -ms-flex: 0 0 33.33333%; -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; } .mob-5 { -ms-flex: 0 0 41.66667%; -webkit-box-flex: 0; flex: 0 0 41.66667%; max-width: 41.66667%; } .mob-6, .mob-half { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .mob-7 { -ms-flex: 0 0 58.33333%; -webkit-box-flex: 0; flex: 0 0 58.33333%; max-width: 58.33333%; } .mob-8 { -ms-flex: 0 0 66.66667%; -webkit-box-flex: 0; flex: 0 0 66.66667%; max-width: 66.66667%; } .mob-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .mob-10 { -ms-flex: 0 0 83.33333%; -webkit-box-flex: 0; flex: 0 0 83.33333%; max-width: 83.33333%; } .mob-11 { -ms-flex: 0 0 91.66667%; -webkit-box-flex: 0; flex: 0 0 91.66667%; max-width: 91.66667%; } .mob-12, .mob-full { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .hide-on-mobile { display: none; } .IMG-BACKTOTOP {width:4em;height:4em;transform:rotate(90deg);} } /* ------------------------------------------------------------------- * ## small mobile devices <= 400px * ------------------------------------------------------------------- */ @media screen and (max-width:400px) { .row { padding-left: 6vw; padding-right: 6vw; } .row .row { margin-left: 0; margin-right: 0; } .column { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; width: 100%; margin-left: 0; margin-right: 0; padding: 0; } } /* =================================================================== * # block grids * * ------------------------------------------------------------------- * Equally-sized columns define at parent/row level. * ------------------------------------------------------------------- */ .block-large-1-8>.column { -ms-flex: 0 0 12.5%; -webkit-box-flex: 0; flex: 0 0 12.5%; max-width: 12.5%; } .block-large-1-6>.column { -ms-flex: 0 0 16.66667%; -webkit-box-flex: 0; flex: 0 0 16.66667%; max-width: 16.66667%; } .block-large-1-5>.column { -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .block-large-1-4>.column { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .block-large-1-3>.column { -ms-flex: 0 0 33.33333%; -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; } .block-large-1-2>.column { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .block-large-full>.column { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } /* ------------------------------------------------------------------- * ## block grids - medium screen devices * ------------------------------------------------------------------- */ @media screen and (max-width:1200px) { .block-medium-1-8>.column { -ms-flex: 0 0 12.5%; -webkit-box-flex: 0; flex: 0 0 12.5%; max-width: 12.5%; } .block-medium-1-6>.column { -ms-flex: 0 0 16.66667%; -webkit-box-flex: 0; flex: 0 0 16.66667%; max-width: 16.66667%; } .block-medium-1-5>.column { -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .block-medium-1-4>.column { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .block-medium-1-3>.column { -ms-flex: 0 0 33.33333%; -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; } .block-medium-1-2>.column { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .block-medium-full>.column { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } } /* ------------------------------------------------------------------- * ## block grids - tablets * ------------------------------------------------------------------- */ @media screen and (max-width:800px) { .block-tab-1-8>.column { -ms-flex: 0 0 12.5%; -webkit-box-flex: 0; flex: 0 0 12.5%; max-width: 12.5%; } .block-tab-1-6>.column { -ms-flex: 0 0 16.66667%; -webkit-box-flex: 0; flex: 0 0 16.66667%; max-width: 16.66667%; } .block-tab-1-5>.column { -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .block-tab-1-4>.column { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .block-tab-1-3>.column { -ms-flex: 0 0 33.33333%; -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; } .block-tab-1-2>.column { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .block-tab-full>.column { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } } /* ------------------------------------------------------------------- * ## block grids - mobile devices * ------------------------------------------------------------------- */ @media screen and (max-width:600px) { .block-mob-1-8>.column { -ms-flex: 0 0 12.5%; -webkit-box-flex: 0; flex: 0 0 12.5%; max-width: 12.5%; } .block-mob-1-6>.column { -ms-flex: 0 0 16.66667%; -webkit-box-flex: 0; flex: 0 0 16.66667%; max-width: 16.66667%; } .block-mob-1-5>.column { -ms-flex: 0 0 20%; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .block-mob-1-4>.column { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .block-mob-1-3>.column { -ms-flex: 0 0 33.33333%; -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; } .block-mob-1-2>.column { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .block-mob-full>.column { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } } /* ------------------------------------------------------------------- * ## block grids - small mobile devices <= 400px * ------------------------------------------------------------------- */ @media screen and (max-width:400px) { .stack>.column { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; width: 100%; margin-left: 0; margin-right: 0; padding: 0; } } /* =================================================================== * # MISC * * ------------------------------------------------------------------- */ .h-group:after { content: ""; display: table; clear: both !important; } /* misc helper classes * -------------------------------------- */ .is-hidden, .hide { display: none; } .is-invisible, .hidden { visibility: hidden; } .h-antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .h-overflow-hidden { overflow: hidden; } .h-remove-top { margin-top: 0; } .h-remove-bottom { margin-bottom: 0; } .h-add-half-bottom { margin-bottom: 1.6rem !important; } .h-add-bottom { margin-bottom: 3.2rem !important; } .h-no-border { border: none; } .h-full-width { width: 100%; } .h-text-center { text-align: center; } .h-text-left { text-align: left; } .h-text-right { text-align: right; } .h-pull-left { float: left; } .h-pull-right { float: right; } /* =================================================================== * Keep It Simple Main Stylesheet * Template Ver. 3.0.0 * 12-14-2019 * ------------------------------------------------------------------ * * TOC: * # custom block grid STACK breakpoints * # base style overrides * ## links * # typography & general theme styles * ## lists * ## responsive video container * ## floated image * ## tables * ## spacing * # preloader * # forms * ## style placeholder text * ## change autocomplete styles in chrome * # buttons * # additional components * ## additional typo styles * ## alert box * ## pagination * # common and reusable styles * # site header * ## header-logo * ## main navigation * ## mobile menu toggle * ## main navigation on large screens * # content * # sidebar * # footer * ## footer social * ## photostream * ## copyright * ## go top * # blog styles and blog components * ## entry meta * ## entry tags * ## entry post nav * ## post-list-nav * ## comments * * =================================================================== */ /* =================================================================== * # custom block grid STACK breakpoints * * ------------------------------------------------------------------- */ @media screen and (max-width:1000px) { .block-1000-full>.column { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } } @media screen and (max-width:900px) { .block-900-full>.column { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } } /* =================================================================== * # base style overrides * * ------------------------------------------------------------------- */ html { font-size: 10px; } @media screen and (max-width:400px) { html { font-size: 9.375px; } } html, body { height: 100%; } body { background: #f5f5f5; font-family: var(--nr-serif); font-size: 1.6rem; font-style: normal; font-weight: normal; line-height: 2; color: #3e3e3e; margin: 0; padding: 0; position: relative; } /* ------------------------------------------------------------------- * ## links * ------------------------------------------------------------------- */ a { color: #38720F; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a:hover, a:focus, a:active { color: #656986; } a:hover, a:active { outline: 0; } /* =================================================================== * # typography & general theme styles * * ------------------------------------------------------------------- */ /* type scale - ratio 1:125(major second), base: 16px * ------------------------------------------------------------------- * 3.653em (58.45px) * 3.247em (51.96px) * 2.887em (46.18px) * 2.566em (41.05px) * 2.281em (36.49px) * 2.027em (32.44px) * 1.802em (28.83px) * 1.602em (25.63px) * 1.424em (22.78px) * 1.266em (20.25px) * 1.125em (18.00px) * 1em (16.00px) * 0.889em (14.22px) * 0.79em (12.64px) * 0.702em (11.24px) * -------------------------------------------------------------------- */ @font-face { font-family: nr-sans; src: -apple-system, local("Nimbus Sans"), local(FreeSans), local("Liberation Sans"), local(Oxygen), local("Segoe UI"), local("Roboto"), local("DejaVu Sans"), local("Helvetica Neue"), local(Tahoma), system-ui, local(Arial), local("Microsoft YaHei"), local(SimSun), sans-serif; text-rendering: optimizeLegibility; } @font-face { font-family: --nr-serif; font-family: -apple-system, local("Constantia"), local("FreeSerif"), local("Lucida Bright"), local(Lucidabright), local("Lucida Serif"), local(Lucida), local("DejaVu Serif"), local("Bitstream Vera Serif"), local("Liberation Serif"), local(Georgia), serif; text-rendering: optimizeLegibility; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--nr-sans); font-weight: 600; font-style: normal; color: var(--brown); -webkit-font-variant-ligatures: common-ligatures; font-variant-ligatures: common-ligatures; text-indent:0; } h1, .h1, h2, .h2, h3, .h3, h4, .h4 { margin-top: 4rem; margin-bottom: 1.2rem; } @media screen and (max-width:600px) { h1, .h1, h2, .h2, h3, .h3, h4, .h4 { margin-top: 5.6rem; } } h5, .h5, h6, .h6 { margin-top: 4rem; margin-bottom: 1.2rem; } @media screen and (max-width:600px) { h5, .h5, h6, .h6 { margin-top: 3.6rem; margin-bottom: 0.8rem; } } h1, .h1 { font-size: 3.649rem; line-height: 1.206; letter-spacing: -.05rem; } @media screen and (max-width:600px) { h1, .h1 { font-size: 3.244rem; } } h2, .h2 { font-size: 2.883rem; line-height: 1.249; } h3, .h3 { font-size: 2.563rem; line-height: 1.249; } h4, .h4 { font-size: 2.278rem; line-height: 1.229; } h5, .h5 { font-size: 2.025rem; line-height: 1.383; } h6, .h6 { font-weight: 700; font-size: 1.422rem; line-height: 1.406; text-transform: uppercase; letter-spacing: .2rem; } p img { margin: 0; text-indent:0; } p.lead { font-family: inherit; font-weight: 300; font-size: 1.3em; line-height: 1.6; color: var(--textblack); text-indent:0; } @media screen and (max-width:600px) { p.lead { font-size: 1.8rem; } } em, i, strong, b { font-size: inherit; line-height: inherit; } em, .em, i { font-style: italic; } strong, .strong, b { font-weight: 700; } small { font-size: 1.264rem; font-weight: 500; line-height: 1.582; line-height: inherit; } blockquote { margin: 0.5rem 2rem 0.5rem 0; padding: 0 0 0 2rem !important; border-left: 4px solid var(--bglightgrey); position: relative; text-indent:0; } blockquote p {padding: 0 0 0 2rem;} @media screen and (max-width:600px) { blockquote { padding: 3.2rem 3.2rem; } } @media screen and (max-width:400px) { blockquote { padding: 2.8rem 2.8rem; } } blockquote, blockquote p { font-family: var(--nr-serif); font-weight: 400; padding: 0; font-size: inherit; color: var(--textblack); text-indent:0; } @media screen and (max-width:600px) { blockquote p { font-size: inherit; } } blockquote cite { display: block; font-family: var(--nr-sans); font-weight: 500; font-size: inherit; line-height: 1.266; font-style: normal; text-indent:0; } blockquote cite:before { content: "\201e \0020"; } blockquote cite, blockquote cite a, blockquote cite a:visited { color: #3e3e3e; border: none; } abbr { font-family: var(--nr-serif); font-weight: 600; font-variant: small-caps; text-transform: lowercase;;-moz-font-feature-settings: "smcp"; -webkit-font-feature-settings: "smcp"; font-feature-settings: "smcp"; letter-spacing: .2rem; color: var(--textblack); } pre { padding: 2.4rem 3.2rem 3.2rem; background: var(--bglightgrey); overflow-x: auto; } code { font-size: 1.4rem; margin: 0 .2rem; padding: .4rem .8rem; white-space: nowrap; background: var(--bglightgrey); border: 1px solid #d3d3d3; color: var(--textblack); border-radius: 3px; } pre>code { display: block; white-space: pre; line-height: 2; padding: 0; margin: 0; } pre.prettyprint>code { border: none; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; text-decoration: none; } mark { background: #fff099; color: var(--textblack); } hr { border: solid var(--bglightgrey); border-width: 1px 0 0; clear: both; margin: 8rem 0 9.6rem; height: 0; } /* ------------------------------------------------------------------- * ## lists * ------------------------------------------------------------------- */ ol { list-style: decimal; } ul { list-style: disc; } li { display: list-item; } ol, ul { margin-left: 1.6rem; } ol li {text-indent:0} ul li { padding-left: .4rem; } ul ul, ul ol, ol ol, ol ul { margin: .8rem 0 .8rem 1.6rem; } ul.disc li { display: list-item; list-style: none; padding: 0 0 0 .8rem; position: relative; text-indent:0; } ul.disc li::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--brown); position: absolute; left: -16px; top: 11px; vertical-align: middle; } ul.disc ul>li::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--medgreen); position: absolute; left: -16px; top: 11px; vertical-align: middle; } dl.grid { display: grid; grid-template-columns: auto 1fr; grid-gap: 1rem; } dt { margin: 0; color: var(--textblack); font-weight:bold; } dd { margin: 0; text-align:left; text-indent:0; } dl.grid dd { margin-bottom: 0.5em; } /* ------------------------------------------------------------------- * ## responsive video container * ------------------------------------------------------------------- */ .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ------------------------------------------------------------------- * ## floated image * ------------------------------------------------------------------- */ img.h-pull-right { margin: 1.2rem 0 1.2rem 2.8rem; } img.h-pull-left { margin: 1.2rem 2.8rem 1.2rem 0; } /* ------------------------------------------------------------------- * ## tables * ------------------------------------------------------------------- */ table { border-width: 0; width: 100%; max-width: 100%; font-family: var(--nr-serif); border-collapse: collapse; } th, td { padding: 1.5rem 3.2rem; text-align: left; border-bottom: 1px solid var(--bglightgrey); } th { color: var(--textblack); font-family: var(--nr-sans); font-weight: 600; } th:first-child, td:first-child { padding-left: 0; } th:last-child, td:last-child { padding-right: 0; } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } /* ------------------------------------------------------------------- * ## spacing * ------------------------------------------------------------------- */ button, .btn { margin-bottom: 1.6rem; } fieldset { margin-bottom: 1.6rem; } input, textarea, select, pre, blockquote, figure, table, p, ul, ol, dl, form, .video-container, .ss-custom-select { margin-bottom: 3.2rem; } /* =================================================================== * # preloader * * ------------------------------------------------------------------- */ #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #ffffff; z-index: 500; height: 100vh; width: 100%; overflow: hidden; } .no-js #preloader, .oldie #preloader { display: none; } #loader { position: absolute; left: 50%; top: 50%; width: 6px; height: 6px; padding: 0; display: inline-block; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } #loader>div { content: ""; background: var(--textblack); width: 6px; height: 6px; position: absolute; top: 0; left: 0; border-radius: 50%; } #loader>div:nth-of-type(1) { left: 15px; } #loader>div:nth-of-type(3) { left: -15px; } /* dots jump */ .dots-jump>div { -webkit-animation: dots-jump 1.2s infinite ease; animation: dots-jump 1.2s infinite ease; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .dots-jump>div:nth-of-type(1) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .dots-jump>div:nth-of-type(3) { -webkit-animation-delay: 0s; animation-delay: 0s; } @-webkit-keyframes dots-jump { 0% { top: 0; } 40% { top: -6px; } 80% { top: 0; } } @keyframes dots-jump { 0% { top: 0; } 40% { top: -6px; } 80% { top: 0; } } /* dots fade */ .dots-fade>div { -webkit-animation: dots-fade 1.6s infinite ease; animation: dots-fade 1.6s infinite ease; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .dots-fade>div:nth-of-type(1) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .dots-fade>div:nth-of-type(3) { -webkit-animation-delay: 0s; animation-delay: 0s; } @-webkit-keyframes dots-fade { 0% { opacity: 1; } 40% { opacity: 0.2; } 80% { opacity: 1; } } @keyframes dots-fade { 0% { opacity: 1; } 40% { opacity: 0.2; } 80% { opacity: 1; } } /* dots pulse */ .dots-pulse>div { -webkit-animation: dots-pulse 1.2s infinite ease; animation: dots-pulse 1.2s infinite ease; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .dots-pulse>div:nth-of-type(1) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .dots-pulse>div:nth-of-type(3) { -webkit-animation-delay: 0s; animation-delay: 0s; } @-webkit-keyframes dots-pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(1.1); transform: scale(1.3); } 80% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes dots-pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(1.1); transform: scale(1.3); } 80% { -webkit-transform: scale(1); transform: scale(1); } } /* =================================================================== * # forms * * ------------------------------------------------------------------- */ fieldset { border: none; } input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select { display: block; height: 6rem; padding: 1.3rem 23px 1.5rem; border: 0; outline: none; color: #3e3e3e; font-family: var(--nr-sans); font-size: 1.422rem; line-height: 3.2rem; max-width: 100%; background-color: var(--bglightgrey); border: 1px solid transparent; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-radius: 4px; } .ss-custom-select { position: relative; padding: 0; } .ss-custom-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 0.01px; text-overflow: ''; margin: 0; line-height: 3rem; vertical-align: middle; } .ss-custom-select select option { padding-left: 2rem; padding-right: 2rem; } .ss-custom-select select::-ms-expand { display: none; } .ss-custom-select::after { border-bottom: 2px solid var(--textblack); border-right: 2px solid var(--textblack); content: ''; display: block; height: 8px; width: 8px; margin-top: -7px; pointer-events: none; position: absolute; right: 2.4rem; top: 50%; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; -webkit-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); transform: rotate(45deg); } textarea { min-height: 25.6rem; } input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus { color: var(--textblack); -webkit-box-shadow: 0 0 5px #6ba441; box-shadow: 0 0 5px #6ba441; border: 1px solid #6ba441; } label, legend { font-family: var(--nr-sans); font-weight: 600; font-size: 1.4rem; line-height: 1.714; margin-bottom: .8rem; color: var(--textblack); display: block; } input[type="checkbox"], input[type="radio"] { display: inline; } label>.label-text { display: inline-block; margin-left: 1rem; font-family: var(--nr-sans); line-height: inherit; } label>input[type="checkbox"], label>input[type="radio"] { margin: 0; position: relative; top: .2rem; } /* ------------------------------------------------------------------- * ## style placeholder text * ------------------------------------------------------------------- */ ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #8c8c8c; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #8c8c8c; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #8c8c8c; } ::placeholder { /* Most modern browsers support this now. */ color: #8c8c8c; } .placeholder { color: #8c8c8c !important; } /* ------------------------------------------------------------------- * ## change autocomplete styles in chrome * ------------------------------------------------------------------- */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-text-fill-color: var(--medgreen); -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } /* =================================================================== * # buttons * * ------------------------------------------------------------------- */ .btn, button, input[type="submit"], input[type="reset"], input[type="button"] { display: inline-block; font-family: var(--nr-sans); font-weight: 700; font-size: 1.264rem; text-transform: uppercase; letter-spacing: .5rem; height: 6rem; line-height: 5.6rem; padding: 0 3.2rem; margin: 0 .4rem 1.6rem 0; color: var(--textblack); text-decoration: none; text-align: center; white-space: nowrap; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius: 4px; background-color: #d3d3d3; border: 0.2rem solid #d3d3d3; } .btn:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .btn:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus { background-color: var(--textblack); border-color: var(--textblack); color: #ffffff; outline: 0; } /* button primary * ------------------------------------------------- */ .btn.btn--primary, button.btn--primary, input[type="submit"].btn--primary, input[type="reset"].btn--primary, input[type="button"].btn--primary { background: #38720F; border-color: #38720F; color: #ffffff; } .btn.btn--primary:hover, button.btn--primary:hover, input[type="submit"].btn--primary:hover, input[type="reset"].btn--primary:hover, input[type="button"].btn--primary:hover, .btn.btn--primary:focus, button.btn--primary:focus, input[type="submit"].btn--primary:focus, input[type="reset"].btn--primary:focus, input[type="button"].btn--primary:focus { background: var(--textblack); border-color: var(--textblack); } /* button modifiers * ------------------------------------------------- */ .btn.h-full-width, button.h-full-width { width: 100%; margin-right: 0; } .btn--small, button.btn--small { height: 5.6rem !important; line-height: 5.2rem !important; } .btn--medium, button.btn--medium { height: 6.4rem !important; line-height: 6rem !important; } .btn--large, button.btn--large { height: 6.8rem !important; line-height: 6.4rem !important; } .btn--stroke, button.btn--stroke { background: transparent !important; border: 0.2rem solid var(--textblack); color: var(--textblack); } .btn--stroke:hover, button.btn--stroke:hover { background: var(--textblack) !important; border: 0.2rem solid var(--textblack); color: #ffffff; } .btn--pill, button.btn--pill { padding-left: 3.2rem !important; padding-right: 3.2rem !important; border-radius: 1000px !important; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* =================================================================== * # additional components * * ------------------------------------------------------------------- */ /* ------------------------------------------------------------------- * ## additional typo styles * ------------------------------------------------------------------- */ .drop-cap:first-letter { float: left; font-family: var(--nr-sans); font-weight: 700; font-size: 6em; line-height: 1; padding: 0 0.125em 0 0; text-transform: uppercase; background: transparent; color: var(--textblack); } /* line definition style * ----------------------------------------------- */ .lining dt, .lining dd { display: inline; margin: 0; } .lining dt+dt:before, .lining dd+dt:before { content: "\A"; white-space: pre; } .lining dd+dd:before { content: ", "; } .lining dd+dd:before { content: ", "; } .lining dd:before { content: ": "; margin-left: -0.2em; } /* dictionary definition style * ----------------------------------------------- */ .dictionary-style dt { display: inline; counter-reset: definitions; } .dictionary-style dt+dt:before { content: ", "; margin-left: -0.2em; } .dictionary-style dd { display: block; counter-increment: definitions; } .dictionary-style dd:before { content: counter(definitions, decimal) ". "; } /** * Pull Quotes * ----------- * markup: * * * * --------------------------------------------------------------------- */ .pull-quote { position: relative; padding: 2.4rem 0; } .pull-quote blockquote { background-color: var(--bglightgrey); border: none; margin: 0; padding-top: 9.6rem; position: relative; } .pull-quote blockquote:before { content: ""; display: block; height: 3.2rem; width: 3.2rem; background-repeat: no-repeat; background: center center; background-size: contain; background-image: url(../nr_simg_2022/icon-quote.svg); position: absolute; top: 4rem; left: 4rem; } /** * Stats Tab * --------- * markup: * * * * Extend this object into your markup. * * --------------------------------------------------------------------- */ .stats-tabs { padding: 0; margin: 3.2rem 0; } .stats-tabs li { display: inline-block; margin: 0 1.6rem 3.2rem 0; padding: 0 1.5rem 0 0; border-right: 1px solid #e0e0e0; } .stats-tabs li:last-child { margin: 0; padding: 0; border: none; } .stats-tabs li a { display: inline-block; font-size: 2.5rem; font-family: var(--nr-sans); font-weight: 700; line-height: 1.92; border: none; color: var(--textblack); } .stats-tabs li a:hover { color: #38720F; } .stats-tabs li a em { display: block; margin: .4rem 0 0 0; font-family: var(--nr-sans); font-size: 1.5rem; line-height: 1.6rem; font-weight: normal; font-style: normal; color: #555; } /* ------------------------------------------------------------------- * ## alert box * ------------------------------------------------------------------- */ .alert-box { padding: 2.4rem 4rem 2.4rem 3.2rem; position: relative; margin-bottom: 3.2rem; border-radius: 3px; font-family: var(--nr-sans); font-weight: 600; font-size: 1.422rem; line-height: 1.688; } .alert-box__close { position: absolute; display: block; right: 1.6rem; top: 1.6rem; cursor: pointer; width: 12px; height: 12px; } .alert-box__close::before, .alert-box__close::after { content: ''; position: absolute; display: inline-block; width: 2px; height: 12px; top: 0; left: 5px; } .alert-box__close::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .alert-box__close::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .alert-box--error { background-color: #ffd1d2; color: #dd4043; } .alert-box--error .alert-box__close::before, .alert-box--error .alert-box__close::after { background-color: #dd4043; } .alert-box--success { background-color: #c8e675; color: #637533; } .alert-box--success .alert-box__close::before, .alert-box--success .alert-box__close::after { background-color: #637533; } .alert-box--info { background-color: #d5ebfb; color: #387fb2; } .alert-box--info .alert-box__close::before, .alert-box--info .alert-box__close::after { background-color: #387fb2; } .alert-box--notice { background-color: #fff099; color: #827217; } .alert-box--notice .alert-box__close::before, .alert-box--notice .alert-box__close::after { background-color: #827217; } /* ------------------------------------------------------------------- * ## pagination * ------------------------------------------------------------------- */ .pgn { margin: 3.2rem auto 3.2rem; text-align: center; } .pgn ul { display: inline-block; list-style: none; margin-left: 0; position: relative; padding: 0 6rem; } .pgn ul li { display: inline-block; margin: 0; padding: 0; } .pgn__num { font-family: var(--nr-sans); font-weight: 700; font-size: 1.7rem; line-height: 3.2rem; display: inline-block; padding: .2rem 1.2rem; height: 3.6rem; margin: .5rem .5rem; color: var(--textblack); border-radius: 4px; border:1px dotted #272727; -webkit-transition: all, .3s, ease-in-out; transition: all, .3s, ease-in-out; } .pgn__num:hover { background: #B3CAA3; color: var(--textblack); } .pgn .current, .pgn .current:hover { background-color: var(--textblack); color: #ffffff; } .pgn .inactive, .pgn .inactive:hover { opacity: 0.4; cursor: default; } .pgn__prev, .pgn__next { display: block; background-repeat: no-repeat; background-size: 16px 16px; background-position: center; height: 3.6rem; width: 4.8rem; line-height: 2rem; border-radius: 4px; padding: 0; margin: 0; opacity: 1; font: 0/0 a; text-shadow: none; color: transparent; -webkit-transition: all, .2s, ease-in-out; transition: all, .2s, ease-in-out; position: absolute; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); border:none; } .pgn__prev:hover, .pgn__next:hover { background-color: var(--bglightgrey); } .pgn__prev { background-image: url("../nr_simg_2022/Circle_arrow_left_font_awesome.svg"); left: 0; } .pgn__next { background-image: url("../nr_simg_2022/Circle_arrow_right_font_awesome.svg"); right: 0; } .pgn__prev.inactive, .pgn__next.inactive { opacity: 0.4; cursor: default; } .pgn__prev.inactive:hover, .pgn__next.inactive:hover { background-color: transparent; } /* ------------------------------------------------------------------- * responsive: * pagination * ------------------------------------------------------------------- */ @media screen and (max-width:600px) { .pgn ul { padding: 0 5.2rem; } } /* =================================================================== * # common and reusable styles * * ------------------------------------------------------------------- */ .wide { max-width: 1400px; } .wider { max-width: 1600px; } .narrow { max-width: 1000px; } /* =================================================================== * # site header * * ------------------------------------------------------------------- */ .s-header { width: 100%; background-color: #ffffff; position: relative; } .s-header::before { z-index: 101; content: ""; display: block; width: 100%; height: .6rem; background-color: var(--brown) ; /* var(--medgreen); */ position: absolute; top: 0; left: 0; } .s-header__content { background-color: #ffffff; background-image: none ; background-size: 50%; background-repeat: no-repeat; background-position: right bottom; min-height: 30rem; padding-top: 12rem; padding-bottom: 8rem; border-bottom: 1px dashed var(--bglightgrey); position: relative; } /* ------------------------------------------------------------------- * ## header-logo * ------------------------------------------------------------------- */ .s-header__logotext { margin: 0; padding: 0; width: 100%; font-family: var(--nr-serif); font-weight: 500; font-size: 7.2rem; line-height: 1; letter-spacing: .2rem; color: var(--brown); /* var(--medgreen); */ text-wrap: balance; /* CSS4 wenig Browser support 2023-10-11 */ } /* .s-header__logotext a { } */ .s-header__tagline { font-family: var(--nr-sans); font-weight: 400; font-size: 1.8rem; line-height: 2.2rem; margin: 0; padding: 0; color: #444; position: relative; top: .8rem; left: .8rem; } /* ------------------------------------------------------------------- * ## main navigation * ------------------------------------------------------------------- */ .s-header__nav-wrap, .s-header__nav { margin: 0; padding: 0; } /* nav-wrap */ .s-header__nav-wrap { z-index: 1; width: 100%; font-family: var(--nr-sans); font-weight: 700; font-size: 1.1rem; text-transform: uppercase; letter-spacing: .2rem; background-color: #F5F4F3; border-bottom: 1px solid #EAE8E8; position: absolute; top: .6rem; left: 0; } .s-header__nav { list-style: none; min-height: 6rem; width: auto; margin-left: 20px; position: relative; } .s-header__nav li { display: inline-block; height: 6rem; margin: 0; padding-top: 1.2rem; padding-left: 0; position: relative; } .s-header__nav li.has-children>a { padding-right: 2.6rem; position: relative; } .s-header__nav li.has-children>span { padding-right: 2.6rem; position: relative; } .s-header__nav li.has-children>a::after { border-bottom: 1px solid #6ba441; border-right: 1px solid #6ba441; content: ''; display: block; height: 5px; width: 5px; margin-top: -3px; pointer-events: none; position: absolute; right: 1.6rem; top: 50%; -webkit-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .s-header__nav>li { float: left; } .s-header__nav li a { display: block; padding: 0 1.2rem; line-height: calc(6rem - 1.2rem); text-decoration: none; color: #444; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; } .s-header__nav li a:hover, .s-header__nav li a:focus { color: var(--textblack); } .s-header__nav li a:active { background-color: transparent !important; } .s-header__nav li.current>a { background-color: #ffffff; border-right: 1px solid #EAE8E8; border-top: 1px solid #EAE8E8; border-left: 1px solid #EAE8E8; border-radius: 3px 3px 0 0; } /* sub menu */ .s-header__nav ul { min-width: 100%; margin: 0; padding: 1.2rem 0; background: #F4F3F3; border: 1px solid #EAE8E8; border-top: none; border-radius: 0 0 3px 3px; opacity: 0; visibility: hidden; -webkit-transition: all .25s ease .1s; transition: all .25s ease .1s; position: absolute; top: calc(100% + 2px); left: 0px; } .s-header__nav ul li { padding: 0; display: block; text-align: left; -webkit-transition: height .25s ease .1s; transition: height .25s ease .1s; height: 0; overflow: hidden; } .s-header__nav ul li a { padding: 0 2rem; margin: 0; white-space: nowrap; font-size: 13px; font-family: var(--nr-sans); font-weight: 400; line-height: 4rem; text-transform: none; letter-spacing: 0; } /* on hover */ .s-header__nav li:hover>ul { opacity: 1; visibility: visible; } .s-header__nav li:hover>ul li { height: 4rem; overflow: visible; } /* ------------------------------------------------------------------- * ## mobile menu toggle * ------------------------------------------------------------------- */ .header-menu-toggle { z-index: 101; display: none; background-color: var(--medgreen); height: 4.8rem; width: 5.2rem; line-height: 4.8rem; font-family: var(--nr-sans); font-size: 1.4rem; text-transform: uppercase; letter-spacing: .2rem; color: var(--medgreen); outline: none; -webkit-transition: all .3s; transition: all .3s; position: absolute; right: 3.2rem; top: .6rem; } .header-menu-toggle:hover, .header-menu-toggle:focus { color: #ffffff; } .header-menu-toggle span { display: block; width: 2rem; height: 2px; background-color: #ffffff; -webkit-transition: all .5s; transition: all .5s; font: 0/0 a; text-shadow: none; color: transparent; margin-top: -1px; position: absolute; top: 50%; left: 1.6rem; right: auto; bottom: auto; } .header-menu-toggle span::before, .header-menu-toggle span::after { content: ''; width: 100%; height: 100%; background-color: inherit; -webkit-transition: all .5s; transition: all .5s; position: absolute; left: 0; } .header-menu-toggle span::before { top: -.7rem; } .header-menu-toggle span::after { bottom: -.7rem; } .header-menu-toggle.is-clicked span { background-color: rgba(255, 255, 255, 0); -webkit-transition: all .1s; transition: all .1s; } .header-menu-toggle.is-clicked span::before, .header-menu-toggle.is-clicked span::after { background-color: white; } .header-menu-toggle.is-clicked span::before { top: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .header-menu-toggle.is-clicked span::after { bottom: 0; -webkit-transform: rotate(225deg); transform: rotate(225deg); } /* ------------------------------------------------------------------- * responsive: * header * ------------------------------------------------------------------- */ @media screen and (max-width:1200px) { .s-header__logotext { font-size: 7rem; } .s-header__tagline { font-size: 1.6rem; } } @media screen and (max-width:1000px) { .s-header__logotext { font-size: 6.8rem; } } @media screen and (max-width:800px) { .s-header__content, .s-header__reisende { padding-top: 9.6rem; padding-bottom: 12rem; min-height: 0; background-size: 310px 220px; background-image:none } .header-menu-toggle { display: block; } .s-header__nav-wrap { opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; padding-top: 8rem; font-weight: 600; font-size: 1.8rem; text-transform: none; letter-spacing: 0; } .s-header__nav-wrap>.row { width: 100%; } .s-header__nav { min-height: 0; width: 100%; margin: 6rem 6rem 8rem; } .s-header__nav>li { float: none; display: block; height: auto; padding-top: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .s-header__nav>li:first-child { border-top: 2px solid rgba(0, 0, 0, 0.1); } .s-header__nav li.has-children>a::after { border-bottom: 1px solid var(--textblack); border-right: 1px solid var(--textblack); } .s-header__nav li.has-children>a.sub-menu-is-open::after { -webkit-transform: rotate(225deg); transform: rotate(225deg); } .s-header__nav li a { padding: 0; } .s-header__nav>li a { display: block; color: var(--textblack); line-height: 6rem; } .s-header__nav li.current>a { background-color: transparent; border: none; border-radius: 0; color: #38720F; } .s-header__nav ul { opacity: 1; visibility: visible; display: none; padding-top: 0; -webkit-transition: none; transition: none; background: transparent; border: none; position: static; } .s-header__nav ul li { height: auto; overflow: auto; } .s-header__nav ul li a { padding: 0 0 0 .8rem; } body.menu-is-open { overflow: hidden; } .menu-is-open .s-header__nav-wrap { -webkit-transition: all .3s; transition: all .3s; opacity: 1; visibility: visible; } } @media screen and (max-width:600px) { .s-header__content, .s-header__reisende { background-position: center top; text-align: center; background-image:none !important; } .s-header__logotext { font-size: 6.4rem; } .s-header__nav-wrap>.row { padding: 0; } } @media screen and (max-width:400px) { .s-header__content, .s-header__reisende {background-image:none !important} .s-header__logotext { font-size: 6rem; } .s-header__nav { margin: 6rem 4rem 4.8rem; } } /* ------------------------------------------------------------------- * ## main navigation on large screens * ------------------------------------------------------------------- */ @media only screen and (min-width:801px) { .s-header__nav li.has-children:hover>a::after, .s-header__nav li.has-children:focus>a::after { -webkit-transform: rotate(225deg); transform: rotate(225deg); } .s-header__nav ul { display: block !important; } } /* =================================================================== * # content * * ------------------------------------------------------------------- */ .s-content { background: #ffffff; padding: 4.4rem 0 3.6rem 0; } .s-content__main { padding-right: 4.6rem; } .ss-single .s-content__main { padding-bottom: 8rem; } .page-content { padding-bottom: 2rem; margin-bottom: 3.6rem; } .page-content__title { margin-top: 0; } /* ------------------------------------------------------------------- * responsive: * content * ------------------------------------------------------------------- */ @media screen and (max-width:1200px) { .s-content__main { padding-right: 3.6rem; } } @media screen and (max-width:960px) { .s-content__main { padding-right: 2.4rem; } } @media screen and (max-width:900px) { .s-content__main, .s-content__sidebar { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .s-content__main { padding-right: 16px; } .s-content__sidebar { margin-top: 6rem; } } @media screen and (max-width:600px) { .s-content__main { padding-right: 10px; } .page-content__title { text-align: center; } } @media screen and (max-width:400px) { .s-content__main { padding-right: 0; } } /* =================================================================== * # sidebar * * ------------------------------------------------------------------- */ /* .s-content__sidebar */ .s-content__sidebar_border { border-left:1px dashed var(--textblack); padding-left: 2em; } .s-content__sidebar h3 { margin-top: 0; } .s-content__sidebar ul { list-style: none; margin-left: 0; } .s-content__sidebar hr, .s-content__sidebar .widget { margin-bottom: 2.4rem; } /* link List */ .s-content__sidebar .link-list { padding: 0; margin: 2rem 0 3.2rem 0; } .s-content__sidebar .link-list li { padding: .8rem 0; margin: 0; border-bottom: 1px solid var(--bglightgrey); } .s-content__sidebar .link-list li:first-child { border-top: 1px solid var(--bglightgrey); } .s-content__sidebar .link-list li a { color: var(--anchorgreen); font-weight:600;; } .s-content__sidebar .link-list li a:hover, .s-content__sidebar .link-list li a:focus { color: var(--medgreen); } /* tag cloud */ .s-content__sidebar .tagcloud { margin: 2rem 0 3.2rem -1.2rem; padding: 0; } .s-content__sidebar .tagcloud a, .s-content__sidebar .tagcloud i { background-color: var(--bglightgrey); font-family: var(--nr-sans); font-weight: 600; font-size: 1.1rem; line-height: 2.4rem; display: inline-block; margin: 0 0 1.2rem 1rem; padding: .8rem 1.6rem; position: relative; text-transform: uppercase; border-radius: 3px; text-decoration: none; letter-spacing: .2rem; color: var(--textblack); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .s-content__sidebar .tagcloud a:hover, .s-content__sidebar .tagcloud a:focus { color: #ffffff; background: var(--medgreen); } /* search */ .widget--search h3 { display: none; } .widget--search form { position: relative; margin: 0; } .widget--search .text-search { padding-right: 50px; border: none; width: 100%; min-width: 150px; border-radius: 4px; } .widget--search .submit-search { background-color: transparent !important; background-image: url(../nr_simg_2022/icon-search.svg); background-size: contain; background-repeat: no-repeat; -webkit-box-shadow: none; box-shadow: none; border: none; cursor: pointer; width: 2rem; height: 2rem; min-height: 2rem; padding: 0; margin: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); position: absolute; top: 50%; right: 2rem; } .s-content__sidebar .widget--search { margin-bottom: 4rem; } /* categories */ .widget--categories ul { /* margin-top: 1.2rem; */ } .widget--categories ul li { padding-left: 0; } /* =================================================================== * # footer * * ------------------------------------------------------------------- */ .s-footer { padding-top: 3.8rem; margin-bottom: 3.2rem; font-size: 1.422rem; line-height: 2.8rem; position: relative; border-top:1px solid var(--dkgrey); } .s-footer h3 { margin-top: 0; margin-bottom: 1.6rem; } .s-footer p { margin-bottom: 2.4rem; font-family: var(--nr-sans); } .s-footer__list { margin: 0; padding: 0; list-style: none; } .s-footer__list li { margin: 0; padding-left: 0; line-height: 24px; } .s-footer__list li a { color: var(--anchorgreen); } .widget li a { color: var(--anchorgreen); font-weight:600; } .s-footer__list li a:before, .widget li a:before { content: "»\0000a0"; } .s-footer__list li a:hover, .s-footer__list li a:focus, #INH-AN a:hover, #INH-AN a:focus { color:var(--bglightgrey); background:var(--anchorgreen); padding:0 .2em 0 .1em; border-radius:3px; -moz-border-radius:3px } #INH-AN a:hover, #INH-AN a:focus {padding:0 .2em 0 .1em; border-radius:3px; -moz-border-radius:3px} .s-footer__info { padding-right: 3.2rem; } /* ------------------------------------------------------------------- * ## footer social * ------------------------------------------------------------------- */ .s-footer__social { margin: 1.6rem auto 4.8rem; padding: 0; text-align: center; } .s-footer__social li { display: inline-block; font-size: 3.2rem; line-height: 4.8rem; padding: 0; margin: 0 1.6rem; } .s-footer__social li a { color: #3e3e3e; } .s-footer__social li a:hover, .s-footer__social li a:focus { color: var(--anchorgreen); } /* ------------------------------------------------------------------- * ## photostream * ------------------------------------------------------------------- */ .s-footer .photostream { list-style: none; margin: 1.2rem 0 2.4rem -1.6rem; padding: 0; overflow: hidden; } .s-footer .photostream li { display: inline-block; margin: 0 0 1.2rem 1.2rem; padding: 0; } .s-footer .photostream li a { display: block; height: 6rem; width: 6rem; background-color: #ffffff; padding: .9rem; border: 1px solid #e0e0e0; border-radius: 3px; } .s-footer .photostream li a img { vertical-align: bottom; } /* ------------------------------------------------------------------- * ## copyright * ------------------------------------------------------------------- */ .ss-copyright { font-family: var(--nr-sans); margin: 0; padding: 3.2rem 1.6rem .8rem 1.6rem; width: 100%; } .ss-copyright span { display: inline-block; } .ss-copyright span::after { content: "|"; display: inline-block; padding: 0 1rem 0 1.2rem; color: rgba(0, 0, 0, 0.3); } .ss-copyright span:last-child::after { display: none; } /* ------------------------------------------------------------------- * ## go top * ------------------------------------------------------------------- */ .ss-go-top { z-index: 2; opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0); -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); position: fixed; bottom: 4.4rem; right: 4rem; } .ss-go-top a { text-decoration: none; border: 0 none; display: block; height: 5.6rem; width: 5.6rem; border-radius: 50%; background-color: #38720F; -webkit-transition: all .3s; transition: all .3s; position: relative; } .ss-go-top a:hover, .ss-go-top a:focus { background-color: var(--textblack); } .ss-go-top svg { height: 1.2rem; width: 1.2rem; position: absolute; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); left: 50%; top: 50%; } .ss-go-top svg path { fill: #ffffff; } .ss-go-top.link-is-visible { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* ------------------------------------------------------------------- * responsive: * footer * ------------------------------------------------------------------- */ @media screen and (max-width:900px) { aside {padding-bottom:1em; border-bottom:1px dashed var(--textblack);} .s-content__sidebar { border-left:none; } .s-footer__bottom>.column { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .s-footer__info { margin-bottom: 1.6rem; } .s-footer__list li { display: inline-block; } .s-footer__list li a:after { content: '\0000a0¦\0000a0'; } .ss-copyright { border-top: 1px solid rgba(0, 0, 0, 0.08); text-align: center; margin-top: 3.2rem; } } @media screen and (max-width:800px) { .s-footer__social li { font-size: 2.8rem; margin: 0 1.2rem; } .s-footer-list--nav li, .s-footer__list li { display: inline-block; margin-right: 1.2rem; } .s-footer-list--nav li:last-child { margin-right: 0; } .ss-go-top { right: 3.2rem; } .ss-go-top a { height: 4.8rem; width: 4.8rem; } } @media screen and (max-width:600px) { .ss-copyright span { display: block; } .ss-copyright span::after { display: none; } } @media screen and (max-width:400px) { .ss-go-top { right: 0rem; bottom: 0rem; } .ss-go-top a { border-radius: 4px 0 0 0; } } /* =================================================================== * # blog styles and blog components * * ------------------------------------------------------------------- */ .entry { padding-bottom: 1.2rem; margin-bottom: 3.2rem; } .entry h2 { margin-top: 0; margin-bottom: 0; } .entry h2 a { color: var(--textblack); } .entry h2 a:hover, .entry h2 a:focus { color: var(--textblack); } .entry__header { border: none; height: auto; } .entry__content { font-family: var(--nr-sans); text-align:justify } .entry__content a { font-family: var(--nr-sans); font-weight:bold; } .entry__content-media { margin: 3.2rem 0 4.8rem; } .entry__content-media img { vertical-align: bottom; } /* ------------------------------------------------------------------- * ## entry meta * ------------------------------------------------------------------- */ .entry__meta ul { list-style: none; margin: .8rem 0 2rem; font-size: 1.422; color: #555; line-height: 2.8rem; } .entry__meta ul li { display: inline-block; margin: 0; padding: 0; font-family: var(--nr-serif); } .entry__meta ul li::after { content: "\2022"; margin-left: .4rem; margin-right: .2rem; } .entry__meta ul li:last-child::after { display: none; } /* ------------------------------------------------------------------- * ## entry tags * ------------------------------------------------------------------- */ .entry__tags { margin-top: 2rem; font-family: var(--nr-sans); font-weight: 400; font-size: 1.422rem; line-height: 2rem; text-transform: uppercase; letter-spacing: .03rem; color: #3e3e3e; } .entry__tags a { font-family: var(--nr-serif); font-size: 1.6rem; text-transform: none; letter-spacing: 0; color: var(--medgreen); } /* ------------------------------------------------------------------- * ## entry post nav * ------------------------------------------------------------------- */ .entry__post-nav { margin: 2.4rem 0 3.2rem; padding: 1.6rem 0 0 0; font-family: var(--nr-serif); } .entry__post-nav li { display: block; margin: 0; padding: 0; width: 49%; } .entry__post-nav li a { color: #3e3e3e; } .entry__post-nav li strong { display: block; } .entry__post-nav li.next { float: right; text-align: right; } .entry__post-nav li.prev { float: left; text-align: left; } /* ------------------------------------------------------------------- * ## post-list-nav * ------------------------------------------------------------------- */ .post-list-nav { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; padding-top: 2.4rem; margin-bottom: 4rem; border-top: 1px solid var(--bglightgrey); } .post-list-nav a:first-child { margin-right: .8rem; } .post-list-nav a[rel="prev"], .post-list-nav a[rel="next"] { font-family: var(--nr-sans); font-weight: 700; font-size: 1.422rem; line-height: 1.6rem; text-transform: uppercase; letter-spacing: .2rem; color: var(--textblack); background-color: var(--bglightgrey); padding: 1.2rem 2rem; border-radius: 4px; } .post-list-nav a[rel="prev"]:hover, .post-list-nav a[rel="prev"]:focus, .post-list-nav a[rel="next"]:hover, .post-list-nav a[rel="next"]:focus { color: #ffffff; background-color: var(--medgreen); } /* ------------------------------------------------------------------- * ## comments * ------------------------------------------------------------------- */ .comments-wrap { padding: 6.4rem 0 0 0; } .comments-wrap h3 { margin-top: 0; } .comments-wrap h3 span { display: block; font-weight: 400; font-size: 1.6rem; color: #555; margin-top: .4rem; } /* comments * -------------------------------------------------- */ #comments { padding-top: 4rem; padding-bottom: 1.2rem; border-top: 1px solid var(--bglightgrey); } #comments ol, #comments ul { list-style: none; } .commentlist { margin: 6rem 0 5.6rem; padding: 0; } .commentlist>.comment { position: relative; list-style: none; margin: 0; padding: 2rem 0 0 0; padding-left: 14%; } .comment__avatar { position: absolute; left: 0; display: block; } .comment__avatar img { height: 6rem; width: 6rem; border-radius: 100%; vertical-align: bottom; } .comment__info { position: relative; } .comment__info .comment__author { font-family: var(--nr-sans); font-weight: 600; font-size: 1.8rem; line-height: 1.778; font-style: normal; color: var(--textblack); } .comment__meta { font-family: var(--nr-sans); font-style: normal; font-size: 1.422rem; line-height: 2rem; letter-spacing: .2rem; text-transform: uppercase; color: #555; } .comment__meta .comment__time, .comment__meta .comment__reply { display: inline-block; } .comment__meta .comment__time { margin-right: .8rem; } .comment__meta .comment__reply a { font-weight: 600; color: var(--textblack); } .comment__text { clear: both; margin: 1.6rem 0 0 0; } .comment ul.children { margin: 0; padding: 0; } .comment ul.children li { padding-left: 5%; margin-top: calc(3.2rem + 2rem); border-left: 1px solid rgba(0, 0, 0, 0.15); } /* comments form * ---------------------------- */ .comments-wrap .comment-respond { margin-top: 6.4rem; } .comment-respond form { padding-top: 4rem; } /* ------------------------------------------------------------------- * responsive: * blog styles and blog components * ------------------------------------------------------------------- */ @media screen and (max-width:900px) { .post-list-nav { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } } @media screen and (max-width:800px) { .comment__avatar img { margin-top: 0; height: 5.2rem; width: 5.2rem; } } @media screen and (max-width:600px) { .entry__header { text-align: center; } .entry__post-nav li { display: block; width: 100%; } .entry__post-nav li.next, .entry__post-nav li.prev { float: none; text-align: left; } .commentlist>.comment { padding-top: 0; padding-left: 0; } .comment__avatar { display: none; } .comment ul.children li { margin-top: calc(3.2rem + 0rem); } } @media screen and (max-width:400px) { .comments-wrap, .comment-respond form { padding-top: 3.2rem; } .comment ul.children li { border-left: none; } } /* Lightbox v.2.11.2 (https://lokeshdhakar.com/projects/lightbox2/) */ .lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../nr_simg_2022/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../nr_simg_2022/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../nr_simg_2022/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:1em;font-weight:600;line-height:1.3em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:1em;color:var(--dkgrey)}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../nr_simg_2022/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1} .lb-layout { width:90%; -moz-column-count:4;-moz-column-gap:3%;-moz-column-width:22%; -webkit-column-count:4;-webkit-column-gap:3%;-webkit-column-width:22%; column-count:4;column-gap:3%;column-width:22%; margin: auto 1em auto 0; } .lb-layout img { width:90%; border:2px solid #afafaf; } /* Screenreaders (vormals aural) */ @media speech { main, section {voice-family: young male; } menu, footer, .noprint, #niptext, .hr {speak:never; } h* {pause-before: 250ms; } h2 {cue-before: url(https://upload.wikimedia.org/wikipedia/commons/e/e9/De-Kapitel.ogg); } h3 {cue-before: url(https://upload.wikimedia.org/wikipedia/commons/3/3d/De-%C3%9Cberschrift.ogg); } p, div { pause-after: 200ms; } .bildunter, figcaption {cue-before: url(https://upload.wikimedia.org/wikipedia/commons/e/e5/De-Bild.ogg); } *[lang|="vi"] {voice-family: young female; cue-before: url(https://upload.wikimedia.org/wikipedia/commons/f/f1/De-Vietnamesisch.ogg); } *[lang|="th"] {voice-family: young female; cue-before: url(https://upload.wikimedia.org/wikipedia/commons/1/1c/De-Thail%C3%A4ndisch.ogg); } *[lang|="fr"] {voice-family: young female; cue-before: url(https://upload.wikimedia.org/wikipedia/commons/a/ae/De-Franz%C3%B6sisch.ogg); } *[lang|="ja"] {voice-family: old female; cue-before:url(https://upload.wikimedia.org/wikipedia/commons/a/a0/De-Japanisch.ogg)} *[lang|="sa"] {voice-family: old male; cue-before: url(https://upload.wikimedia.org/wikipedia/commons/7/73/De-Sanskrit.ogg)} *[lang|="zh*"] {voice-family: old male; cue-before: url(https://upload.wikimedia.org/wikipedia/commons/a/ae/De-chinesisch_02_%28fcm%29.ogg); } *[lang|="la"] {voice-family: old male; cue-before: url(https://upload.wikimedia.org/wikipedia/commons/c/cd/De-lateinisch.ogg)} /* Bibliographische Einträge (leider fehlen weitere in commons) */ *[itemtype^='https://schema.org/Book']{cue-before: url(https://upload.wikimedia.org/wikipedia/commons/9/96/De-Literaturhinweis.ogg); } *[itemprop|="author"] {cue-before: url(https://upload.wikimedia.org/wikipedia/commons/3/32/De-Autorschaft.ogg); } *[itemprop|="datePublished"] {cue-before: url(https://upload.wikimedia.org/wikipedia/commons/7/7e/De-Erscheinungsjahr.ogg); } *[itemprop|="publisher"] {cue-before: url(https://upload.wikimedia.org/wikipedia/commons/e/eb/De-Verlag.ogg); } *[itemprop|="isbn"] {cue-before: url(https://upload.wikimedia.org/wikipedia/commons/b/b1/De-ISBN-Nummer.ogg); } /* Sonstiges */ .em {voice-volume:+2.0dB} .strong {voice-volume:+3.0dB} .tt > span {cue-before: url(https://upload.wikimedia.org/wikipedia/commons/4/43/De-Notiz.ogg); voice-family: old male; } .tt > span[lang|="ja"] {cue-before: url(https://upload.wikimedia.org/wikipedia/commons/9/99/Ja-nihongo.ogg); voice-family: old male; } *[role|="doc-noteref"], .erg {cue-before: url(https://upload.wikimedia.org/wikipedia/commons/8/8d/De-Anmerkung.ogg); } #fn :after {cue-after: url(https://upload.wikimedia.org/wikipedia/commons/f/f2/De-Ende.ogg); } li::before { content: "\200B";} /* add zero-width space, bug fix for screenreaders */ } /* end speech css */ /* MEINE (soweit möglich alphabetisch) */ @font-face { font-family: "zw-sans"; src: local(FreeSans), url(../nr_css_2022/FreeSans.otf) format("opentype"), url(../nr_css_2022/FreeSans.woff2) format("woff2"); } @font-face { font-family: "zw-serif"; src: local(FreeSerif), url(../nr_css_2022/FreeSerif.otf) format("opentype"), url(../nr_css_2022/FreeSerif.woff2) format("woff2"); } @font-face { font-family: "zw-mono"; src: local(FreeMono), url(../nr_css_2022/FreeMono.otf) format("opentype"), url(../nr_css_2022/FreeMono.woff2) format("woff2"); } /* Variablen */ :root { --anm: #663600; --bglightgreen: #F2FFE8; /* -5% = #F5FFEE; */ --bglightgrey: #f5f4f3; --creme: #f7e7b2; --dkgrey: #999; --brown: #a52a2a; --anchorgreen: #396619; --dkgreen: #193C19; /* = anm AM -10% #325532 */ --mainblue: #006699; --medgreen: #6C994C; --textblack: #222; --visited: #996900; /* + 40% = #FECE3E , + 30 % = #E5B525 */ --nr-sans: -apple-system, "Nimbus Sans", FreeSans, "Liberation Sans", Oxygen, "Segoe UI", "DejaVu Sans", "Helvetica Neue", Tahoma, system-ui, Arial, "Microsoft YaHei", SimSun, sans-serif; --nr-serif: "Constantia", "FreeSerif", "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; --nr-mono: -apple-system, "Courier 10 Pitch", "DejaVu Mono", "Nimbus Mono", "Liberation Mono", FreeMono, "American Typewriter", "Courier", "Noto Mono", "Andale Mono", "Courier New", monospace; -webkit-font-variant-ligatures:common-ligatures;font-variant-ligatures:common-ligatures; hyphens:auto; font-variant-numeric: stacked-fractions; font-optical-sizing: auto; text-rendering: optimizeLegibility; } /* Allgemein */ hr {display:block; height:1px; border:0; border-top:1px solid var(--dkgrey); padding:0; margin:1.5em 15%; -moz-box-shadow:0px 0px 10px var(--textblack); -webkit-box-shadow:0px 0px 10px var(--textblack); box-shadow:0px 0px 10px var(--textblack);} .center-element {display: flex; align-items: center; justify-content: center;} ::selection{color:var(--bglightgrey); background:var(--brown); } ::-moz-selection{color:var(--bglightgrey); background:var(--brown); } .vam{border:none; vertical-align:middle; } /* Anker */ html {scroll-behavior: smooth;} /* .external ist nicht für style, sondern jQuery */ a[href^='http']{padding:0 1.4em 0 0; background:#ffffff url(../nr_simg_2022/external-link-alt.svg) no-repeat right center; background-color:inherit; background-size:.9em; } a[href^='https://zenwort.de/'], a[href^='.'], a[href^='https://creativecommons.org/licenses/'], a[href^='https://doi.org/'], a[href^='https://nihonryoiki.zenwort.de'], a[href^='https://im-tee-raume.zenwort.de'], a[href^='https://bohnerbiographie.zenwort.de'], a[href^='https://reise.zenwort.de'], a[href^='https://de.wikivoyage.org/wiki/'], .entry__title > a, .pgn a, .has-children a {padding:0; background:none; color:var(--brown);} a[href^='https://doi.org/'], a[itemprop^='url'], a[itemprop^='sameAs'] {font-weight:inherit} a[href^='https://www.youtube.com/']{padding:0 1.4em 0 0; background:#ffffff url(../nr_simg_2022/Youtube2.svg) no-repeat right center; background-color:inherit; background-size:1.2em; } a.wikilink {color:var(--brown);border-bottom:1px dotted var(--brown)} #breadcrumb{color:var(--brown);text-indent:0;font-size:100%;text-align:left;margin-bottom:1em} #breadcrumb a, #pdf a, .s-footer__list li a, .widget--categories li a, .s-header__tagline a {border-bottom:none;color:var(--brown); display:inline-block;font-weight:500} #breadcrumb>a:active, #breadcrumb>a:hover, .s-footer__list li a:hover, .s-footer__list li a:active, .widget--categories li a:active, .widget--categories li a:hover, .s-header__tagline a:hover, .s-header__tagline a:active, ol.cjk a:active, ol.cjk a:hover {padding:.2em 0 .2em 0;border-radius:3px; -moz-border-radius:3px;color:var(--bglightgrey);text-decoration:none;background-color:var(--brown);} /* Absätze */ .einr{margin-left:3%; } .ausr{text-indent:-2em; margin-left:2em; } p {text-align:justify;} .cb {clear:both;} .cl {clear:left;} .cr {clear:right;} .sc, h4 {font-variant: common-ligatures all-small-caps !important;;-moz-font-feature-settings: "smcp"; -webkit-font-feature-settings: "smcp"; font-feature-settings: "smcp";} h4 {letter-spacing:0.1rem} q.right, div.quote {text-align:right;width:60%;margin-left:39%;display:block; font-style: italic;text-indent:0} .t0, h1+p, h2+p, h3+p, h4+p, .h1+p, .h2+p, .h3+p, .h4+p, div+a, .blockquote, .lb-layout, .rfloat, lfloat {text-indent:0} .t1 {text-indent:2em} .m1 {margin-top:1em} .mittig{text-align:center; position:relative; vertical-align:middle; margin:auto; text-indent:0} .w99 {width:99%;} .w99-480 {width:99%;max-width:480px} .w99-482 {width:99%;max-width:482px} .w99-644 {width:99%;max-width:644px} .w99-640 {width:99%;max-width:640px} /* Bilder */ .bor0, img.bor0, img[src^='svg'] {border:0; } img.bor, .rfloat img, .lfloat img, figure img {border:2px solid #afafaf; } figcaption, .bildunter{font-weight:bold; font-size:smaller; text-align:center; padding-top:0.8em; display:inline; } figure {page-break-inside: avoid; margin:0.5em;} figure img {resize:both;overflow:auto} figure.rfloat, div.rfloat {margin: 0 auto; padding-left:1em; float:right; vertical-align:text-top; text-align:center; } figure.lfloat, div.lfloat {margin: 0 auto; padding-right:1em; float:left; vertical-align:text-top; text-align:center; text-indent:0; } figure.rfloat + p {clear:left} figure.lfloat + p {clear:right} figure.center {display: flex; align-items: center; justify-content: center; margin:0 auto; border:1px solid red} /* {} */ .tip {border-radius:6px; border:4px var(--medgreen) solid; width:35%; text-align:left !important; background-color:var(--bglightgrey); padding:1em; vertical-align:text-top} /* IDs */ #HANNYA {background-color:var(--bglightgrey);border:2px solid var(--dkgrey); border-radius:0.5em; width:32%; min-width:11em;text-align:left !important; padding-left:1em; margin-right:3%} /* Herz sutra nip text */ .IMG-BACKTOTOP {width:2em;height:2em;transform:rotate(90deg);} #IMG-BACKTOTOP {width:4em;height:4em;transform:rotate(90deg);} #IMG-TOC {width:4em;height:4em;} .IMG-TOC {width:4em;height:4em;} #IMG-FOLLOWING {width:4em;height:4em;transform:rotate(180deg);} #IMG-RETURN {width:4em;height:4em;margin-top:2em;} #SW, #sidebar p {text-align:left !important} #SW li {display:inline;} #SW a { background-color: var(--medgreen); font-family: var(--nr-sans); font-weight: 600; font-size: 1.1rem; line-height: 2.4rem; display: inline-block; margin: 0 0 1.2rem 1rem; padding: .8rem 1.6rem; position: relative; text-transform: uppercase; border-radius: 3px; text-decoration: none; letter-spacing: .2rem; color: #fff; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #SW a:hover, #SW a:active, #SW a:focus { background-color: var(--bglightgrey); color:var(--textblack) } #ZURUECK{width:2em;height:2em;} #WEITER{width:2em;height:2em;transform:rotate(180deg);} /* Footnotes */ .fn{/*font-size:smaller; */vertical-align:baseline; position:relative; top:-0.2em; font-weight:bold; padding:0 0.3em; color:var(--brown);} *[role|="doc-backlink"] {color:var(--brown)} summary {font-size:larger; font-weight:600; list-style:none;cursor:help; text-decoration: dotted underline; text-underline-offset:0.3em;} details[open] {background-color:#bfbfbf; border-radius:1.5rem;line-height:1.5em;} details[open] > summary {text-decoration:none; padding:0.8em 0 0 1em} details[open] p, details[open] div {padding:0.2em 1em; margin:1em 0 0.5em 0; font-size:smaller} /* Listen */ @counter-style japanese-informal { system: additive; range: -9999 9999; additive-symbols: 9000 \4E5D\5343, 8000 \516B\5343, 7000 \4E03\5343, 6000 \516D\5343, 5000 \4E94\5343, 4000 \56DB\5343, 3000 \4E09\5343, 2000 \4E8C\5343, 1000 \5343, 900 \4E5D\767E, 800 \516B\767E, 700 \4E03\767E, 600 \516D\767E, 500 \4E94\767E, 400 \56DB\767E, 300 \4E09\767E, 200 \4E8C\767E, 100 \767E, 90 \4E5D\5341, 80 \516B\5341, 70 \4E03\5341, 60 \516D\5341, 50 \4E94\5341, 40 \56DB\5341, 30 \303A, 20 \3039, 10 \5341, 9 \4E5D, 8 \516B, 7 \4E03, 6 \516D, 5 \4E94, 4 \56DB, 3 \4E09, 2 \4E8C, 1 \4E00, 0 \3007; /* 9000 九千, 8000 八千, 7000 七千, 6000 六千, 5000 五千, 4000 四千, 3000 三千, 2000 二千, 1000 千, 900 九百, 800 八百, 700 七百, 600 六百, 500 五百, 400 四百, 300 三百, 200 二百, 100 百, 90 九十, 80 八十, 70 七十, 60 六十, 50 五十, 40 四十, 30 〺, 20 〹, 10 十, 9 九, 8 八, 7 七, 6 六, 5 五, 4 四, 3 三, 2 二, 1 一, 0 〇 */ suffix: '\3001'; /* 、 */ negative: "\8CA0"; /*"\30DE\30A4\30CA\30B9";*/ /* 負 statt マイナス */ fallback: cjk-ideographic; } ul, ol, dl { page-break-before:avoid; font-size:inherit; } ol.cjk {list-style-type:japanese-informal; } ol.iroha {list-style-type: hiragana-iroha;} ul.biblio {list-style:none} ul.biblio li[itemtype$="Book"] {padding:0 0 0 2em; background:#fff url(../nr_simg_2022/Book2.svg) no-repeat left top; background-color:inherit; background-size:1.4em; } ul.biblio li[itemtype$="Article"] {padding:0 0 0 2em; background:#fff url(../nr_simg_2022/text_x_generic.svg) no-repeat left top; background-color:inherit; background-size:1.3em; } /* Schrift */ var, pre, code, kbd, samp, .mono {font-family: var(--nr-mono), monospace; white-space:pre-wrap} /* Sprachen */ *:lang(sa),*:lang(la),*:lang(vi),*:lang(fr),i:lang(sa),i:lang(la),i:lang(vi){font-style:italic; font-size:inherit; } /* kursiv für romanisierte Fremdsprachen */ *:lang(sa-dev), *[lang|="sa-dev"], *:lang(hi), *[lang|="hi"], *:lang(th), *[lang|="th"] {font-weight:500; font-size:inherit; font-style:normal !important;} /* keine kursiv für Devanagari */ *[lang|="ja"], *[lang|="zh"], *[lang|="th"], *[lang|="ko"] {font-weight:500; font-size:inherit; font-style:normal !important; line-break:strict; word-break: break-all; letter-spacing:0.1em;} *[lang|="ja"], *:lang(ja) {font-family:"FreeSerif", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Droid Sans", Osaka, serif; font-variant-east-asian:traditional; text-combine-upright: digits; } *[lang|="ko"], *:lang(ko) {font-family: "FreeSans", "Noto Sans Korean", "Apple SD Gothic Neo", "GungsuhChe", "Gungsuh", Batang, "Malgun Gothic", sans-serif; font-variant-east-asian:traditional; -moz-font-feature-settings: "nlck"; -webkit-font-feature-settings: "nlck"; font-feature-settings: "nlck";} *[lang|="zh"], *:lang(zh), *:lang(lzh), *:lang(zh-Hant) {font-family: "KaiTi", "Hiragino Sans GB ", "FreeSans", "微軟正黑體", PMingLiU, "Droid Sans", "WenQuanYi Micro Hei", "Microsoft JhengHei", "Microsoft JhengHei UI", "微軟雅黑", "Microsoft YaHei", "Microsoft YaHei UI", "SimSun", "PingFang", serif; font-variant-east-asian:traditional; text-combine-upright: digits; } /*ruby */ ruby, rt {font-variant-east-asian:ruby;;-moz-font-feature-settings: "pkna"; -webkit-font-feature-settings: "pkna"; font-feature-settings: "pkna";} rt {padding-bottom:.3em} /* sprachspezifische Anführungszeichen */ /* Deutsche („…“ ‚…‘) auch für Bulgarisch, Dänisch, Isländisch, Lettisch, Litauisch, Slowakisch, Slowenisch, Sorbisch, Tschechisch*/ q[lang|="de"]:before, q[lang|="la"]:before, q[lang|="sa"]:before {content: "\201e"} q[lang|="de"]>q:before, q[lang|="la"]>q:before, q[lang|="sa"]>q:before {content: "\201a"} q[lang|="de"]:after, q[lang|="la"]:after, q[lang|="sa"]:after {content: "\201c"} q[lang|="de"]>q:after, q[lang|="la"]>q:after, q[lang|="sa"]>q:after {content: "\201b"} /* Englische (“…” ‘…’) auch für Afrikaans, Holländisch, Thai, Türkisch */ q[lang|="en"]:before, q[lang|="vi"]:before {content: "\201c"} q[lang|="en"]>q[lang|="en"]:before {content: "\2018"} q[lang|="en"]:after, q[lang|="vi"]:after {content: "\201d"} q[lang|="en"]>q[lang|="en"]:after {content: "\2019"} /* ⁠Französische (« … » ‹ … ›) auch für Albanisch, Arabisch, Armenisch, Baskisch, Italienisch, Katalan, Spanisch */ q[lang|="fr"]:before {content: "\00ab\202f"} q[lang|="fr"]>q[lang|="fr"]:before {content: "\2039\202f"} q[lang|="it"]>q:before, q[lang|="es"]>q:before {content: "\2039"; padding:0 2pt 0 0} q[lang|="fr"]:after {content: "\202f\00bb"} q[lang|="fr"]>q[lang|="fr"]:after {content: "\202f\203a"} q[lang|="it"]>q:after, q[lang|="es"]>q:after {content: "\203a"; padding:0 0 0 2pt} /* Russisch und verwandte («…» „…“) */ q[lang|="ru"]:before, q[lang|="it"]:before, q[lang|="es"]:before {content: "\00ab";padding:0 1pt 0 0} q[lang|="ru"]>q:before, q[lang|="it"]>q:before, q[lang|="es"]>q:before {content: "\201a"} q[lang|="ru"]:after, q[lang|="it"]:after, q[lang|="es"]:after {content: "\00bb"} q[lang|="ru"]>q:after {content: "\201b"; padding:0 0 0 1pt} /* Georgisch, nur eine Ebene */ q[lang|="ka"]:before {content: "\201e"} q[lang|="ka"]:after {content: "\201c"} /* Finnisch, Indonesisch, Schwedisch */ q[lang|="fi"]:before {content: "\201d"} q[lang|="fi"]>q[lang|="fi"]:before {content: "\2019"} q[lang|="fi"]:after {content: "\201d"} q[lang|="fi"]>q[lang|="fi"]:after {content: "\2019"} /* keine in indischen Sprachen, z.B. hi, sa-dev */ /* Tabelle */ table {border-collapse:collapse;border:1px dotted #dfdfdf} th p, td p {padding:0.3em 0.5em} /* Text */ .sub{font-size:x-small; vertical-align:baseline; position:relative; top:0.4em; } .sup{font-size:small; vertical-align:baseline; position:relative; top:-0.4em; margin-left: 0.2em; } .left, figure+p, figure+li, div.rfloat+p {text-align:left; } .right {text-align:right; } .center, div.rfloat {text-align:center; margin:0 auto} .justify {text-align:justify; } .small {font-size:1em; } .smaller {font-size:smaller; } .large {font-size:large; } .larger {font-size:larger; } .LARGE {font-size:220%; } .minute {font-size:0.7em; } .dum {color:#311AB3} /* Ergänzungen von Nakamura * = #006699 -10% */ .byl2{color:darkgreen; font-size:inherit; } /* Verschiedenes Spezielles */ .erg {font:inherit; color:#690000;} /* Ergänzungen, ersetzt .am, .Am */ h* + p, h* + div, div+img; figcaption {text-indent:0 !important} .tt {border-bottom:1px dotted var(--textblack); font-size:inherit; cursor:help} /* Walter Zorn Tooltips */ .lb-th {padding:0 1.4em 0 0; background:#fff url(../nr_simg_2022/Magnify-clip.svg) no-repeat right center; background-color:inherit; background-size:.9em; font-weight:bold; font-size:smaller; font-style:italic; } /* lightbox magnify hint */ .verz, #verz{background-color:#fff; border:1px solid #a4c2d6; padding:3%; border-radius:6px; -moz-box-shadow:0px 0px 10px var(--textblack); -webkit-box-shadow:0px 0px 10px var(--textblack); box-shadow:0px 0px 10px var(--textblack); margin:1em auto; } /* imgsupport */ .avif-ok {display:none} /* generic */ .jxl .myelem { background-image: url('myimage.jxl'); } .avif.notjxl.notwebp .myelem { background-image: url('myimage.avif'); } .webp.notjxl.notavif .myelem { background-image: url('myimage.webp'); } .jpx.notavif.notwebp .myelem { background-image: url('myimage.wdp'); } .jp2.notavif.notwebp .myelem { background-image: url('myimage.jp2'); } .svg .myelem { background-image: url('myimage.svg'); } .png .myelem { background-image: url('myimage.png'); } /* imgsupport */