*
* This will cause the system to fill up from either the centre or the right
* hand side. Default behaviour is to fill up the layout system from the left.
*
* There are plenty more options available to us: explore them below.
*/
/* Default/mandatory classes
========================================================================== */
/**
* 1. Allows us to use the layout object on any type of element.
* 2. We need to defensively reset any box-model properties.
* 3. Use the negative margin trick for multi-row grids:
* http://csswizardry.com/2011/08/building-better-grid-systems/
*/
.o-layout {
display: block;
/* [1] */
margin: 0;
/* [2] */
padding: 0;
/* [2] */
list-style: none;
/* [1] */
margin-left: -24px;
/* [3] */
font-size: 0;
}
/**
* 1. Required in order to combine fluid widths with fixed gutters.
* 2. Allows us to manipulate grids vertically, with text-level properties,
* etc.
* 3. Default item alignment is with the tops of each other, like most
* traditional grid/layout systems.
* 4. By default, all layout items are full-width (mobile first).
* 5. Gutters provided by left padding:
* http://csswizardry.com/2011/08/building-better-grid-systems/
* 6. Fallback for old IEs not supporting `rem` values.
*/
.o-layout__item {
box-sizing: border-box;
/* [1] */
display: inline-block;
/* [2] */
vertical-align: top;
/* [3] */
width: 100%;
/* [4] */
padding-left: 24px;
/* [5] */
font-size: 16px;
/* [6] */
font-size: 1rem;
}
/* Gutter size modifiers
========================================================================== */
.o-layout--flush {
margin-left: 0;
}
.o-layout--flush > .o-layout__item {
padding-left: 0;
}
.o-layout--tiny {
margin-left: -6px;
}
.o-layout--tiny > .o-layout__item {
padding-left: 6px;
}
.o-layout--small {
margin-left: -12px;
}
.o-layout--small > .o-layout__item {
padding-left: 12px;
}
.o-layout--large {
margin-left: -48px;
}
.o-layout--large > .o-layout__item {
padding-left: 48px;
}
.o-layout--huge {
margin-left: -96px;
}
.o-layout--huge > .o-layout__item {
padding-left: 96px;
}
/* Vertical alignment modifiers
========================================================================== */
/**
* Align all grid items to the middles of each other.
*/
.o-layout--middle > .o-layout__item {
vertical-align: middle;
}
/**
* Align all grid items to the bottoms of each other.
*/
.o-layout--bottom > .o-layout__item {
vertical-align: bottom;
}
/**
* Stretch all grid items of each row to have an equal-height.
* Please be aware that this modifier class doesn’t take any effect in IE9 and
* below and other older browsers due to the lack of `display: flex` support.
*/
.o-layout--stretch {
display: flex;
flex-wrap: wrap;
}
.o-layout--stretch > .o-layout__item {
display: flex;
}
.o-layout--stretch.o-layout--center {
justify-content: center;
}
.o-layout--stretch.o-layout--right {
justify-content: flex-end;
}
.o-layout--stretch.o-layout--left {
justify-content: flex-start;
}
/* Fill order modifiers
========================================================================== */
/**
* Fill up the layout system from the centre.
*/
.o-layout--center {
text-align: center;
}
.o-layout--center > .o-layout__item {
text-align: left;
}
/**
* Fill up the layout system from the right-hand side.
*/
.o-layout--right {
text-align: right;
}
.o-layout--right > .o-layout__item {
text-align: left;
}
/**
* Fill up the layout system from the left-hand side. This will likely only be
* needed when using in conjunction with `.o-layout--reverse`.
*/
.o-layout--left {
text-align: left;
}
.o-layout--left > .o-layout__item {
text-align: left;
}
/**
* Reverse the rendered order of the grid system.
*/
.o-layout--reverse {
direction: rtl;
}
.o-layout--reverse > .o-layout__item {
direction: ltr;
}
/* Auto-widths modifier
========================================================================== */
/**
* Cause layout items to take up a non-explicit amount of width.
*/
.o-layout--auto > .o-layout__item {
width: auto;
}
/* ==========================================================================
#MEDIA
========================================================================== */
/**
* Place any image- and text-like content side-by-side, as per:
* http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
*/
.o-media {
display: block;
}
.o-media:after {
content: "" !important;
display: block !important;
clear: both !important;
}
.o-media__img {
float: left;
margin-right: 24px;
}
.o-media__img > img {
display: block;
}
.o-media__body {
overflow: hidden;
display: block;
}
.o-media__body,
.o-media__body > :last-child {
margin-bottom: 0;
}
/* Size variants
========================================================================== */
/**
* Modify the amount of space between our image and our text. We also have
* reversible options for all available sizes.
*/
.o-media--flush > .o-media__img {
margin-right: 0;
margin-left: 0;
}
.o-media--tiny > .o-media__img {
margin-right: 6px;
}
.o-media--tiny.o-media--reverse > .o-media__img {
margin-right: 0;
margin-left: 6px;
}
.o-media--small > .o-media__img {
margin-right: 12px;
}
.o-media--small.o-media--reverse > .o-media__img {
margin-right: 0;
margin-left: 12px;
}
.o-media--large > .o-media__img {
margin-right: 48px;
}
.o-media--large.o-media--reverse > .o-media__img {
margin-right: 0;
margin-left: 48px;
}
.o-media--huge > .o-media__img {
margin-right: 96px;
}
.o-media--huge.o-media--reverse > .o-media__img {
margin-right: 0;
margin-left: 96px;
}
/* Reversed media objects
========================================================================== */
.o-media--reverse > .o-media__img {
float: right;
margin-right: 0;
margin-left: 24px;
}
/* ==========================================================================
#FLAG
========================================================================== */
/**
* The flag object is a design pattern similar to the media object, however it
* utilises `display: table[-cell];` to give us control over the vertical
* alignments of the text and image.
*
* http://csswizardry.com/2013/05/the-flag-object/
*
* 1. Allows us to control vertical alignments.
* 2. Force the object to be the full width of its parent. Combined with [1],
* this makes the object behave in a quasi-`display: block;` manner.
* 3. Reset inherited `border-spacing` declarations.
*/
.o-flag {
display: table;
/* [1] */
width: 100%;
/* [2] */
border-spacing: 0;
/* [3] */
}
/**
* Items within a flag object. There should only ever be one of each.
*
* 1. Default to aligning content to their middles.
*/
.o-flag__img,
.o-flag__body {
display: table-cell;
vertical-align: middle;
/* [1] */
}
/**
* Flag images have a space between them and the body of the object.
*
* 1. Force `.flag__img` to take up as little space as possible:
* https://pixelsvsbytes.com/2012/02/this-css-layout-grid-is-no-holy-grail/
*/
.o-flag__img {
width: 1px;
/* [1] */
padding-right: 24px;
/**
* 1. Fixes problem with images disappearing.
*
* The direct child selector '>' needs to remain in order for nested flag
* objects to not inherit their parent’s formatting. In case the image tag
* is wrapped into another tag, e.g. an anchor for linking reasons, it will
* disappear. In that case try wrapping the whole o-flag__img object into
* an anchor tag.
*
* E.g.:
*
*
*
* 
*
*
*/
}
.o-flag__img > img {
max-width: none;
/* [1] */
}
/**
* The container for the main content of the flag object.
*
* 1. Forces the `.flag__body` to take up all remaining space.
*/
.o-flag__body {
width: auto;
/* [1] */
}
.o-flag__body,
.o-flag__body > :last-child {
margin-bottom: 0;
}
/* Size variants
========================================================================== */
.o-flag--flush > .o-flag__img {
padding-right: 0;
padding-left: 0;
}
.o-flag--tiny > .o-flag__img {
padding-right: 6px;
}
.o-flag--tiny.o-flag--reverse > .o-flag__img {
padding-right: 0;
padding-left: 6px;
}
.o-flag--small > .o-flag__img {
padding-right: 12px;
}
.o-flag--small.o-flag--reverse > .o-flag__img {
padding-right: 0;
padding-left: 12px;
}
.o-flag--large > .o-flag__img {
padding-right: 48px;
}
.o-flag--large.o-flag--reverse > .o-flag__img {
padding-right: 0;
padding-left: 48px;
}
.o-flag--huge > .o-flag__img {
padding-right: 96px;
}
.o-flag--huge.o-flag--reverse > .o-flag__img {
padding-right: 0;
padding-left: 96px;
}
/* Reversed flag
========================================================================== */
/**
* 1. Swap the rendered direction of the object…
* 2. …and reset it.
* 3. Reassign margins to the correct sides.
*/
.o-flag--reverse {
direction: rtl;
/* [1] */
}
.o-flag--reverse > .o-flag__img,
.o-flag--reverse > .o-flag__body {
direction: ltr;
/* [2] */
}
.o-flag--reverse > .o-flag__img {
padding-right: 0;
/* [3] */
padding-left: 24px;
/* [3] */
}
/* Alignment variants
========================================================================== */
/**
* Vertically align the image- and body-content differently. Defaults to middle.
*/
.o-flag--top > .o-flag__img,
.o-flag--top > .o-flag__body {
vertical-align: top;
}
.o-flag--bottom > .o-flag__img,
.o-flag--bottom > .o-flag__body {
vertical-align: bottom;
}
/* ==========================================================================
#LIST-BARE
========================================================================== */
/**
* Strip list-like appearance from lists by removing their bullets and any
* indentation.
*
* Note: Declaring the item class might not be necessary everywhere,
* but is for example in
* - lists for the
- children.
*/
.o-list-bare {
list-style: none;
margin-left: 0;
}
.o-list-bare__item {
margin-left: 0;
}
/* ==========================================================================
#LIST-INLINE
========================================================================== */
/**
* The list-inline object simply displays a list of items in one line.
*/
.o-list-inline {
margin-left: 0;
list-style: none;
}
.o-list-inline__item {
display: inline-block;
}
/* ==========================================================================
#BOX
========================================================================== */
/**
* The box object simply boxes off content. Extend with cosmetic styles in the
* Components layer.
*
* 1. So we can apply the `.o-box` class to naturally-inline elements.
*/
.o-box {
display: block;
/* [1] */
padding: 24px;
}
.o-box:after {
content: "" !important;
display: block !important;
clear: both !important;
}
.o-box > :last-child {
margin-bottom: 0;
}
/* Size variants
========================================================================== */
.o-box--flush {
padding: 0;
}
.o-box--tiny {
padding: 6px;
}
.o-box--small {
padding: 12px;
}
.o-box--large {
padding: 48px;
}
.o-box--huge {
padding: 96px;
}
/* ==========================================================================
#BLOCK
========================================================================== */
/**
* Stacked image-with-text object. A simple abstraction to cover a very commonly
* occurring design pattern.
*/
.o-block {
display: block;
text-align: center;
}
.o-block__img {
margin-bottom: 24px;
/* Size variants
====================================================================== */
}
.o-block--flush > .o-block__img {
margin-bottom: 0;
}
.o-block--tiny > .o-block__img {
margin-bottom: 6px;
}
.o-block--small > .o-block__img {
margin-bottom: 12px;
}
.o-block--large > .o-block__img {
margin-bottom: 48px;
}
.o-block--huge > .o-block__img {
margin-bottom: 96px;
}
.o-block__body {
display: block;
}
/* Alignment variants
========================================================================== */
.o-block--right {
text-align: right;
}
.o-block--left {
text-align: left;
}
/* ==========================================================================
#TABLE
========================================================================== */
/**
* A simple object for manipulating the structure of HTML `table`s.
*/
.o-table {
width: 100%;
}
/* Equal-width table cells
========================================================================== */
/**
* `table-layout: fixed` forces all cells within a table to occupy the same
* width as each other. This also has performance benefits: because the browser
* does not need to (re)calculate cell dimensions based on content it discovers,
* the table can be rendered very quickly. Further reading:
* https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout#Values
*/
.o-table--fixed {
table-layout: fixed;
}
/* Size variants
========================================================================== */
.o-table--tiny th,
.o-table--tiny td {
padding: 6px;
}
.o-table--small th,
.o-table--small td {
padding: 12px;
}
.o-table--large th,
.o-table--large td {
padding: 48px;
}
.o-table--huge th,
.o-table--huge td {
padding: 96px;
}
/**
* Buttons werden zusammengesetzt aus Material, Layout, Design, Größe
* Materialien:
* __mat-solid, __mat-ghost
* Layouts:
* __layout-onlytext, __layout-onlyicon, __layout-iconleft, __layout-iconright
* Designs:
* __design-primary, __design-outline, __design-dashed
* Größen:
* __size-large, __size-medium, __size-small
*
* Die Icons werden über :before eingesetzt.
*
* Das erwartete HTML ist
* oder asdf
*/
/*
JavaScript für die Browserkonsole, um das HTML für die Buttons-Test-Seite zu generieren
function shuffle(array) {
var currentIndex = array.length, temporaryValue, randomIndex;
while (0 !== currentIndex) {
randomIndex = Math.floor(Math.random() * currentIndex);
currentIndex -= 1;
temporaryValue = array[currentIndex];
array[currentIndex] = array[randomIndex];
array[randomIndex] = temporaryValue;
}
return array;
}
var c = [];
for( let o = 0; o < 72; o++ ) {
let str = "Testbutton 1 ";
var b = str.split("1").join(o);
c.push(b);
}
var d = shuffle(c);
d= d.join(" ");
console.log(d);
*/
/**
* Der Button wird im CSS so verwendet:
.tx-search .results .loadMore {
@include p-button("size-large/mat-ghost/layout-iconleft/design-outline")
}
"size-large/mat-ghost/layout-iconleft/design-outline" ist also die $config, die die Styles aus dem Mixin herausgeneriert.
*/
.form {
display: block;
}
.form > div {
margin-bottom: 20px;
}
@supports (display: grid) {
.form {
display: grid;
grid-column-gap: 16px;
grid-row-gap: 20px;
}
.form > div {
margin-bottom: 0px;
}
}
.form-field__input-errors, .register-field__input-errors {
font-size: 12px;
color: red;
}
.form-field__input-success {
color: green;
}
.form-field__input--error {
border: 1px solid red;
}
.form-field__submit {
width: 100%;
button-config: "size-medium/layout-onlytext/mat-solid/design-primary";
font-family: "IBM Plex Sans", sans-serif;
text-decoration: none;
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
cursor: pointer;
border-width: 1px;
border-color: transparent;
border-style: solid;
outline: none;
-webkit-appearance: none;
border-radius: 4px;
white-space: nowrap;
text-overflow: ellipsis;
transition: 0.2s all;
/**
* Sizes
*/
font-size: 14px;
/**
* Layouts
*/
padding: 0 18px;
height: 32px;
/**
* Designs
*/
background: #0468B4;
border-color: #0468B4;
color: #fff;
/**
* Materials
*/
}
.form-field__submit span {
font-weight: 600;
}
.form-field__submit:hover {
background: #79ACD1;
border-color: #79ACD1;
}
.form-field__submit:focus {
background: #79ACD1;
border-color: #0468B4;
}
.form-field__submit:active {
background: #024C83;
border-color: #024C83;
}
.form-field__submit[disabled], .form-field__submit.disabled {
background: #F7F7F8;
border-color: #cfcfcf;
color: #999999;
}
.form-field__submit[disabled]:hover, .form-field__submit.disabled:hover {
background: #F7F7F8;
border-color: #cfcfcf;
text-decoration: none;
cursor: not-allowed;
}
.form-field__submit[disabled]:focus, .form-field__submit.disabled:focus {
background: #F7F7F8;
border-color: #cfcfcf;
text-decoration: none;
}
.form-field__submit[disabled]:active, .form-field__submit.disabled:active {
background: #F7F7F8;
border-color: #cfcfcf;
text-decoration: none;
}
.form-field__label {
font-size: 12px;
line-height: 16px;
display: block;
margin-bottom: 6px;
}
.form-field__label--terms {
font-size: 14px;
}
.form-field__input {
outline: none;
border-radius: 4px;
background-color: #F7F7F8;
border: none;
height: 40px;
width: 100%;
font-size: 16px;
padding-left: 12px;
padding-right: 12px;
border: 1px solid transparent;
}
.form-field__input:focus-within {
border-color: #0468B4;
}
.checkbox__image {
display: inline-block;
width: fit-content;
margin-bottom: -2px;
margin-right: 8px;
}
.checkbox__image svg {
display: block;
}
.checkbox__image--checked {
display: none;
}
.checkbox__image--unchecked {
display: inline;
}
.form-field__checkbox {
display: none;
}
.form-field__checkbox:checked + .checkbox__image .checkbox__image--checked {
display: inline;
}
.form-field__checkbox:checked + .checkbox__image .checkbox__image--unchecked {
display: none;
}
.form-field__checkbox:not(:checked) + .checkbox__image .checkbox__image--checked {
display: none;
}
.form-field__checkbox:not(:checked) + .checkbox__image .checkbox__image--unchecked {
display: inline;
}
.form__header {
font-weight: 500;
font-size: 26px;
line-height: 32px;
font-family: "IBM Plex Sans", sans-serif;
}
.form__hidden {
display: none;
}
.form-field__select {
font-weight: bold;
border: none;
padding-right: 24px;
display: block;
-webkit-appearance: none;
appearance: none;
background-image: url("/typo3conf/ext/sitepackage/Sites/Global/Resources/Public/SVG/hogrefe-select.svg");
background-size: 24px 24px;
background-position: right center;
background-clip: border-box;
background-repeat: no-repeat;
background-color: transparent;
}
.form-field__select:focus {
outline: none;
background-image: url("/typo3conf/ext/sitepackage/Sites/Global/Resources/Public/SVG/hogrefe-select-open.svg");
}
.form-field__select::-ms-expand {
display: none;
}
.html_modal--open {
overflow: hidden;
}
.modal_wrapper {
display: none;
/* Hidden by default */
position: fixed;
/* Stay in place */
z-index: 1000;
/* Sit on top */
left: 0;
top: 0;
width: 100%;
/* Full width */
height: 100%;
/* Full height */
overflow: auto;
/* Enable scroll if needed */
background-color: black;
/* Fallback color */
background-color: rgba(0, 0, 0, 0.4);
/* Black w/ opacity */
}
.modal_wrapper--open {
display: grid;
}
.modal_content {
position: relative;
background-color: white;
margin: auto;
padding: 48px;
min-height: 100px;
display: inline-block;
max-width: 90%;
max-height: 90%;
width: auto;
/* Styles */
border-radius: 5px;
box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.3);
animation-name: animatetop;
animation-duration: 0.2s;
grid-column: 2;
}
.modal_close {
font-size: 10px;
background: transparent;
border: none;
position: absolute;
top: 8px;
right: 8px;
height: 40px;
width: 40px;
padding: 15px;
}
.modal_close svg {
height: 10px;
width: 10px;
fill: #999999;
}
.modal_close:hover, .modal_close:focus {
color: black;
text-decoration: none;
cursor: pointer;
outline: none;
}
.modal_close:hover svg path, .modal_close:focus svg path {
fill: #333333;
}
@keyframes animatetop {
from {
top: -300px;
opacity: 0;
}
to {
top: 0;
opacity: 1;
}
}
meter {
/* Reset the default appearance */
width: 100%;
/* Applicable only to Firefox */
background: #F7F7F8;
height: 8px;
overflow: hidden;
margin: 0;
padding: 0;
}
meter::-webkit-meter-bar {
background: #F7F7F8;
border: none;
border-radius: 0;
padding: 0;
height: 8px;
margin: 0;
}
meter::-webkit-meter-optimum-value {
height: 8px;
padding: 0;
margin: 0;
}
meter[value="1"]::-webkit-meter-optimum-value {
background: #F24445;
}
meter[value="2"]::-webkit-meter-optimum-value {
background: #FFB100;
}
meter[value="3"]::-webkit-meter-optimum-value {
background: #8BC34A;
}
meter[value="4"]::-webkit-meter-optimum-value {
background: #0068B4;
}
meter[value="1"]::-moz-meter-bar {
background: #F24445;
}
meter[value="2"]::-moz-meter-bar {
background: #FFB100;
}
meter[value="3"]::-moz-meter-bar {
background: #8BC34A;
}
meter[value="4"]::-moz-meter-bar {
background: #0068B4;
}
/* ==========================================================================
#WIDTHS
========================================================================== */
/**
* inuitcss generates a series of utility classes that give a fluid width to
* whichever element they’re applied, e.g.:
*
*
* * These classes are most commonly used in conjunction with our layout system, * e.g.: * *
* * By default, inuitcss will also generate responsive variants of each of these * classes by using your Sass MQ configuration, e.g.: * ** * Optionally, inuitcss can generate offset classes which can push and pull * elements left and right by a specified amount, e.g.: * ** * This is useful for making very granular changes to the rendered order of * items in a layout. * * N.B. This option is turned off by default. */ /** * A series of width helper classes that you can use to size things like grid * systems. Classes take a fraction-like format (e.g. `.u-2/3`). Use these in * your markup: * ** * The following will generate widths helper classes based on the fractions * defined in the `$inuit-fractions` list. */ .u-1\/1 { width: 100% !important; } .u-1\/2 { width: 50% !important; } .u-2\/2 { width: 100% !important; } .u-1\/3 { width: 33.3333333333% !important; } .u-2\/3 { width: 66.6666666667% !important; } .u-3\/3 { width: 100% !important; } .u-1\/4 { width: 25% !important; } .u-2\/4 { width: 50% !important; } .u-3\/4 { width: 75% !important; } .u-4\/4 { width: 100% !important; } .u-1\/5 { width: 20% !important; } .u-2\/5 { width: 40% !important; } .u-3\/5 { width: 60% !important; } .u-4\/5 { width: 80% !important; } .u-5\/5 { width: 100% !important; } /** * If we’re using Sass-MQ, automatically generate grid system(s) for each of our * defined breakpoints, and give them a Responsive Suffix, e.g.: * **/ /* ========================================================================== #HEADINGS ========================================================================== */ /** * Redefine all of our basic heading styles against utility classes so as to * allow for double stranded heading hierarchy, e.g. we semantically need an H2, * but we want it to be sized like an H1: * * * */ .u-h1 { font-size: 36px !important; font-size: 2.25rem !important; line-height: 1.1666666667 !important; } .u-h2 { font-size: 28px !important; font-size: 1.75rem !important; line-height: 1.2857142857 !important; } .u-h3 { font-size: 24px !important; font-size: 1.5rem !important; line-height: 1.25 !important; } .u-h4 { font-size: 20px !important; font-size: 1.25rem !important; line-height: 1.5 !important; } .u-h5 { font-size: 18px !important; font-size: 1.125rem !important; line-height: 1.3333333333 !important; } .u-h6 { font-size: 16px !important; font-size: 1rem !important; line-height: 1.5 !important; } /* ========================================================================== #SPACINGS ========================================================================== */ /** * Utility classes to put specific spacing values onto elements. The below loop * will generate us a suite of classes like: * * .u-margin-top {} * .u-padding-left-large {} * .u-margin-right-small {} * .u-padding {} * .u-padding-right-none {} * .u-padding-horizontal {} * .u-padding-vertical-small {} */ .u-padding { padding: 24px !important; } .u-padding-tiny { padding: 6px !important; } .u-padding-small { padding: 12px !important; } .u-padding-large { padding: 48px !important; } .u-padding-huge { padding: 96px !important; } .u-padding-none { padding: 0 !important; } .u-padding-top { padding-top: 24px !important; } .u-padding-top-tiny { padding-top: 6px !important; } .u-padding-top-small { padding-top: 12px !important; } .u-padding-top-large { padding-top: 48px !important; } .u-padding-top-huge { padding-top: 96px !important; } .u-padding-top-none { padding-top: 0 !important; } .u-padding-right { padding-right: 24px !important; } .u-padding-right-tiny { padding-right: 6px !important; } .u-padding-right-small { padding-right: 12px !important; } .u-padding-right-large { padding-right: 48px !important; } .u-padding-right-huge { padding-right: 96px !important; } .u-padding-right-none { padding-right: 0 !important; } .u-padding-bottom { padding-bottom: 24px !important; } .u-padding-bottom-tiny { padding-bottom: 6px !important; } .u-padding-bottom-small { padding-bottom: 12px !important; } .u-padding-bottom-large { padding-bottom: 48px !important; } .u-padding-bottom-huge { padding-bottom: 96px !important; } .u-padding-bottom-none { padding-bottom: 0 !important; } .u-padding-left { padding-left: 24px !important; } .u-padding-left-tiny { padding-left: 6px !important; } .u-padding-left-small { padding-left: 12px !important; } .u-padding-left-large { padding-left: 48px !important; } .u-padding-left-huge { padding-left: 96px !important; } .u-padding-left-none { padding-left: 0 !important; } .u-padding-horizontal { padding-left: 24px !important; padding-right: 24px !important; } .u-padding-horizontal-tiny { padding-left: 6px !important; padding-right: 6px !important; } .u-padding-horizontal-small { padding-left: 12px !important; padding-right: 12px !important; } .u-padding-horizontal-large { padding-left: 48px !important; padding-right: 48px !important; } .u-padding-horizontal-huge { padding-left: 96px !important; padding-right: 96px !important; } .u-padding-horizontal-none { padding-left: 0 !important; padding-right: 0 !important; } .u-padding-vertical { padding-top: 24px !important; padding-bottom: 24px !important; } .u-padding-vertical-tiny { padding-top: 6px !important; padding-bottom: 6px !important; } .u-padding-vertical-small { padding-top: 12px !important; padding-bottom: 12px !important; } .u-padding-vertical-large { padding-top: 48px !important; padding-bottom: 48px !important; } .u-padding-vertical-huge { padding-top: 96px !important; padding-bottom: 96px !important; } .u-padding-vertical-none { padding-top: 0 !important; padding-bottom: 0 !important; } .u-margin { margin: 24px !important; } .u-margin-tiny { margin: 6px !important; } .u-margin-small { margin: 12px !important; } .u-margin-large { margin: 48px !important; } .u-margin-huge { margin: 96px !important; } .u-margin-none { margin: 0 !important; } .u-margin-top { margin-top: 24px !important; } .u-margin-top-tiny { margin-top: 6px !important; } .u-margin-top-small { margin-top: 12px !important; } .u-margin-top-large { margin-top: 48px !important; } .u-margin-top-huge { margin-top: 96px !important; } .u-margin-top-none { margin-top: 0 !important; } .u-margin-right { margin-right: 24px !important; } .u-margin-right-tiny { margin-right: 6px !important; } .u-margin-right-small { margin-right: 12px !important; } .u-margin-right-large { margin-right: 48px !important; } .u-margin-right-huge { margin-right: 96px !important; } .u-margin-right-none { margin-right: 0 !important; } .u-margin-bottom { margin-bottom: 24px !important; } .u-margin-bottom-tiny { margin-bottom: 6px !important; } .u-margin-bottom-small { margin-bottom: 12px !important; } .u-margin-bottom-large { margin-bottom: 48px !important; } .u-margin-bottom-huge { margin-bottom: 96px !important; } .u-margin-bottom-none { margin-bottom: 0 !important; } .u-margin-left { margin-left: 24px !important; } .u-margin-left-tiny { margin-left: 6px !important; } .u-margin-left-small { margin-left: 12px !important; } .u-margin-left-large { margin-left: 48px !important; } .u-margin-left-huge { margin-left: 96px !important; } .u-margin-left-none { margin-left: 0 !important; } .u-margin-horizontal { margin-left: 24px !important; margin-right: 24px !important; } .u-margin-horizontal-tiny { margin-left: 6px !important; margin-right: 6px !important; } .u-margin-horizontal-small { margin-left: 12px !important; margin-right: 12px !important; } .u-margin-horizontal-large { margin-left: 48px !important; margin-right: 48px !important; } .u-margin-horizontal-huge { margin-left: 96px !important; margin-right: 96px !important; } .u-margin-horizontal-none { margin-left: 0 !important; margin-right: 0 !important; } .u-margin-vertical { margin-top: 24px !important; margin-bottom: 24px !important; } .u-margin-vertical-tiny { margin-top: 6px !important; margin-bottom: 6px !important; } .u-margin-vertical-small { margin-top: 12px !important; margin-bottom: 12px !important; } .u-margin-vertical-large { margin-top: 48px !important; margin-bottom: 48px !important; } .u-margin-vertical-huge { margin-top: 96px !important; margin-bottom: 96px !important; } .u-margin-vertical-none { margin-top: 0 !important; margin-bottom: 0 !important; } body:before { opacity: 0; } .wrap--layout-default { max-width: 1366px; min-height: 100vh; } .wrap--layout-iframe { --sidebar-width: 30px; --sidebar-opacity: 0; max-width: none; display: grid; grid-template-columns: 192px minmax(370px, 1fr) 1px var(--sidebar-width); grid-template-rows: 96px 1px 0 calc(100vh - 147px) 1fr; overflow: auto; } body.body--js-sidebar-open .wrap--layout-iframe { --sidebar-width: 235px; --sidebar-opacity: 1; } .wrap__sidebar-background { background: #F7F7F8; } .wrap__separator { background: #EAECED; width: 100%; height: 100%; } .wrap.wrap--layout-iframe .content-header { display: none; } .wrap.wrap--layout-iframe .search { position: absolute; left: 240px; right: 0; top: 0; width: auto; height: 97px; padding: 0 25px 0 0; } .wrap.wrap--layout-iframe #book-recommendations, .wrap.wrap--layout-iframe #journals-recommendations { display: none; } .wrap.wrap--layout-iframe .userinfo { display: none; } .breadcrumbs { padding-bottom: 28px; } .breadcrumbs ul, .breadcrumbs li { display: block; list-style-type: none; margin: 0; padding: 0; } .breadcrumbs .breadcrumbs__list { display: flex; flex-wrap: wrap; column-gap: 13px; row-gap: 6px; } .breadcrumbs .breadcrumbs__element { display: flex; align-items: center; -webkit-hyphens: auto; hyphens: auto; } .breadcrumbs .breadcrumbs__element--home svg { width: 24px; height: auto; pointer-events: none; display: block; } .contents { overflow: auto; -ms-overflow-style: none; scrollbar-width: none; order: 3; } .contents::-webkit-scrollbar { background-color: transparent; } .contents__back { display: none; } .wrap.wrap--layout-iframe .contents__back { display: flex; margin-top: -20px; padding-bottom: 15px; } .wrap.wrap--layout-iframe .contents__back-button { all: initial; border-radius: 5px; display: flex; align-items: center; padding: 5px; background: #f7f7f8; gap: 10px; font-family: "IBM Plex Sans", sans-serif; cursor: pointer; } .wrap.wrap--layout-iframe .contents__back-button-text { opacity: 0.7; font-weight: bold; } .wrap.wrap--layout-iframe .contents__back-button:hover-text { opacity: 1; } .header { width: 100%; display: grid; } .wrap.wrap--layout-default .header { position: fixed; } .wrap.wrap--layout-iframe .header { position: fixed; grid-template-columns: 32px auto 32px; grid-template-rows: 26px 52px 70px 1fr 40px 37px 40px min-content 40px; width: 192px; height: 100%; } .header__bg-primary { background: #0468B4; } .header__bg-secondary { background: #F7F7F8; } .header-search-toggle__close { display: none; background: transparent; border: none; cursor: pointer; } .body--js-search-open .header-search-toggle__close { display: block; } .header-search-toggle__activate { display: block; background: transparent; border: none; cursor: pointer; } .body--js-search-open .header-search-toggle__activate { display: none; } .logo { display: flex; align-items: center; height: 100%; } .logo__default img { max-width: 100%; } .wrap.wrap--layout-iframe .navbar-links { display: none; } .navbar-links__list { margin: 0; padding: 0; list-style-type: none; } .navbar-links__list-item { margin: 0; padding: 0; } .navbar-links__list-item:first-child { padding-top: 0; } .navbar-links__list-item-link { text-decoration: none; cursor: pointer; font-size: 16px; transition: 0.2s all; display: block; } .navbar-continuum__image { width: 100%; height: auto; position: relative; z-index: 20; } .navbar-continuum__background { position: absolute; left: 0; top: 50%; right: 0; bottom: 0; background: #F7F7F8; z-index: 10; } .navbar-footer { grid-template-columns: auto; font-size: 14px; color: #333333; } .navbar-footer__list { margin: 0; padding: 0; list-style-type: none; } .navbar-footer__list-item { padding: 3px 0 0 0; } .navbar-footer__list-item:first-child { padding-top: 0; } .navbar-footer__list-item-link { color: #333333; text-decoration: none; } .navbar-footer__list-item-link:hover { text-decoration: underline; } .navbar-footer__list-item-link.navbar-footer__list-item-link--act { text-decoration: underline; } .navbar-footer__list-item-link.navbar-footer__list-item-link--cur { text-decoration: underline; } .wrap.wrap--layout-default .navbar-footer__publisher { grid-row-start: 1; } .wrap.wrap--layout-iframe .navbar-footer__publisher { display: none; } .wrap.wrap--layout-default .navbar-footer__special-menu { grid-row-start: 3; } .wrap.wrap--layout-iframe .navbar-footer__special-menu { display: none; } .navbar-footer__company { grid-row-start: 5; } .navbar-footer__company img { height: 30px; max-width: 100%; width: auto; } .wrap.wrap--layout-iframe .navbar-footer__company img { width: 80%; } .navbar-footer__disclaimer { grid-row-start: 6; margin-top: 15px; } .navbar-footer__disclaimer p { font-size: 10px; } .navbar-toggle__button { -webkit-appearance: none; background: transparent; padding: 0; border: 0; outline: none; cursor: pointer; } .navbar-toggle__button svg .collapsed { transition: 0.2s all; opacity: 1; } .navbar-toggle__button svg .open { transition: 0.2s all; opacity: 0; } .body--js-navbar-open .navbar-toggle__button svg .collapsed { opacity: 0; } .body--js-navbar-open .navbar-toggle__button svg .open { opacity: 1; } .pagination { display: grid; grid-template-rows: 36px; grid-template-columns: repeat(7, 32px) 40px 200px; width: unset; list-style-type: none; padding: 2px; } .pagination > *:nth-child(1) { -ms-grid-column: 1; } .pagination > *:nth-child(2) { -ms-grid-column: 2; } .pagination > *:nth-child(3) { -ms-grid-column: 3; } .pagination > *:nth-child(4) { -ms-grid-column: 4; } .pagination > *:nth-child(5) { -ms-grid-column: 5; } .pagination > *:nth-child(6) { -ms-grid-column: 6; } .pagination > *:nth-child(7) { -ms-grid-column: 7; } .pagination__element { color: #595959; background-color: #F7F7F8; text-decoration: none; font-size: 14px; display: flex; justify-content: center; align-items: center; } .pagination__element-link { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; color: #595959; } .pagination__element--disabled { color: #999999; } .pagination__element--current { color: black; } .pagination__element--left { border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding-left: 2px; } .pagination__element--right { border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding-right: 2px; } .pagination-go-to-page { grid-column: 9; display: flex; gap: 10px; } .pagination-go-to-page__text { background-color: transparent; } .pagination-go-to-page__field { height: 100%; width: 50px; margin-right: 10px; background-color: transparent; outline: none; border: none; } .pagination-go-to-page__button { border-radius: 5px; background-color: white; border: none; height: 24px; width: 24px; } .sidebar { display: grid; position: relative; grid-template-columns: auto; background: #F7F7F8; } .sidebar.sidebar--has-context-navigator.sidebar--has-test-navigator { grid-template-rows: auto 122px 122px; } .sidebar.sidebar--has-context-navigator.sidebar--has-test-navigator.sidebar--has-test-navigator-preview { grid-template-rows: auto 78px 122px; } .sidebar.sidebar--has-context-navigator.sidebar--has-test-navigator .navigator--test-navigator { bottom: 140px; } .sidebar.sidebar--has-context-navigator.sidebar--has-test-navigator .navigator--context-navigator { bottom: 19px; } .sidebar.sidebar--has-context-navigator.sidebar--no-test-navigator { grid-template-rows: auto 252px; } .sidebar.sidebar--has-context-navigator.sidebar--no-test-navigator .navigator--context-navigator { bottom: 19px; } .sidebar.sidebar--no-context-navigator.sidebar--has-test-navigator { grid-template-rows: auto 252px; } .sidebar.sidebar--no-context-navigator.sidebar--has-test-navigator .navigator--test-navigator { bottom: 19px; } .sidebar.sidebar--no-context-navigator.sidebar--no-test-navigator { grid-template-rows: auto; } .wrap.wrap--layout-iframe .sidebar { width: var(--sidebar-width); position: absolute; top: 97px; right: 0; overflow: hidden; } .wrap.wrap--layout-iframe .sidebar:after { content: ""; position: fixed; width: var(--sidebar-width); top: 0; right: 0; background: #F7F7F8; z-index: -10; height: 100vh; } .wrap.wrap--layout-iframe .sidebar__context-navigator { display: none; } .wrap.wrap--layout-iframe .sidebar__content { padding: 0 25px; } .wrap.wrap--layout-iframe .sidebar .sidebar__toggle { display: block; } .wrap.wrap--layout-iframe .sidebar .sidebar__content { opacity: var(--sidebar-opacity); } .wrap.wrap--layout-default .sidebar { position: fixed; width: 100%; } .body--js-navbar-open .sidebar { display: none; } .sidebar__content { grid-row-start: 1; grid-column-start: 1; padding: 25px; overflow: auto; } body.body--js-sidebar-open .sidebar__context-navigator, body.body--js-sidebar-open .sidebar__test-navigator { opacity: 1; } .sidebar__toggle { position: absolute; left: 0; top: 0; bottom: 0; width: 24px; z-index: 210; cursor: pointer; background: transparent; border: none; } .body--js-context-navigator-expanded .sidebar__toggle, .body--js-test-navigator-expanded .sidebar__toggle { z-index: 0; } .sidebar__toggle-icon { transition: 0.2s all; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } body.body--js-sidebar-open .sidebar__toggle-icon { top: 20px; } .sidebar__toggle-icon-close { opacity: 0; transition: 0.2s all; } body.body--js-sidebar-open .sidebar__toggle-icon-close { opacity: 1; } .sidebar__toggle-icon-open { opacity: 1; transition: 0.2s all; } body.body--js-sidebar-open .sidebar__toggle-icon-open { opacity: 0; } .sidebar .navigator { position: absolute; left: 16px; right: 16px; } .sidebar .navigator.navigator--expanded { z-index: 100; } body.body--js-test-navigator-expanded .sidebar .navigator--test-navigator, body.body--js-context-navigator-expanded .sidebar .navigator--context-navigator { left: 0; right: 0; bottom: 0 !important; height: 100%; z-index: 100; } .search { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; z-index: 200; } .search > div { width: 100%; } .search-list__header { display: grid; grid-template-columns: max-content max-content max-content auto min-content min-content; grid-template-rows: auto max-content auto; grid-gap: 5px; padding-bottom: 11px; border-bottom: 1px solid #EAECED; font-size: 14px; } .search-list-header__did-you-mean { grid-column-start: 1; grid-column-end: 5; grid-row-start: 2; padding-bottom: 10px; font-size: 18px; } .search-list-header__text { font-size: 26px; grid-row: 1; grid-column-start: 1; grid-column-end: 7; font-weight: 600; font-family: "IBM Plex Serif", serif; } .search-list-header__hit-count { grid-column: 1; grid-row: 3; font-weight: bold; } .search-list-header__page-text { margin-left: 5px; padding-left: 10px; border-left: 1px solid #999999; color: #999999; grid-column: 2; grid-row: 3; } .search-list-header__page-number { grid-column: 3; grid-row: 3; } .search-sorting__text { grid-row: 3; grid-column: 5; } .search-sorting { font-weight: bold; grid-row: 3; grid-column: 6; background-color: transparent; border: none; outline: none; height: 100%; } .search__list { padding: 50px 0; padding-top: 0px; list-style-type: none; } .search-result { border-bottom: 1px solid #EAECED; padding-top: 23px; } .search-result__title { display: flex; margin-bottom: 10px; align-items: flex-start; } .search-result__title, .search-result__title a { font-size: 16px; font-weight: bold; text-decoration: none; } .search-result__title a { color: #0468B4; } .search-result__title img { margin-right: 8px; } .search-result__text { font-size: 14px; } .search-result__text em { font-style: normal; font-weight: bold; } .search-result__footer { font-size: 12px; font-weight: bold; color: #999999; margin-top: 20px; margin-bottom: 10px; display: grid; grid-template-columns: 1fr 10px min-content; } .search-result__footer-info { grid-column: 1; grid-row: 1; } .search-result__footer-actions { align-self: center; } .search-result__footer-actions { display: flex; margin: 0 -4px; grid-column: 3; grid-row: 1; } .search-result__footer-action { margin: 4px; cursor: pointer; } .search-result__footer-action svg { display: block; } .search-result__footer-action:hover svg rect, .search-result__footer-action:focus-visible svg rect { fill: #0468B4; } .search-result__footer-action:hover svg path, .search-result__footer-action:focus-visible svg path { fill: #fff; } .search-result__footer-action.search-result__footer-action--star.js-bookmark-element--marked svg path { fill: #79ACD1; } .search-result__footer-action.search-result__footer-action--star:hover svg rect, .search-result__footer-action.search-result__footer-action--star:focus-visible svg rect { fill: #0468B4; } .search-result__footer-action.search-result__footer-action--star:hover svg path, .search-result__footer-action.search-result__footer-action--star:focus-visible svg path { fill: #fff; stroke: none; } .search-result__footer-action.search-result__footer-action--quote svg .Rectangle-path { fill: #F0F7FF; } .search-result__footer-action.search-result__footer-action--quote svg .Shape { opacity: 1; } .search-result__footer-action.search-result__footer-action--quote svg .Path1, .search-result__footer-action.search-result__footer-action--quote svg .Path2 { fill: #F0F7FF; } .search-result__footer-action.search-result__footer-action--quote a:hover, .search-result__footer-action.search-result__footer-action--quote a:focus-visible { outline: none; } .search-result__footer-action.search-result__footer-action--quote a:hover svg .Rectangle-path, .search-result__footer-action.search-result__footer-action--quote a:focus-visible svg .Rectangle-path { fill: #0468B4; } .search-result__footer-action.search-result__footer-action--quote a:hover svg .Shape, .search-result__footer-action.search-result__footer-action--quote a:focus-visible svg .Shape { opacity: 0; } .search-result__footer-action.search-result__footer-action--quote a:hover svg .Path1, .search-result__footer-action.search-result__footer-action--quote a:hover svg .Path2, .search-result__footer-action.search-result__footer-action--quote a:focus-visible svg .Path1, .search-result__footer-action.search-result__footer-action--quote a:focus-visible svg .Path2 { fill: #fff; } .search-result__footer-action.search-result__footer-action--quote a:hover svg rect, .search-result__footer-action.search-result__footer-action--quote a:focus-visible svg rect { fill: #0468B4; } .search-result__footer-action.search-result__footer-action--quote a:hover svg path, .search-result__footer-action.search-result__footer-action--quote a:focus-visible svg path { fill: #fff; stroke: none; } .search-result__author, .search-result__keyword-type { display: inline; } .search-filter { font-size: 14px; padding-bottom: 24px; } .search-filter__header { font-weight: bold; margin-bottom: 5px; } .search-filter__options { list-style: none; padding-left: 0px; } .search-filter__element, .search-filter__element__abbreviation { background-color: white; border-radius: 4px; padding: 10px 20px; margin-top: 12px; color: #0468B4; } .search-filter__element__abbreviation { padding: 10px; margin: 0 10px 0 0; } .search-filter__element--active, .search-filter__element--active .search-filter__element__abbreviation { background-color: #0468B4; color: white; font-weight: bold; } /* Category variant of search filter. Looks different, only the abbreviation child should have that boxy look */ .search-filter__element--category { background: transparent; border: none; padding: 0; color: #000000; display: flex; align-items: center; } .search__form-inner #autosuggest { padding: 0; } .search__form-inner div[role=combobox] { width: 100%; } .search__form-inner div[role=combobox] input { color: #000; } .search__form-inner div[role=combobox] input::placeholder { /* Most modern browsers support this now. */ color: #595959; } .test-button-1 { button-config: "size-large/mat-ghost/layout-iconright/design-outline"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; flex-direction: row-reverse; padding-right: 44px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; /** * Materials */ } .test-button-1 span { font-weight: 600; } .test-button-1:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 4px; width: 40px; height: 40px; } .test-button-1:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-1:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-1:active { border-color: #096DD9; color: #096DD9; } .test-button-1[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-1[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-1[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-1[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-2 { button-config: "size-large/mat-ghost/layout-iconright/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; flex-direction: row-reverse; padding-right: 44px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ background: #fff; border-color: #1890FF; color: #0468B4; } .test-button-2 span { font-weight: 600; } .test-button-2:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 4px; width: 40px; height: 40px; } .test-button-2:hover { background: #79ACD1; border-color: #79ACD1; } .test-button-2:focus { background: #79ACD1; border-color: #0468B4; } .test-button-2:active { background: #024C83; border-color: #024C83; } .test-button-2[disabled], .test-button-2.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .test-button-2[disabled]:hover, .test-button-2.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .test-button-2[disabled]:focus, .test-button-2.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-2[disabled]:active, .test-button-2.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-2:hover { background: #fff; border-color: #40A9FF; color: #79ACD1; } .test-button-2:focus { background: #fff; border-color: #40A9FF; color: #79ACD1; } .test-button-2:active { background: #fff; border-color: #096DD9; color: #0B77B0; } .test-button-2 [disabled] { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-2 [disabled]:hover { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-2 [disabled]:focus { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-2 [disabled]:active { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-3 { button-config: "size-large/mat-ghost/layout-iconright/design-dashed"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; flex-direction: row-reverse; padding-right: 44px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; border-style: dashed; /** * Materials */ } .test-button-3 span { font-weight: 600; } .test-button-3:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 4px; width: 40px; height: 40px; } .test-button-3:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-3:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-3:active { border-color: #096DD9; color: #096DD9; } .test-button-3[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-3[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-3[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-3[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-4 { button-config: "size-large/mat-solid/layout-iconright/design-outline"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; flex-direction: row-reverse; padding-right: 44px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; /** * Materials */ } .test-button-4 span { font-weight: 600; } .test-button-4:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 4px; width: 40px; height: 40px; } .test-button-4:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-4:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-4:active { border-color: #096DD9; color: #096DD9; } .test-button-4[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-4[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-4[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-4[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-5 { button-config: "size-large/mat-solid/layout-iconright/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; flex-direction: row-reverse; padding-right: 44px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ } .test-button-5 span { font-weight: 600; } .test-button-5:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 4px; width: 40px; height: 40px; } .test-button-5:hover { background: #79ACD1; border-color: #79ACD1; } .test-button-5:focus { background: #79ACD1; border-color: #0468B4; } .test-button-5:active { background: #024C83; border-color: #024C83; } .test-button-5[disabled], .test-button-5.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .test-button-5[disabled]:hover, .test-button-5.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .test-button-5[disabled]:focus, .test-button-5.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-5[disabled]:active, .test-button-5.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-6 { button-config: "size-large/mat-solid/layout-iconright/design-dashed"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; flex-direction: row-reverse; padding-right: 44px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; border-style: dashed; /** * Materials */ } .test-button-6 span { font-weight: 600; } .test-button-6:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 4px; width: 40px; height: 40px; } .test-button-6:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-6:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-6:active { border-color: #096DD9; color: #096DD9; } .test-button-6[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-6[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-6[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-6[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-7 { button-config: "size-large/mat-ghost/layout-iconleft/design-outline"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; flex-direction: row; padding-left: 44px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; /** * Materials */ } .test-button-7 span { font-weight: 600; } .test-button-7:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 4px; width: 40px; height: 40px; } .test-button-7:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-7:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-7:active { border-color: #096DD9; color: #096DD9; } .test-button-7[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-7[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-7[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-7[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-8 { button-config: "size-large/mat-ghost/layout-iconleft/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; flex-direction: row; padding-left: 44px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ background: #fff; border-color: #1890FF; color: #0468B4; } .test-button-8 span { font-weight: 600; } .test-button-8:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 4px; width: 40px; height: 40px; } .test-button-8:hover { background: #79ACD1; border-color: #79ACD1; } .test-button-8:focus { background: #79ACD1; border-color: #0468B4; } .test-button-8:active { background: #024C83; border-color: #024C83; } .test-button-8[disabled], .test-button-8.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .test-button-8[disabled]:hover, .test-button-8.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .test-button-8[disabled]:focus, .test-button-8.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-8[disabled]:active, .test-button-8.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-8:hover { background: #fff; border-color: #40A9FF; color: #79ACD1; } .test-button-8:focus { background: #fff; border-color: #40A9FF; color: #79ACD1; } .test-button-8:active { background: #fff; border-color: #096DD9; color: #0B77B0; } .test-button-8 [disabled] { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-8 [disabled]:hover { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-8 [disabled]:focus { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-8 [disabled]:active { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-9 { button-config: "size-large/mat-ghost/layout-iconleft/design-dashed"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; flex-direction: row; padding-left: 44px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; border-style: dashed; /** * Materials */ } .test-button-9 span { font-weight: 600; } .test-button-9:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 4px; width: 40px; height: 40px; } .test-button-9:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-9:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-9:active { border-color: #096DD9; color: #096DD9; } .test-button-9[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-9[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-9[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-9[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-10 { button-config: "size-large/mat-solid/layout-iconleft/design-outline"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; flex-direction: row; padding-left: 44px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; /** * Materials */ } .test-button-10 span { font-weight: 600; } .test-button-10:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 4px; width: 40px; height: 40px; } .test-button-10:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-10:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-10:active { border-color: #096DD9; color: #096DD9; } .test-button-10[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-10[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-10[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-10[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-11 { button-config: "size-large/mat-solid/layout-iconleft/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; flex-direction: row; padding-left: 44px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ } .test-button-11 span { font-weight: 600; } .test-button-11:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 4px; width: 40px; height: 40px; } .test-button-11:hover { background: #79ACD1; border-color: #79ACD1; } .test-button-11:focus { background: #79ACD1; border-color: #0468B4; } .test-button-11:active { background: #024C83; border-color: #024C83; } .test-button-11[disabled], .test-button-11.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .test-button-11[disabled]:hover, .test-button-11.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .test-button-11[disabled]:focus, .test-button-11.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-11[disabled]:active, .test-button-11.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-12 { button-config: "size-large/mat-solid/layout-iconleft/design-dashed"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; flex-direction: row; padding-left: 44px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; border-style: dashed; /** * Materials */ } .test-button-12 span { font-weight: 600; } .test-button-12:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 4px; width: 40px; height: 40px; } .test-button-12:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-12:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-12:active { border-color: #096DD9; color: #096DD9; } .test-button-12[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-12[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-12[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-12[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-13 { button-config: "size-large/mat-ghost/layout-onlytext/design-outline"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; /** * Materials */ } .test-button-13 span { font-weight: 600; } .test-button-13:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-13:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-13:active { border-color: #096DD9; color: #096DD9; } .test-button-13[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-13[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-13[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-13[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-14 { button-config: "size-large/mat-ghost/layout-onlytext/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ background: #fff; border-color: #1890FF; color: #0468B4; } .test-button-14 span { font-weight: 600; } .test-button-14:hover { background: #79ACD1; border-color: #79ACD1; } .test-button-14:focus { background: #79ACD1; border-color: #0468B4; } .test-button-14:active { background: #024C83; border-color: #024C83; } .test-button-14[disabled], .test-button-14.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .test-button-14[disabled]:hover, .test-button-14.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .test-button-14[disabled]:focus, .test-button-14.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-14[disabled]:active, .test-button-14.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-14:hover { background: #fff; border-color: #40A9FF; color: #79ACD1; } .test-button-14:focus { background: #fff; border-color: #40A9FF; color: #79ACD1; } .test-button-14:active { background: #fff; border-color: #096DD9; color: #0B77B0; } .test-button-14 [disabled] { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-14 [disabled]:hover { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-14 [disabled]:focus { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-14 [disabled]:active { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-15 { button-config: "size-large/mat-ghost/layout-onlytext/design-dashed"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; border-style: dashed; /** * Materials */ } .test-button-15 span { font-weight: 600; } .test-button-15:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-15:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-15:active { border-color: #096DD9; color: #096DD9; } .test-button-15[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-15[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-15[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-15[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-16 { button-config: "size-large/mat-solid/layout-onlytext/design-outline"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; /** * Materials */ } .test-button-16 span { font-weight: 600; } .test-button-16:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-16:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-16:active { border-color: #096DD9; color: #096DD9; } .test-button-16[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-16[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-16[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-16[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-17 { button-config: "size-large/mat-solid/layout-onlytext/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ } .test-button-17 span { font-weight: 600; } .test-button-17:hover { background: #79ACD1; border-color: #79ACD1; } .test-button-17:focus { background: #79ACD1; border-color: #0468B4; } .test-button-17:active { background: #024C83; border-color: #024C83; } .test-button-17[disabled], .test-button-17.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .test-button-17[disabled]:hover, .test-button-17.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .test-button-17[disabled]:focus, .test-button-17.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-17[disabled]:active, .test-button-17.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-18 { button-config: "size-large/mat-solid/layout-onlytext/design-dashed"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; border-style: dashed; /** * Materials */ } .test-button-18 span { font-weight: 600; } .test-button-18:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-18:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-18:active { border-color: #096DD9; color: #096DD9; } .test-button-18[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-18[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-18[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-18[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-19 { button-config: "size-large/mat-ghost/layout-onlyicon/design-outline"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ border-radius: 50%; width: 40px; height: 40px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; /** * Materials */ } .test-button-19 span { font-weight: 600; } .test-button-19 span { width: 0; overflow: hidden; } .test-button-19:before { content: "#"; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .test-button-19:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-19:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-19:active { border-color: #096DD9; color: #096DD9; } .test-button-19[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-19[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-19[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-19[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-20 { button-config: "size-large/mat-ghost/layout-onlyicon/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ border-radius: 50%; width: 40px; height: 40px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ background: #fff; border-color: #1890FF; color: #0468B4; } .test-button-20 span { font-weight: 600; } .test-button-20 span { width: 0; overflow: hidden; } .test-button-20:before { content: "#"; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .test-button-20:hover { background: #79ACD1; border-color: #79ACD1; } .test-button-20:focus { background: #79ACD1; border-color: #0468B4; } .test-button-20:active { background: #024C83; border-color: #024C83; } .test-button-20[disabled], .test-button-20.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .test-button-20[disabled]:hover, .test-button-20.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .test-button-20[disabled]:focus, .test-button-20.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-20[disabled]:active, .test-button-20.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-20:hover { background: #fff; border-color: #40A9FF; color: #79ACD1; } .test-button-20:focus { background: #fff; border-color: #40A9FF; color: #79ACD1; } .test-button-20:active { background: #fff; border-color: #096DD9; color: #0B77B0; } .test-button-20 [disabled] { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-20 [disabled]:hover { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-20 [disabled]:focus { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-20 [disabled]:active { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-21 { button-config: "size-large/mat-ghost/layout-onlyicon/design-dashed"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ border-radius: 50%; width: 40px; height: 40px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; border-style: dashed; /** * Materials */ } .test-button-21 span { font-weight: 600; } .test-button-21 span { width: 0; overflow: hidden; } .test-button-21:before { content: "#"; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .test-button-21:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-21:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-21:active { border-color: #096DD9; color: #096DD9; } .test-button-21[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-21[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-21[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-21[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-22 { button-config: "size-large/mat-solid/layout-onlyicon/design-outline"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ border-radius: 50%; width: 40px; height: 40px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; /** * Materials */ } .test-button-22 span { font-weight: 600; } .test-button-22 span { width: 0; overflow: hidden; } .test-button-22:before { content: "#"; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .test-button-22:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-22:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-22:active { border-color: #096DD9; color: #096DD9; } .test-button-22[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-22[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-22[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-22[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-23 { button-config: "size-large/mat-solid/layout-onlyicon/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ border-radius: 50%; width: 40px; height: 40px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ } .test-button-23 span { font-weight: 600; } .test-button-23 span { width: 0; overflow: hidden; } .test-button-23:before { content: "#"; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .test-button-23:hover { background: #79ACD1; border-color: #79ACD1; } .test-button-23:focus { background: #79ACD1; border-color: #0468B4; } .test-button-23:active { background: #024C83; border-color: #024C83; } .test-button-23[disabled], .test-button-23.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .test-button-23[disabled]:hover, .test-button-23.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .test-button-23[disabled]:focus, .test-button-23.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-23[disabled]:active, .test-button-23.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-24 { button-config: "size-large/mat-solid/layout-onlyicon/design-dashed"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ border-radius: 50%; width: 40px; height: 40px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; border-style: dashed; /** * Materials */ } .test-button-24 span { font-weight: 600; } .test-button-24 span { width: 0; overflow: hidden; } .test-button-24:before { content: "#"; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .test-button-24:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-24:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-24:active { border-color: #096DD9; color: #096DD9; } .test-button-24[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-24[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-24[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-24[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-25 { button-config: "size-medium/mat-ghost/layout-iconright/design-outline"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 18px; height: 32px; flex-direction: row-reverse; padding-right: 44px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; /** * Materials */ } .test-button-25 span { font-weight: 600; } .test-button-25:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 10px; width: 30px; height: 30px; } .test-button-25:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-25:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-25:active { border-color: #096DD9; color: #096DD9; } .test-button-25[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-25[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-25[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-25[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-26 { button-config: "size-medium/mat-ghost/layout-iconright/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 18px; height: 32px; flex-direction: row-reverse; padding-right: 44px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ background: #fff; border-color: #1890FF; color: #0468B4; } .test-button-26 span { font-weight: 600; } .test-button-26:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 10px; width: 30px; height: 30px; } .test-button-26:hover { background: #79ACD1; border-color: #79ACD1; } .test-button-26:focus { background: #79ACD1; border-color: #0468B4; } .test-button-26:active { background: #024C83; border-color: #024C83; } .test-button-26[disabled], .test-button-26.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .test-button-26[disabled]:hover, .test-button-26.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .test-button-26[disabled]:focus, .test-button-26.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-26[disabled]:active, .test-button-26.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-26:hover { background: #fff; border-color: #40A9FF; color: #79ACD1; } .test-button-26:focus { background: #fff; border-color: #40A9FF; color: #79ACD1; } .test-button-26:active { background: #fff; border-color: #096DD9; color: #0B77B0; } .test-button-26 [disabled] { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-26 [disabled]:hover { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-26 [disabled]:focus { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-26 [disabled]:active { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-27 { button-config: "size-medium/mat-ghost/layout-iconright/design-dashed"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 18px; height: 32px; flex-direction: row-reverse; padding-right: 44px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; border-style: dashed; /** * Materials */ } .test-button-27 span { font-weight: 600; } .test-button-27:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 10px; width: 30px; height: 30px; } .test-button-27:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-27:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-27:active { border-color: #096DD9; color: #096DD9; } .test-button-27[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-27[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-27[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-27[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-28 { button-config: "size-medium/mat-solid/layout-iconright/design-outline"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 18px; height: 32px; flex-direction: row-reverse; padding-right: 44px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; /** * Materials */ } .test-button-28 span { font-weight: 600; } .test-button-28:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 10px; width: 30px; height: 30px; } .test-button-28:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-28:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-28:active { border-color: #096DD9; color: #096DD9; } .test-button-28[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-28[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-28[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-28[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-29 { button-config: "size-medium/mat-solid/layout-iconright/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 18px; height: 32px; flex-direction: row-reverse; padding-right: 44px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ } .test-button-29 span { font-weight: 600; } .test-button-29:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 10px; width: 30px; height: 30px; } .test-button-29:hover { background: #79ACD1; border-color: #79ACD1; } .test-button-29:focus { background: #79ACD1; border-color: #0468B4; } .test-button-29:active { background: #024C83; border-color: #024C83; } .test-button-29[disabled], .test-button-29.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .test-button-29[disabled]:hover, .test-button-29.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .test-button-29[disabled]:focus, .test-button-29.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-29[disabled]:active, .test-button-29.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-30 { button-config: "size-medium/mat-solid/layout-iconright/design-dashed"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 18px; height: 32px; flex-direction: row-reverse; padding-right: 44px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; border-style: dashed; /** * Materials */ } .test-button-30 span { font-weight: 600; } .test-button-30:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 10px; width: 30px; height: 30px; } .test-button-30:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-30:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-30:active { border-color: #096DD9; color: #096DD9; } .test-button-30[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-30[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-30[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-30[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-31 { button-config: "size-medium/mat-ghost/layout-iconleft/design-outline"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 18px; height: 32px; flex-direction: row; padding-left: 44px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; /** * Materials */ } .test-button-31 span { font-weight: 600; } .test-button-31:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 10px; width: 30px; height: 30px; } .test-button-31:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-31:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-31:active { border-color: #096DD9; color: #096DD9; } .test-button-31[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-31[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-31[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-31[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-32 { button-config: "size-medium/mat-ghost/layout-iconleft/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 18px; height: 32px; flex-direction: row; padding-left: 44px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ background: #fff; border-color: #1890FF; color: #0468B4; } .test-button-32 span { font-weight: 600; } .test-button-32:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 10px; width: 30px; height: 30px; } .test-button-32:hover { background: #79ACD1; border-color: #79ACD1; } .test-button-32:focus { background: #79ACD1; border-color: #0468B4; } .test-button-32:active { background: #024C83; border-color: #024C83; } .test-button-32[disabled], .test-button-32.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .test-button-32[disabled]:hover, .test-button-32.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .test-button-32[disabled]:focus, .test-button-32.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-32[disabled]:active, .test-button-32.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-32:hover { background: #fff; border-color: #40A9FF; color: #79ACD1; } .test-button-32:focus { background: #fff; border-color: #40A9FF; color: #79ACD1; } .test-button-32:active { background: #fff; border-color: #096DD9; color: #0B77B0; } .test-button-32 [disabled] { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-32 [disabled]:hover { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-32 [disabled]:focus { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-32 [disabled]:active { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-33 { button-config: "size-medium/mat-ghost/layout-iconleft/design-dashed"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 18px; height: 32px; flex-direction: row; padding-left: 44px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; border-style: dashed; /** * Materials */ } .test-button-33 span { font-weight: 600; } .test-button-33:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 10px; width: 30px; height: 30px; } .test-button-33:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-33:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-33:active { border-color: #096DD9; color: #096DD9; } .test-button-33[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-33[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-33[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-33[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-34 { button-config: "size-medium/mat-solid/layout-iconleft/design-outline"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 18px; height: 32px; flex-direction: row; padding-left: 44px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; /** * Materials */ } .test-button-34 span { font-weight: 600; } .test-button-34:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 10px; width: 30px; height: 30px; } .test-button-34:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-34:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-34:active { border-color: #096DD9; color: #096DD9; } .test-button-34[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-34[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-34[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-34[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-35 { button-config: "size-medium/mat-solid/layout-iconleft/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 18px; height: 32px; flex-direction: row; padding-left: 44px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ } .test-button-35 span { font-weight: 600; } .test-button-35:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 10px; width: 30px; height: 30px; } .test-button-35:hover { background: #79ACD1; border-color: #79ACD1; } .test-button-35:focus { background: #79ACD1; border-color: #0468B4; } .test-button-35:active { background: #024C83; border-color: #024C83; } .test-button-35[disabled], .test-button-35.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .test-button-35[disabled]:hover, .test-button-35.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .test-button-35[disabled]:focus, .test-button-35.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-35[disabled]:active, .test-button-35.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-36 { button-config: "size-medium/mat-solid/layout-iconleft/design-dashed"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 18px; height: 32px; flex-direction: row; padding-left: 44px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; border-style: dashed; /** * Materials */ } .test-button-36 span { font-weight: 600; } .test-button-36:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 10px; width: 30px; height: 30px; } .test-button-36:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-36:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-36:active { border-color: #096DD9; color: #096DD9; } .test-button-36[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-36[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-36[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-36[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-37 { button-config: "size-medium/mat-ghost/layout-onlytext/design-outline"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 18px; height: 32px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; /** * Materials */ } .test-button-37 span { font-weight: 600; } .test-button-37:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-37:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-37:active { border-color: #096DD9; color: #096DD9; } .test-button-37[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-37[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-37[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-37[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-38 { button-config: "size-medium/mat-ghost/layout-onlytext/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 18px; height: 32px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ background: #fff; border-color: #1890FF; color: #0468B4; } .test-button-38 span { font-weight: 600; } .test-button-38:hover { background: #79ACD1; border-color: #79ACD1; } .test-button-38:focus { background: #79ACD1; border-color: #0468B4; } .test-button-38:active { background: #024C83; border-color: #024C83; } .test-button-38[disabled], .test-button-38.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .test-button-38[disabled]:hover, .test-button-38.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .test-button-38[disabled]:focus, .test-button-38.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-38[disabled]:active, .test-button-38.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-38:hover { background: #fff; border-color: #40A9FF; color: #79ACD1; } .test-button-38:focus { background: #fff; border-color: #40A9FF; color: #79ACD1; } .test-button-38:active { background: #fff; border-color: #096DD9; color: #0B77B0; } .test-button-38 [disabled] { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-38 [disabled]:hover { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-38 [disabled]:focus { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-38 [disabled]:active { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-39 { button-config: "size-medium/mat-ghost/layout-onlytext/design-dashed"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 18px; height: 32px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; border-style: dashed; /** * Materials */ } .test-button-39 span { font-weight: 600; } .test-button-39:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-39:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-39:active { border-color: #096DD9; color: #096DD9; } .test-button-39[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-39[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-39[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-39[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-40 { button-config: "size-medium/mat-solid/layout-onlytext/design-outline"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 18px; height: 32px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; /** * Materials */ } .test-button-40 span { font-weight: 600; } .test-button-40:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-40:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-40:active { border-color: #096DD9; color: #096DD9; } .test-button-40[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-40[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-40[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-40[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-41 { button-config: "size-medium/mat-solid/layout-onlytext/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 18px; height: 32px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ } .test-button-41 span { font-weight: 600; } .test-button-41:hover { background: #79ACD1; border-color: #79ACD1; } .test-button-41:focus { background: #79ACD1; border-color: #0468B4; } .test-button-41:active { background: #024C83; border-color: #024C83; } .test-button-41[disabled], .test-button-41.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .test-button-41[disabled]:hover, .test-button-41.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .test-button-41[disabled]:focus, .test-button-41.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-41[disabled]:active, .test-button-41.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-42 { button-config: "size-medium/mat-solid/layout-onlytext/design-dashed"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 18px; height: 32px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; border-style: dashed; /** * Materials */ } .test-button-42 span { font-weight: 600; } .test-button-42:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-42:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-42:active { border-color: #096DD9; color: #096DD9; } .test-button-42[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-42[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-42[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-42[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-43 { button-config: "size-medium/mat-ghost/layout-onlyicon/design-outline"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ border-radius: 50%; width: 32px; height: 32px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; /** * Materials */ } .test-button-43 span { font-weight: 600; } .test-button-43 span { width: 0; overflow: hidden; } .test-button-43:before { content: "#"; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .test-button-43:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-43:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-43:active { border-color: #096DD9; color: #096DD9; } .test-button-43[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-43[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-43[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-43[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-44 { button-config: "size-medium/mat-ghost/layout-onlyicon/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ border-radius: 50%; width: 32px; height: 32px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ background: #fff; border-color: #1890FF; color: #0468B4; } .test-button-44 span { font-weight: 600; } .test-button-44 span { width: 0; overflow: hidden; } .test-button-44:before { content: "#"; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .test-button-44:hover { background: #79ACD1; border-color: #79ACD1; } .test-button-44:focus { background: #79ACD1; border-color: #0468B4; } .test-button-44:active { background: #024C83; border-color: #024C83; } .test-button-44[disabled], .test-button-44.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .test-button-44[disabled]:hover, .test-button-44.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .test-button-44[disabled]:focus, .test-button-44.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-44[disabled]:active, .test-button-44.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-44:hover { background: #fff; border-color: #40A9FF; color: #79ACD1; } .test-button-44:focus { background: #fff; border-color: #40A9FF; color: #79ACD1; } .test-button-44:active { background: #fff; border-color: #096DD9; color: #0B77B0; } .test-button-44 [disabled] { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-44 [disabled]:hover { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-44 [disabled]:focus { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-44 [disabled]:active { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-45 { button-config: "size-medium/mat-ghost/layout-onlyicon/design-dashed"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ border-radius: 50%; width: 32px; height: 32px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; border-style: dashed; /** * Materials */ } .test-button-45 span { font-weight: 600; } .test-button-45 span { width: 0; overflow: hidden; } .test-button-45:before { content: "#"; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .test-button-45:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-45:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-45:active { border-color: #096DD9; color: #096DD9; } .test-button-45[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-45[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-45[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-45[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-46 { button-config: "size-medium/mat-solid/layout-onlyicon/design-outline"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ border-radius: 50%; width: 32px; height: 32px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; /** * Materials */ } .test-button-46 span { font-weight: 600; } .test-button-46 span { width: 0; overflow: hidden; } .test-button-46:before { content: "#"; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .test-button-46:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-46:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-46:active { border-color: #096DD9; color: #096DD9; } .test-button-46[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-46[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-46[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-46[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-47 { button-config: "size-medium/mat-solid/layout-onlyicon/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ border-radius: 50%; width: 32px; height: 32px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ } .test-button-47 span { font-weight: 600; } .test-button-47 span { width: 0; overflow: hidden; } .test-button-47:before { content: "#"; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .test-button-47:hover { background: #79ACD1; border-color: #79ACD1; } .test-button-47:focus { background: #79ACD1; border-color: #0468B4; } .test-button-47:active { background: #024C83; border-color: #024C83; } .test-button-47[disabled], .test-button-47.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .test-button-47[disabled]:hover, .test-button-47.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .test-button-47[disabled]:focus, .test-button-47.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-47[disabled]:active, .test-button-47.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-48 { button-config: "size-medium/mat-solid/layout-onlyicon/design-dashed"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ border-radius: 50%; width: 32px; height: 32px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; border-style: dashed; /** * Materials */ } .test-button-48 span { font-weight: 600; } .test-button-48 span { width: 0; overflow: hidden; } .test-button-48:before { content: "#"; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .test-button-48:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-48:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-48:active { border-color: #096DD9; color: #096DD9; } .test-button-48[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-48[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-48[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-48[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-49 { button-config: "size-small/mat-ghost/layout-iconright/design-outline"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 8px; height: 24px; flex-direction: row-reverse; padding-right: 44px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; /** * Materials */ } .test-button-49 span { font-weight: 600; } .test-button-49:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; width: 12px; height: 11px; } .test-button-49:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-49:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-49:active { border-color: #096DD9; color: #096DD9; } .test-button-49[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-49[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-49[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-49[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-50 { button-config: "size-small/mat-ghost/layout-iconright/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 8px; height: 24px; flex-direction: row-reverse; padding-right: 44px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ background: #fff; border-color: #1890FF; color: #0468B4; } .test-button-50 span { font-weight: 600; } .test-button-50:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; width: 12px; height: 11px; } .test-button-50:hover { background: #79ACD1; border-color: #79ACD1; } .test-button-50:focus { background: #79ACD1; border-color: #0468B4; } .test-button-50:active { background: #024C83; border-color: #024C83; } .test-button-50[disabled], .test-button-50.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .test-button-50[disabled]:hover, .test-button-50.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .test-button-50[disabled]:focus, .test-button-50.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-50[disabled]:active, .test-button-50.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-50:hover { background: #fff; border-color: #40A9FF; color: #79ACD1; } .test-button-50:focus { background: #fff; border-color: #40A9FF; color: #79ACD1; } .test-button-50:active { background: #fff; border-color: #096DD9; color: #0B77B0; } .test-button-50 [disabled] { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-50 [disabled]:hover { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-50 [disabled]:focus { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-50 [disabled]:active { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-51 { button-config: "size-small/mat-ghost/layout-iconright/design-dashed"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 8px; height: 24px; flex-direction: row-reverse; padding-right: 44px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; border-style: dashed; /** * Materials */ } .test-button-51 span { font-weight: 600; } .test-button-51:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; width: 12px; height: 11px; } .test-button-51:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-51:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-51:active { border-color: #096DD9; color: #096DD9; } .test-button-51[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-51[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-51[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-51[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-52 { button-config: "size-small/mat-solid/layout-iconright/design-outline"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 8px; height: 24px; flex-direction: row-reverse; padding-right: 44px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; /** * Materials */ } .test-button-52 span { font-weight: 600; } .test-button-52:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; width: 12px; height: 11px; } .test-button-52:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-52:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-52:active { border-color: #096DD9; color: #096DD9; } .test-button-52[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-52[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-52[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-52[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-53 { button-config: "size-small/mat-solid/layout-iconright/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 8px; height: 24px; flex-direction: row-reverse; padding-right: 44px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ } .test-button-53 span { font-weight: 600; } .test-button-53:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; width: 12px; height: 11px; } .test-button-53:hover { background: #79ACD1; border-color: #79ACD1; } .test-button-53:focus { background: #79ACD1; border-color: #0468B4; } .test-button-53:active { background: #024C83; border-color: #024C83; } .test-button-53[disabled], .test-button-53.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .test-button-53[disabled]:hover, .test-button-53.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .test-button-53[disabled]:focus, .test-button-53.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-53[disabled]:active, .test-button-53.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-54 { button-config: "size-small/mat-solid/layout-iconright/design-dashed"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 8px; height: 24px; flex-direction: row-reverse; padding-right: 44px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; border-style: dashed; /** * Materials */ } .test-button-54 span { font-weight: 600; } .test-button-54:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; width: 12px; height: 11px; } .test-button-54:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-54:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-54:active { border-color: #096DD9; color: #096DD9; } .test-button-54[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-54[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-54[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-54[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-55 { button-config: "size-small/mat-ghost/layout-iconleft/design-outline"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 8px; height: 24px; flex-direction: row; padding-left: 44px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; /** * Materials */ } .test-button-55 span { font-weight: 600; } .test-button-55:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; width: 12px; height: 11px; } .test-button-55:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-55:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-55:active { border-color: #096DD9; color: #096DD9; } .test-button-55[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-55[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-55[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-55[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-56 { button-config: "size-small/mat-ghost/layout-iconleft/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 8px; height: 24px; flex-direction: row; padding-left: 44px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ background: #fff; border-color: #1890FF; color: #0468B4; } .test-button-56 span { font-weight: 600; } .test-button-56:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; width: 12px; height: 11px; } .test-button-56:hover { background: #79ACD1; border-color: #79ACD1; } .test-button-56:focus { background: #79ACD1; border-color: #0468B4; } .test-button-56:active { background: #024C83; border-color: #024C83; } .test-button-56[disabled], .test-button-56.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .test-button-56[disabled]:hover, .test-button-56.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .test-button-56[disabled]:focus, .test-button-56.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-56[disabled]:active, .test-button-56.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-56:hover { background: #fff; border-color: #40A9FF; color: #79ACD1; } .test-button-56:focus { background: #fff; border-color: #40A9FF; color: #79ACD1; } .test-button-56:active { background: #fff; border-color: #096DD9; color: #0B77B0; } .test-button-56 [disabled] { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-56 [disabled]:hover { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-56 [disabled]:focus { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-56 [disabled]:active { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-57 { button-config: "size-small/mat-ghost/layout-iconleft/design-dashed"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 8px; height: 24px; flex-direction: row; padding-left: 44px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; border-style: dashed; /** * Materials */ } .test-button-57 span { font-weight: 600; } .test-button-57:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; width: 12px; height: 11px; } .test-button-57:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-57:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-57:active { border-color: #096DD9; color: #096DD9; } .test-button-57[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-57[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-57[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-57[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-58 { button-config: "size-small/mat-solid/layout-iconleft/design-outline"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 8px; height: 24px; flex-direction: row; padding-left: 44px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; /** * Materials */ } .test-button-58 span { font-weight: 600; } .test-button-58:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; width: 12px; height: 11px; } .test-button-58:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-58:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-58:active { border-color: #096DD9; color: #096DD9; } .test-button-58[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-58[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-58[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-58[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-59 { button-config: "size-small/mat-solid/layout-iconleft/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 8px; height: 24px; flex-direction: row; padding-left: 44px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ } .test-button-59 span { font-weight: 600; } .test-button-59:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; width: 12px; height: 11px; } .test-button-59:hover { background: #79ACD1; border-color: #79ACD1; } .test-button-59:focus { background: #79ACD1; border-color: #0468B4; } .test-button-59:active { background: #024C83; border-color: #024C83; } .test-button-59[disabled], .test-button-59.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .test-button-59[disabled]:hover, .test-button-59.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .test-button-59[disabled]:focus, .test-button-59.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-59[disabled]:active, .test-button-59.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-60 { button-config: "size-small/mat-solid/layout-iconleft/design-dashed"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 8px; height: 24px; flex-direction: row; padding-left: 44px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; border-style: dashed; /** * Materials */ } .test-button-60 span { font-weight: 600; } .test-button-60:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; width: 12px; height: 11px; } .test-button-60:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-60:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-60:active { border-color: #096DD9; color: #096DD9; } .test-button-60[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-60[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-60[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-60[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-61 { button-config: "size-small/mat-ghost/layout-onlytext/design-outline"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 8px; height: 24px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; /** * Materials */ } .test-button-61 span { font-weight: 600; } .test-button-61:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-61:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-61:active { border-color: #096DD9; color: #096DD9; } .test-button-61[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-61[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-61[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-61[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-62 { button-config: "size-small/mat-ghost/layout-onlytext/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 8px; height: 24px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ background: #fff; border-color: #1890FF; color: #0468B4; } .test-button-62 span { font-weight: 600; } .test-button-62:hover { background: #79ACD1; border-color: #79ACD1; } .test-button-62:focus { background: #79ACD1; border-color: #0468B4; } .test-button-62:active { background: #024C83; border-color: #024C83; } .test-button-62[disabled], .test-button-62.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .test-button-62[disabled]:hover, .test-button-62.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .test-button-62[disabled]:focus, .test-button-62.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-62[disabled]:active, .test-button-62.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-62:hover { background: #fff; border-color: #40A9FF; color: #79ACD1; } .test-button-62:focus { background: #fff; border-color: #40A9FF; color: #79ACD1; } .test-button-62:active { background: #fff; border-color: #096DD9; color: #0B77B0; } .test-button-62 [disabled] { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-62 [disabled]:hover { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-62 [disabled]:focus { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-62 [disabled]:active { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-63 { button-config: "size-small/mat-ghost/layout-onlytext/design-dashed"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 8px; height: 24px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; border-style: dashed; /** * Materials */ } .test-button-63 span { font-weight: 600; } .test-button-63:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-63:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-63:active { border-color: #096DD9; color: #096DD9; } .test-button-63[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-63[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-63[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-63[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-64 { button-config: "size-small/mat-solid/layout-onlytext/design-outline"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 8px; height: 24px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; /** * Materials */ } .test-button-64 span { font-weight: 600; } .test-button-64:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-64:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-64:active { border-color: #096DD9; color: #096DD9; } .test-button-64[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-64[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-64[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-64[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-65 { button-config: "size-small/mat-solid/layout-onlytext/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 8px; height: 24px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ } .test-button-65 span { font-weight: 600; } .test-button-65:hover { background: #79ACD1; border-color: #79ACD1; } .test-button-65:focus { background: #79ACD1; border-color: #0468B4; } .test-button-65:active { background: #024C83; border-color: #024C83; } .test-button-65[disabled], .test-button-65.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .test-button-65[disabled]:hover, .test-button-65.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .test-button-65[disabled]:focus, .test-button-65.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-65[disabled]:active, .test-button-65.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-66 { button-config: "size-small/mat-solid/layout-onlytext/design-dashed"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 8px; height: 24px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; border-style: dashed; /** * Materials */ } .test-button-66 span { font-weight: 600; } .test-button-66:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-66:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-66:active { border-color: #096DD9; color: #096DD9; } .test-button-66[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-66[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-66[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-66[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-67 { button-config: "size-small/mat-ghost/layout-onlyicon/design-outline"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ border-radius: 50%; width: 24px; height: 24px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; /** * Materials */ } .test-button-67 span { font-weight: 600; } .test-button-67 span { width: 0; overflow: hidden; } .test-button-67:before { content: "#"; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .test-button-67:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-67:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-67:active { border-color: #096DD9; color: #096DD9; } .test-button-67[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-67[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-67[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-67[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-68 { button-config: "size-small/mat-ghost/layout-onlyicon/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ border-radius: 50%; width: 24px; height: 24px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ background: #fff; border-color: #1890FF; color: #0468B4; } .test-button-68 span { font-weight: 600; } .test-button-68 span { width: 0; overflow: hidden; } .test-button-68:before { content: "#"; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .test-button-68:hover { background: #79ACD1; border-color: #79ACD1; } .test-button-68:focus { background: #79ACD1; border-color: #0468B4; } .test-button-68:active { background: #024C83; border-color: #024C83; } .test-button-68[disabled], .test-button-68.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .test-button-68[disabled]:hover, .test-button-68.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .test-button-68[disabled]:focus, .test-button-68.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-68[disabled]:active, .test-button-68.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-68:hover { background: #fff; border-color: #40A9FF; color: #79ACD1; } .test-button-68:focus { background: #fff; border-color: #40A9FF; color: #79ACD1; } .test-button-68:active { background: #fff; border-color: #096DD9; color: #0B77B0; } .test-button-68 [disabled] { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-68 [disabled]:hover { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-68 [disabled]:focus { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-68 [disabled]:active { background: #fff; border-color: #cfcfcf; color: #999999; } .test-button-69 { button-config: "size-small/mat-ghost/layout-onlyicon/design-dashed"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ border-radius: 50%; width: 24px; height: 24px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; border-style: dashed; /** * Materials */ } .test-button-69 span { font-weight: 600; } .test-button-69 span { width: 0; overflow: hidden; } .test-button-69:before { content: "#"; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .test-button-69:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-69:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-69:active { border-color: #096DD9; color: #096DD9; } .test-button-69[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-69[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-69[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-69[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-70 { button-config: "size-small/mat-solid/layout-onlyicon/design-outline"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ border-radius: 50%; width: 24px; height: 24px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; /** * Materials */ } .test-button-70 span { font-weight: 600; } .test-button-70 span { width: 0; overflow: hidden; } .test-button-70:before { content: "#"; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .test-button-70:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-70:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-70:active { border-color: #096DD9; color: #096DD9; } .test-button-70[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-70[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-70[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-70[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-71 { button-config: "size-small/mat-solid/layout-onlyicon/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ border-radius: 50%; width: 24px; height: 24px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ } .test-button-71 span { font-weight: 600; } .test-button-71 span { width: 0; overflow: hidden; } .test-button-71:before { content: "#"; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .test-button-71:hover { background: #79ACD1; border-color: #79ACD1; } .test-button-71:focus { background: #79ACD1; border-color: #0468B4; } .test-button-71:active { background: #024C83; border-color: #024C83; } .test-button-71[disabled], .test-button-71.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .test-button-71[disabled]:hover, .test-button-71.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .test-button-71[disabled]:focus, .test-button-71.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-71[disabled]:active, .test-button-71.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .test-button-72 { button-config: "size-small/mat-solid/layout-onlyicon/design-dashed"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ border-radius: 50%; width: 24px; height: 24px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; border-style: dashed; /** * Materials */ } .test-button-72 span { font-weight: 600; } .test-button-72 span { width: 0; overflow: hidden; } .test-button-72:before { content: "#"; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .test-button-72:hover { border-color: #40A9FF; color: #79ACD1; } .test-button-72:focus { border-color: #40A9FF; color: #79ACD1; } .test-button-72:active { border-color: #096DD9; color: #096DD9; } .test-button-72[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-72[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-72[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .test-button-72[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .citation-help { max-width: 100%; width: 590px; position: relative; } .citation-help__close { position: absolute; right: -30px; top: -30px; padding: 10px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .citation-help__title { font-family: "IBM Plex Serif", serif; font-size: 26px; padding-bottom: 18px; } @keyframes citationHelpFlashmessageBlink { 0% { opacity: 0; } 5% { opacity: 1; } 70% { opacity: 1; } 100% { opacity: 0; } } .citation-help__flashmessage { display: flex; justify-content: flex-end; align-items: center; opacity: 0; } .citation-help__flashmessage-animate { animation-name: citationHelpFlashmessageBlink; animation-duration: 4s; animation-iteration-count: 1; } .citation-help__flashmessage-text { font-size: 14px; color: #8BC34A; padding-left: 6px; } .citation-help__flashmessage-icon { transform: scale(1.3); } .citation-help__table { display: table; width: 100%; } .citation-help__table-row { display: table-row; } .citation-help__buttons { display: flex; flex-wrap: wrap; padding-top: 8px; } .citation-help__button-bibtex { button-config: "size-large/layout-iconleft/mat-solid/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; flex-direction: row; padding-left: 44px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ margin-right: 8px; } .citation-help__button-bibtex span { font-weight: 600; } .citation-help__button-bibtex:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 4px; width: 40px; height: 40px; } .citation-help__button-bibtex:hover { background: #79ACD1; border-color: #79ACD1; } .citation-help__button-bibtex:focus { background: #79ACD1; border-color: #0468B4; } .citation-help__button-bibtex:active { background: #024C83; border-color: #024C83; } .citation-help__button-bibtex[disabled], .citation-help__button-bibtex.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .citation-help__button-bibtex[disabled]:hover, .citation-help__button-bibtex.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .citation-help__button-bibtex[disabled]:focus, .citation-help__button-bibtex.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .citation-help__button-bibtex[disabled]:active, .citation-help__button-bibtex.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .citation-help__button-bibtex:before { content: url(/fileadmin/Resources/Public/Global/Icons/icon-download.svg); height: auto; } .citation-help__button-citavi-endnote { button-config: "size-large/layout-iconleft/mat-solid/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; flex-direction: row; padding-left: 44px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ margin: 0 8px; } .citation-help__button-citavi-endnote span { font-weight: 600; } .citation-help__button-citavi-endnote:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 4px; width: 40px; height: 40px; } .citation-help__button-citavi-endnote:hover { background: #79ACD1; border-color: #79ACD1; } .citation-help__button-citavi-endnote:focus { background: #79ACD1; border-color: #0468B4; } .citation-help__button-citavi-endnote:active { background: #024C83; border-color: #024C83; } .citation-help__button-citavi-endnote[disabled], .citation-help__button-citavi-endnote.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .citation-help__button-citavi-endnote[disabled]:hover, .citation-help__button-citavi-endnote.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .citation-help__button-citavi-endnote[disabled]:focus, .citation-help__button-citavi-endnote.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .citation-help__button-citavi-endnote[disabled]:active, .citation-help__button-citavi-endnote.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .citation-help__button-citavi-endnote:before { content: url(/fileadmin/Resources/Public/Global/Icons/icon-download.svg); height: auto; } .citation-help__button-mendeley { button-config: "size-large/layout-iconleft/mat-solid/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; flex-direction: row; padding-left: 44px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ margin-left: 8px; } .citation-help__button-mendeley span { font-weight: 600; } .citation-help__button-mendeley:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 4px; width: 40px; height: 40px; } .citation-help__button-mendeley:hover { background: #79ACD1; border-color: #79ACD1; } .citation-help__button-mendeley:focus { background: #79ACD1; border-color: #0468B4; } .citation-help__button-mendeley:active { background: #024C83; border-color: #024C83; } .citation-help__button-mendeley[disabled], .citation-help__button-mendeley.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .citation-help__button-mendeley[disabled]:hover, .citation-help__button-mendeley.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .citation-help__button-mendeley[disabled]:focus, .citation-help__button-mendeley.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .citation-help__button-mendeley[disabled]:active, .citation-help__button-mendeley.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .citation-help__button-mendeley:before { content: url(/fileadmin/Resources/Public/Global/Icons/icon-external.svg); height: auto; } .citation-help__table-cell { display: table-cell; position: relative; vertical-align: top; } .citation-help__table-action { font-size: 0; } .citation-help__textarea { height: 88px; width: 100%; font-family: "IBM Plex Sans", sans-serif; font-size: 14px; line-height: 1.5714285714; padding: 9px 32px 12px 12px; background: #F7F7F8; border-radius: 5px; color: #595959; border: 0; outline: none; overflow: hidden; resize: none; } .citation-help__copy { position: absolute; display: flex; } .bookmark-modal_content--layout2 .bookmark-modal_content-login { grid-row: 9; grid-column: 3/span 3; } .bookmark-modal_content--layout2 .bookmark-modal_content-register { grid-column: 3/span 3; } .bookmark-modal_content-icon { grid-column: 1; grid-row: 1/span 2; width: 100%; } .bookmark-modal_content-heading { grid-column: 3/span 3; font-size: 18px; color: #000000; } .bookmark-modal_content-text { grid-column: 3/span 3; grid-row: 3; font-size: 14px; color: #000000; } .bookmark-modal_content-text--2 { grid-row: 7; } .bookmark-modal_content-login { background: transparent; color: #0068B4; font-weight: bold; } .bookmark-modal_content-login:hover, .bookmark-modal_content-login:focus { text-decoration: underline; } .contents { position: relative; } #contents_notification-wrapper { position: absolute; top: 110%; right: 48px; z-index: 1000; } @keyframes animatetop { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } } @keyframes animatebottom { from { top: 0; opacity: 1; } to { top: -300px; opacity: 0; } } .notification_element { animation-name: animatetop; position: relative; animation-duration: 0.2s; z-index: 1000; text-align: right; display: block; transition: height 0.2s linear 0.4s; height: 24px; overflow: hidden; margin-top: 10px; background: rgba(255, 255, 255, 0.9); box-shadow: 0 0 5px 5px rgba(255, 255, 255, 0.9); padding: 0 5px; } .notification_element-type--success { color: #8BC34A; } .notification_element-type--success:before { content: ""; background: url("/fileadmin/Resources/Public/Global/Icons/check.svg"); width: 16px; height: 13px; display: inline-block; padding-right: 2px; margin-right: 2px; } .notification_element--disabled { animation-name: animatebottom; animation-duration: 0.6s; height: 0; box-shadow: none; margin-top: 0; } .search-no-result p:nth-child(1) { font-weight: bold; padding-bottom: 12px; padding-top: 12px; } .search-no-result ul { padding-top: 6px; padding-bottom: 6px; } .search-no-result ul li { padding-top: 3px; padding-bottom: 3px; } .typo3-messages { padding-left: 0; } .typo3-messages .alert { list-style: none; padding-left: 20px; position: relative; } .typo3-messages .alert:before { position: absolute; display: inline-block; content: ""; background-size: cover; background-repeat: no-repeat; background-position: center center; height: 10px; width: 10px; top: 6px; left: 0; line-height: 24px; } .typo3-messages .alert.alert-success:before { background-image: url("/fileadmin/Resources/Public/Global/SVG/hogrefe-success.svg"); } .typo3-messages .alert.alert-success .alert-message { color: #8BC34A; } .typo3-messages .alert.alert-error:before, .typo3-messages .alert.alert-danger:before, .typo3-messages .alert.alert-warning:before { background-image: url("/fileadmin/Resources/Public/Global/SVG/hogrefe-error.svg"); } .typo3-messages .alert.alert-error .alert-message, .typo3-messages .alert.alert-danger .alert-message, .typo3-messages .alert.alert-warning .alert-message { color: #F24445; } .button-generic { button-config: "size-large/mat-solid/layout-onlytext/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ } .button-generic span { font-weight: 600; } .button-generic:hover { background: #79ACD1; border-color: #79ACD1; } .button-generic:focus { background: #79ACD1; border-color: #0468B4; } .button-generic:active { background: #024C83; border-color: #024C83; } .button-generic[disabled], .button-generic.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .button-generic[disabled]:hover, .button-generic.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .button-generic[disabled]:focus, .button-generic.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .button-generic[disabled]:active, .button-generic.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .newsletter { margin-top: 60px; /* 1. Klasse, um Elemente (die Radios) nur visuell zu verstecken */ /* 2. Zeige das richtige Formular an, wenn der zugehörige Radio-Button gecheckt ist */ /* 3. Style das AKTIVE Label (dessen Radio-Button gecheckt ist) */ /* 4. Style das FOKUSSIERTE Label (dessen unsichtbarer Radio-Button den Fokus hat) */ } .newsletter form { display: none; } .newsletter .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .newsletter .newsletter__radio--anmelden:checked ~ #displayform-annmelden { display: block; } .newsletter .newsletter__radio--abmelden:checked ~ #displayform-abnmelden { display: block; } .newsletter .newsletter__radio--anmelden:checked ~ .newsletter__navigation .newsletter__header--anmelden, .newsletter .newsletter__radio--abmelden:checked ~ .newsletter__navigation .newsletter__header--abmelden { color: #000; } .newsletter .newsletter__radio--anmelden:focus-visible ~ .newsletter__navigation .newsletter__header--anmelden, .newsletter .newsletter__radio--abmelden:focus-visible ~ .newsletter__navigation .newsletter__header--abmelden { outline: 3px solid #0468B4; outline-offset: 2px; border-radius: 4px; } .newsletter .form-field__checkbox { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; -webkit-appearance: none; appearance: none; display: block; } .newsletter .form-field__checkbox:checked + .checkbox__image .checkbox__image--checked { display: inline-block; } .newsletter .form-field__checkbox:checked + .checkbox__image .checkbox__image--unchecked { display: none; } .newsletter .form-field__checkbox:not(:checked) + .checkbox__image .checkbox__image--checked { display: none; } .newsletter .form-field__checkbox:not(:checked) + .checkbox__image .checkbox__image--unchecked { display: inline-block; } .newsletter .form-field__label:has(.form-field__checkbox:focus-visible) { outline: 3px solid #0468B4; outline-offset: 2px; border-radius: 4px; } .newsletter .checkbox__image--checked { display: none; } .newsletter .checkbox__image--unchecked { display: inline-block; } .newsletter__captcha--refresh:focus-visible { background: #024C83; outline: 3px solid #0468B4; outline-offset: 2px; border-radius: 4px; } .newsletter__navigation { display: grid; grid-template-columns: auto auto; display: grid; grid-template-columns: auto auto; border-bottom: 1px solid grey; padding-bottom: 8px; } .newsletter__header { color: grey; font-size: 20px; margin: 0 12px; text-wrap: balance; } .newsletter__header:hover { cursor: pointer; } .newsletter__field { margin: 20px 0 20px 0; } .newsletter__field--username .newsletter-field__input { font-size: 14px; } .newsletter__field--select { margin: 10px 0 10px 0; } .newsletter__field--select .newsletter-field__label { display: flex; } .newsletter__field--select select { background: white; border-radius: 0; border: solid 1px black; } .newsletter__field--select .newsletter-field__label { display: flex; } .newsletter__field--submit { margin-top: 28px; } .newsletter__field--button { color: white; font-size: 16px; font-weight: bold; border-radius: 5px; padding: 10px 30px; border: 0; } .newsletter__field--button:hover { cursor: pointer; } .newsletter .newsletter__field__checkbox--terms:checked ~ .newsletter__field--submit > .newsletter__field--button-valid:enabled { background: #0468B4; } .newsletter .newsletter__field__checkbox--terms:checked ~ .newsletter__field--submit > .newsletter__field--button-valid:enabled:hover { background: #024C83; } .newsletter #newsletter__anmelden:checked ~ form#displayform-annmelden { display: block; } .newsletter #newsletter__anmelden:checked ~ .newsletter__navigation > .newsletter__header--anmelden { color: black; } .newsletter #newsletter__abmelden:checked ~ form#displayform-abnmelden { display: block; } .newsletter #newsletter__abmelden:checked ~ .newsletter__navigation > .newsletter__header--abmelden { color: black; } .newsletter__captcha { width: 50%; display: grid; grid-template-columns: 90% auto; grid-template-rows: auto auto; gap: 20px; margin-bottom: 20px; } .newsletter__captcha--preview { text-align: center; border: 1px dashed #888; letter-spacing: 8px; line-height: 40px; font-size: 20px; grid-row: 1; grid-column: 1/3; margin-bottom: 6px; } .newsletter__captcha--preview span { display: inline-block; -webkit-user-select: none; user-select: none; } .newsletter__captcha--input { grid-row: 2; grid-column: 1; } .newsletter__captcha--refresh { width: 40px; height: 40px; outline: none; background: #0468B4; color: #eee; grid-row: 2; grid-column: 2; border-radius: 5px; border: 0; font-size: 24px; text-align: center; align-content: center; justify-content: center; display: flex; align-items: center; } .newsletter__captcha--refresh:hover { background: #024C83; } .newsletter .checkbox__image { cursor: pointer; } #autosuggest { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: 0 18px; } #autosuggest input[type=text] { font-size: 16px; width: 100%; border: none; padding: 11px 18px; background: #EAECED; margin: 0; outline: none; } #autosuggest .autosuggest__results-container { position: absolute; left: 0; right: 0; top: 100%; font-size: 16px; z-index: 101; } #autosuggest .autosuggest__results-container .autosuggest__results { background: white; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15); border-radius: 4px; padding: 10px 24px; } #autosuggest .autosuggest__results-container .autosuggest__results ul { margin: 0; padding: 0; list-style-type: none; } #autosuggest .autosuggest__results-container .autosuggest__results ul .autosuggest__results-before { font-weight: bold; padding-bottom: 10px; color: #0068B4; } #autosuggest .autosuggest__results-container .autosuggest__results ul .autosuggest__results-item--highlighted { background: #0468B4; color: #fff; } #autosuggest .autosuggest__results-container .autosuggest__results ul .autosuggest__results-item { margin: 0 -24px; padding: 10px 24px; } .frame h2 { margin-bottom: 30px; font-size: 16px; line-height: 24px; color: black; } .frame-type-text { margin-bottom: 50px; } .frame-type-text h1 { font-size: 26px; line-height: 1.2307692308; margin-bottom: 20px; } .frame-type-text p { line-height: 1.375; margin-bottom: 10px; } .category-detail__categoryheader { display: flex; width: 100%; flex-wrap: wrap; padding-bottom: 40px; } .category-detail__categoryicon { padding: 4px 7px 0 0; } .category-detail__author { width: 100%; padding-top: 11px; color: #595959; } .category-detail__content h1, .category-detail__content h2 { font-size: 26px; line-height: 1.25; margin-bottom: 0; } .category-detail__content h2 { padding: 46px 0 23px 0; } .category-detail__content .keyword-slider { margin-top: 45px; } .category-list { list-style-type: none; padding: 0; display: grid; grid-template-rows: repeat(60, auto); grid-template-columns: auto; justify-content: start; align-content: start; margin: -8px; grid-template-columns: repeat(1, 1fr); } .category-list > * { margin: 8px; } .category-list > *:nth-child(1) { -ms-grid-column: 1; -ms-grid-row: 1; } .category-list > *:nth-child(2) { -ms-grid-column: 1; -ms-grid-row: 2; } .category-list > *:nth-child(3) { -ms-grid-column: 1; -ms-grid-row: 3; } .category-list > *:nth-child(4) { -ms-grid-column: 1; -ms-grid-row: 4; } .category-list > *:nth-child(5) { -ms-grid-column: 1; -ms-grid-row: 5; } .category-list > *:nth-child(6) { -ms-grid-column: 1; -ms-grid-row: 6; } .category-list > *:nth-child(7) { -ms-grid-column: 1; -ms-grid-row: 7; } .category-list > *:nth-child(8) { -ms-grid-column: 1; -ms-grid-row: 8; } .category-list > *:nth-child(9) { -ms-grid-column: 1; -ms-grid-row: 9; } .category-list > *:nth-child(10) { -ms-grid-column: 1; -ms-grid-row: 10; } .category-list > *:nth-child(11) { -ms-grid-column: 1; -ms-grid-row: 11; } .category-list > *:nth-child(12) { -ms-grid-column: 1; -ms-grid-row: 12; } .category-list > *:nth-child(13) { -ms-grid-column: 1; -ms-grid-row: 13; } .category-list > *:nth-child(14) { -ms-grid-column: 1; -ms-grid-row: 14; } .category-list > *:nth-child(15) { -ms-grid-column: 1; -ms-grid-row: 15; } .category-list > *:nth-child(16) { -ms-grid-column: 1; -ms-grid-row: 16; } .category-list > *:nth-child(17) { -ms-grid-column: 1; -ms-grid-row: 17; } .category-list > *:nth-child(18) { -ms-grid-column: 1; -ms-grid-row: 18; } .category-list > *:nth-child(19) { -ms-grid-column: 1; -ms-grid-row: 19; } .category-list > *:nth-child(20) { -ms-grid-column: 1; -ms-grid-row: 20; } .category-list > *:nth-child(21) { -ms-grid-column: 1; -ms-grid-row: 21; } .category-list > *:nth-child(22) { -ms-grid-column: 1; -ms-grid-row: 22; } .category-list > *:nth-child(23) { -ms-grid-column: 1; -ms-grid-row: 23; } .category-list > *:nth-child(24) { -ms-grid-column: 1; -ms-grid-row: 24; } .category-list > *:nth-child(25) { -ms-grid-column: 1; -ms-grid-row: 25; } .category-list > *:nth-child(26) { -ms-grid-column: 1; -ms-grid-row: 26; } .category-list > *:nth-child(27) { -ms-grid-column: 1; -ms-grid-row: 27; } .category-list > *:nth-child(28) { -ms-grid-column: 1; -ms-grid-row: 28; } .category-list > *:nth-child(29) { -ms-grid-column: 1; -ms-grid-row: 29; } .category-list > *:nth-child(30) { -ms-grid-column: 1; -ms-grid-row: 30; } .category-list > *:nth-child(31) { -ms-grid-column: 1; -ms-grid-row: 31; } .category-list > *:nth-child(32) { -ms-grid-column: 1; -ms-grid-row: 32; } .category-list > *:nth-child(33) { -ms-grid-column: 1; -ms-grid-row: 33; } .category-list > *:nth-child(34) { -ms-grid-column: 1; -ms-grid-row: 34; } .category-list > *:nth-child(35) { -ms-grid-column: 1; -ms-grid-row: 35; } .category-list > *:nth-child(36) { -ms-grid-column: 1; -ms-grid-row: 36; } .category-list > *:nth-child(37) { -ms-grid-column: 1; -ms-grid-row: 37; } .category-list > *:nth-child(38) { -ms-grid-column: 1; -ms-grid-row: 38; } .category-list > *:nth-child(39) { -ms-grid-column: 1; -ms-grid-row: 39; } .category-list > *:nth-child(40) { -ms-grid-column: 1; -ms-grid-row: 40; } .category-list > *:nth-child(41) { -ms-grid-column: 1; -ms-grid-row: 41; } .category-list > *:nth-child(42) { -ms-grid-column: 1; -ms-grid-row: 42; } .category-list > *:nth-child(43) { -ms-grid-column: 1; -ms-grid-row: 43; } .category-list > *:nth-child(44) { -ms-grid-column: 1; -ms-grid-row: 44; } .category-list > *:nth-child(45) { -ms-grid-column: 1; -ms-grid-row: 45; } .category-list > *:nth-child(46) { -ms-grid-column: 1; -ms-grid-row: 46; } .category-list > *:nth-child(47) { -ms-grid-column: 1; -ms-grid-row: 47; } .category-list > *:nth-child(48) { -ms-grid-column: 1; -ms-grid-row: 48; } .category-list > *:nth-child(49) { -ms-grid-column: 1; -ms-grid-row: 49; } .category-list > *:nth-child(50) { -ms-grid-column: 1; -ms-grid-row: 50; } .category-list > *:nth-child(51) { -ms-grid-column: 1; -ms-grid-row: 51; } .category-list > *:nth-child(52) { -ms-grid-column: 1; -ms-grid-row: 52; } .category-list > *:nth-child(53) { -ms-grid-column: 1; -ms-grid-row: 53; } .category-list > *:nth-child(54) { -ms-grid-column: 1; -ms-grid-row: 54; } .category-list > *:nth-child(55) { -ms-grid-column: 1; -ms-grid-row: 55; } .category-list > *:nth-child(56) { -ms-grid-column: 1; -ms-grid-row: 56; } .category-list > *:nth-child(57) { -ms-grid-column: 1; -ms-grid-row: 57; } .category-list > *:nth-child(58) { -ms-grid-column: 1; -ms-grid-row: 58; } .category-list > *:nth-child(59) { -ms-grid-column: 1; -ms-grid-row: 59; } .category-list > *:nth-child(60) { -ms-grid-column: 1; -ms-grid-row: 60; } .category-list__list-item { padding: 0; } .category-list__item { display: grid; text-decoration: none; color: #595959; } .category-list__item-image { background: #F0F7FF; fill: #C3DAF5; font-size: 16px; line-height: 125%; font-weight: 600; border-radius: 4px; padding: 7px; padding-top: 4px; } .category-list__item-title { display: table; line-height: 125%; font-size: 14px; vertical-align: bottom; height: 100%; } .category-list__item:hover .category-list__item-title { text-decoration: underline; } .category-list__item-title-inner { display: table-cell; } .content-header { display: grid; border-bottom: 1px solid #EAECED; z-index: 100; } .content-header__context-research { display: flex; align-items: center; grid-row-start: 1; grid-column-start: 2; } .content-header__context-article { display: flex; align-items: center; } .content-header-citation-modal-opener { display: flex; align-items: center; height: 100%; padding: 0 9px; margin: 0 9px; cursor: pointer; outline: none; background: transparent; border: none; } .content-header-citation-modal-opener > svg path { transition: 0.2s all; fill: #999999; } .content-header-citation-modal-opener:hover > svg path, .content-header-citation-modal-opener:focus-visible > svg path { fill: #024C83; } .content-header-bookmark { display: flex; align-items: center; height: 100%; padding: 0 9px; margin: 0 9px; cursor: pointer; outline: none; background: transparent; border: none; } .content-header-bookmark > svg path { transition: 0.2s all; fill: #999999; } .content-header-bookmark:hover > svg path, .content-header-bookmark:focus-visible > svg path { fill: #024C83; } .content-header-bookmark svg path.bg { fill: #fff; } .content-header-bookmark.js-bookmark-element--marked { fill: #024C83; } .content-header-bookmark.js-bookmark-element--marked svg path.fg { fill: #024C83; } .content-header-bookmark.js-bookmark-element--marked svg path.bg { fill: #d7eefe; } .content-header-share { display: flex; align-items: center; height: 100%; padding: 0 9px; margin: 0 9px; cursor: pointer; outline: none; background: transparent; border: none; } .content-header-share > svg path { transition: 0.2s all; fill: #999999; } .content-header-share:hover > svg path, .content-header-share:focus-visible > svg path { fill: #024C83; } .detail__main-content p { margin-top: 30px; line-height: 1.65; } .detail__main-content p:first-of-type { display: inline; } .detail__main-content p a { text-decoration: none; color: #0468B4; } .detail__main-content p a:hover, .detail__main-content p a:focus-visible { text-decoration: underline; } .detail__title { display: inline; font-size: inherit; line-height: 1.65; color: #000000; font-family: "IBM Plex Sans", sans-serif; font-weight: bold; } .detail_title--redirect { color: #0468B4; } .detail__title-after-separator { line-height: 0; } .detail__section-devider { margin-top: 30px; margin-bottom: 30px; } .detail__literature { font-size: 16px; line-height: 1.65; padding-top: 26px; margin-top: 24px; } .detail-literature__title { font-size: 26px; font-weight: 500; } .literature-list__item { margin-top: 22px; line-height: 1.375; font-size: 16px; } @keyframes literatureListAnimation { 0% { background: #88cafc; box-shadow: 0 0 0 8px #88cafc; } 70% { background: #88cafc; box-shadow: 0 0 0 8px #88cafc; } 100% { background: #fff; box-shadow: 0 0 0 8px #fff; } } .literature-list__item--animation { animation-name: literatureListAnimation; animation-duration: 3s; } .detail__image { margin-top: 40px; margin-bottom: 40px; } .detail__image-src { max-width: 100%; height: auto; } .detail__image--placeholder { display: flex; flex-direction: column; gap: 10px; } .image-placeholder { position: relative; background: #F7F7F8; } .image-placeholder__image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; object-position: center center; image-rendering: pixelated; filter: blur(6px); opacity: 0.6; mix-blend-mode: multiply; } .image-placeholder__premium-teaser { padding: 120px 0; position: relative; z-index: 10; } .detail__table { max-width: 100%; overflow: auto; margin-top: 40px; margin-bottom: 40px; } .detail-aside__section { margin-top: 60px; font-size: 14px; line-height: 20px; } .detail-aside__section a { text-decoration: none; } h2.detail-aside__section-title { font-family: "IBM Plex Sans", sans-serif; font-weight: bold; font-size: 16px; margin-bottom: 20px; color: #000000; } /*div*/ /*ul*/ .detail-aside__table-of-contents { margin-left: 25px; list-style: none; padding: 0; } /*li*/ .detail-aside__table-of-contents-element { margin-top: 20px; } .detail-aside__table-of-contents-element a { color: #000000; } .detail-aside__table-of-contents-element--active { font-weight: bold; } .detail-aside__table-of-contents-element--active :before { content: "--"; letter-spacing: -2px; margin-left: -18px; margin-right: 7px; } .detail-aside__table-of-contents-element--hidden { display: none; } .detail-aside__authors-list { margin: 0; list-style: none; padding: 0; } .detail-aside__authors-element a { color: #2B68C3; } .detail-aside__authors-element a:hover, .detail-aside__authors-element a:focus-visible { text-decoration: underline; } .keyword-of-the-day { background-color: white; border-radius: 5px; padding: 24px; -webkit-hyphens: auto; hyphens: auto; } .keyword-of-the-day__title { font-size: 20px; font-style: italic; color: black; font-family: "IBM Plex Serif", serif; word-break: break-word; } .keyword-of-the-day__keyword { font-size: 20px; color: #0468B4; padding-top: 8px; margin-bottom: 32px; font-family: "IBM Plex Serif", serif; /* Fix overflow of words larger than the box */ overflow-wrap: break-word; } .keyword-of-the-day__text { font-size: 12px; } .keyword-of-the-day__link { margin-top: 15px; } .keyword-of-the-day__link a { color: #0468B4; font-size: 14px; font-weight: bold; } .premium-teaser { color: #333333; } .premium-teaser__footer { font-size: 14px; } .premium-teaser__footer a { font-weight: bold; } .premium-teaser__blurry-text::before { content: "Zum Lesen der Literatur-Angaben (1234) melden Sie sich bitte an."; filter: blur(3.4px); opacity: 0.6; } .premium-teaser__blurry-text { height: 60px; width: 100%; margin-top: 30px; } .premium-teaser__box { border-radius: 8px; background-color: #E6EFF9; padding: 32px; text-align: center; letter-spacing: 1px; } .premium-teaser__header { font-size: 12px; } .premium-teaser__header a { color: black; text-decoration: none; font-weight: bold; } .premium-teaser__line { margin: 15px auto; margin-bottom: 30px; width: 56px; border-top: 1px solid black; } .premium-teaser__call-to-action, .premium-teaser__call-to-action p { font-size: 22px; } .premium-teaser__button { margin: 30px 0; } .premium-teaser__button a { button-config: "size-large/mat-solid/layout-onlytext/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ } .premium-teaser__button a span { font-weight: 600; } .premium-teaser__button a:hover { background: #79ACD1; border-color: #79ACD1; } .premium-teaser__button a:focus { background: #79ACD1; border-color: #0468B4; } .premium-teaser__button a:active { background: #024C83; border-color: #024C83; } .premium-teaser__button a[disabled], .premium-teaser__button a.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .premium-teaser__button a[disabled]:hover, .premium-teaser__button a.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .premium-teaser__button a[disabled]:focus, .premium-teaser__button a.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .premium-teaser__button a[disabled]:active, .premium-teaser__button a.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .premium-teaser__table { position: relative; } .premium-teaser__table thead, .premium-teaser__table tbody { filter: blur(3.4px); opacity: 0.6; } .premium-teaser__table:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; color: transparent; content: "Zum Lesen der Tabelle melden Sie sich bitte an."; } .premium-teaser--table { position: relative; margin-top: 40px; margin-bottom: 40px; max-width: 100%; overflow: hidden; } .premium-teaser--table .premium-teaser__box { position: absolute; top: 50%; transform: translateY(-50%); } .author-detail__title { font-size: 26px; line-height: 1.25; color: #333333; display: flex; align-items: flex-start; } .author-detail__title-icon { display: block; padding: 5px 10px 0 0; } .author-detail__title-icon svg { display: block; } .author-detail__subtitle { color: #595959; margin-top: 11px; } .author-detail__profile-image { border-radius: 50%; } .author-detail__profile-copyright { font-size: 12px; } .author-detail__profile-contact-link, .author-detail__profile-contact-email, .author-detail__profile-contact-external { display: block; font-size: 14px; line-height: 22px; margin-top: 8px; } .author-detail__profile-contact-link:before, .author-detail__profile-contact-email:before, .author-detail__profile-contact-external:before { content: ""; height: 22px; line-height: 22px; width: 16px; padding-right: 16px; margin-right: 10px; background-position: center; background-repeat: no-repeat; } .author-detail__profile-contact-external:before { background-image: url("../Icons/hogrefe-link-external.svg"); } .author-detail__profile-contact-email:before { background-image: url("../Icons/hogrefe-link-email.svg"); } .author-detail__research { margin-top: 24px; } .author-detail__research-title { font-weight: 600; } .author-detail__keywords { margin-top: 40px; } .author-detail__keywords-heading { font-weight: 600; margin-bottom: 16px; } .author-detail__keywords-item { margin-top: 7px; border-top: 1px solid #EAECED; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 16px min-content 8px min-content 20px min-content; } .author-detail__keywords-item-title { margin-top: 16px; font-weight: 600; display: block; grid-column: 1/span 2; grid-row: 2; } .author-detail__keywords-item-abstract { grid-column: 1/span 2; grid-row: 4; font-size: 14px; } .author-detail__keywords-item-abstract p { font-size: 14px; } .author-detail__keywords-item-type { grid-column: 1; grid-row: 6; font-size: 12px; color: #999999; line-height: 24px; } .author-detail__keywords-item-actions { grid-column: 2; grid-row: 6; text-align: right; line-height: 24px; height: 24px; overflow: hidden; } .author-detail__keywords-item-action { display: inline-block; margin-left: 8px; cursor: pointer; /* &:hover, &:focus { cursor: pointer; outline: none; svg { path { fill: white; @include transition-default; } rect { fill: $c-primary; @include transition-default; } @at-root { .author-detail__keywords-item-actions-bookmark:hover { path { stroke: white; } } } } } */ /* &.js-bookmark-element--marked { svg { path { fill: white; @include transition-default; } rect { fill: $c-primary; @include transition-default; } } } */ } .author-detail__keywords-item-action.author-detail__keywords-item-actions-citation svg .Rectangle-path { fill: #F0F7FF; } .author-detail__keywords-item-action.author-detail__keywords-item-actions-citation svg .Shape { opacity: 1; } .author-detail__keywords-item-action.author-detail__keywords-item-actions-citation svg .Path1, .author-detail__keywords-item-action.author-detail__keywords-item-actions-citation svg .Path2 { fill: #F0F7FF; } .author-detail__keywords-item-action.author-detail__keywords-item-actions-citation:hover svg .Rectangle-path { fill: #0468B4; } .author-detail__keywords-item-action.author-detail__keywords-item-actions-citation:hover svg .Shape { opacity: 0; } .author-detail__keywords-item-action.author-detail__keywords-item-actions-citation:hover svg .Path1, .author-detail__keywords-item-action.author-detail__keywords-item-actions-citation:hover svg .Path2 { fill: #fff; } .author-detail__keywords-item-action.author-detail__keywords-item-actions-bookmark.js-bookmark-element--marked svg path { fill: #79ACD1; } .author-detail__keywords-item-action.author-detail__keywords-item-actions-bookmark:hover svg rect { fill: #0468B4; } .author-detail__keywords-item-action.author-detail__keywords-item-actions-bookmark:hover svg path { fill: #fff; stroke: none; } .author-detail__section-wrap--premium .author-detail__placeholder { display: none; } .author-detail__section-wrap--default { position: relative; display: flex; justify-content: center; align-items: flex-start; padding: 60px 0; min-height: calc(100vh - 263px); } .author-detail__section-wrap--default .author-detail__main-content { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; filter: blur(6px); opacity: 0.6; z-index: -10; } .frame-type-datamintsdorsch_authorsshow .author-detail__profile, .frame-type-datamintsdorsch_authorsshow .author-detail__research-title { margin-bottom: 0; } .frame-type-datamintsdorsch_authorsshow .author-detail__keywords-heading { margin-bottom: 16px; } .frame-type-datamintsdorsch_authorsshow .author-detail__keywords-item-title { line-height: 1.5; font-size: 1rem; font-family: IBM Plex Sans, sans-serif; } .testcategories .testcategory { position: relative; margin-top: 40px; } .testcategories .testcategory__anchor { position: absolute; top: 90px; } .testcategories .testcategory__header { margin-bottom: 10px; } .frame-type-datamintsdorsch_keywordslist h1 { padding-bottom: 30px; } .frame-type-datamintsdorsch_keywordslist .pagination { display: block; list-style: none; padding-bottom: 10px; } .frame-type-datamintsdorsch_keywordslist .pagination .page-item.selected { font-weight: bold; padding: 5px 0; } .frame-type-datamintsdorsch_keywordslist .datamints-keyword-sitemap { display: flex; column-gap: 20px; } .frame-type-datamintsdorsch_keywordslist .datamints-keyword-sitemap-fields { flex: 1; } .frame-type-datamintsdorsch_keywordslist .datamints-keyword-sitemap-keywords { flex: 1; } .frame-type-datamintsdorsch_keywordslist .datamints-keyword-sitemap-keywords h2 { font-size: 24px; } .frame-type-datamintsdorsch_keywordslist .datamints-keyword-sitemap-keywords ul { list-style: none; padding-left: 10px; border-left: solid; border-color: rgba(4, 104, 180, 0.5); } .teaser_wrapper.teaser_wrapper--type-0 { background: #fff; padding: 24px; } .teaser_wrapper.teaser_wrapper--type-0 .teaser_image { background: transparent; margin-bottom: 20px; } .teaser_wrapper.teaser_wrapper--type-0 .teaser_image img { max-width: 100%; height: auto; display: block; box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.2); } .teaser_wrapper.teaser_wrapper--type-0 .teaser_subheader { font-size: 12px; line-height: 1.35; color: #595959; text-transform: uppercase; font-weight: bold; padding: 2px 0; } .teaser_wrapper.teaser_wrapper--type-0 .teaser_header { font-size: 18px; line-height: 1.35; color: #333333; font-weight: bold; padding: 2px 0; } .teaser_wrapper.teaser_wrapper--type-0 .teaser_text { padding: 10px 0 24px; } .teaser_wrapper.teaser_wrapper--type-0 .teaser_text p { font-size: 12px; color: #333333; line-height: 1.35; } .teaser_wrapper.teaser_wrapper--type-0 .teaser_link { button-config: "size-large/mat-solid/layout-onlytext/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ width: 100%; } .teaser_wrapper.teaser_wrapper--type-0 .teaser_link span { font-weight: 600; } .teaser_wrapper.teaser_wrapper--type-0 .teaser_link:hover { background: #79ACD1; border-color: #79ACD1; } .teaser_wrapper.teaser_wrapper--type-0 .teaser_link:focus { background: #79ACD1; border-color: #0468B4; } .teaser_wrapper.teaser_wrapper--type-0 .teaser_link:active { background: #024C83; border-color: #024C83; } .teaser_wrapper.teaser_wrapper--type-0 .teaser_link[disabled], .teaser_wrapper.teaser_wrapper--type-0 .teaser_link.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .teaser_wrapper.teaser_wrapper--type-0 .teaser_link[disabled]:hover, .teaser_wrapper.teaser_wrapper--type-0 .teaser_link.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .teaser_wrapper.teaser_wrapper--type-0 .teaser_link[disabled]:focus, .teaser_wrapper.teaser_wrapper--type-0 .teaser_link.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .teaser_wrapper.teaser_wrapper--type-0 .teaser_link[disabled]:active, .teaser_wrapper.teaser_wrapper--type-0 .teaser_link.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .teaser_wrapper.teaser_wrapper--type-0 .teaser_link:after { content: ""; background-repeat: no-repeat; background-image: url(/fileadmin/Resources/Public/Global/SVG/Flags/DE.svg); background-position: center; background-size: contain; width: 25px; height: 20px; margin-left: 10px; } .teaser_wrapper.teaser_wrapper--type-0 .teaser_link2 { button-config: "size-large/mat-solid/layout-onlytext/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ margin-top: 5px; width: 100%; } .teaser_wrapper.teaser_wrapper--type-0 .teaser_link2 span { font-weight: 600; } .teaser_wrapper.teaser_wrapper--type-0 .teaser_link2:hover { background: #79ACD1; border-color: #79ACD1; } .teaser_wrapper.teaser_wrapper--type-0 .teaser_link2:focus { background: #79ACD1; border-color: #0468B4; } .teaser_wrapper.teaser_wrapper--type-0 .teaser_link2:active { background: #024C83; border-color: #024C83; } .teaser_wrapper.teaser_wrapper--type-0 .teaser_link2[disabled], .teaser_wrapper.teaser_wrapper--type-0 .teaser_link2.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .teaser_wrapper.teaser_wrapper--type-0 .teaser_link2[disabled]:hover, .teaser_wrapper.teaser_wrapper--type-0 .teaser_link2.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .teaser_wrapper.teaser_wrapper--type-0 .teaser_link2[disabled]:focus, .teaser_wrapper.teaser_wrapper--type-0 .teaser_link2.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .teaser_wrapper.teaser_wrapper--type-0 .teaser_link2[disabled]:active, .teaser_wrapper.teaser_wrapper--type-0 .teaser_link2.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .teaser_wrapper.teaser_wrapper--type-0 .teaser_link2:after { content: ""; background-repeat: no-repeat; background-image: url(/fileadmin/Resources/Public/Global/SVG/Flags/CH.svg); background-position: center; background-size: contain; width: 20px; height: 20px; margin-left: 10px; } .teaser_wrapper.teaser_wrapper--type-1 { background: #fff; } .teaser_wrapper.teaser_wrapper--type-1 .teaser_image img { max-width: 100%; height: auto; display: block; } .teaser_wrapper.teaser_wrapper--type-1 .teaser_content { padding: 24px 24px 18px 24px; } .teaser_wrapper.teaser_wrapper--type-1 .teaser_subheader { line-height: 1.3; text-align: center; font-size: 12px; padding-bottom: 5px; color: #595959; } .teaser_wrapper.teaser_wrapper--type-1 .teaser_header { font-size: 26px; line-height: 1.25; text-align: center; font-family: "IBM Plex Serif"; padding-bottom: 18px; color: #333333; } .teaser_wrapper.teaser_wrapper--type-1 .teaser_text { padding: 0 0 24px; } .teaser_wrapper.teaser_wrapper--type-1 .teaser_text p { font-size: 14px; color: #595959; line-height: 1.57; } .teaser_wrapper.teaser_wrapper--type-1 .teaser_link { button-config: "size-large/mat-solid/layout-iconleft/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; flex-direction: row; padding-left: 44px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ } .teaser_wrapper.teaser_wrapper--type-1 .teaser_link span { font-weight: 600; } .teaser_wrapper.teaser_wrapper--type-1 .teaser_link:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 4px; width: 40px; height: 40px; } .teaser_wrapper.teaser_wrapper--type-1 .teaser_link:hover { background: #79ACD1; border-color: #79ACD1; } .teaser_wrapper.teaser_wrapper--type-1 .teaser_link:focus { background: #79ACD1; border-color: #0468B4; } .teaser_wrapper.teaser_wrapper--type-1 .teaser_link:active { background: #024C83; border-color: #024C83; } .teaser_wrapper.teaser_wrapper--type-1 .teaser_link[disabled], .teaser_wrapper.teaser_wrapper--type-1 .teaser_link.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .teaser_wrapper.teaser_wrapper--type-1 .teaser_link[disabled]:hover, .teaser_wrapper.teaser_wrapper--type-1 .teaser_link.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .teaser_wrapper.teaser_wrapper--type-1 .teaser_link[disabled]:focus, .teaser_wrapper.teaser_wrapper--type-1 .teaser_link.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .teaser_wrapper.teaser_wrapper--type-1 .teaser_link[disabled]:active, .teaser_wrapper.teaser_wrapper--type-1 .teaser_link.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .teaser_wrapper.teaser_wrapper--type-1 .teaser_link:before { content: url(/fileadmin/Resources/Public/Global/Icons/unlock.svg); } .teaser_wrapper.teaser_wrapper--type-2 { position: relative; } .teaser_wrapper.teaser_wrapper--type-2 .teaser_image { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; } .teaser_wrapper.teaser_wrapper--type-2 .teaser_image img { width: 100%; height: 100%; opacity: 0; } .teaser_wrapper.teaser_wrapper--type-2 .teaser_content { position: relative; z-index: 20; padding: 0 20px; } .teaser_wrapper.teaser_wrapper--type-2 .teaser_content .teaser_header { font-family: "IBM Plex Serif", serif; font-size: 22px; line-height: 1.45; text-align: center; color: #fff; padding: 66px 0 60px; margin: 0 -10px; } .teaser_wrapper.teaser_wrapper--type-2 .teaser_content .teaser_link { button-config: "size-large/mat-ghost/layout-onlytext/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ background: #fff; border-color: #1890FF; color: #0468B4; width: 100%; margin: 0 0 35px; } .teaser_wrapper.teaser_wrapper--type-2 .teaser_content .teaser_link span { font-weight: 600; } .teaser_wrapper.teaser_wrapper--type-2 .teaser_content .teaser_link:hover { background: #79ACD1; border-color: #79ACD1; } .teaser_wrapper.teaser_wrapper--type-2 .teaser_content .teaser_link:focus { background: #79ACD1; border-color: #0468B4; } .teaser_wrapper.teaser_wrapper--type-2 .teaser_content .teaser_link:active { background: #024C83; border-color: #024C83; } .teaser_wrapper.teaser_wrapper--type-2 .teaser_content .teaser_link[disabled], .teaser_wrapper.teaser_wrapper--type-2 .teaser_content .teaser_link.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .teaser_wrapper.teaser_wrapper--type-2 .teaser_content .teaser_link[disabled]:hover, .teaser_wrapper.teaser_wrapper--type-2 .teaser_content .teaser_link.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .teaser_wrapper.teaser_wrapper--type-2 .teaser_content .teaser_link[disabled]:focus, .teaser_wrapper.teaser_wrapper--type-2 .teaser_content .teaser_link.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .teaser_wrapper.teaser_wrapper--type-2 .teaser_content .teaser_link[disabled]:active, .teaser_wrapper.teaser_wrapper--type-2 .teaser_content .teaser_link.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .teaser_wrapper.teaser_wrapper--type-2 .teaser_content .teaser_link:hover { background: #fff; border-color: #40A9FF; color: #79ACD1; } .teaser_wrapper.teaser_wrapper--type-2 .teaser_content .teaser_link:focus { background: #fff; border-color: #40A9FF; color: #79ACD1; } .teaser_wrapper.teaser_wrapper--type-2 .teaser_content .teaser_link:active { background: #fff; border-color: #096DD9; color: #0B77B0; } .teaser_wrapper.teaser_wrapper--type-2 .teaser_content .teaser_link [disabled] { background: #fff; border-color: #cfcfcf; color: #999999; } .teaser_wrapper.teaser_wrapper--type-2 .teaser_content .teaser_link [disabled]:hover { background: #fff; border-color: #cfcfcf; color: #999999; } .teaser_wrapper.teaser_wrapper--type-2 .teaser_content .teaser_link [disabled]:focus { background: #fff; border-color: #cfcfcf; color: #999999; } .teaser_wrapper.teaser_wrapper--type-2 .teaser_content .teaser_link [disabled]:active { background: #fff; border-color: #cfcfcf; color: #999999; } .teaser_wrapper.teaser_wrapper--type-3 { border-radius: 4px; padding: 32px 24px 24px 24px; background: #0468B4; } .teaser_wrapper.teaser_wrapper--type-3 .teaser_header { font-family: "IBM Plex Serif", serif; font-size: 22px; line-height: 1.45; color: #fff; padding-bottom: 16px; } .teaser_wrapper.teaser_wrapper--type-3 .teaser_text { padding-bottom: 12px; } .teaser_wrapper.teaser_wrapper--type-3 .teaser_text p { font-size: 14px; line-height: 1.57; color: #fff; } .teaser_wrapper.teaser_wrapper--type-3 .teaser_link { button-config: "size-large/mat-ghost/layout-onlytext/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ background: #fff; border-color: #1890FF; color: #0468B4; } .teaser_wrapper.teaser_wrapper--type-3 .teaser_link span { font-weight: 600; } .teaser_wrapper.teaser_wrapper--type-3 .teaser_link:hover { background: #79ACD1; border-color: #79ACD1; } .teaser_wrapper.teaser_wrapper--type-3 .teaser_link:focus { background: #79ACD1; border-color: #0468B4; } .teaser_wrapper.teaser_wrapper--type-3 .teaser_link:active { background: #024C83; border-color: #024C83; } .teaser_wrapper.teaser_wrapper--type-3 .teaser_link[disabled], .teaser_wrapper.teaser_wrapper--type-3 .teaser_link.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .teaser_wrapper.teaser_wrapper--type-3 .teaser_link[disabled]:hover, .teaser_wrapper.teaser_wrapper--type-3 .teaser_link.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .teaser_wrapper.teaser_wrapper--type-3 .teaser_link[disabled]:focus, .teaser_wrapper.teaser_wrapper--type-3 .teaser_link.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .teaser_wrapper.teaser_wrapper--type-3 .teaser_link[disabled]:active, .teaser_wrapper.teaser_wrapper--type-3 .teaser_link.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .teaser_wrapper.teaser_wrapper--type-3 .teaser_link:hover { background: #fff; border-color: #40A9FF; color: #79ACD1; } .teaser_wrapper.teaser_wrapper--type-3 .teaser_link:focus { background: #fff; border-color: #40A9FF; color: #79ACD1; } .teaser_wrapper.teaser_wrapper--type-3 .teaser_link:active { background: #fff; border-color: #096DD9; color: #0B77B0; } .teaser_wrapper.teaser_wrapper--type-3 .teaser_link [disabled] { background: #fff; border-color: #cfcfcf; color: #999999; } .teaser_wrapper.teaser_wrapper--type-3 .teaser_link [disabled]:hover { background: #fff; border-color: #cfcfcf; color: #999999; } .teaser_wrapper.teaser_wrapper--type-3 .teaser_link [disabled]:focus { background: #fff; border-color: #cfcfcf; color: #999999; } .teaser_wrapper.teaser_wrapper--type-3 .teaser_link [disabled]:active { background: #fff; border-color: #cfcfcf; color: #999999; } .teaser_wrapper.teaser_wrapper--type-4 { background: #FFF6E1; border-radius: 4px; padding: 40px 24px 24px; } .teaser_wrapper.teaser_wrapper--type-4 .teaser_header { font-size: 18px; line-height: 1.33; padding-bottom: 24px; } .teaser_wrapper.teaser_wrapper--type-4 .teaser_text { padding-bottom: 20px; } .teaser_wrapper.teaser_wrapper--type-4 .teaser_text p { font-size: 14px; line-height: 1.57; } .teaser_wrapper.teaser_wrapper--type-4 .teaser_link { button-config: "size-large/mat-solid/layout-onlytext/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ } .teaser_wrapper.teaser_wrapper--type-4 .teaser_link span { font-weight: 600; } .teaser_wrapper.teaser_wrapper--type-4 .teaser_link:hover { background: #79ACD1; border-color: #79ACD1; } .teaser_wrapper.teaser_wrapper--type-4 .teaser_link:focus { background: #79ACD1; border-color: #0468B4; } .teaser_wrapper.teaser_wrapper--type-4 .teaser_link:active { background: #024C83; border-color: #024C83; } .teaser_wrapper.teaser_wrapper--type-4 .teaser_link[disabled], .teaser_wrapper.teaser_wrapper--type-4 .teaser_link.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .teaser_wrapper.teaser_wrapper--type-4 .teaser_link[disabled]:hover, .teaser_wrapper.teaser_wrapper--type-4 .teaser_link.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .teaser_wrapper.teaser_wrapper--type-4 .teaser_link[disabled]:focus, .teaser_wrapper.teaser_wrapper--type-4 .teaser_link.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .teaser_wrapper.teaser_wrapper--type-4 .teaser_link[disabled]:active, .teaser_wrapper.teaser_wrapper--type-4 .teaser_link.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .teaser_wrapper.teaser_wrapper--type-6 { background: #FFF6E1; border-radius: 4px; padding: 40px 24px 24px; } .teaser_wrapper.teaser_wrapper--type-6 .teaser_header { font-size: 18px; line-height: 1.33; padding-bottom: 24px; } .teaser_wrapper.teaser_wrapper--type-6 .teaser_text { padding-bottom: 20px; } .teaser_wrapper.teaser_wrapper--type-6 .teaser_text p, .teaser_wrapper.teaser_wrapper--type-6 .teaser_text li { font-size: 14px; line-height: 1.57; } .teaser_wrapper.teaser_wrapper--type-6 .teaser_text ul { list-style-type: none; } .teaser_wrapper.teaser_wrapper--type-6 .teaser_text ul li { padding: 4px 0; position: relative; } .teaser_wrapper.teaser_wrapper--type-6 .teaser_text ul li:before { content: ""; position: absolute; left: -24px; top: 10px; height: 10px; width: 13px; background: url(/fileadmin/Resources/Public/Global/Icons/checkmark.svg) no-repeat center center; } .teaser_wrapper.teaser_wrapper--type-6 .teaser_link { button-config: "size-large/mat-solid/layout-iconleft/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; flex-direction: row; padding-left: 44px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ } .teaser_wrapper.teaser_wrapper--type-6 .teaser_link span { font-weight: 600; } .teaser_wrapper.teaser_wrapper--type-6 .teaser_link:before { content: "#"; display: flex; justify-content: center; align-items: center; position: absolute; left: 4px; width: 40px; height: 40px; } .teaser_wrapper.teaser_wrapper--type-6 .teaser_link:hover { background: #79ACD1; border-color: #79ACD1; } .teaser_wrapper.teaser_wrapper--type-6 .teaser_link:focus { background: #79ACD1; border-color: #0468B4; } .teaser_wrapper.teaser_wrapper--type-6 .teaser_link:active { background: #024C83; border-color: #024C83; } .teaser_wrapper.teaser_wrapper--type-6 .teaser_link[disabled], .teaser_wrapper.teaser_wrapper--type-6 .teaser_link.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .teaser_wrapper.teaser_wrapper--type-6 .teaser_link[disabled]:hover, .teaser_wrapper.teaser_wrapper--type-6 .teaser_link.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .teaser_wrapper.teaser_wrapper--type-6 .teaser_link[disabled]:focus, .teaser_wrapper.teaser_wrapper--type-6 .teaser_link.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .teaser_wrapper.teaser_wrapper--type-6 .teaser_link[disabled]:active, .teaser_wrapper.teaser_wrapper--type-6 .teaser_link.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .teaser_wrapper.teaser_wrapper--type-6 .teaser_link:before { content: url(/fileadmin/Resources/Public/Global/Icons/unlock.svg); } select#tx-datamintsshibboleth-form-identityProvider { width: 100%; } #pxa-cookie-bar { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10000; background: white; padding: 40px 30px 30px; box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.3); } #pxa-cookie-bar .cookie-warning { display: inline-grid; width: 100%; max-width: 1306px; grid-template-columns: auto 60px; grid-template-rows: auto; grid-column-gap: 20px; } #pxa-cookie-bar .cookie-warning p { display: inline-block; grid-column: 1; grid-row: 1; } #pxa-cookie-bar .cookie-warning p a { font-weight: bold; color: #0068B4; } #pxa-cookie-bar .cookie-warning .cookie-buttons { display: inline-block; grid-column: 2; grid-row: 1; } #pxa-cookie-bar .cookie-warning .cookie-buttons a { button-config: "size-large/mat-solid/layout-onlytext/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ } #pxa-cookie-bar .cookie-warning .cookie-buttons a span { font-weight: 600; } #pxa-cookie-bar .cookie-warning .cookie-buttons a:hover { background: #79ACD1; border-color: #79ACD1; } #pxa-cookie-bar .cookie-warning .cookie-buttons a:focus { background: #79ACD1; border-color: #0468B4; } #pxa-cookie-bar .cookie-warning .cookie-buttons a:active { background: #024C83; border-color: #024C83; } #pxa-cookie-bar .cookie-warning .cookie-buttons a[disabled], #pxa-cookie-bar .cookie-warning .cookie-buttons a.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } #pxa-cookie-bar .cookie-warning .cookie-buttons a[disabled]:hover, #pxa-cookie-bar .cookie-warning .cookie-buttons a.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } #pxa-cookie-bar .cookie-warning .cookie-buttons a[disabled]:focus, #pxa-cookie-bar .cookie-warning .cookie-buttons a.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } #pxa-cookie-bar .cookie-warning .cookie-buttons a[disabled]:active, #pxa-cookie-bar .cookie-warning .cookie-buttons a.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .datamints_impressum_infos { /* Align the info text with the logo output by the datamints_getimpressum plugin */ /* Unfortunately the plugin delivers inline styles, so we have to use important here to override those */ vertical-align: baseline !important; } :root { --c-dorsch-hover-blue:#639ad0; --c-dorsch-dark-blue:#2170bc; --c-dorsch-light-blue:#cfd5ea; --c-dorsch-lighter-blue:#e9ebf5; } .wrap--layout-iframe ~ .datamints-ccm { display: none; } .external-iframe-security, .video-embed { display: grid; align-content: center; justify-content: center; } .external-iframe-security { position: relative; } .external-iframe-security > div { position: absolute; top: 10%; background-color: white; padding: 20px; margin: 0 20px; max-height: 85%; border-top: 50px solid white; font-size: 14px; } .external-iframe-security input { position: absolute !important; top: 80%; left: 50%; transform: translateX(-50%); button-config: "size-large/layout-onlytext/mat-solid/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ } .external-iframe-security input span { font-weight: 600; } .external-iframe-security input:hover { background: #79ACD1; border-color: #79ACD1; } .external-iframe-security input:focus { background: #79ACD1; border-color: #0468B4; } .external-iframe-security input:active { background: #024C83; border-color: #024C83; } .external-iframe-security input[disabled], .external-iframe-security input.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .external-iframe-security input[disabled]:hover, .external-iframe-security input.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .external-iframe-security input[disabled]:focus, .external-iframe-security input.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .external-iframe-security input[disabled]:active, .external-iframe-security input.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } #cookiebanner .h1 p { font-family: "IBM Plex Serif", serif; font-size: 26px; line-height: 1.2307692308; margin-bottom: 20px; -webkit-hyphens: auto; hyphens: auto; } .datamints-ccm .ccm-action { margin: 0; padding: 3px 40px; border: 2px solid var(--c-dorsch-dark-blue); font-size: 1.2rem; text-decoration: none; } .datamints-ccm .ccm-action:hover { text-decoration: none; color: white; background-color: var(--c-dorsch-hover-blue); } .datamints-ccm .ccm-cb { display: none; } .datamints-ccm .ccm-cb.ccm-cb--visible { display: block; } .datamints-ccm .ccm-cb .ccm-cb--footer .ccm-cb--actions { flex-direction: row-reverse; justify-content: flex-end; gap: 20px; } .datamints-ccm .ccm-cb .ccm-cb--footer .ccm-cb--actions .ccm-action { margin: 0; color: black; text-transform: uppercase; } .datamints-ccm .ccm-cb .ccm-cb--footer .ccm-cb--actions .ccm-action:hover { color: white; background-color: var(--c-dorsch-hover-blue); } .datamints-ccm .ccm-cb .ccm-cb--footer .ccm-cb--actions .ccm-action:first-of-type, .datamints-ccm .ccm-cb .ccm-cb--footer .ccm-cb--actions .ccm-action:nth-of-type(2) { color: white; background-color: var(--c-dorsch-dark-blue); } .datamints-ccm .ccm-cb .ccm-cb--footer .ccm-cb--actions .ccm-action:first-of-type:hover, .datamints-ccm .ccm-cb .ccm-cb--footer .ccm-cb--actions .ccm-action:nth-of-type(2):hover { color: white; background-color: var(--c-dorsch-hover-blue); } .datamints-ccm .ccm-consentmanager--overlay .cookie-banner .ccm-cm .ccm-cm--group .ccm-cm--group-header--title h2 { font-family: "IBM Plex Sans", sans-serif; font-weight: bold; font-size: 1.2rem; margin-bottom: 10px; } .datamints-ccm .ccm-consentmanager--overlay .cookie-banner .ccm-cm .ccm-cm--group .ccm-cm--purpose { margin-top: 0; } .datamints-ccm .ccm-consentmanager--overlay .cookie-banner .ccm-cm .ccm-cm--group .ccm-cm--purpose .ccm-checkbox--container { margin-bottom: 15px; } .datamints-ccm .ccm-consentmanager--overlay .cookie-banner .ccm-cm .ccm-cm--group .ccm-cm--purpose .ccm-checkbox--container .ccm-checkbox--label { display: flex; align-items: center; gap: 4px; } .datamints-ccm .ccm-consentmanager--overlay .cookie-banner .ccm-cm .ccm-cm--group .ccm-cm--purpose .ccm-checkbox--container .ccm-checkbox--label input { height: 24px; width: 24px; } .datamints-ccm .ccm-consentmanager--overlay .cookie-banner .ccm-cm .ccm-cm--group .ccm-cm--purpose .ccm-cm--cookie--header { display: grid; grid-template-columns: 6fr 8fr 6fr; margin-bottom: 6px; } .datamints-ccm .ccm-consentmanager--overlay .cookie-banner .ccm-cm .ccm-cm--group .ccm-cm--purpose .ccm-cm--cookie--header .ccm-cm--cookie--column-title { border-right: 4px solid var(--c-dorsch-lighter-blue); padding: 10px 20px; color: white; background-color: var(--c-dorsch-dark-blue); } .datamints-ccm .ccm-consentmanager--overlay .cookie-banner .ccm-cm .ccm-cm--group .ccm-cm--purpose .ccm-cm--cookie--header .ccm-cm--cookie--column-title:nth-of-type(3) { border-right: 0; } .datamints-ccm .ccm-consentmanager--overlay .cookie-banner .ccm-cm .ccm-cm--group .ccm-cm--purpose .ccm-cm--cookie--header .ccm-cm--cookie--column-title:last-of-type { display: none; } .datamints-ccm .ccm-consentmanager--overlay .cookie-banner .ccm-cm .ccm-cm--group .ccm-cm--purpose .ccm-cm--provider .ccm-cm--cookies { margin-bottom: 0; } .datamints-ccm .ccm-consentmanager--overlay .cookie-banner .ccm-cm .ccm-cm--group .ccm-cm--purpose .ccm-cm--provider .ccm-cm--cookies .ccm-cm--cookie .arrow { top: 5px; } .datamints-ccm .ccm-consentmanager--overlay .cookie-banner .ccm-cm .ccm-cm--group .ccm-cm--purpose .ccm-cm--provider .ccm-cm--cookies .ccm-cm--cookie .arrow svg { height: 34px; width: 34px; } .datamints-ccm .ccm-consentmanager--overlay .cookie-banner .ccm-cm .ccm-cm--group .ccm-cm--purpose .ccm-cm--provider .ccm-cm--cookies .ccm-cm--cookie .ccm-cm--cookie--columns { margin-bottom: 2px; background-color: var(--c-dorsch-light-blue); display: grid; grid-template-columns: 6fr 8fr 4fr 2fr; } .datamints-ccm .ccm-consentmanager--overlay .cookie-banner .ccm-cm .ccm-cm--group .ccm-cm--purpose .ccm-cm--provider .ccm-cm--cookies .ccm-cm--cookie .ccm-cm--cookie--columns div { border-right: 4px solid var(--c-dorsch-dark-blue); padding: 10px 20px; background-color: var(--c-dorsch-light-blue); } .datamints-ccm .ccm-consentmanager--overlay .cookie-banner .ccm-cm .ccm-cm--group .ccm-cm--purpose .ccm-cm--provider .ccm-cm--cookies .ccm-cm--cookie .ccm-cm--cookie--columns div:last-of-type, .datamints-ccm .ccm-consentmanager--overlay .cookie-banner .ccm-cm .ccm-cm--group .ccm-cm--purpose .ccm-cm--provider .ccm-cm--cookies .ccm-cm--cookie .ccm-cm--cookie--columns div:nth-of-type(3) { border-right: 0; } .datamints-ccm .ccm-consentmanager--overlay .cookie-banner .ccm-cm .ccm-cm--group .ccm-cm--purpose .ccm-cm--provider .ccm-cm--cookies .ccm-cm--cookie .ccm-cm--cookie--detail { margin-bottom: 6px; margin-top: 0; padding: 10px 20px; background-color: var(--c-dorsch-lighter-blue); } .datamints-ccm .ccm-consentmanager--overlay .cookie-banner .ccm-cm .ccm-cm--footer .ccm-action { margin: 0 0 0 8px; text-align: center; } .datamints-ccm .ccm-consentmanager--overlay .cookie-banner .ccm-cm .ccm-cm--footer .ccm-action:last-of-type { color: white; background-color: var(--c-dorsch-dark-blue); } .datamints-ccm .ccm-consentmanager--overlay .cookie-banner .ccm-cm .ccm-cm--footer .ccm-action:last-of-type:hover { color: white; background-color: var(--c-dorsch-hover-blue); } .frame-type-form_formframework form .actions button { margin-top: 22px; button-config: "size-large/mat-solid/layout-onlytext/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ } .frame-type-form_formframework form .actions button span { font-weight: 600; } .frame-type-form_formframework form .actions button:hover { background: #79ACD1; border-color: #79ACD1; } .frame-type-form_formframework form .actions button:focus { background: #79ACD1; border-color: #0468B4; } .frame-type-form_formframework form .actions button:active { background: #024C83; border-color: #024C83; } .frame-type-form_formframework form .actions button[disabled], .frame-type-form_formframework form .actions button.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .frame-type-form_formframework form .actions button[disabled]:hover, .frame-type-form_formframework form .actions button.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .frame-type-form_formframework form .actions button[disabled]:focus, .frame-type-form_formframework form .actions button.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .frame-type-form_formframework form .actions button[disabled]:active, .frame-type-form_formframework form .actions button.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .frame-type-form_formframework form .form-group-text { padding: 10px 0; } .frame-type-form_formframework form .form-group-text label { width: 100%; font-size: 12px; padding: 0 0 2px 0; color: #595959; display: block; } .frame-type-form_formframework form .form-group-text .input input { width: 100%; outline: none; border-radius: 4px; background-color: #F7F7F8; border: none; height: 40px; width: 100%; font-size: 16px; padding-left: 12px; padding-right: 12px; } .frame-type-form_formframework form .form-group-text .input input:disabled { cursor: not-allowed; background: #F7F7F8; } .frame-type-form_formframework form .form-group-radiobutton { padding: 10px 0; } .frame-type-form_formframework form .form-group-radiobutton .input label { width: 100%; font-size: 12px; padding: 0 0 2px 0; color: #595959; display: block; } .frame-type-form_formframework form .form-group-radiobutton .input .form-group { display: flex; flex-wrap: wrap; } .frame-type-form_formframework form .form-group-radiobutton .input .form-group .radio, .frame-type-form_formframework form .form-group-radiobutton .input .form-group .form-check { /* Expects a HTML Structure like label input span 'Actual label text' */ } .frame-type-form_formframework form .form-group-radiobutton .input .form-group .radio label, .frame-type-form_formframework form .form-group-radiobutton .input .form-group .form-check label { display: block; position: relative; padding: 0 44px 0 20px; font-size: 14px; } .frame-type-form_formframework form .form-group-radiobutton .input .form-group .radio label input, .frame-type-form_formframework form .form-group-radiobutton .input .form-group .form-check label input { display: none; } .frame-type-form_formframework form .form-group-radiobutton .input .form-group .radio label input + span:before, .frame-type-form_formframework form .form-group-radiobutton .input .form-group .radio label input + span:after, .frame-type-form_formframework form .form-group-radiobutton .input .form-group .form-check label input + span:before, .frame-type-form_formframework form .form-group-radiobutton .input .form-group .form-check label input + span:after { position: absolute; left: 0; top: 3px; width: 16px; height: 16px; transition: 0.2s all; } .frame-type-form_formframework form .form-group-radiobutton .input .form-group .radio label input + span:before, .frame-type-form_formframework form .form-group-radiobutton .input .form-group .form-check label input + span:before { content: url(/fileadmin/Resources/Public/Global/Icons/radio-default.svg); } .frame-type-form_formframework form .form-group-radiobutton .input .form-group .radio label input + span:after, .frame-type-form_formframework form .form-group-radiobutton .input .form-group .form-check label input + span:after { content: url(/fileadmin/Resources/Public/Global/Icons/radio-checked.svg); opacity: 0; } .frame-type-form_formframework form .form-group-radiobutton .input .form-group .radio label input:checked + span:after, .frame-type-form_formframework form .form-group-radiobutton .input .form-group .form-check label input:checked + span:after { opacity: 1; } .frame-type-form_formframework form .form-group-radiobutton .input .form-group .radio label input:checked + span:before, .frame-type-form_formframework form .form-group-radiobutton .input .form-group .form-check label input:checked + span:before { opacity: 0; } .frame-type-form_formframework form .form-group-radiobutton .input .form-group .form-check { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: flex-start; } .frame-type-form_formframework form .form-group-radiobutton .input .form-group .form-check label { padding-left: 10px; } .frame-type-form_formframework form .form-group-singleselect { padding: 10px 0; } .frame-type-form_formframework form .form-group-singleselect label { width: 100%; font-size: 12px; padding: 0 0 2px 0; color: #595959; display: block; } .frame-type-form_formframework form .form-group-singleselect .input { background: #F7F7F8; border-radius: 4px; } .frame-type-form_formframework form .form-group-singleselect .input select { outline: none; border-radius: 4px; background-color: #F7F7F8; border: none; height: 40px; width: 100%; font-size: 16px; padding-left: 12px; padding-right: 12px; padding: 0 8px; } .frame-type-form_formframework form .form-group-singleselect .input select:disabled { cursor: not-allowed; background: #F7F7F8; } .frame-type-form_formframework form .form-group-textarea { padding: 10px 0; } .frame-type-form_formframework form .form-group-textarea label { width: 100%; font-size: 12px; padding: 0 0 2px 0; color: #595959; display: block; } .frame-type-form_formframework form .form-group-textarea .input { background: #F7F7F8; border-radius: 4px; } .frame-type-form_formframework form .form-group-textarea .input textarea { outline: none; border-radius: 4px; background-color: #F7F7F8; border: none; height: 40px; width: 100%; font-size: 16px; padding-left: 12px; padding-right: 12px; padding: 12px; height: 120px; } .frame-type-form_formframework form .form-group-textarea .input textarea:disabled { cursor: not-allowed; background: #F7F7F8; } .frame-type-form_formframework form .form-group-anrede { margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid #EAECED; } .bookmark-detail_heading { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto 31px auto; border-bottom: 1px solid #EAECED; padding-bottom: 10px; } .bookmark-detail_heading-title { grid-column: 1; grid-row: 1; font-size: 26px; } .bookmark-detail_heading-export { grid-column: 2; grid-row: 1; text-align: right; } .bookmark-detail_heading-count { grid-column: 1; grid-row: 3; font-size: 14px; } .bookmark-detail_heading-sort { grid-column: 2; grid-row: 3; text-align: right; font-size: 14px; } .bookmark-detail_heading-sort-form { display: inline-block; } .bookmark-detail_heading-sort-submit { display: none; } .bookmark-detail_heading-export-link { button-config: "size-small/layout-onlytext/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 8px; height: 24px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ } .bookmark-detail_heading-export-link span { font-weight: 600; } .bookmark-detail_heading-export-link:hover { background: #79ACD1; border-color: #79ACD1; } .bookmark-detail_heading-export-link:focus { background: #79ACD1; border-color: #0468B4; } .bookmark-detail_heading-export-link:active { background: #024C83; border-color: #024C83; } .bookmark-detail_heading-export-link[disabled], .bookmark-detail_heading-export-link.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .bookmark-detail_heading-export-link[disabled]:hover, .bookmark-detail_heading-export-link.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .bookmark-detail_heading-export-link[disabled]:focus, .bookmark-detail_heading-export-link.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .bookmark-detail_heading-export-link[disabled]:active, .bookmark-detail_heading-export-link.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .bookmark-detail_list { margin-top: 16px; } .bookmark-detail_list-separator { padding-top: 18px; padding-bottom: 6px; border-bottom: 1px solid #cfcfcf; } .bookmark-detail_list-separator-text { font-weight: 600; font-size: 14px; color: #595959; } .bookmark-detail_list-separator-text--blue { color: #0068B4; font-size: 18px; } .bookmark-detail_list-item { margin-top: 17px; margin-bottom: 28px; } .bookmark-detail_list-item-title { font-weight: 600; } .bookmark-detail_list-item-text { margin-top: 8px; } .bookmark-detail_list-item-text--error { color: #F24445; } .bookmark-detail_list-item-actions { margin-top: 15px; display: grid; grid-template-columns: auto 84px 24px; -ms-grid-columns: 1fr 84px 24px; } .bookmark-detail_list-item-type { font-size: 12px; color: #999999; line-height: 24px; grid-column: 1; } .bookmark-detail_list-item-date { font-size: 14px; color: #595959; line-height: 24px; grid-column: 2; } .bookmark-detail_list-item-delete { font-size: 14px; line-height: 14px; padding: 4px 5px; grid-column: 3; display: inline-block; } .register__form { grid-template-columns: 1fr 1fr; } .register__header { grid-column-start: 1; grid-column-end: 3; } .register__legend { font-size: 12px; line-height: 16px; text-align: right; grid-column-start: 1; grid-column-end: 3; } .register__field--username { grid-column-start: 1; grid-column-end: 3; } .register__field--first-name { grid-column: 1; } .register__field--last-name { grid-column: 2; } .register__field--password { grid-column-start: 1; grid-column-end: 3; } .register__field--password-repeat { grid-column-start: 1; grid-column-end: 3; } .register__field--terms { grid-column-start: 1; grid-column-end: 3; } .register__field--submit { grid-column-start: 1; grid-column-end: 3; } .register__field--product { grid-column-start: 1; grid-column-end: 3; } .femanager_error { padding: 0; } .femanager_error li { color: #db0723; list-style: none; } .purchase_list-validto { color: #F24445; } .purchase_list-validto--active { color: #8BC34A; } .purchase-list_item { display: grid; grid-template-columns: auto 10px max-content 10px max-content 10px max-content; grid-template-rows: 10px auto; margin-top: 10px; margin-bottom: 10px; } .purchase-list_item--main { border-top: 1px solid #cfcfcf; } .purchase-list_item-type { grid-column: 1; grid-row: 2; } .purchase-list_item-duration { grid-column: 3; grid-row: 2; } .purchase-list_item-subtype { grid-column: 5; grid-row: 2; } .purchase-list_item-activated { grid-column: 7; grid-row: 2; } .purchase-list_item-activated--hidden { color: transparent; } .purchase-list_item-heading { font-weight: bold; border-top: none; } .tx-felogin-pi1 h3, .tx-felogin-pi1 .testcategories .testcategory__header, .testcategories .tx-felogin-pi1 .testcategory__header { font-family: "IBM Plex Sans", sans-serif; margin-bottom: 20px; } .tx-felogin-pi1 fieldset { margin-top: 10px; padding: 0; border: 0; } .tx-felogin-pi1 fieldset legend { display: none; } .tx-felogin-pi1 fieldset .form-group:nth-child(2) label { display: block; margin-top: 10px; font-size: 12px; } .tx-felogin-pi1 fieldset .form-group:nth-child(2) input { outline: none; border-radius: 4px; background-color: #F7F7F8; border: none; height: 40px; width: 100%; font-size: 16px; padding-left: 12px; padding-right: 12px; } .tx-felogin-pi1 fieldset .form-group:nth-child(2) input:disabled { cursor: not-allowed; background: #F7F7F8; } .tx-felogin-pi1 fieldset .form-group:nth-child(3) { margin: 10px 0; } .tx-felogin-pi1 fieldset .form-group:nth-child(3) input { button-config: "size-medium/layout-onlytext/mat-solid/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 18px; height: 32px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ } .tx-felogin-pi1 fieldset .form-group:nth-child(3) input span { font-weight: 600; } .tx-felogin-pi1 fieldset .form-group:nth-child(3) input:hover { background: #79ACD1; border-color: #79ACD1; } .tx-felogin-pi1 fieldset .form-group:nth-child(3) input:focus { background: #79ACD1; border-color: #0468B4; } .tx-felogin-pi1 fieldset .form-group:nth-child(3) input:active { background: #024C83; border-color: #024C83; } .tx-felogin-pi1 fieldset .form-group:nth-child(3) input[disabled], .tx-felogin-pi1 fieldset .form-group:nth-child(3) input.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .tx-felogin-pi1 fieldset .form-group:nth-child(3) input[disabled]:hover, .tx-felogin-pi1 fieldset .form-group:nth-child(3) input.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .tx-felogin-pi1 fieldset .form-group:nth-child(3) input[disabled]:focus, .tx-felogin-pi1 fieldset .form-group:nth-child(3) input.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .tx-felogin-pi1 fieldset .form-group:nth-child(3) input[disabled]:active, .tx-felogin-pi1 fieldset .form-group:nth-child(3) input.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .delete-account_form--terms { margin-bottom: 20px; } .delete-account__header { margin-bottom: 20px; } .accordion__tab { border-bottom: 2px #0468B4 solid; } .accordion__tabheader { padding: 5px 0; } .accordion__tabheader:hover { cursor: pointer; } .datamintspayoneproducts_countryswitch { display: flex; list-style-type: none; padding: 0; } .datamintspayoneproducts_countryswitch-list-item:first-child .datamintspayoneproducts_countryswitch-country { border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .datamintspayoneproducts_countryswitch-list-item:last-child .datamintspayoneproducts_countryswitch-country { border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .datamintspayoneproducts_countryswitch-country { background: transparent; display: inline-flex; align-items: center; justify-content: center; color: #999999; border: 1px solid #999999; width: 60px; height: 40px; text-align: center; padding: 0; } .datamintspayoneproducts_countryswitch-country.active, .datamintspayoneproducts_countryswitch-country:hover, .datamintspayoneproducts_countryswitch-country:focus { border-color: #0468B4; color: #0468B4; } .datamintspayoneproducts_countryswitch-country:hover { cursor: pointer; } .datamintspayoneproducts_countryswitch-country-image { width: auto; height: 19px; } .datamintspayoneproducts_products { margin-top: 20px; } .datamintspayoneproducts_products-country { display: flex; width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; flex-direction: column; } .datamintspayoneproducts_products-country-product { display: block; width: calc(100% - 20px); padding: 10px; margin: 10px; border: 2px solid #0468B4; } .datamintspayoneproducts_products-country-product-wrapper { display: flex; flex-direction: column; min-height: 100%; } .datamintspayoneproducts_products-country-product-title { font-weight: bold; font-size: 1em; line-height: 1.5; font-family: "IBM Plex Sans", sans-serif; } .datamintspayoneproducts_products-country-product-description p { word-break: break-word; margin-bottom: 15px; } .datamintspayoneproducts_products-country-product-spacer { flex-grow: 1; } .datamintspayoneproducts_products-country-product-price { font-weight: bold; } .datamintspayoneproducts_products-country-product-link { button-config: "size-medium/mat-solid/layout-onlytext/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 18px; height: 32px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ } .datamintspayoneproducts_products-country-product-link span { font-weight: 600; } .datamintspayoneproducts_products-country-product-link:hover { background: #79ACD1; border-color: #79ACD1; } .datamintspayoneproducts_products-country-product-link:focus { background: #79ACD1; border-color: #0468B4; } .datamintspayoneproducts_products-country-product-link:active { background: #024C83; border-color: #024C83; } .datamintspayoneproducts_products-country-product-link[disabled], .datamintspayoneproducts_products-country-product-link.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .datamintspayoneproducts_products-country-product-link[disabled]:hover, .datamintspayoneproducts_products-country-product-link.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .datamintspayoneproducts_products-country-product-link[disabled]:focus, .datamintspayoneproducts_products-country-product-link.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .datamintspayoneproducts_products-country-product-link[disabled]:active, .datamintspayoneproducts_products-country-product-link.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .datamintspayoneproducts_products-country-product--select { cursor: pointer; border-color: #999999; } .datamintspayoneproducts_products-country-product--select:hover { border-color: #0468B4; } .datamintspayoneproducts_products-country.hidden { display: none; } .datamintspayone_purchases-payment-bougt--active { color: #8BC34A; } .datamintspayone_purchases-payment-removed { color: #595959; } .datamintspayone_purchases-payment-canceled { color: #F24445; } .datamintspayone_purchases-payment-cancel { margin-top: 20px; margin-bottom: 20px; } .datamintspayone_purchases-payment-purchase-heading { font-weight: bold; } .category-detail__content { /* Basis-Klasse muss jeder Tabelle gegeben werden */ /*Tabellenreihe ohne Linie unten*/ /*Tabellenspalte Linie links*/ /* Zwischenüberschrift */ /* Nummerierter Text mit Einzug */ /* Tabellenlegende */ /* Vertikaler Text innerhalb td oder th */ /* Verlinkungen zu anderen Beiträgen */ /* Farblicher Text */ /* Zentriert Horizontal */ /* Zentriert Vertikal */ /* Tabellenunterschrift */ } .category-detail__content .contenttable { font-family: IBM Plex Sans, Arial, Helvetica, sans-serif; font-size: 12px; border-collapse: collapse; line-height: 130%; background-color: #ffffff; } .category-detail__content .contenttable thead tr { background-color: #b9d3ea; border-top: 2px solid black; border-bottom: 2px solid black; } .category-detail__content .contenttable tr, .category-detail__content .contenttable td, .category-detail__content .contenttable th { text-align: left; vertical-align: top; } .category-detail__content .contenttable td, .category-detail__content .contenttable th { padding: 10px 35px 10px 15px; border-bottom: 1px solid grey; } .category-detail__content .contenttable tr { background-color: #ffffff; } .category-detail__content .contenttable tr.main { background-color: #dee9f4; font-weight: bold; } .category-detail__content .contenttable .without_border { border-bottom: none; } .category-detail__content .contenttable .border_left { border-left: 1px solid grey; } .category-detail__content .contenttable th.subheading { border-bottom: none; padding-bottom: 0px; } .category-detail__content .contenttable p.numbering { display: block; margin-top: 0; text-indent: -1.2em; margin-left: 1.2em; font-family: inherit; font-size: inherit; } .category-detail__content .contenttable p.bullet { display: block; margin-top: 0; text-indent: -0.7em; margin-left: 0.7em; font-family: inherit; font-size: inherit; } .category-detail__content .contenttable caption { text-align: left; margin-top: 0.45rem; } .category-detail__content .contenttable td.vertical, .category-detail__content .contenttable th.vertical { writing-mode: vertical-lr; } .category-detail__content .contenttable a { color: #0068b4; } .category-detail__content .contenttable a:hover { text-decoration: underline; } .category-detail__content .contenttable .blue { color: #0468b4; } .category-detail__content .contenttable .text-center, .category-detail__content .contenttable .center-horizontal { text-align: center; } .category-detail__content .contenttable .center-vertical { vertical-align: middle; } .category-detail__content .contenttable caption { caption-side: bottom; } /* Basis-Klasse muss jeder Tabelle gegeben werden */ .dorschTableimg { font-family: IBM Plex Sans, Arial, Helvetica, sans-serif; font-size: 12px; border-collapse: collapse; line-height: 130%; background-color: #ffffff; } .dorschTableimg thead tr { background-color: #b9d3ea; border-top: 2px solid black; border-bottom: 2px solid black; } .dorschTableimg tr, .dorschTableimg td, .dorschTableimg th { text-align: left; vertical-align: top; } .dorschTableimg td, .dorschTableimg th { padding: 10px 35px 10px 15px; /*border-top:1px solid grey;*/ border-bottom: 1px solid grey; } .dorschTableimg tr { background-color: #ffffff; } .dorschTableimg tr.main { background-color: #dee9f4; font-weight: bold; } /*Tabellenreihe ohne Linie unten*/ .dorschTableimg .without_border { border-bottom: none; } /*Tabellenspalte Linie links*/ .dorschTableimg .border_left { border-left: 1px solid grey; } /* Zwischenüberschrift */ .dorschTableimg th.subheading { border-bottom: none; padding-bottom: 0px; } /* Nummerierter Text mit Einzug */ .dorschTableimg p.numbering { display: block; margin-top: 0px; text-indent: -1.2em; margin-left: 1.2em; font-family: inherit; font-size: inherit; } .dorschTableimg p.bullet { display: block; margin-top: 0px; text-indent: -0.7em; margin-left: 0.7em; font-family: inherit; font-size: inherit; } /* Tabellenlegende */ .dorschTableimg caption { text-align: left; margin-top: 0.45rem; } /* Vertikaler Text innerhalb td oder th */ .dorschTableimg td.vertical, .dorschTableimg th.vertical { writing-mode: vertical-lr; } /* Verlinkungen zu anderen Beiträgen */ .dorschTableimg a { color: #0068b4; } .dorschTableimg a:hover { text-decoration: underline; } /* Farblicher Text */ .dorschTableimg .blue { color: #0468b4; } /* Zentriert Horizontal */ .dorschTableimg .text-center, .dorschTableimg .center-horizontal { text-align: center; } /* Zentriert Vertikal */ .dorschTableimg .center-vertical { vertical-align: middle; } /* Tabellenunterschrift */ caption { caption-side: bottom; } .tx-datamints-dorsch ul.f3-widget-paginator { list-style: none; } .tx-datamints-dorsch ul.f3-widget-paginator li { float: left; width: fit-content; padding-left: 5px; } .accordion__contents { padding-left: 0; margin-bottom: 0; } .accordion__tabcontent { overflow: hidden; display: none; } .accordion__tabcontent.open { display: block; } .accordion-tab { list-style: none; display: grid; grid-template-rows: min-content 0fr; transition: all 0.5s linear; } .accordion-tab.open { grid-template-rows: min-content 1fr; } .accordion__tabheader-title { display: grid; grid-template-columns: 1fr 48px; grid-template-rows: auto; -ms-grid-columns: 1fr 48px; -ms-grid-rows: auto; cursor: pointer; background: transparent; border: none; text-align: left; width: 100%; padding: 0; } .accordion__tabheader-title-inner { grid-column-start: 1; grid-row-start: 1; -ms-grid-column: 1; -ms-grid-row: 1; } .accordion__tabheader-icon { grid-column-start: 2; grid-row-start: 1; -ms-grid-column: 2; -ms-grid-row: 1; position: relative; display: flex; justify-content: center; align-items: center; transition: transform 0.5s linear; transform: rotate(180deg); } .accordion__tabheader-title[aria-expanded=true] .accordion__tabheader-icon { transform: rotate(0deg); } .accordion [onclick*="datamints_accordion_tabs.toggle"] { cursor: pointer; } .tabs__tab-headers { display: flex; flex-wrap: wrap; flex-direction: row; align-items: stretch; } .tabs__tab-headers .tabs__tab { flex: 1; } .tabs__tab-headers .tabs__tab .tabs__tabheader { height: 100%; } .tabs__tab-headers .tabs__tab .tabs__tabheader .tabs__tabheader-title { display: inline-block; border-bottom: 4px solid #00000000; } .tabs__tab-headers .tabs__tab[aria-expanded=true] .tabs__tabheader-title { border-color: #000000ff; } .tabs__tab-contents { position: relative; } .tabs__tab-contents .tabs__tabcontent { position: absolute; height: 0px; opacity: 0; transition: 300ms opacity; overflow: hidden; } .tabs__tab-contents .open { position: relative; height: auto; opacity: 1; transition: 300ms opacity; } /* a { color: #900; &:after { font-icon: url(cherry.svg); } } */ html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizelegibility; } table { font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; font-feature-settings: "tnum"; } a.mail, a.download { padding-right: 13px; background: transparent center right no-repeat; } a.mail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAALVBMVEUAAACIioX////29vbq6unJx8Pl5eO9vbv7+/jZ2NWysrLp5+Ktq6ejoZzx8O1KYDO5AAAAAXRSTlMAQObYZgAAAEJJREFUeNotxscBwCAMA0BkuVCz/7gYwr2upAF4uRQi0Le28v+mxTm8w8WmooCd8jVjVqpjkXLKXhnj1iqplg08sQFJHQFon8fecAAAAABJRU5ErkJggg=="); } a.download { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAATElEQVR4XlXIQQrAIAwAwfzej/QtPqQUepBiqR68bWMghOzeRpCCf4DsDb26OfDk0quxo8KtN6AEGtEzNh5eRsbOx2RlHCw9YxSYR34KRKBV5WnY6QAAAABJRU5ErkJggg=="); } /* a { color: #900; &:after { font-icon: url(cherry.svg); } } */ @media (min-width: 20em) { body:before { content: "mobile ≥ 320px (20em)"; } .u-1\/1\@mobile { width: 100% !important; } .u-1\/2\@mobile { width: 50% !important; } .u-2\/2\@mobile { width: 100% !important; } .u-1\/3\@mobile { width: 33.3333333333% !important; } .u-2\/3\@mobile { width: 66.6666666667% !important; } .u-3\/3\@mobile { width: 100% !important; } .u-1\/4\@mobile { width: 25% !important; } .u-2\/4\@mobile { width: 50% !important; } .u-3\/4\@mobile { width: 75% !important; } .u-4\/4\@mobile { width: 100% !important; } .u-1\/5\@mobile { width: 20% !important; } .u-2\/5\@mobile { width: 40% !important; } .u-3\/5\@mobile { width: 60% !important; } .u-4\/5\@mobile { width: 80% !important; } .u-5\/5\@mobile { width: 100% !important; } } @media (min-width: 46.25em) { body:before { content: "tablet ≥ 740px (46.25em)"; } .u-1\/1\@tablet { width: 100% !important; } .u-1\/2\@tablet { width: 50% !important; } .u-2\/2\@tablet { width: 100% !important; } .u-1\/3\@tablet { width: 33.3333333333% !important; } .u-2\/3\@tablet { width: 66.6666666667% !important; } .u-3\/3\@tablet { width: 100% !important; } .u-1\/4\@tablet { width: 25% !important; } .u-2\/4\@tablet { width: 50% !important; } .u-3\/4\@tablet { width: 75% !important; } .u-4\/4\@tablet { width: 100% !important; } .u-1\/5\@tablet { width: 20% !important; } .u-2\/5\@tablet { width: 40% !important; } .u-3\/5\@tablet { width: 60% !important; } .u-4\/5\@tablet { width: 80% !important; } .u-5\/5\@tablet { width: 100% !important; } .wrap--layout-default { display: grid; grid-template-columns: 17.5695461201% auto 1px 24.4509516837%; grid-template-rows: 96px 1px 50px calc(100vh - 147px) 1fr; min-height: 100vh; } .wrap__sidebar-background { grid-column-start: 3; grid-row-start: 1; grid-row-end: 4; } .wrap__separator { grid-column-start: 2; grid-column-end: 4; grid-row-start: 2; } .wrap .header { grid-column-start: 1; grid-row-start: 1; grid-row-end: 5; } .wrap.wrap--layout-default .content-header { position: fixed; left: 17.5695461201%; top: 96px; width: 57.906295754%; } .wrap .contents { grid-column-start: 2; grid-row-start: 3; grid-row-end: 6; } .wrap.wrap--show-content-header .contents { grid-row-start: 4; } .wrap .sidebar { grid-column-start: 4; grid-row-start: 3; grid-row-end: 5; } .wrap.wrap--layout-default .search { position: fixed; left: 17.5695461201%; top: 0; height: 7.1010248902%; width: 57.906295754%; height: 97px; grid-column-start: 2; grid-row-start: 1; } .wrap.wrap--layout-default .userinfo { padding: 0 48px; } .contents { padding: 48px; } .wrap.wrap--layout-default .header { grid-template-columns: 13.3333333333% auto 13.3333333333%; grid-template-rows: 26px 52px 50px 1fr 35px 20px 35px min-content 40px; height: 100vh; height: -webkit-fill-available; width: 17.5695461201%; } .header__bg-primary { grid-column-start: 1; grid-column-end: 4; grid-row-start: 1; grid-row-end: 7; } .header__bg-secondary { grid-column-start: 1; grid-column-end: 4; grid-row-start: 7; grid-row-end: 10; } .header .logo { grid-column-start: 2; grid-row-start: 2; } .header .navbar-links { grid-column-start: 2; grid-row-start: 4; } .header .navbar-continuum { grid-column-start: 1; grid-column-end: 4; grid-row-start: 6; } .header .navbar-footer { grid-column-start: 2; grid-row-start: 8; } .header-search-toggle { display: none; } .logo__mobile { display: none; } .logo__default { display: block; } .wrap.wrap--layout-default .navbar-links { margin: -8px 0; } .navbar-links__list-item-link { padding: 8px; display: block; color: #fff; } .navbar-links__list-item-link.navbar-links__list-item-link--act { font-weight: bold; } .navbar-links__list-item-link.navbar-links__list-item-link--cur { font-weight: bold; } .navbar-links__list-item-link:hover, .navbar-links__list-item-link:focus-visible { background: #024C83; } .navbar-continuum { position: relative; display: block; } .navbar-footer { display: grid; grid-template-rows: auto 15px auto 35px 30px auto; } .navbar-footer__contact-mobile { display: none; } .navbar-toggle { display: none; } .sidebar.sidebar--has-context-navigator.sidebar--has-test-navigator { grid-template-rows: auto 252px 252px; } .sidebar.sidebar--has-context-navigator.sidebar--has-test-navigator .navigator--test-navigator { bottom: 271px; } .wrap.wrap--layout-default .sidebar { width: 24.4509516837%; height: calc(100vh - 96px); left: 75.5490483163%; top: 96px; } .sidebar__toggle { display: none; } .search { padding: 0 6.3211125158% 0 6.3211125158%; background: #fff; grid-row-start: 1; border-bottom: 1px #EAECED solid; } .citation-help__top { display: flex; align-items: center; justify-content: space-between; } .citation-help__table-cell { padding: 8px 0; } .citation-help__copy { right: 0; bottom: 8px; width: 32px; height: 32px; justify-content: center; align-items: center; } .bookmark-modal_content { display: grid; grid-template-columns: 56px 24px 135px 24px 97px; grid-template-rows: 24px 5px auto 18px 32px; } .bookmark-modal_content--layout2 { display: grid; grid-template-columns: 56px 24px 135px 24px 97px; grid-template-rows: 24px 5px auto 18px 32px 18px auto 5px 32px; } .bookmark-modal_content-icon { grid-row: 1/span 2; } .bookmark-modal_content-heading { grid-row: 1; } .bookmark-modal_content-register { grid-row: 5; grid-column: 3; button-config: "size-medium/layout-onlytext/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ padding: 0 18px; height: 32px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ } .bookmark-modal_content-register span { font-weight: 600; } .bookmark-modal_content-register:hover { background: #79ACD1; border-color: #79ACD1; } .bookmark-modal_content-register:focus { background: #79ACD1; border-color: #0468B4; } .bookmark-modal_content-register:active { background: #024C83; border-color: #024C83; } .bookmark-modal_content-register[disabled], .bookmark-modal_content-register.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .bookmark-modal_content-register[disabled]:hover, .bookmark-modal_content-register.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .bookmark-modal_content-register[disabled]:focus, .bookmark-modal_content-register.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .bookmark-modal_content-register[disabled]:active, .bookmark-modal_content-register.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .bookmark-modal_content-login { grid-column: 5; grid-row: 5; button-config: "size-medium"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 14px; /** * Layouts */ /** * Designs */ /** * Materials */ } .bookmark-modal_content-login span { font-weight: 600; } #autosuggest input[type=text]:hover, #autosuggest input[type=text]:focus-visible { background: #fff; } .category-list__item { grid-template-columns: 40px 24px 1fr; grid-template-rows: 19px 39px 6px; } .category-list__item-image { grid-column: 1/3; grid-row: 1/4; } .category-list__item-title { grid-column: 2/4; grid-row: 2/2; } .category-list__item-title-inner { vertical-align: bottom; } .content-header { position: fixed; height: 56px; background: #fff; grid-template-rows: auto; grid-template-columns: 6.0606060606% auto auto 6.0606060606%; } .content-header__context-article { grid-row-start: 1; grid-column-start: 3; margin-right: -18px; justify-content: flex-end; } .image-placeholder__premium-teaser { padding-left: 15px; padding-right: 15px; } .author-detail__profile { display: grid; grid-template-columns: 104px 31px 1fr; margin-top: 48px; } .author-detail__profile-image-wrapper { grid-column: 1; } .author-detail__profile-contact { grid-column: 3; } .author-detail__section-wrap--default { padding: 120px 15px; } .testcategories .testcategory__anchor { top: -117px; } .frame-type-form_formframework form { display: grid; grid-template-rows: auto auto auto auto auto auto auto auto; grid-template-columns: 1fr 24px 1fr; } .frame-type-form_formframework form .clearfix { grid-row-start: 1; grid-column-start: 1; grid-column-end: 4; } .frame-type-form_formframework form .actions { grid-row-start: 8; grid-column-start: 1; grid-column-end: 4; display: block; } .frame-type-form_formframework form .form-group-anrede { grid-row-start: 2; grid-column-start: 1; grid-column-end: 4; display: block; } .frame-type-form_formframework form .form-group-vorname { grid-row-start: 3; grid-column-start: 1; display: block; } .frame-type-form_formframework form .form-group-nachname { grid-row-start: 3; grid-column-start: 3; display: block; } .frame-type-form_formframework form .form-group-e-mail { grid-row-start: 4; grid-column-start: 1; grid-column-end: 4; display: block; } .frame-type-form_formframework form .form-group-empfaenger { grid-row-start: 5; grid-column-start: 1; grid-column-end: 4; display: block; } .frame-type-form_formframework form .form-group-nachricht { grid-row-start: 7; grid-column-start: 1; grid-column-end: 4; display: block; } } @media (min-width: 61.25em) { body:before { content: "desktop ≥ 980px (61.25em)"; } .u-1\/1\@desktop { width: 100% !important; } .u-1\/2\@desktop { width: 50% !important; } .u-2\/2\@desktop { width: 100% !important; } .u-1\/3\@desktop { width: 33.3333333333% !important; } .u-2\/3\@desktop { width: 66.6666666667% !important; } .u-3\/3\@desktop { width: 100% !important; } .u-1\/4\@desktop { width: 25% !important; } .u-2\/4\@desktop { width: 50% !important; } .u-3\/4\@desktop { width: 75% !important; } .u-4\/4\@desktop { width: 100% !important; } .u-1\/5\@desktop { width: 20% !important; } .u-2\/5\@desktop { width: 40% !important; } .u-3\/5\@desktop { width: 60% !important; } .u-4\/5\@desktop { width: 80% !important; } .u-5\/5\@desktop { width: 100% !important; } } @media (prefers-reduced-motion: reduce) { .form-field__submit { transition: none; } .navbar-links__list-item-link { transition: none; } .navbar-toggle__button svg .collapsed { transition: none; } .navbar-toggle__button svg .open { transition: none; } .sidebar__toggle-icon { transition: none; } .sidebar__toggle-icon-close { transition: none; } .sidebar__toggle-icon-open { transition: none; } .test-button-1 { transition: none; } .test-button-2 { transition: none; } .test-button-3 { transition: none; } .test-button-4 { transition: none; } .test-button-5 { transition: none; } .test-button-6 { transition: none; } .test-button-7 { transition: none; } .test-button-8 { transition: none; } .test-button-9 { transition: none; } .test-button-10 { transition: none; } .test-button-11 { transition: none; } .test-button-12 { transition: none; } .test-button-13 { transition: none; } .test-button-14 { transition: none; } .test-button-15 { transition: none; } .test-button-16 { transition: none; } .test-button-17 { transition: none; } .test-button-18 { transition: none; } .test-button-19 { transition: none; } .test-button-20 { transition: none; } .test-button-21 { transition: none; } .test-button-22 { transition: none; } .test-button-23 { transition: none; } .test-button-24 { transition: none; } .test-button-25 { transition: none; } .test-button-26 { transition: none; } .test-button-27 { transition: none; } .test-button-28 { transition: none; } .test-button-29 { transition: none; } .test-button-30 { transition: none; } .test-button-31 { transition: none; } .test-button-32 { transition: none; } .test-button-33 { transition: none; } .test-button-34 { transition: none; } .test-button-35 { transition: none; } .test-button-36 { transition: none; } .test-button-37 { transition: none; } .test-button-38 { transition: none; } .test-button-39 { transition: none; } .test-button-40 { transition: none; } .test-button-41 { transition: none; } .test-button-42 { transition: none; } .test-button-43 { transition: none; } .test-button-44 { transition: none; } .test-button-45 { transition: none; } .test-button-46 { transition: none; } .test-button-47 { transition: none; } .test-button-48 { transition: none; } .test-button-49 { transition: none; } .test-button-50 { transition: none; } .test-button-51 { transition: none; } .test-button-52 { transition: none; } .test-button-53 { transition: none; } .test-button-54 { transition: none; } .test-button-55 { transition: none; } .test-button-56 { transition: none; } .test-button-57 { transition: none; } .test-button-58 { transition: none; } .test-button-59 { transition: none; } .test-button-60 { transition: none; } .test-button-61 { transition: none; } .test-button-62 { transition: none; } .test-button-63 { transition: none; } .test-button-64 { transition: none; } .test-button-65 { transition: none; } .test-button-66 { transition: none; } .test-button-67 { transition: none; } .test-button-68 { transition: none; } .test-button-69 { transition: none; } .test-button-70 { transition: none; } .test-button-71 { transition: none; } .test-button-72 { transition: none; } .citation-help__button-bibtex { transition: none; } .citation-help__button-citavi-endnote { transition: none; } .citation-help__button-mendeley { transition: none; } .button-generic { transition: none; } .content-header-citation-modal-opener > svg path { transition: none; } .content-header-bookmark > svg path { transition: none; } .content-header-share > svg path { transition: none; } .premium-teaser__button a { transition: none; } .teaser_wrapper.teaser_wrapper--type-0 .teaser_link { transition: none; } .teaser_wrapper.teaser_wrapper--type-0 .teaser_link2 { transition: none; } .teaser_wrapper.teaser_wrapper--type-1 .teaser_link { transition: none; } .teaser_wrapper.teaser_wrapper--type-2 .teaser_content .teaser_link { transition: none; } .teaser_wrapper.teaser_wrapper--type-3 .teaser_link { transition: none; } .teaser_wrapper.teaser_wrapper--type-4 .teaser_link { transition: none; } .teaser_wrapper.teaser_wrapper--type-6 .teaser_link { transition: none; } #pxa-cookie-bar .cookie-warning .cookie-buttons a { transition: none; } .external-iframe-security input { transition: none; } .frame-type-form_formframework form .actions button { transition: none; } .frame-type-form_formframework form .form-group-radiobutton .input .form-group .radio label input + span:before, .frame-type-form_formframework form .form-group-radiobutton .input .form-group .radio label input + span:after, .frame-type-form_formframework form .form-group-radiobutton .input .form-group .form-check label input + span:before, .frame-type-form_formframework form .form-group-radiobutton .input .form-group .form-check label input + span:after { transition: none; } .bookmark-detail_heading-export-link { transition: none; } .tx-felogin-pi1 fieldset .form-group:nth-child(3) input { transition: none; } .datamintspayoneproducts_products-country-product-link { transition: none; } } @media (min-width: 85.375em) { .modal_wrapper { grid-template-columns: 240px 791px 334px auto; } .u-1\/1\@wide { width: 100% !important; } .u-1\/2\@wide { width: 50% !important; } .u-2\/2\@wide { width: 100% !important; } .u-1\/3\@wide { width: 33.3333333333% !important; } .u-2\/3\@wide { width: 66.6666666667% !important; } .u-3\/3\@wide { width: 100% !important; } .u-1\/4\@wide { width: 25% !important; } .u-2\/4\@wide { width: 50% !important; } .u-3\/4\@wide { width: 75% !important; } .u-4\/4\@wide { width: 100% !important; } .u-1\/5\@wide { width: 20% !important; } .u-2\/5\@wide { width: 40% !important; } .u-3\/5\@wide { width: 60% !important; } .u-4\/5\@wide { width: 80% !important; } .u-5\/5\@wide { width: 100% !important; } .wrap--layout-default { grid-template-columns: 240px auto 1px 334px; grid-template-rows: 96px 1px 50px calc(100vh - 147px) 1fr; } .wrap.wrap--layout-default .content-header { left: 240px; width: 791px; } .wrap.wrap--layout-default .search { left: 240px; height: 97px; width: 791px; } .wrap.wrap--layout-default .header { grid-template-columns: 32px auto 32px; width: 240px; } .wrap.wrap--layout-default .sidebar { width: 334px; left: 1032px; } .search { padding: 0 50px 0 50px; } .category-list { display: grid; grid-template-rows: repeat(60, auto); grid-template-columns: auto; justify-content: start; align-content: start; margin: -8px; grid-template-columns: repeat(3, 1fr); } .category-list > * { margin: 8px; } .category-list > *:nth-child(1) { -ms-grid-column: 1; -ms-grid-row: 1; } .category-list > *:nth-child(2) { -ms-grid-column: 2; -ms-grid-row: 1; } .category-list > *:nth-child(3) { -ms-grid-column: 3; -ms-grid-row: 1; } .category-list > *:nth-child(4) { -ms-grid-column: 1; -ms-grid-row: 2; } .category-list > *:nth-child(5) { -ms-grid-column: 2; -ms-grid-row: 2; } .category-list > *:nth-child(6) { -ms-grid-column: 3; -ms-grid-row: 2; } .category-list > *:nth-child(7) { -ms-grid-column: 1; -ms-grid-row: 3; } .category-list > *:nth-child(8) { -ms-grid-column: 2; -ms-grid-row: 3; } .category-list > *:nth-child(9) { -ms-grid-column: 3; -ms-grid-row: 3; } .category-list > *:nth-child(10) { -ms-grid-column: 1; -ms-grid-row: 4; } .category-list > *:nth-child(11) { -ms-grid-column: 2; -ms-grid-row: 4; } .category-list > *:nth-child(12) { -ms-grid-column: 3; -ms-grid-row: 4; } .category-list > *:nth-child(13) { -ms-grid-column: 1; -ms-grid-row: 5; } .category-list > *:nth-child(14) { -ms-grid-column: 2; -ms-grid-row: 5; } .category-list > *:nth-child(15) { -ms-grid-column: 3; -ms-grid-row: 5; } .category-list > *:nth-child(16) { -ms-grid-column: 1; -ms-grid-row: 6; } .category-list > *:nth-child(17) { -ms-grid-column: 2; -ms-grid-row: 6; } .category-list > *:nth-child(18) { -ms-grid-column: 3; -ms-grid-row: 6; } .category-list > *:nth-child(19) { -ms-grid-column: 1; -ms-grid-row: 7; } .category-list > *:nth-child(20) { -ms-grid-column: 2; -ms-grid-row: 7; } .category-list > *:nth-child(21) { -ms-grid-column: 3; -ms-grid-row: 7; } .category-list > *:nth-child(22) { -ms-grid-column: 1; -ms-grid-row: 8; } .category-list > *:nth-child(23) { -ms-grid-column: 2; -ms-grid-row: 8; } .category-list > *:nth-child(24) { -ms-grid-column: 3; -ms-grid-row: 8; } .category-list > *:nth-child(25) { -ms-grid-column: 1; -ms-grid-row: 9; } .category-list > *:nth-child(26) { -ms-grid-column: 2; -ms-grid-row: 9; } .category-list > *:nth-child(27) { -ms-grid-column: 3; -ms-grid-row: 9; } .category-list > *:nth-child(28) { -ms-grid-column: 1; -ms-grid-row: 10; } .category-list > *:nth-child(29) { -ms-grid-column: 2; -ms-grid-row: 10; } .category-list > *:nth-child(30) { -ms-grid-column: 3; -ms-grid-row: 10; } .category-list > *:nth-child(31) { -ms-grid-column: 1; -ms-grid-row: 11; } .category-list > *:nth-child(32) { -ms-grid-column: 2; -ms-grid-row: 11; } .category-list > *:nth-child(33) { -ms-grid-column: 3; -ms-grid-row: 11; } .category-list > *:nth-child(34) { -ms-grid-column: 1; -ms-grid-row: 12; } .category-list > *:nth-child(35) { -ms-grid-column: 2; -ms-grid-row: 12; } .category-list > *:nth-child(36) { -ms-grid-column: 3; -ms-grid-row: 12; } .category-list > *:nth-child(37) { -ms-grid-column: 1; -ms-grid-row: 13; } .category-list > *:nth-child(38) { -ms-grid-column: 2; -ms-grid-row: 13; } .category-list > *:nth-child(39) { -ms-grid-column: 3; -ms-grid-row: 13; } .category-list > *:nth-child(40) { -ms-grid-column: 1; -ms-grid-row: 14; } .category-list > *:nth-child(41) { -ms-grid-column: 2; -ms-grid-row: 14; } .category-list > *:nth-child(42) { -ms-grid-column: 3; -ms-grid-row: 14; } .category-list > *:nth-child(43) { -ms-grid-column: 1; -ms-grid-row: 15; } .category-list > *:nth-child(44) { -ms-grid-column: 2; -ms-grid-row: 15; } .category-list > *:nth-child(45) { -ms-grid-column: 3; -ms-grid-row: 15; } .category-list > *:nth-child(46) { -ms-grid-column: 1; -ms-grid-row: 16; } .category-list > *:nth-child(47) { -ms-grid-column: 2; -ms-grid-row: 16; } .category-list > *:nth-child(48) { -ms-grid-column: 3; -ms-grid-row: 16; } .category-list > *:nth-child(49) { -ms-grid-column: 1; -ms-grid-row: 17; } .category-list > *:nth-child(50) { -ms-grid-column: 2; -ms-grid-row: 17; } .category-list > *:nth-child(51) { -ms-grid-column: 3; -ms-grid-row: 17; } .category-list > *:nth-child(52) { -ms-grid-column: 1; -ms-grid-row: 18; } .category-list > *:nth-child(53) { -ms-grid-column: 2; -ms-grid-row: 18; } .category-list > *:nth-child(54) { -ms-grid-column: 3; -ms-grid-row: 18; } .category-list > *:nth-child(55) { -ms-grid-column: 1; -ms-grid-row: 19; } .category-list > *:nth-child(56) { -ms-grid-column: 2; -ms-grid-row: 19; } .category-list > *:nth-child(57) { -ms-grid-column: 3; -ms-grid-row: 19; } .category-list > *:nth-child(58) { -ms-grid-column: 1; -ms-grid-row: 20; } .category-list > *:nth-child(59) { -ms-grid-column: 2; -ms-grid-row: 20; } .category-list > *:nth-child(60) { -ms-grid-column: 3; -ms-grid-row: 20; } .category-list > *:nth-child(61) { -ms-grid-column: 1; -ms-grid-row: 21; } .category-list > *:nth-child(62) { -ms-grid-column: 2; -ms-grid-row: 21; } .category-list > *:nth-child(63) { -ms-grid-column: 3; -ms-grid-row: 21; } .category-list > *:nth-child(64) { -ms-grid-column: 1; -ms-grid-row: 22; } .category-list > *:nth-child(65) { -ms-grid-column: 2; -ms-grid-row: 22; } .category-list > *:nth-child(66) { -ms-grid-column: 3; -ms-grid-row: 22; } .category-list > *:nth-child(67) { -ms-grid-column: 1; -ms-grid-row: 23; } .category-list > *:nth-child(68) { -ms-grid-column: 2; -ms-grid-row: 23; } .category-list > *:nth-child(69) { -ms-grid-column: 3; -ms-grid-row: 23; } .category-list > *:nth-child(70) { -ms-grid-column: 1; -ms-grid-row: 24; } .category-list > *:nth-child(71) { -ms-grid-column: 2; -ms-grid-row: 24; } .category-list > *:nth-child(72) { -ms-grid-column: 3; -ms-grid-row: 24; } .category-list > *:nth-child(73) { -ms-grid-column: 1; -ms-grid-row: 25; } .category-list > *:nth-child(74) { -ms-grid-column: 2; -ms-grid-row: 25; } .category-list > *:nth-child(75) { -ms-grid-column: 3; -ms-grid-row: 25; } .category-list > *:nth-child(76) { -ms-grid-column: 1; -ms-grid-row: 26; } .category-list > *:nth-child(77) { -ms-grid-column: 2; -ms-grid-row: 26; } .category-list > *:nth-child(78) { -ms-grid-column: 3; -ms-grid-row: 26; } .category-list > *:nth-child(79) { -ms-grid-column: 1; -ms-grid-row: 27; } .category-list > *:nth-child(80) { -ms-grid-column: 2; -ms-grid-row: 27; } .category-list > *:nth-child(81) { -ms-grid-column: 3; -ms-grid-row: 27; } .category-list > *:nth-child(82) { -ms-grid-column: 1; -ms-grid-row: 28; } .category-list > *:nth-child(83) { -ms-grid-column: 2; -ms-grid-row: 28; } .category-list > *:nth-child(84) { -ms-grid-column: 3; -ms-grid-row: 28; } .category-list > *:nth-child(85) { -ms-grid-column: 1; -ms-grid-row: 29; } .category-list > *:nth-child(86) { -ms-grid-column: 2; -ms-grid-row: 29; } .category-list > *:nth-child(87) { -ms-grid-column: 3; -ms-grid-row: 29; } .category-list > *:nth-child(88) { -ms-grid-column: 1; -ms-grid-row: 30; } .category-list > *:nth-child(89) { -ms-grid-column: 2; -ms-grid-row: 30; } .category-list > *:nth-child(90) { -ms-grid-column: 3; -ms-grid-row: 30; } .category-list > *:nth-child(91) { -ms-grid-column: 1; -ms-grid-row: 31; } .category-list > *:nth-child(92) { -ms-grid-column: 2; -ms-grid-row: 31; } .category-list > *:nth-child(93) { -ms-grid-column: 3; -ms-grid-row: 31; } .category-list > *:nth-child(94) { -ms-grid-column: 1; -ms-grid-row: 32; } .category-list > *:nth-child(95) { -ms-grid-column: 2; -ms-grid-row: 32; } .category-list > *:nth-child(96) { -ms-grid-column: 3; -ms-grid-row: 32; } .category-list > *:nth-child(97) { -ms-grid-column: 1; -ms-grid-row: 33; } .category-list > *:nth-child(98) { -ms-grid-column: 2; -ms-grid-row: 33; } .category-list > *:nth-child(99) { -ms-grid-column: 3; -ms-grid-row: 33; } .category-list > *:nth-child(100) { -ms-grid-column: 1; -ms-grid-row: 34; } .category-list > *:nth-child(101) { -ms-grid-column: 2; -ms-grid-row: 34; } .category-list > *:nth-child(102) { -ms-grid-column: 3; -ms-grid-row: 34; } .category-list > *:nth-child(103) { -ms-grid-column: 1; -ms-grid-row: 35; } .category-list > *:nth-child(104) { -ms-grid-column: 2; -ms-grid-row: 35; } .category-list > *:nth-child(105) { -ms-grid-column: 3; -ms-grid-row: 35; } .category-list > *:nth-child(106) { -ms-grid-column: 1; -ms-grid-row: 36; } .category-list > *:nth-child(107) { -ms-grid-column: 2; -ms-grid-row: 36; } .category-list > *:nth-child(108) { -ms-grid-column: 3; -ms-grid-row: 36; } .category-list > *:nth-child(109) { -ms-grid-column: 1; -ms-grid-row: 37; } .category-list > *:nth-child(110) { -ms-grid-column: 2; -ms-grid-row: 37; } .category-list > *:nth-child(111) { -ms-grid-column: 3; -ms-grid-row: 37; } .category-list > *:nth-child(112) { -ms-grid-column: 1; -ms-grid-row: 38; } .category-list > *:nth-child(113) { -ms-grid-column: 2; -ms-grid-row: 38; } .category-list > *:nth-child(114) { -ms-grid-column: 3; -ms-grid-row: 38; } .category-list > *:nth-child(115) { -ms-grid-column: 1; -ms-grid-row: 39; } .category-list > *:nth-child(116) { -ms-grid-column: 2; -ms-grid-row: 39; } .category-list > *:nth-child(117) { -ms-grid-column: 3; -ms-grid-row: 39; } .category-list > *:nth-child(118) { -ms-grid-column: 1; -ms-grid-row: 40; } .category-list > *:nth-child(119) { -ms-grid-column: 2; -ms-grid-row: 40; } .category-list > *:nth-child(120) { -ms-grid-column: 3; -ms-grid-row: 40; } .category-list > *:nth-child(121) { -ms-grid-column: 1; -ms-grid-row: 41; } .category-list > *:nth-child(122) { -ms-grid-column: 2; -ms-grid-row: 41; } .category-list > *:nth-child(123) { -ms-grid-column: 3; -ms-grid-row: 41; } .category-list > *:nth-child(124) { -ms-grid-column: 1; -ms-grid-row: 42; } .category-list > *:nth-child(125) { -ms-grid-column: 2; -ms-grid-row: 42; } .category-list > *:nth-child(126) { -ms-grid-column: 3; -ms-grid-row: 42; } .category-list > *:nth-child(127) { -ms-grid-column: 1; -ms-grid-row: 43; } .category-list > *:nth-child(128) { -ms-grid-column: 2; -ms-grid-row: 43; } .category-list > *:nth-child(129) { -ms-grid-column: 3; -ms-grid-row: 43; } .category-list > *:nth-child(130) { -ms-grid-column: 1; -ms-grid-row: 44; } .category-list > *:nth-child(131) { -ms-grid-column: 2; -ms-grid-row: 44; } .category-list > *:nth-child(132) { -ms-grid-column: 3; -ms-grid-row: 44; } .category-list > *:nth-child(133) { -ms-grid-column: 1; -ms-grid-row: 45; } .category-list > *:nth-child(134) { -ms-grid-column: 2; -ms-grid-row: 45; } .category-list > *:nth-child(135) { -ms-grid-column: 3; -ms-grid-row: 45; } .category-list > *:nth-child(136) { -ms-grid-column: 1; -ms-grid-row: 46; } .category-list > *:nth-child(137) { -ms-grid-column: 2; -ms-grid-row: 46; } .category-list > *:nth-child(138) { -ms-grid-column: 3; -ms-grid-row: 46; } .category-list > *:nth-child(139) { -ms-grid-column: 1; -ms-grid-row: 47; } .category-list > *:nth-child(140) { -ms-grid-column: 2; -ms-grid-row: 47; } .category-list > *:nth-child(141) { -ms-grid-column: 3; -ms-grid-row: 47; } .category-list > *:nth-child(142) { -ms-grid-column: 1; -ms-grid-row: 48; } .category-list > *:nth-child(143) { -ms-grid-column: 2; -ms-grid-row: 48; } .category-list > *:nth-child(144) { -ms-grid-column: 3; -ms-grid-row: 48; } .category-list > *:nth-child(145) { -ms-grid-column: 1; -ms-grid-row: 49; } .category-list > *:nth-child(146) { -ms-grid-column: 2; -ms-grid-row: 49; } .category-list > *:nth-child(147) { -ms-grid-column: 3; -ms-grid-row: 49; } .category-list > *:nth-child(148) { -ms-grid-column: 1; -ms-grid-row: 50; } .category-list > *:nth-child(149) { -ms-grid-column: 2; -ms-grid-row: 50; } .category-list > *:nth-child(150) { -ms-grid-column: 3; -ms-grid-row: 50; } .category-list > *:nth-child(151) { -ms-grid-column: 1; -ms-grid-row: 51; } .category-list > *:nth-child(152) { -ms-grid-column: 2; -ms-grid-row: 51; } .category-list > *:nth-child(153) { -ms-grid-column: 3; -ms-grid-row: 51; } .category-list > *:nth-child(154) { -ms-grid-column: 1; -ms-grid-row: 52; } .category-list > *:nth-child(155) { -ms-grid-column: 2; -ms-grid-row: 52; } .category-list > *:nth-child(156) { -ms-grid-column: 3; -ms-grid-row: 52; } .category-list > *:nth-child(157) { -ms-grid-column: 1; -ms-grid-row: 53; } .category-list > *:nth-child(158) { -ms-grid-column: 2; -ms-grid-row: 53; } .category-list > *:nth-child(159) { -ms-grid-column: 3; -ms-grid-row: 53; } .category-list > *:nth-child(160) { -ms-grid-column: 1; -ms-grid-row: 54; } .category-list > *:nth-child(161) { -ms-grid-column: 2; -ms-grid-row: 54; } .category-list > *:nth-child(162) { -ms-grid-column: 3; -ms-grid-row: 54; } .category-list > *:nth-child(163) { -ms-grid-column: 1; -ms-grid-row: 55; } .category-list > *:nth-child(164) { -ms-grid-column: 2; -ms-grid-row: 55; } .category-list > *:nth-child(165) { -ms-grid-column: 3; -ms-grid-row: 55; } .category-list > *:nth-child(166) { -ms-grid-column: 1; -ms-grid-row: 56; } .category-list > *:nth-child(167) { -ms-grid-column: 2; -ms-grid-row: 56; } .category-list > *:nth-child(168) { -ms-grid-column: 3; -ms-grid-row: 56; } .category-list > *:nth-child(169) { -ms-grid-column: 1; -ms-grid-row: 57; } .category-list > *:nth-child(170) { -ms-grid-column: 2; -ms-grid-row: 57; } .category-list > *:nth-child(171) { -ms-grid-column: 3; -ms-grid-row: 57; } .category-list > *:nth-child(172) { -ms-grid-column: 1; -ms-grid-row: 58; } .category-list > *:nth-child(173) { -ms-grid-column: 2; -ms-grid-row: 58; } .category-list > *:nth-child(174) { -ms-grid-column: 3; -ms-grid-row: 58; } .category-list > *:nth-child(175) { -ms-grid-column: 1; -ms-grid-row: 59; } .category-list > *:nth-child(176) { -ms-grid-column: 2; -ms-grid-row: 59; } .category-list > *:nth-child(177) { -ms-grid-column: 3; -ms-grid-row: 59; } .category-list > *:nth-child(178) { -ms-grid-column: 1; -ms-grid-row: 60; } .category-list > *:nth-child(179) { -ms-grid-column: 2; -ms-grid-row: 60; } .category-list > *:nth-child(180) { -ms-grid-column: 3; -ms-grid-row: 60; } } @media (max-width: 46.24em) { .modal_content { padding: 24px; position: fixed; left: 5%; right: 5%; top: 5%; overflow: auto; } .modal_close { top: 4px; right: 4px; height: 20px; width: 20px; padding: 5px; } .wrap--layout-default { display: flex; flex-wrap: wrap; padding-top: 67px; } .wrap__sidebar-background { display: none; } .wrap__separator { display: none; } .contents { padding: 16px 40px 16px 16px; } .wrap.wrap--layout-default .header { order: 1; grid-template-columns: 16px 27px 16px 1fr 16px 27px 16px; grid-template-rows: 67px; top: 0; z-index: 200; background: #fff; } .body--js-navbar-open .wrap.wrap--layout-default .header { grid-template-rows: 67px 15px min-content 55px auto 33px 33px min-content 33px; min-height: 100vh; min-height: -webkit-fill-available; } .header__expanded { min-height: 100%; } .header__bg-primary { grid-row-start: 1; grid-column-start: 1; grid-column-end: 8; } .header__bg-secondary { grid-column-start: 1; grid-column-end: 8; grid-row-start: 7; grid-row-end: 10; display: none; } .body--js-navbar-open .header__bg-secondary { display: block; } .header .logo { grid-column-start: 4; grid-row-start: 1; } .header .header-search-toggle { grid-column-start: 6; grid-row-start: 1; } .header .navbar-toggle { grid-column-start: 2; grid-row-start: 1; } .header .navbar-links { grid-column-start: 2; grid-column-end: 5; grid-row-start: 5; } .header .navbar-footer { grid-column-start: 2; grid-column-end: 7; grid-row-start: 8; } .header-search-toggle { display: flex; align-items: center; height: 100%; } .logo { justify-content: center; } .logo__mobile { display: block; } .logo__default { display: none; } .wrap.wrap--layout-default .navbar-links { display: none; } .body--js-navbar-open .wrap.wrap--layout-default .navbar-links { display: block; } .navbar-links__list-item { padding: 16px 0 0 0; } .navbar-links__list-item-link { color: #333333; font-weight: bold; } .navbar-links__list-item-link.navbar-links__list-item-link--act { color: #0468B4; } .navbar-links__list-item-link.navbar-links__list-item-link--cur { color: #0468B4; } .navbar-continuum { display: none; } .navbar-footer { display: none; grid-template-rows: auto 20px auto 20px auto; } .body--js-navbar-open .navbar-footer { display: grid; } .navbar-footer__contact-mobile { display: inline; } .navbar-toggle { display: flex; align-items: center; height: 100%; } .pagination { gap: 10px 0; grid-template-rows: 36px 36px; } .pagination-go-to-page { grid-column: 1/9; grid-row: 2; } .wrap.wrap--layout-default .sidebar { order: 4; left: calc(100% - 24px); height: calc(100vh - 67px); top: 67px; z-index: 200; transition: 0.2s all; } body.body--js-sidebar-open .sidebar { left: 0 !important; } .sidebar__content { opacity: 0; transition: 0.2s all; } body.body--js-sidebar-open .sidebar__content { opacity: 1; } .sidebar__context-navigator, .sidebar__test-navigator { opacity: 0; transition: 0.2s all; } .body--js-sidebar-open .search, .body--js-search-open .search { z-index: 300; } .search { display: none; position: fixed; height: auto; background: #0068B4; padding: 14px; } .body--js-search-open .search { display: flex; } .citation-help__buttons { margin: 0 -8px; } .citation-help__buttons > a { margin: 8px; } .citation-help__table-cell { padding: 8px 6px 0 0; } .citation-help__table-action { padding-bottom: 8px; } .citation-help__copy { right: 0; top: 0; bottom: 0; left: 0; justify-content: flex-end; align-items: flex-end; padding: 14px 8px; } .bookmark-modal_content { display: grid; grid-template-columns: 36px 18px 1fr; grid-template-rows: 7px auto auto 18px auto 10px auto; } .bookmark-modal_content-icon { grid-row: 1/span 3; } .bookmark-modal_content-heading { grid-row: 2; } .bookmark-modal_content-register { grid-row: 5; grid-column: 1/span 4; button-config: "size-large/layout-onlytext/design-primary"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; /** * Designs */ background: #0468B4; border-color: #0468B4; color: #fff; /** * Materials */ } .bookmark-modal_content-register span { font-weight: 600; } .bookmark-modal_content-register:hover { background: #79ACD1; border-color: #79ACD1; } .bookmark-modal_content-register:focus { background: #79ACD1; border-color: #0468B4; } .bookmark-modal_content-register:active { background: #024C83; border-color: #024C83; } .bookmark-modal_content-register[disabled], .bookmark-modal_content-register.disabled { background: #F7F7F8; border-color: #cfcfcf; color: #999999; } .bookmark-modal_content-register[disabled]:hover, .bookmark-modal_content-register.disabled:hover { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; cursor: not-allowed; } .bookmark-modal_content-register[disabled]:focus, .bookmark-modal_content-register.disabled:focus { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .bookmark-modal_content-register[disabled]:active, .bookmark-modal_content-register.disabled:active { background: #F7F7F8; border-color: #cfcfcf; text-decoration: none; } .bookmark-modal_content-login { grid-column: 1/span 4; grid-row: 7; button-config: "size-large/mat-ghost/layout-onlytext/design-outline"; font-family: "IBM Plex Sans", sans-serif; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; border-width: 1px; border-color: transparent; border-style: solid; outline: none; -webkit-appearance: none; border-radius: 4px; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s all; /** * Sizes */ font-size: 16px; /** * Layouts */ padding: 0 18px; height: 40px; /** * Designs */ background: #fff; border-color: #cfcfcf; color: #595959; /** * Materials */ } .bookmark-modal_content-login span { font-weight: 600; } .bookmark-modal_content-login:hover { border-color: #40A9FF; color: #79ACD1; } .bookmark-modal_content-login:focus { border-color: #40A9FF; color: #79ACD1; } .bookmark-modal_content-login:active { border-color: #096DD9; color: #096DD9; } .bookmark-modal_content-login[disabled] { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .bookmark-modal_content-login[disabled]:hover { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .bookmark-modal_content-login[disabled]:focus { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .bookmark-modal_content-login[disabled]:active { border-color: #cfcfcf; background: #F7F7F8; color: #999999; } .category-list__item { grid-template-columns: 64px 14px 1fr; grid-template-rows: 64px; } .category-list__item-image { grid-column: 1; grid-row: 1; fill: #0068B4; font-size: 18px; display: flex; justify-content: center; align-items: center; } .category-list__item-title { grid-column: 3; grid-row: 1; } .category-list__item-title-inner { vertical-align: middle; } .content-header { width: 100%; grid-template-rows: auto auto; grid-template-columns: 16px auto 40px; padding: 8px 0; position: relative; } .content-header__context-research { padding: 8px 0; } .content-header__context-article { grid-row-start: 2; grid-column-start: 2; margin-left: -16px; justify-content: flex-start; padding: 8px 0; } .premium-teaser__button a span { font-size: 12px; } .author-detail__profile { margin-top: 24px; } .author-detail__profile-image-wrapper { margin-bottom: 24px; } #pxa-cookie-bar .cookie-warning { grid-template-columns: auto; grid-template-rows: auto auto; grid-row-gap: 20px; } #pxa-cookie-bar .cookie-warning .cookie-buttons { grid-column: 1; grid-row: 2; } .purchase-list_item { grid-template-columns: auto 10px auto; grid-template-rows: 10px auto 10px auto; } .purchase-list_item-type { grid-column-start: 1; grid-column-end: 4; grid-row: 2; } .purchase-list_item-duration { grid-column: 1; grid-row: 4; } .purchase-list_item-activated { grid-column: 3; grid-row: 4; text-align: right; } } @media (max-width: 46.24em) and (prefers-reduced-motion: reduce) { .wrap.wrap--layout-default .sidebar { transition: none; } .sidebar__content { transition: none; } .sidebar__context-navigator, .sidebar__test-navigator { transition: none; } .bookmark-modal_content-register { transition: none; } .bookmark-modal_content-login { transition: none; } } @media (min-width: 46.25em) and (prefers-reduced-motion: reduce) { .bookmark-modal_content-register { transition: none; } .bookmark-modal_content-login { transition: none; } } @media screen and (max-width: 600px) { .newsletter__captcha { width: 90%; } } @media (max-width: 600px) { .newsletter__captcha { width: 90%; } } @media (min-width: 46.25em) and (max-width: 85.365em) { .category-list { display: grid; grid-template-rows: repeat(60, auto); grid-template-columns: auto; justify-content: start; align-content: start; margin: -8px; grid-template-columns: repeat(2, 1fr); } .category-list > * { margin: 8px; } .category-list > *:nth-child(1) { -ms-grid-column: 1; -ms-grid-row: 1; } .category-list > *:nth-child(2) { -ms-grid-column: 2; -ms-grid-row: 1; } .category-list > *:nth-child(3) { -ms-grid-column: 1; -ms-grid-row: 2; } .category-list > *:nth-child(4) { -ms-grid-column: 2; -ms-grid-row: 2; } .category-list > *:nth-child(5) { -ms-grid-column: 1; -ms-grid-row: 3; } .category-list > *:nth-child(6) { -ms-grid-column: 2; -ms-grid-row: 3; } .category-list > *:nth-child(7) { -ms-grid-column: 1; -ms-grid-row: 4; } .category-list > *:nth-child(8) { -ms-grid-column: 2; -ms-grid-row: 4; } .category-list > *:nth-child(9) { -ms-grid-column: 1; -ms-grid-row: 5; } .category-list > *:nth-child(10) { -ms-grid-column: 2; -ms-grid-row: 5; } .category-list > *:nth-child(11) { -ms-grid-column: 1; -ms-grid-row: 6; } .category-list > *:nth-child(12) { -ms-grid-column: 2; -ms-grid-row: 6; } .category-list > *:nth-child(13) { -ms-grid-column: 1; -ms-grid-row: 7; } .category-list > *:nth-child(14) { -ms-grid-column: 2; -ms-grid-row: 7; } .category-list > *:nth-child(15) { -ms-grid-column: 1; -ms-grid-row: 8; } .category-list > *:nth-child(16) { -ms-grid-column: 2; -ms-grid-row: 8; } .category-list > *:nth-child(17) { -ms-grid-column: 1; -ms-grid-row: 9; } .category-list > *:nth-child(18) { -ms-grid-column: 2; -ms-grid-row: 9; } .category-list > *:nth-child(19) { -ms-grid-column: 1; -ms-grid-row: 10; } .category-list > *:nth-child(20) { -ms-grid-column: 2; -ms-grid-row: 10; } .category-list > *:nth-child(21) { -ms-grid-column: 1; -ms-grid-row: 11; } .category-list > *:nth-child(22) { -ms-grid-column: 2; -ms-grid-row: 11; } .category-list > *:nth-child(23) { -ms-grid-column: 1; -ms-grid-row: 12; } .category-list > *:nth-child(24) { -ms-grid-column: 2; -ms-grid-row: 12; } .category-list > *:nth-child(25) { -ms-grid-column: 1; -ms-grid-row: 13; } .category-list > *:nth-child(26) { -ms-grid-column: 2; -ms-grid-row: 13; } .category-list > *:nth-child(27) { -ms-grid-column: 1; -ms-grid-row: 14; } .category-list > *:nth-child(28) { -ms-grid-column: 2; -ms-grid-row: 14; } .category-list > *:nth-child(29) { -ms-grid-column: 1; -ms-grid-row: 15; } .category-list > *:nth-child(30) { -ms-grid-column: 2; -ms-grid-row: 15; } .category-list > *:nth-child(31) { -ms-grid-column: 1; -ms-grid-row: 16; } .category-list > *:nth-child(32) { -ms-grid-column: 2; -ms-grid-row: 16; } .category-list > *:nth-child(33) { -ms-grid-column: 1; -ms-grid-row: 17; } .category-list > *:nth-child(34) { -ms-grid-column: 2; -ms-grid-row: 17; } .category-list > *:nth-child(35) { -ms-grid-column: 1; -ms-grid-row: 18; } .category-list > *:nth-child(36) { -ms-grid-column: 2; -ms-grid-row: 18; } .category-list > *:nth-child(37) { -ms-grid-column: 1; -ms-grid-row: 19; } .category-list > *:nth-child(38) { -ms-grid-column: 2; -ms-grid-row: 19; } .category-list > *:nth-child(39) { -ms-grid-column: 1; -ms-grid-row: 20; } .category-list > *:nth-child(40) { -ms-grid-column: 2; -ms-grid-row: 20; } .category-list > *:nth-child(41) { -ms-grid-column: 1; -ms-grid-row: 21; } .category-list > *:nth-child(42) { -ms-grid-column: 2; -ms-grid-row: 21; } .category-list > *:nth-child(43) { -ms-grid-column: 1; -ms-grid-row: 22; } .category-list > *:nth-child(44) { -ms-grid-column: 2; -ms-grid-row: 22; } .category-list > *:nth-child(45) { -ms-grid-column: 1; -ms-grid-row: 23; } .category-list > *:nth-child(46) { -ms-grid-column: 2; -ms-grid-row: 23; } .category-list > *:nth-child(47) { -ms-grid-column: 1; -ms-grid-row: 24; } .category-list > *:nth-child(48) { -ms-grid-column: 2; -ms-grid-row: 24; } .category-list > *:nth-child(49) { -ms-grid-column: 1; -ms-grid-row: 25; } .category-list > *:nth-child(50) { -ms-grid-column: 2; -ms-grid-row: 25; } .category-list > *:nth-child(51) { -ms-grid-column: 1; -ms-grid-row: 26; } .category-list > *:nth-child(52) { -ms-grid-column: 2; -ms-grid-row: 26; } .category-list > *:nth-child(53) { -ms-grid-column: 1; -ms-grid-row: 27; } .category-list > *:nth-child(54) { -ms-grid-column: 2; -ms-grid-row: 27; } .category-list > *:nth-child(55) { -ms-grid-column: 1; -ms-grid-row: 28; } .category-list > *:nth-child(56) { -ms-grid-column: 2; -ms-grid-row: 28; } .category-list > *:nth-child(57) { -ms-grid-column: 1; -ms-grid-row: 29; } .category-list > *:nth-child(58) { -ms-grid-column: 2; -ms-grid-row: 29; } .category-list > *:nth-child(59) { -ms-grid-column: 1; -ms-grid-row: 30; } .category-list > *:nth-child(60) { -ms-grid-column: 2; -ms-grid-row: 30; } .category-list > *:nth-child(61) { -ms-grid-column: 1; -ms-grid-row: 31; } .category-list > *:nth-child(62) { -ms-grid-column: 2; -ms-grid-row: 31; } .category-list > *:nth-child(63) { -ms-grid-column: 1; -ms-grid-row: 32; } .category-list > *:nth-child(64) { -ms-grid-column: 2; -ms-grid-row: 32; } .category-list > *:nth-child(65) { -ms-grid-column: 1; -ms-grid-row: 33; } .category-list > *:nth-child(66) { -ms-grid-column: 2; -ms-grid-row: 33; } .category-list > *:nth-child(67) { -ms-grid-column: 1; -ms-grid-row: 34; } .category-list > *:nth-child(68) { -ms-grid-column: 2; -ms-grid-row: 34; } .category-list > *:nth-child(69) { -ms-grid-column: 1; -ms-grid-row: 35; } .category-list > *:nth-child(70) { -ms-grid-column: 2; -ms-grid-row: 35; } .category-list > *:nth-child(71) { -ms-grid-column: 1; -ms-grid-row: 36; } .category-list > *:nth-child(72) { -ms-grid-column: 2; -ms-grid-row: 36; } .category-list > *:nth-child(73) { -ms-grid-column: 1; -ms-grid-row: 37; } .category-list > *:nth-child(74) { -ms-grid-column: 2; -ms-grid-row: 37; } .category-list > *:nth-child(75) { -ms-grid-column: 1; -ms-grid-row: 38; } .category-list > *:nth-child(76) { -ms-grid-column: 2; -ms-grid-row: 38; } .category-list > *:nth-child(77) { -ms-grid-column: 1; -ms-grid-row: 39; } .category-list > *:nth-child(78) { -ms-grid-column: 2; -ms-grid-row: 39; } .category-list > *:nth-child(79) { -ms-grid-column: 1; -ms-grid-row: 40; } .category-list > *:nth-child(80) { -ms-grid-column: 2; -ms-grid-row: 40; } .category-list > *:nth-child(81) { -ms-grid-column: 1; -ms-grid-row: 41; } .category-list > *:nth-child(82) { -ms-grid-column: 2; -ms-grid-row: 41; } .category-list > *:nth-child(83) { -ms-grid-column: 1; -ms-grid-row: 42; } .category-list > *:nth-child(84) { -ms-grid-column: 2; -ms-grid-row: 42; } .category-list > *:nth-child(85) { -ms-grid-column: 1; -ms-grid-row: 43; } .category-list > *:nth-child(86) { -ms-grid-column: 2; -ms-grid-row: 43; } .category-list > *:nth-child(87) { -ms-grid-column: 1; -ms-grid-row: 44; } .category-list > *:nth-child(88) { -ms-grid-column: 2; -ms-grid-row: 44; } .category-list > *:nth-child(89) { -ms-grid-column: 1; -ms-grid-row: 45; } .category-list > *:nth-child(90) { -ms-grid-column: 2; -ms-grid-row: 45; } .category-list > *:nth-child(91) { -ms-grid-column: 1; -ms-grid-row: 46; } .category-list > *:nth-child(92) { -ms-grid-column: 2; -ms-grid-row: 46; } .category-list > *:nth-child(93) { -ms-grid-column: 1; -ms-grid-row: 47; } .category-list > *:nth-child(94) { -ms-grid-column: 2; -ms-grid-row: 47; } .category-list > *:nth-child(95) { -ms-grid-column: 1; -ms-grid-row: 48; } .category-list > *:nth-child(96) { -ms-grid-column: 2; -ms-grid-row: 48; } .category-list > *:nth-child(97) { -ms-grid-column: 1; -ms-grid-row: 49; } .category-list > *:nth-child(98) { -ms-grid-column: 2; -ms-grid-row: 49; } .category-list > *:nth-child(99) { -ms-grid-column: 1; -ms-grid-row: 50; } .category-list > *:nth-child(100) { -ms-grid-column: 2; -ms-grid-row: 50; } .category-list > *:nth-child(101) { -ms-grid-column: 1; -ms-grid-row: 51; } .category-list > *:nth-child(102) { -ms-grid-column: 2; -ms-grid-row: 51; } .category-list > *:nth-child(103) { -ms-grid-column: 1; -ms-grid-row: 52; } .category-list > *:nth-child(104) { -ms-grid-column: 2; -ms-grid-row: 52; } .category-list > *:nth-child(105) { -ms-grid-column: 1; -ms-grid-row: 53; } .category-list > *:nth-child(106) { -ms-grid-column: 2; -ms-grid-row: 53; } .category-list > *:nth-child(107) { -ms-grid-column: 1; -ms-grid-row: 54; } .category-list > *:nth-child(108) { -ms-grid-column: 2; -ms-grid-row: 54; } .category-list > *:nth-child(109) { -ms-grid-column: 1; -ms-grid-row: 55; } .category-list > *:nth-child(110) { -ms-grid-column: 2; -ms-grid-row: 55; } .category-list > *:nth-child(111) { -ms-grid-column: 1; -ms-grid-row: 56; } .category-list > *:nth-child(112) { -ms-grid-column: 2; -ms-grid-row: 56; } .category-list > *:nth-child(113) { -ms-grid-column: 1; -ms-grid-row: 57; } .category-list > *:nth-child(114) { -ms-grid-column: 2; -ms-grid-row: 57; } .category-list > *:nth-child(115) { -ms-grid-column: 1; -ms-grid-row: 58; } .category-list > *:nth-child(116) { -ms-grid-column: 2; -ms-grid-row: 58; } .category-list > *:nth-child(117) { -ms-grid-column: 1; -ms-grid-row: 59; } .category-list > *:nth-child(118) { -ms-grid-column: 2; -ms-grid-row: 59; } .category-list > *:nth-child(119) { -ms-grid-column: 1; -ms-grid-row: 60; } .category-list > *:nth-child(120) { -ms-grid-column: 2; -ms-grid-row: 60; } } @media screen and (max-width: 1000px) { .external-iframe-security .iframe-content { overflow-y: scroll; } } @media screen and (max-width: 768px) { .datamints-ccm .ccm-cb .ccm-cb--intro { padding-right: 34px; } .datamints-ccm .ccm-cb .ccm-cb--footer { padding-right: 34px; } .datamints-ccm .ccm-cb .ccm-cb--footer .ccm-cb--actions { flex-direction: column-reverse; text-align: center; } .datamints-ccm .ccm-consentmanager--overlay.overlay--full-overlay-container.open--overlay-container .cookie-banner { margin: 0; padding: 0 4px 10px; } .datamints-ccm .ccm-consentmanager--overlay.overlay--full-overlay-container.open--overlay-container .cookie-banner .ccm-cm .ccm-cm--group .ccm-cm--purpose { line-height: 16px; font-size: 14px; max-width: 100%; } .datamints-ccm .ccm-consentmanager--overlay.overlay--full-overlay-container.open--overlay-container .cookie-banner .ccm-cm .ccm-cm--group .ccm-cm--purpose .ccm-cm--cookie--header { display: grid; grid-template-columns: 6fr 6fr 7fr; margin-bottom: 2px; } .datamints-ccm .ccm-consentmanager--overlay.overlay--full-overlay-container.open--overlay-container .cookie-banner .ccm-cm .ccm-cm--group .ccm-cm--purpose .ccm-cm--cookie--header .ccm-cm--cookie--column-title { border-right: 2px solid var(--c-dorsch-lighter-blue); padding: 6px 8px; color: white; } .datamints-ccm .ccm-consentmanager--overlay.overlay--full-overlay-container.open--overlay-container .cookie-banner .ccm-cm .ccm-cm--group .ccm-cm--purpose .ccm-cm--cookie--header .ccm-cm--cookie--column-title:nth-of-type(3) { border: none; } .datamints-ccm .ccm-consentmanager--overlay.overlay--full-overlay-container.open--overlay-container .cookie-banner .ccm-cm .ccm-cm--group .ccm-cm--purpose .ccm-cm--provider .ccm-cm--cookies .ccm-cm--cookie .arrow { right: 0; top: 0; } .datamints-ccm .ccm-consentmanager--overlay.overlay--full-overlay-container.open--overlay-container .cookie-banner .ccm-cm .ccm-cm--group .ccm-cm--purpose .ccm-cm--provider .ccm-cm--cookies .ccm-cm--cookie .arrow svg { height: 28px; } .datamints-ccm .ccm-consentmanager--overlay.overlay--full-overlay-container.open--overlay-container .cookie-banner .ccm-cm .ccm-cm--group .ccm-cm--purpose .ccm-cm--provider .ccm-cm--cookies .ccm-cm--cookie .ccm-cm--cookie--columns { grid-template-columns: 6fr 6fr 6fr 1fr; } .datamints-ccm .ccm-consentmanager--overlay.overlay--full-overlay-container.open--overlay-container .cookie-banner .ccm-cm .ccm-cm--group .ccm-cm--purpose .ccm-cm--provider .ccm-cm--cookies .ccm-cm--cookie .ccm-cm--cookie--columns div { border-right: 2px solid var(--c-dorsch-dark-blue); padding: 6px 8px; word-break: break-all; } .datamints-ccm .ccm-consentmanager--overlay.overlay--full-overlay-container.open--overlay-container .cookie-banner .ccm-cm .ccm-cm--group .ccm-cm--purpose .ccm-cm--provider .ccm-cm--cookies .ccm-cm--cookie .ccm-cm--cookie--columns div:last-of-type, .datamints-ccm .ccm-consentmanager--overlay.overlay--full-overlay-container.open--overlay-container .cookie-banner .ccm-cm .ccm-cm--group .ccm-cm--purpose .ccm-cm--provider .ccm-cm--cookies .ccm-cm--cookie .ccm-cm--cookie--columns div:nth-of-type(3) { border-right: 0; } .datamints-ccm .ccm-consentmanager--overlay.overlay--full-overlay-container.open--overlay-container .cookie-banner .ccm-cm .ccm-cm--group .ccm-cm--purpose .ccm-cm--provider .ccm-cm--cookies .ccm-cm--cookie .ccm-cm--cookie--columns .ccm-cm--cookie--column-title { display: none; } .datamints-ccm .ccm-consentmanager--overlay.overlay--full-overlay-container.open--overlay-container .cookie-banner .ccm-cm .ccm-cm--footer .ccm-cm--actions { flex-direction: column; } .datamints-ccm .ccm-consentmanager--overlay.overlay--full-overlay-container.open--overlay-container .cookie-banner .ccm-cm .ccm-cm--footer .ccm-cm--actions .ccm-action { margin: 0 20px 8px; } } @media (min-width: 1100px) { .datamintspayoneproducts_products-country { flex-direction: row; } .datamintspayoneproducts_products-country-product { width: calc(33% - 20px); display: inline-block; } } /*# sourceMappingURL=app.css.map*/