/*
Theme Name: Imera
Author: Roman Esch <r.esch@esch.design>
*/

/*--------------------------------------------------------------
>>> Übersicht:
----------------------------------------------------------------
1.0 Allgemeines
  1.1 Überschriften
  1.2 Links
  1.3 Sonstiges
2.0 Enviromentmarker
3.0 Button, Input, Select
4.0 Header, Navigation und Footer
5.0 Ladebalken
6.0 Artikel
    6.1 Checkout
7.0 Accordions, Dialog und Modal
8.0 NoteEditor
9.0 Übersichtsliste
10.0 Animationen
11.0 Formulare
12.0 Submenü
13.0 Farben
14.0 Fehlerausgaben
15.0 Media Queries
16.0 Drucken
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Allgemeines
--------------------------------------------------------------*/
@font-face
{
    font-family: 'Exo2-Light';
    src:         url('/fonts/Exo2-Light.eot'); /* IE9 Compat Modes */
    src:         url('/fonts/Exo2-Light.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/Exo2-Light.woff') format('woff'), /* Pretty Modern Browsers */ url('/fonts/Exo2-Light.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/Exo2-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face
{
    font-family: 'Exo2-ExtraBoldItalic';
    src:         url('/fonts/Exo2-ExtraBoldItalic.eot'); /* IE9 Compat Modes */
    src:         url('/fonts/Exo2-ExtraBoldItalic.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/Exo2-ExtraBoldItalic.woff') format('woff'), /* Pretty Modern Browsers */ url('/fonts/Exo2-ExtraBoldItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/Exo2-ExtraBoldItalic.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face
{
    font-family: 'DIN';
    src:         url('/fonts/DINMedium.eot'); /* IE9 Compat Modes */
    src:         url('/fonts/DINMedium.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/DINMedium.woff') format('woff'), /* Pretty Modern Browsers */ url('/fonts/DINMedium.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/DINMedium.svg#svgFontName') format('svg'); /* Legacy iOS */
}

*, *:before, *:after
{
    -webkit-box-sizing: inherit;
    box-sizing:         inherit;
}

html
{
    height:                   100%;
    -webkit-box-sizing:       border-box;
    box-sizing:               border-box;

    /* Zeilenhöhe in allen Browsern korrigieren. */
    line-height:              1.35;

    /* Anpassungen der Schriftgröße nach der Änderung der Ausrichtung in iOS verhindern. */
    -webkit-text-size-adjust: 100%;
}

html,
body
{
    font-family:      "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #414042;
    font-size:        14px;

    padding:          0;
    margin:           0;
}

body
{
    min-height:     100%;
    position:       relative;
    padding-bottom: 104px;
    overflow-y:     scroll;
}

hr
{
    /* Boxgröße in Firefox korrigieren. */
    box-sizing: content-box;
    height:     0;

    /* Overflow im Edge und IE anzeigen. */
    overflow:   visible;
}

button,
select,
.pointer,
.pointer label,
.linked.visited,
.linked.visited label
{
    cursor: pointer;
}

.unsetTextSelect
{
    user-select: none;
}

button.link
{
    line-height: unset;
    color:       #007099;
}

button[disabled],
select[disabled],
input:disabled + span
{
    cursor: default;
}

select[disabled]
{
    -moz-appearance:    none;
    -webkit-appearance: none;
    appearance:         none;
}

select[disabled]::-ms-expand
{
    display: none;
}

ul, ol
{
    margin:       0.75rem 0 2rem;
    padding-left: 2em;
}

label,
.label
{
    font-size: 0.8em;
    color:     #9e9e9e;
}

.breadcrumb
{
    padding-top: 7px;
}

.breadcrumb .line,
.rc-tree-title .tooltip
{
    height:        14px;
    display:       block;
    position:      relative;
    white-space:   nowrap;
    width:         100%;
    overflow:      hidden;
    /* Überlaufverhalten am Zeilenende
       Rechtes Ende, falls links nach rechts, linkes Ende, falls rechts nach links */
    text-overflow: clip;
    text-overflow: ellipsis;
    text-overflow: "...";
}

p,
.navbarBlock ul li
{
    margin: 0.75rem 0;
}

.p
{
    padding: 0.75rem 0;
}

.padding
{
    padding: 0.75rem;
}

.tRight
{
    text-align: right;
}

.tLeft
{
    text-align: left;
}

.tCenter
{
    text-align: center;
}

.tLabel
{
    right:    0.75rem;
    top:      -1.25rem;
    position: absolute;
    padding:  0.25rem 0.5rem;
}

.taxLabel
{
    font-size:   0.75em;
    line-height: 0.75em;
    clear:       both;
}

.current .price,
.marginPrice
{
    margin-top: 25px;
}

/**
 * Korrekte Schriftgröße in Chrome, Edge und Safari hinzufügen.
 */
b,
strong,
.bold
{
    font-weight: bolder;
}

pre
{
    /* Vererbung und Skalierung der Schriftgröße in allen Browsern korrigieren. */
    font-family: monospace, monospace;

    /* Ungerade Schriftarten in allen Browsern korrigieren. */
    font-size:   1em;
}

/**
 * Den grauen Hintergrund auf aktiven Links in IE 10 entfernen.
 */
a
{
    background-color: transparent;
}

abbr[title]
{
    /* Den unteren Rand in Chrome 57- enfernen. */
    border-bottom:   none;

    /* Korrekte Textdekoration in Chrome, Edge, IE, Opera und Safari hinzufügen. */
    text-decoration: underline;
    text-decoration: underline dotted;
}

code,
kbd,
samp
{
    /* Die Vererbung und Skalierung der Schriftgröße in allen Browsern korrigieren. */
    font-family: monospace, monospace;

    /* Die ungeraden Schriftarten in allen Browsern korrigieren. */
    font-size:   1em;
}

/**
 * Korrekte Schriftgröße in allen Browsern hinzufügen.
 */
small
{
    font-size: 80%;
}

/*
 * Verhindern, dass `sub` und` sup` Elemente die Zeilenhöhe in beeinflussen.
 */
sub,
sup
{
    font-size:      75%;
    line-height:    0;
    position:       relative;
    vertical-align: baseline;
}

sub
{
    bottom: -0.25em;
}

sup
{
    top: -0.5em;
}

/**
 * Den Rahmen von Bildern innerhalb von Links in IE 10 entfernen.
 */
img
{
    border-style: none;
}

button,
.btn,
input,
.input,
optgroup,
select,
textarea
{
    /* Schriftarten in allen Browsern einheitlich setzen. */
    font-family: inherit;
    font-size:   100%;
    line-height: 1.15;

    /* Den Rand in Firefox und Safari entfernen. */
    margin:      0;
}

/**
 * Überlauf in IE und Edge anzeigen.
 */
button,
input
{
    overflow: visible;
}

/**
 * Die Vererbung der Textumwandlung in Edge, Firefox und IE entfernen.
 */
button,
select
{
    text-transform: none;
}

/**
 * Anklickbare Typen in iOS und Safari nicht formatieren.
 */
button,
[type="button"],
[type="reset"],
[type="submit"]
{
    -webkit-appearance: button;
}

/**
 *  Den inneren Rand und das Padding in Firefox entfernen.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner
{
    border-style: none;
    padding:      0;
}

/**
 * Scharfstellungsstile wieder herstellen, die durch die vorherige Regel nicht gesetzt wurden.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring
{
    outline: 1px dotted ButtonText;
}

/**
 * Auffüllung in Firefox korrigieren.
 */
fieldset
{
    padding: 0.35em 0.75em 0.625em;
}

legend
{
    /* Textumbruch in Edge und IE korrigieren. */
    box-sizing:  border-box;
    display:     table;
    max-width:   100%;
    white-space: normal;

    /* Die Farbvererbung von `fieldset` Elementen in IE deaktivieren. */
    color:       inherit;

    /* Keine Abstände zulassen. */
    padding:     0;
}

/**
 * Vertikale Ausrichtung in Chrome, Firefox und Opera setzen.
 */
progress
{
    vertical-align: baseline;
}

/**
 * Standardmäßige vertikale Bildlaufleiste in IE 10+ entfernen.
 */
textarea
{
    overflow: auto;
}

/**
 * Boxgröße in IE 10 setzen
 */
[type="checkbox"],
[type="radio"]
{
    box-sizing: border-box;
    padding:    0;
}

/**
 * Cursorstil der Inkrement- und Dekrementschaltflächen in Chrome korrigieren.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button
{
    height: auto;
}

[type="search"]
{
    /* Die ungewöhnliche Darstellung in Chrome und Safari anpassen. */
    -webkit-appearance: textfield;

    /* Den Umriss-Stil in Safari anpassen. */
    outline-offset:     -2px;
}

/**
 * Innere Gestalltung in Chrome und Safari auf macOS.
 */
[type="search"]::-webkit-search-decoration
{
    -webkit-appearance: none;
}

::-webkit-file-upload-button
{
    /* Anklickbare Typen in iOS und Safari nicht formatieren. */
    -webkit-appearance: button;

    /* Die Schrifteigenschaften in Safari weiter vererben. */
    font:               inherit;
}

/*
 * Die korrekte Anzeige in Edge, IE 10+ und Firefox hinzufügen.
 */
details
{
    display: block;
}

/*
 * Die korrekte Anzeige in allen Browsern hinzufügen.
 */
summary
{
    display: list-item;
}

/**
 * Die korrekte Anzeige im IE 10+ hinzufügen.
 */
template,
[hidden],
.hidden
{
    display: none;
}

.fullWidth
{
    width: 100%;
}

/*--------------------------------------------------------------
1.1 Überschriften
--------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-family: 'Exo2-Light', "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin:      0;
    line-height: 1em;
}

h1
{
    padding:   1.75em 0 0.3em;
    font-size: 2em;
}

h2
{
    padding:   1.65em 0 0.3em;
    font-size: 1.8em;
}

h3
{
    padding:   1.55em 0 0.3em;
    font-size: 1.6em;
}

h4
{
    padding:   1.45em 0 0.3em;
    font-size: 1.4em;
}

h5
{
    padding:   1.35em 0 0.3em;
    font-size: 1.2em;
}

h6
{
    padding:   1.25em 0 0.3em;
    font-size: 1em;
}

.title h1
{
    word-break: break-word;
}

/*--------------------------------------------------------------
1.2 Links
--------------------------------------------------------------*/

a, .a
{
    color:                       #007099;
    cursor:                      pointer;
    text-decoration:             none;
    -webkit-tap-highlight-color: transparent;
}

a:not(.svg):hover,
a:not(.svg):focus,
a:not(.svg):active,
.a:not(.svg):hover,
.a:not(.svg):focus,
.a:not(.svg):active
{
    text-decoration: underline;
}

/*--------------------------------------------------------------
1.3 Sonstiges
--------------------------------------------------------------*/
.underline,
li.pointer:hover > h5
{
    text-decoration: underline;
}

.valign-wrapper
{
    display:             -webkit-box;
    display:             -webkit-flex;
    display:             -ms-flexbox;
    display:             flex;
    -webkit-box-align:   center;
    -webkit-align-items: center;
    -ms-flex-align:      center;
    align-items:         center;
}

.truncate
{
    display:       block;
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
}

.pinned
{
    position: fixed;
}

.notSelectable
{
    user-select:         none;
    -moz-user-select:    none;
    -khtml-user-select:  none;
    -webkit-user-select: none;
    -o-user-select:      none;
}

.colPadding
{
    padding: 0 0.75rem;
}

.margin-top
{
    margin-top: 0.75rem !important;
}

.margin-bottom
{
    margin-bottom: 0.75rem !important;
}

.margin-left
{
    margin-left: 0.75rem !important;
}

.margin-right
{
    margin-right: 0.75rem !important;
}

.padding-top
{
    padding-top: 0.75rem !important;
}

.padding-bottom
{
    padding-bottom: 0.75rem !important;
}

.padding-left
{
    padding-left: 0.75rem !important;
}

.padding-right
{
    padding-right: 0.75rem !important;
}

.big-block
{
    margin: 0.75rem 0 0.75rem;
}

.dashed-block
{
    border:  3px dashed #007099;
    padding: 0 0.75rem;
}

.dashed-block.hasTitle
{
    border-top: 0;
}

.seperator
{
    margin-top: 1em;
}

.position.top
{
    top:        0 !important;
    margin-top: 0 !important;
}

.position.bottom
{
    bottom:        0 !important;
    margin-bottom: 0 !important;
}

.position.left
{
    left:        0 !important;
    margin-left: 0 !important;
}

.position.right
{
    right:        0 !important;
    margin-right: 0 !important;
}

.bottom-10
{
    bottom: 10px;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.relative
{
    position: relative;
    height:   100%;
    width:    100%;
}

.absolute
{
    position: absolute;
}

.shadowBox,
.borderBox
{
    box-shadow:   2px 0 0 #e0e0e0, 3px 1px 0 #ffffff, 6px 2px 0 #e0e0e0, 7px 3px 0 #ffffff, 10px 4px 0 #e0e0e0, 11px 5px 2px #9e9e9e;
    border-right: 1px solid #e0e0e0;
}

.borderBox + .shadowBox
{
    border-bottom: 1px solid #e0e0e0;
}

.borderBox
{
    border-radius: 4px 2px 0 0;
}

.shadowBox
{
    background-color: #ffffff;
    border-radius:    0 0 2px 4px;
}

.borderBox:after,
.shadowBox:after
{
    content:    "";
    display:    block;
    height:     100%;
    width:      1px;
    background: #e0e0e0;
    position:   absolute;
    left:       0;
}

.unselected
{
    border:  2px solid transparent;
    padding: 1em 1.5em 1.25em 0.75em;
}

.unselected .logoButton svg
{
    opacity: 0.6;
}

.selectable .unselected:hover .logoButton svg
{
    opacity: 1;
}

.selectable .unselected:hover .borderBox
{
    background-color: #414042 !important;
}

.selected,
.selectable .unselected:hover,
.selectable .unselected:hover label
{
    cursor: pointer;
}

.selected:hover button
{
    background-color: #dd0000 !important;
}

.unselected .selectButton
{
    background-color: #9e9e9e !important;
}

.selectable .unselected .selectButton
{
    background-color: #007099 !important;
    opacity:          1;
}

.selected
{
    border:  2px solid #007099;
    padding: 1em 1.5em 1.25em 0.75em;
}

.moreInfoButton
{
    position: absolute;
    right:    36px;
    bottom:   36px;
}

.logoButtonOuter
{
    position: absolute;
    height:   100%;
    right:    0 !important;
    bottom:   0 !important;
}

.logoButton
{
    border-radius: 50%;
    background:    #ffffff;
    line-height:   1px;
    width:         50px;
    height:        50px;
    position:      absolute;
    bottom:        -10px;
    right:         1em;
    padding:       4px;
    z-index:       1;
}

.logoButton2
{
    line-height: 1px;
    position:    relative;
    left:        0;
    bottom:      -4px;
    padding:     4px;
    z-index:     1;
}

.logoButton2:before
{
    content:       "";
    border-radius: 50%;
    border:        1px solid #007099;
    background:    #ffffff;
    position:      absolute;
    left:          0;
    top:           0;
    height:        100%;
    width:         100%;
    z-index:       -1;
}

.col.articles
{
    padding: 0.75em 0;
}

.dialogPrice,
.price
{
    font-family:   'Exo2-ExtraBoldItalic', "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 1em;
}

.dialogPrice > .value,
.dialogPrice > * > .value,
.price > .value,
.price > * > .value
{
    color:       #007099;
    font-weight: bold;
    font-size:   3em;
    line-height: 1em;
    word-break:  normal;

}

.dialogPrice > .value.sub,
.dialogPrice > * > .value.sub,
.price > .value.sub,
.price > * > .value.sub
{
    color:       #007099;
    font-weight: bold;
    font-size:   2.5em;
    line-height: 1em;
}

.dialogPrice > .additional,
.dialogPrice > * > .additional,
.price > .additional,
.price > * > .additional
{
    color:       #414042;
    font-size:   1em;
    line-height: 1em;
    word-break:  normal;
    margin-left: 3px;
}

.dashed-block .title
{
    line-height: 0.9em;
}

.dialogPrice > * > label,
.dialogPrice > label,
.price > * > label,
.price > label,
.priceLabel,
.exoLightFont
{
    font-family: 'Exo2-Light', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.priceLabel
{
    height:        4em;
    overflow:      hidden;
    margin-top:    0.5em;
    margin-bottom: 0.5em;
}

.price > * > label,
.price > label
{
    font-weight: bold;
}

.dialogPrice .regular,
.dialogPrice .information ~ .additional,
.price .regular,
.price .information ~ .additional
{
    font-family: 'Exo2-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:   1em;
}

.price .light
{
    font-family: 'Exo2-Light', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:   0.8em;
    line-height: 18px;
}

.priceBox,
.showablePrice,
.editablePrice
{
    position: relative;
}

.priceBox .price
{
    border:        1px solid #ffffff;
    border-radius: 6px;
    bottom:        0;
    padding:       0.5rem;
}

.showablePrice .price
{
    bottom:     1em;
    text-align: right;
    margin-top: 0;
}

.current .price .value
{
    font-size: 2em;
    height:    auto;
    width:     auto;
    margin:    0;
}

.current .price .additional
{
    font-family: 'Exo2-Light', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:   0.8em;
}

.priceBox .crossBlock
{
    padding-bottom: 4px;
    border-bottom:  1px solid #9e9e9e;
}

.priceBox .crossBlock .value
{
    font-size: 1.8em;
}

.priceBox .spacerBlock
{
    padding-top: 4px;
}

.double-border
{
    border-top: 3px double #9e9e9e;
}

.billing
{
    min-height: 450px;
}

.dashed-block-outer
{
    padding:  0.75rem !important;
    /*height:  calc(100% - 1.5rem);*/
    height:   auto !important;
    position: relative;
}

.dashed-block
{
    border:        3px dashed #007099;
    border-radius: 0;
    padding:       1.5rem 0.75rem;
    height:        100%;
}

.baseFont
{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.inlineBlock
{
    display: inline-block;
}

.inline
{
    display: inline;
}

.priceTemplate
{
    height:    190px;
    max-width: 280px;
}

.priceTemplate .price
{
    right:      auto;
    left:       auto;
    box-shadow: 1px 1px 3px #9e9e9e;
    border:     1px solid #9e9e9e;
}

/*.priceTemplate .price:before
{
    content:          "";
    position:         absolute;
    height:           100%;
    width:            100%;
    background-color: #414042;
    border-radius:    6px;
    left:             0;
    top:              0;
    z-index:          0;
}

.priceTemplate .price:after
{
    content:          "";
    position:         absolute;
    height:           100%;
    width:            100%;
    background-color: hsla(196, 100%, 34%, 0.125);
    border-radius:    6px;
    left:             0;
    top:              0;
    z-index:          0;
}*/

.priceTemplate .price > *
{
    position: relative;
    z-index:  1;
}

/*--------------------------------------------------------------
3.0 Button, Input, Select
--------------------------------------------------------------*/
button:not(.btn-flat),
button .btn-text,
.btn .btn-text,
input,
.text-input,
optgroup,
select,
textarea
{
    font-family: inherit !important;
    font-size:   16px;
    line-height: 16px;
    margin:      0;
}

.btn:not(.svg):not(.btn-flat)
{
    font-family: inherit !important;
    font-size:   16px;
    line-height: 16px;
}

button .btn-text,
.btn .btn-text,
.btn:not(.svg):not(.btn-flat)
{
    line-height: 36px;
}

.btn-file
{
    position: relative;
}

.btn-file .file-path-wrapper
{
    overflow:      hidden;
    padding-right: 0.75rem;
}

.btn-file input[type="file"]
{
    position: absolute;
    top:      0;
    right:    0;
    left:     0;
    bottom:   0;
    width:    100%;
    margin:   0;
    padding:  0;
    cursor:   pointer;
    opacity:  0;
    z-index:  1;
}

.actions button,
.actions .btn
{
    line-height: 1;
}

button:not(.btn-flat),
.btn-radio,
input[type="button"],
input[type="submit"],
.btn:not(.svg),
.button:not(.inline),
[role="button"],
.button.inline > button,
.button.inline > input[type="button"],
.button.inline > input[type="submit"],
.button.inline > .btn:not(.svg),
.button.inline > [role="button"]
{
    margin-bottom: 0.75rem;
    margin-right:  0.75rem;
}

button:last-child,
.btn-radio:last-child,
input[type="button"]:last-child,
input[type="submit"]:last-child,
.btn:not(.svg):last-child,
.button:last-child,
[role="button"]:last-child,
.button:last-child > button,
.button:last-child > input[type="button"],
.button:last-child > input[type="submit"],
.button:last-child > .btn:not(.svg),
.button:last-child > [role="button"]
{
    margin-right: 0;
}

.actions > button,
.actions > input[type="button"],
.actions > input[type="submit"],
.actions > .btn,
.actions > .button,
.actions > [role="button"]
{
    margin: 0;
}

button,
input
{
    overflow: visible;
}

select,
input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
.text-input,
textarea
{
    background-color:   transparent;
    border:             none;
    border-bottom:      1px solid #9e9e9e;
    border-radius:      0;
    outline:            none;
    height:             3rem;
    width:              calc(100% - 1em);
    font-size:          1rem;
    margin:             0 0 1.5rem 0;
    padding:            0 0.5rem;
    -webkit-box-shadow: none;
    box-shadow:         none;
    -webkit-box-sizing: content-box;
    box-sizing:         content-box;
    -webkit-transition: all 0.3s;
    transition:         all 0.3s;
}

select:focus,
input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea:focus:not([readonly])
{
    border-color:       #007099;
    -webkit-box-shadow: 0 1px 0 0 #007099;
    box-shadow:         0 1px 0 0 #007099;
}

article .col .shoppingCart
{
    min-height: 290px;
}

.boxShadowRight,
.dashed-block-outer
{
    /*box-shadow: 1px 1px 0 1px #FFFFFF, 6px 6px 2px #CCCCCC;*/
    box-shadow: 2px 2px 2px #cccccc;
}

.inputButtons
{
    right: 0;
    top:   0;
}

.domainField .inputButtons
{
    right: -36px;
    top:   1.5rem;
}

.domainField
{
    position: relative;
}

.summaryFields > div
{
    display: block;
}

.summaryFields > div .additional
{
    font-size: 100%;
}

.summaryFields .netField .value
{
    font-size: 2em;
}

.summaryFields .taxField .value
{
    font-size: 2em;
}

.summaryFields .grossField .value
{
    font-size: 3.5em;
}

.summaryLine,
.oneLine
{
    overflow:    hidden;
    white-space: nowrap;
}

.summaryLine:after
{
    content: "======================================================================================================================";
}

.oneLine:after
{
    content: "----------------------------------------------------------------------------------------------------------------------";
}

.text-input
{
    height:     auto;
    min-height: 3em;
    transition: none;
    overflow:   hidden;
    /*resize:     vertical;*/
}

span.blank
{
    margin-right: 0.25rem;
}

span.blank:last-child
{
    margin-right: 0;
}

.editorIcon
{
    cursor:      pointer;
    position:    relative;
    min-height:  2rem;
    padding-top: 1rem;
}

.input-height
{
    max-height: 2rem;
}

.editorIcon:after
{
    content:    "";
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='14' height='14'><path d='M0 64v896h1024v-896h-1024zM960 896h-896v-768h896v768zM896 192h-768v640h768v-640zM448 512h-64v64h-64v64h-64v-64h64v-64h64v-64h-64v-64h-64v-64h64v64h64v64h64v64zM704 640h-192v-64h192v64z'></path></svg>");
    position:   absolute;
    right:      0;
    bottom:     0;
    height:     14px;
    width:      14px;
}

button,
select
{
    text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"]
{
    -webkit-appearance: button;
    -webkit-transition: background-color .3s;
    transition:         background-color .3s;
}

button:focus
{
    outline: none;
}

button, .btn, .btn-large, .btn-small, .btn-radio
{
    background-color:            #007099;
    color:                       #ffffff;
    cursor:                      pointer;
    border:                      0;
    border-radius:               2px;
    display:                     inline-block;
    min-height:                  36px;
    line-height:                 36px;
    padding:                     0 16px;
    vertical-align:              middle;
    -webkit-tap-highlight-color: transparent;
}

.btn-text-middle
{
    line-height: 36px;
}

button.right:first-child, .btn.right:first-child
{
    margin-right: 0;
}

a.btn > svg.icon + span,
button > svg.icon + span,
li a > svg.icon + span
{
    margin-left: 5px;
}

button:hover:not(.svg):not(.btn-flat):not([disabled]),
.btn:hover:not(.svg),
.btn.active:not(.svg)
{
    background-color: #414042;
}

button:hover:not(.svg),
.btn:hover:not(.svg),
.btn.active:not(.svg)
{
    text-decoration: underline;
}

.actions button[disabled]:hover,
.actions .btn.disabled:hover,
.actions .btn[disabled]:hover
{
    background-color: transparent;
}

button[disabled]:hover,
button[disabled],
button[disabled] .icon-rounded,
.btn.disabled:hover,
.btn.disabled,
.btn[disabled]:hover,
.btn[disabled]
{
    cursor:           not-allowed;
    text-decoration:  none;
    background-color: #9e9e9e;
}

button[disabled]:hover.svg,
button[disabled].svg
{
    background-color: transparent;
}

button[disabled].icon-shadow:hover,
button[disabled].icon-shadow,
button[disabled] .icon-rounded,
.btn.disabled.icon-shadow:hover,
.btn.disabled.icon-shadow,
.btn[disabled].icon-shadow:hover,
.btn[disabled].icon-shadow
{
    color:            #9e9e9e !important;
    background-color: #ffffff !important;
}

.btn-flat
{
    -webkit-box-shadow:          none;
    box-shadow:                  none;
    background-color:            transparent;
    border:                      0;
    border-radius:               0;
    padding:                     0;
    min-height:                  auto;
    height:                      auto;
    color:                       #414042;
    cursor:                      pointer;
    vertical-align:              middle;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition:          background-color .2s;
    transition:                  background-color .2s;
}

.btn-flat:focus:not(.icon-shadow),
.btn-flat:hover:not(.icon-shadow)
{
    -webkit-box-shadow: none;
    box-shadow:         none;
}

.btn-large
{
    height:      45px;
    line-height: 60px;
    padding:     0 10px;
}

.btn-large i
{
    font-size: 25px;
}

.btn-extra-large i
{
    font-size: 2.6rem;
}

.btn-small
{
    height:       28px;
    min-height:   28px;
    max-height:   28px;
    padding:      0.25em;
    font-size:    1.3em;
    margin-right: 0.25em;
    width:        28px;
    text-align:   center;
    line-height:  1;
}

.btn-small i
{
    font-size: 1.2rem;
}

a svg + label,
.btn svg + label
{
    cursor: pointer;
}

.btn-middle
{
    padding: 0 10px;
    height:  38px;
}

.btn-middle i
{
    font-size: 18px;
}

.btn-middle svg + label,
.btn-middle svg + .label
{
    display:        inline-block;
    line-height:    1em;
    vertical-align: middle;
    padding-left:   5px;
}

.btn-square
{
    padding: 0;
}

.btn.setted
{
    color: #414042;
}

.btn-rounded
{
    background:         #ffffff;
    border-radius:      50%;
    border:             1px solid #007099;
    box-shadow:         0 0 4px #cccccc;
    position:           relative;
    padding:            5px;
    line-height:        1px;
    height:             100%;
    width:              100%;
    z-index:            1;
    -webkit-transition: background-color .3s;
    transition:         background-color .3s;
}

.btn-pulse:hover
{
    /*transform: rotate3d(0,1,0,20deg);*/
    animation: pulse 2s infinite;
}

.btn-navbar
{
    border:             0;
    padding:            5%;
    box-shadow:         none;
    -webkit-transition: box-shadow .3s;
    transition:         box-shadow .3s;
}

.btn-navbar:hover
{
    box-shadow: 0 0 4px 3px #007099;
}

.btn-right-space
{
    margin-right: 5px !important;
}

.btn-right-space.icon-shadow
{
    margin-right: 6px !important;
}

.submitButtonSpace button[type="submit"],
.btn-radio
{
    margin-top:    0.75rem;
    margin-bottom: 0;
}

.btn-radio:focus
{
    background-color: transparent;
}

.btn-radio svg,
.btn-radio span
{
    display: block;
}

.btn-radio .icon-rounded
{
    border-radius:      2px;
    background-color:   #f2f2f2;
    border:             1px solid #9e9e9e;
    height:             42px;
    width:              42px;
    margin:             0 auto;
    padding:            0;
    -webkit-transition: background-color .3s;
    transition:         background-color .3s;
}

.btn-radio .icon-rounded svg
{
    padding-top: 2px;
}

.btn-radio span
{
    font-size: 13px;
}

button.buttonTopSpace
{
    margin-top: 1.25rem;
}

.cursor-default
{
    cursor: default;
}

@keyframes pulse
{
    0%
    {
        transform: scale(1);
    }
    25%
    {
        transform:          scale(.9);
        box-shadow:         0 0 20px 3px #007099;
        -webkit-transition: box-shadow .2s;
        transition:         box-shadow .2s;
    }
    50%
    {
        transform: scale(1);
    }
    100%
    {
        transform: scale(1);
    }
}

/* IE Fix feste Breite*/
_:-ms-fullscreen, :root .surveyButtons .btn-rounded
{
    height: 264px;
    width:  264px;
}

.surveyButtons
{
    margin-top:    1.5em;
    margin-bottom: 1.5em;
}

.orderable,
.unorderable
{
    border: 2px solid transparent;
}

.orderable
{
    border:        2px solid #007324;
    box-shadow:    0 0 2px #000000;
    border-radius: 4px;
}

.shadow
{
    display:          block;
    position:         relative;
    border-radius:    50%;
    background-color: #007fad10;
    box-shadow:       5px 8px 18px #007fad50 inset;
    height:           2em;
    bottom:           1.7em;
    left:             15%;
    width:            75%;
    z-index:          0;
}

.btn-block
{
    display: block;
}

.cookie-banner
{
    background-color: #343334;
    position:         absolute;
    right:            0;
    bottom:           50px;
    left:             0;
    text-align:       center;
    padding:          15px 0;
}

.cookie-banner button
{
    margin-left: 15px;
}

/*
 * Radio
 */
[type="radio"]:not(:checked),
[type="radio"]:checked
{
    position:       absolute;
    opacity:        0;
    pointer-events: none;
}

[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label
{
    position:            relative;
    padding-left:        30px;
    cursor:              pointer;
    display:             inline-block;
    height:              25px;
    line-height:         25px;
    font-size:           1rem;
    -webkit-transition:  .28s ease;
    transition:          .28s ease;
    -webkit-user-select: none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    user-select:         none;
}

[type="radio"] + label:before,
[type="radio"] + label:after
{
    content:            '';
    position:           absolute;
    left:               0;
    top:                0;
    margin:             4px;
    width:              16px;
    height:             16px;
    z-index:            0;
    -webkit-transition: .28s ease;
    transition:         .28s ease;
}

/* Unchecked styles */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:before,
[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after
{
    border-radius: 50%;
}

[type="radio"]:not(:checked) + label:before,
[type="radio"]:not(:checked) + label:after
{
    border: 2px solid #5a5a5a;
}

[type="radio"]:not(:checked) + label:after
{
    -webkit-transform: scale(0);
    transform:         scale(0);
}

/* Checked styles */
[type="radio"]:checked + label:before
{
    border: 2px solid transparent;
}

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after
{
    border: 2px solid #007099;
}

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:after
{
    background-color: #007099;
}

[type="radio"] + label:hover
{
    text-decoration: underline;
}

[type="radio"]:checked + label:after
{
    -webkit-transform: scale(1.02);
    transform:         scale(1.02);
}

/* Radio With gap */
[type="radio"].with-gap:checked + label:after
{
    -webkit-transform: scale(0.5);
    transform:         scale(0.5);
}

/* Focused styles */
[type="radio"].tabbed:focus + label:before
{
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow:         0 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Disabled Radio With gap */
[type="radio"].with-gap:disabled:checked + label:before
{
    border: 2px solid #949494;
}

[type="radio"].with-gap:disabled:checked + label:after
{
    border:           none;
    background-color: #949494;
}

/* Disabled style */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before
{
    background-color: transparent;
    border-color:     #949494;
}

[type="radio"]:disabled + label
{
    color: #949494;
}

[type="radio"]:disabled:not(:checked) + label:before
{
    border-color: #949494;
}

[type="radio"]:disabled:checked + label:after
{
    background-color: #949494;
    border-color:     #949494;
}

/*
 * Checkboxes
 */

/* Remove default checkbox */
[type="checkbox"]
{
    position:       absolute;
    opacity:        0;
    pointer-events: none;
}

.checkedLabel .afterInputLabel,
.checkableLabel .afterInputLabel,
[type="checkbox"] + span
{
    position:            relative;
    cursor:              pointer;
    color:               #9e9e9e;
    display:             inline-block;
    height:              25px;
    line-height:         25px;
    font-size:           1rem;
    -webkit-user-select: none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    user-select:         none;
}

.checkableLabel .a,
.checkedLabel .a,
[type="checkbox"] + span a
{
    font-weight: bold;
}

.checkedLabel .afterInputLabel,
.checkedLabel .a,
[type="checkbox"] + span .modal,
[type="checkbox"]:checked + span
{
    color: #000000;
}

[type="checkbox"] + span .modal a
{
    color: #007099;
}

:not(.reverse) > [type="checkbox"] + span
{
    padding-left: 35px;
}

.reverse > [type="checkbox"] + span
{
    padding-right: 35px;
}

[type="checkbox"] + span:before,
[type="checkbox"]:not(.filled-in) + span:after
{
    content:            '';
    position:           absolute;
    top:                0;
    width:              18px;
    height:             18px;
    z-index:            0;
    border:             2px solid #5a5a5a;
    border-radius:      1px;
    margin-top:         3px;
    -webkit-transition: .2s;
    transition:         .2s;
}

:not(.reverse) > [type="checkbox"] + span:before,
:not(.reverse) > [type="checkbox"]:not(.filled-in) + span:after
{
    left: 0;
}

.reverse > [type="checkbox"] + span:before,
.reverse > [type="checkbox"]:not(.filled-in) + span:after
{
    right: 0;
}

[type="checkbox"]:not(.filled-in) + span:after
{
    border:            0;
    -webkit-transform: scale(0);
    transform:         scale(0);
}

[type="checkbox"]:not(:checked):disabled + span:before
{
    border:           none;
    background-color: #e0e0e0;
}

[type="checkbox"].tabbed:focus + span:after
{
    -webkit-transform:  scale(1);
    transform:          scale(1);
    border:             0;
    border-radius:      50%;
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow:         0 0 0 10px rgba(0, 0, 0, 0.1);
    background-color:   rgba(0, 0, 0, 0.1);
}

[type="checkbox"]:checked + span:before
{
    top:                         -4px;
    width:                       12px;
    height:                      22px;
    border:                      2px solid transparent;
    border-right-color:          #007099;
    border-bottom-color:         #007099;
    -webkit-transform:           rotate(40deg);
    transform:                   rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility:         hidden;
    -webkit-transform-origin:    100% 100%;
    transform-origin:            100% 100%;
}

:not(.reverse) > [type="checkbox"]:checked + span:before
{
    left: -5px;
}

.reverse > [type="checkbox"]:checked + span:before
{
    right: 10px;
}

[type="checkbox"]:checked:disabled + span:before
{
    border-right:  2px solid #949494;
    border-bottom: 2px solid #949494;
}

/* Indeterminate checkbox */
[type="checkbox"]:indeterminate + span:before
{
    top:                         -11px;
    width:                       10px;
    height:                      22px;
    border-top:                  none;
    border-left:                 none;
    border-right:                2px solid #007099;
    border-bottom:               none;
    -webkit-transform:           rotate(90deg);
    transform:                   rotate(90deg);
    -webkit-backface-visibility: hidden;
    backface-visibility:         hidden;
    -webkit-transform-origin:    100% 100%;
    transform-origin:            100% 100%;
}

:not(.reverse) > [type="checkbox"]:indeterminate + span:before
{
    left: -12px;
}

.reverse > [type="checkbox"]:indeterminate + span:before
{
    right: -12px;
}

[type="checkbox"]:indeterminate:disabled + span:before
{
    border-right:     2px solid #949494;
    background-color: transparent;
}

[type="checkbox"].filled-in + span:after
{
    border-radius: 2px;
}

[type="checkbox"].filled-in + span:before,
[type="checkbox"].filled-in + span:after
{
    content:  '';
    position: absolute;
    z-index:  1;
}

:not(.reverse) > [type="checkbox"].filled-in + span:before,
:not(.reverse) > [type="checkbox"].filled-in + span:after
{
    left:               0;
    /* .1s delay is for check animation */
    -webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    transition:         border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
}

.reverse > [type="checkbox"].filled-in + span:before,
.reverse > [type="checkbox"].filled-in + span:after
{
    right:              0;
    /* .1s delay is for check animation */
    -webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, right .20s .1s;
    transition:         border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, right .20s .1s;
}

[type="checkbox"].filled-in:not(:checked) + span:before
{
    width:                    0;
    height:                   0;
    border:                   3px solid transparent;
    top:                      10px;
    -webkit-transform:        rotateZ(37deg);
    transform:                rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin:         100% 100%;
}

:not(.reverse) > [type="checkbox"].filled-in:not(:checked) + span:before
{
    left: 6px;
}

.reverse > [type="checkbox"].filled-in:not(:checked) + span:before
{
    right: 6px;
}

[type="checkbox"].filled-in:not(:checked) + span:after
{
    height:           20px;
    width:            20px;
    background-color: transparent;
    border:           2px solid #5a5a5a;
    top:              0;
    z-index:          0;
}

[type="checkbox"].filled-in:checked + span:before
{
    top:                      0;
    left:                     1px;
    width:                    8px;
    height:                   13px;
    border:                   2px solid transparent;
    border-right-color:       #ffffff;
    border-bottom-color:      #ffffff;
    -webkit-transform:        rotateZ(37deg);
    transform:                rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin:         100% 100%;
}

[type="checkbox"].filled-in:checked + span:after
{
    top:              0;
    width:            20px;
    height:           20px;
    border:           2px solid #007099;
    background-color: #007099;
    z-index:          0;
}

[type="checkbox"].filled-in.tabbed:focus + span:after
{
    border-radius:    2px;
    border-color:     #5a5a5a;
    background-color: rgba(0, 0, 0, 0.1);
}

[type="checkbox"].filled-in.tabbed:checked:focus + span:after
{
    border-radius:    2px;
    background-color: #007099;
    border-color:     #007099;
}

[type="checkbox"].filled-in:disabled:not(:checked) + span:before
{
    background-color: transparent;
    border:           2px solid transparent;
}

[type="checkbox"].filled-in:disabled:not(:checked) + span:after
{
    border-color:     transparent;
    background-color: #949494;
}

[type="checkbox"].filled-in:disabled:checked + span:before
{
    background-color: transparent;
}

[type="checkbox"].filled-in:disabled:checked + span:after
{
    background-color: #949494;
    border-color:     #949494;
}

/*--------------------------------------------------------------
4.0 Header, Navigation und Footer
--------------------------------------------------------------*/

#header
{
    margin-bottom: 10px;
}

#banner
{
    padding:          5px;
    background-color: #007099;
    color:            white;
    text-align:       right;
    font-weight:      bold;
    line-height:      40px;
    border-bottom:    1px solid white;
}

.progress
{
    margin: 0;
}

main
{

}

.navbar-top,
.navbar-smart
{
    box-shadow: 0 4px 3px #000000;
    position:   relative;
}

.navbar-top article
{
    padding:  1rem 0;
    position: relative;
    height:   100%;
}

.navbar-top .mainLogin,
.navbar-top .smartLogin
{
    margin:  0;
    padding: 0;
    height:  100%;
}

.navbar-top .smartLogin
{
    height: 40px;
}

.navbar-smart,
.navbar-top .smartLogin > div
{
    position: relative;
    height:   100%;
}

.navbar-top .mainLogin
{
    display: none;
}

.navbar-smart ul:not(.collection):not(.rc-tree):not(.rc-tree-child-tree)
{
    padding: 10px 0;
}

.navbar-smart ul:not(.collection):not(.rc-tree):not(.rc-tree-child-tree),
.navbar-smart .smartMenu
{
    margin:        0 0.75rem;
    border-radius: 6px 6px 0 0;
    word-break:    break-all;
}

.navbar-smart ul:not(.collection):not(.rc-tree):not(.rc-tree-child-tree) li
{
    font-size: 15px;
    padding:   7px 0;
}

.navbar-smart ul:not(.collection):not(.rc-tree):not(.rc-tree-child-tree) li a
{
    display: block;
}

a.logo
{
    border-radius: 50%;
    position:      absolute;
    padding:       10px;
    margin:        0;
    bottom:        -25%;
    z-index:       0;
}

a.logo:after
{
    content:            "";
    position:           absolute;
    height:             100%;
    width:              100%;
    background:         #ffffff;
    border-radius:      50%;
    left:               0;
    top:                0;
    z-index:            -1;
    -webkit-transition: box-shadow .3s;
    transition:         box-shadow .3s;
}

_:-ms-fullscreen, :root a.logo,
_:-ms-fullscreen, :root a.logo:after
{
    height: 120px;
    width:  120px;
}

a.logo:hover:after
{
    box-shadow: 0 0 4px 3px #007099;
}

.document-list button
{
    border-radius: 4px;
    display:       block;
    position:      relative;
    height:        0;
    width:         100%;
    padding:       0 0 100%;
    margin-bottom: 50%;
}

.document-list button:hover
{
    text-decoration: none;
}

.document-list .document-item
{
    cursor:     pointer;
    margin:     5px 0;
    word-break: break-all;
    word-break: break-word;
}

.document-list .document-item svg
{
    position: absolute;
    height:   100%;
    width:    100%;
    left:     0;
    top:      0;
    padding:  5px;
}

.document-list .document-item button svg + label,
.document-list .document-item .btn svg + label
{
    cursor:      pointer;
    top:         100%;
    left:        0;
    position:    absolute;
    width:       100%;
    padding-top: 4px;
}

.navbar-top section.logo
{
    height: 120px;
}

.navbar-top section.bottom
{
    height: calc(100% - 120px);
}

.navbar-top ul:not(.collection):not(.rc-tree):not(.rc-tree-child-tree)
{
    position: absolute;
}

.navbar-top article .navbarBlock
{
    height:   100%;
    position: relative;
}

.navbar-top .tinyAuth
{
    position: relative;
    height:   240px;
}

.navbar-top article .loginBlock
{
    display: none;
}

.navbar-top article .subLoginLinks
{
    position: absolute;
    left:     0.75rem;
    top:      0;
}

.navbar-top .logoOuter,
.navbar-top .reportLogoOuter
{
    position: absolute;
}

.navbar-top .mainLogin .logoOuter
{
    bottom: -20%;
}

.navbar-top .smartLogin .logoOuter
{
    height:  70px;
    width:   70px;
    left:    calc(50% - 35px);
    right:   calc(50% - 35px);
    z-index: 1;
}

.navbar-top .mainLogin .reportLogoOuter svg,
.navbar-top .smartLogin .reportLogoOuter svg
{
    transform:  scale(1);
    transition: all 0.3s;
    fill:       #f2f2f2;
}

.navbar-top .mainLogin .reportLogoOuter
{
    bottom: -25%;
    left:   15%;
    right:  15%;
}

.navbar-top .smartLogin .reportLogoOuter
{
    bottom:  -100%;
    height:  100px;
    width:   100px;
    left:    calc(50% - 50px);
    right:   calc(50% - 50px);
    z-index: 1;
}

.navbar-top .mainLogin .reportLogoOuter a:hover svg,
.navbar-top .smartLogin .reportLogoOuter a:hover svg
{
    transform: scale(1.02);
    fill:      #ffffff;
    /*-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, .6));
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, .6));*/
}

.error
{
    position: relative;
}

.error .bottom
{
    position: absolute;
}

.error h3
{
    padding-bottom: 0.25em;
}

.error .right
{
    right: 0;
}

.login-form h4,
.logout-form h4
{
    padding-bottom: 0.75em;
    padding-top:    0;
}

.login-form input,
.logout-form input
{
    margin-bottom: 0.4em;
    height:        2.5em;
}

footer
{
    position:    absolute;
    right:       0;
    bottom:      0;
    left:        0;
    text-align:  center;
    padding:     5px 0;
    line-height: 1.5em;
    height:      50px;
}

footer a
{
    color: #ffffff;
}

footer article .footer-copyright
{
    padding: 7px 0;
}

nav ul:not(.collection):not(.rc-tree):not(.rc-tree-child-tree)
{
    padding-left:    0;
    list-style-type: none;
    margin:          0;
}

nav ul:not(.collection):not(.rc-tree):not(.rc-tree-child-tree) li
{
    padding: 4px 0;
}

nav ul:not(.collection):not(.rc-tree):not(.rc-tree-child-tree) > li
{
    list-style-type: none;
    margin:          0;
}

.title
{
    padding-top: 40px;
}

.title section
{
    margin-bottom: 0;
}

/*--------------------------------------------------------------
5.0 Ladebalken
--------------------------------------------------------------*/
.progress
{
    position:         fixed;
    height:           4px;
    top:              0;
    display:          block;
    width:            100%;
    background-color: #f2f2f2;
    border-radius:    2px;
    margin:           0 0 1rem 0;
    overflow:         hidden;
    z-index:          99999;
}

.progress .determinate
{
    position:           absolute;
    top:                0;
    left:               0;
    bottom:             0;
    background-color:   #007099;
    -webkit-transition: width .3s linear;
    transition:         width .3s linear;
}

.progress .indeterminate
{
    background-color: #007099;
}

.progress .indeterminate:before
{
    content:           '';
    position:          absolute;
    background-color:  inherit;
    top:               0;
    left:              0;
    bottom:            0;
    will-change:       left, right;
    -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    animation:         indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.progress .indeterminate:after
{
    content:                 '';
    position:                absolute;
    background-color:        inherit;
    top:                     0;
    left:                    0;
    bottom:                  0;
    will-change:             left, right;
    -webkit-animation:       indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    animation:               indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    -webkit-animation-delay: 1.15s;
    animation-delay:         1.15s;
}

@-webkit-keyframes indeterminate
{
    0%
    {
        left:  -35%;
        right: 100%;
    }
    60%
    {
        left:  100%;
        right: -90%;
    }
    100%
    {
        left:  100%;
        right: -90%;
    }
}

@keyframes indeterminate
{
    0%
    {
        left:  -35%;
        right: 100%;
    }
    60%
    {
        left:  100%;
        right: -90%;
    }
    100%
    {
        left:  100%;
        right: -90%;
    }
}

@-webkit-keyframes indeterminate-short
{
    0%
    {
        left:  -200%;
        right: 100%;
    }
    60%
    {
        left:  107%;
        right: -8%;
    }
    100%
    {
        left:  107%;
        right: -8%;
    }
}

@keyframes indeterminate-short
{
    0%
    {
        left:  -200%;
        right: 100%;
    }
    60%
    {
        left:  107%;
        right: -8%;
    }
    100%
    {
        left:  107%;
        right: -8%;
    }
}

/*--------------------------------------------------------------
6.0 Artikel
--------------------------------------------------------------*/
article
{
    margin:    0 auto;
    min-width: 260px;
    max-width: 1280px;
    width:     100%;
}

.table
{
    padding: 10px 0;
    display: table;
    width:   100%;
}

table
{
    width:           600px;
    border-collapse: collapse;
    margin-top:      20px;
}

table th
{
    font-weight:      bold;
    background-color: lightgrey;
    text-align:       left;
    padding:          5px;
}

table td
{
    padding:       2px;
    border-bottom: 1px solid lightgrey;
    border-top:    1px solid lightgrey;
    height:        20px;
}

.domainTable p
{
    line-height:   28px;
    border-bottom: 1px solid #e0e0e0;
}

.domainTable > div:nth-child(2n+1) p
{
    background-color: #f2f2f2;
}

.section
{
    display: block;
}

.section,
section
{
    border-radius: 4px;
    padding:       0.75rem;
    position:      relative;
    margin-left:   auto;
    margin-right:  auto;
    margin-bottom: 20px;
}

.row
{
    display: table-cell;
    padding: 2.55em 0;
}

.articles .content,
.articles .logoTitle
{
    overflow: hidden;
}

.articles .xl2 .content
{
    min-height: 3em;
    height:     3em;
}

.articles .xl3 .content
{
    min-height: 8em;
    height:     8em;
}

.articles .logoTitle
{
    height: 4em;
}

article section.col
{
    padding: 1em;
}

section:after
{
    content: "";
    display: table;
    clear:   both;
}

article .col img
{
    height: 100%;
    width:  100%;
}

article .col
{
    float:              left;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;
    padding:            0 0.75rem;
    min-height:         1px;
    word-break:         normal;
    word-break:         break-word;
}

article .col[class*="push-"], article .col[class*="pull-"]
{
    position: relative;
}

article .col.s1
{
    width:       8.3333333333%;
    margin-left: auto;
    left:        auto;
    right:       auto;
}

article .col.s2
{
    width:       16.6666666667%;
    margin-left: auto;
    left:        auto;
    right:       auto;
}

article .col.s3
{
    width:       25%;
    margin-left: auto;
    left:        auto;
    right:       auto;
}

article .col.s4
{
    width:       33.3333333333%;
    margin-left: auto;
    left:        auto;
    right:       auto;
}

article .col.s5
{
    width:       41.6666666667%;
    margin-left: auto;
    left:        auto;
    right:       auto;
}

article .col.s6
{
    width:       50%;
    margin-left: auto;
    left:        auto;
    right:       auto;
}

article .col.s7
{
    width:       58.3333333333%;
    margin-left: auto;
    left:        auto;
    right:       auto;
}

article .col.s8
{
    width:       66.6666666667%;
    margin-left: auto;
    left:        auto;
    right:       auto;
}

article .col.s9
{
    width:       75%;
    margin-left: auto;
    left:        auto;
    right:       auto;
}

article .col.s10
{
    width:       83.3333333333%;
    margin-left: auto;
    left:        auto;
    right:       auto;
}

article .col.s11
{
    width:       91.6666666667%;
    margin-left: auto;
    left:        auto;
    right:       auto;
}

article .col.s12
{
    width:       100%;
    margin-left: auto;
    left:        auto;
    right:       auto;
}

article .col.offset-s1
{
    margin-left: 8.3333333333%;
}

article .col.pull-s1
{
    right: 8.3333333333%;
}

article .col.push-s1
{
    left: 8.3333333333%;
}

article .col.offset-s2
{
    margin-left: 16.6666666667%;
}

article .col.pull-s2
{
    right: 16.6666666667%;
}

article .col.push-s2
{
    left: 16.6666666667%;
}

article .col.offset-s3
{
    margin-left: 25%;
}

article .col.pull-s3
{
    right: 25%;
}

article .col.push-s3
{
    left: 25%;
}

article .col.offset-s4
{
    margin-left: 33.3333333333%;
}

article .col.pull-s4
{
    right: 33.3333333333%;
}

article .col.push-s4
{
    left: 33.3333333333%;
}

article .col.offset-s5
{
    margin-left: 41.6666666667%;
}

article .col.pull-s5
{
    right: 41.6666666667%;
}

article .col.push-s5
{
    left: 41.6666666667%;
}

article .col.offset-s6
{
    margin-left: 50%;
}

article .col.pull-s6
{
    right: 50%;
}

article .col.push-s6
{
    left: 50%;
}

article .col.offset-s7
{
    margin-left: 58.3333333333%;
}

article .col.pull-s7
{
    right: 58.3333333333%;
}

article .col.push-s7
{
    left: 58.3333333333%;
}

article .col.offset-s8
{
    margin-left: 66.6666666667%;
}

article .col.pull-s8
{
    right: 66.6666666667%;
}

article .col.push-s8
{
    left: 66.6666666667%;
}

article .col.offset-s9
{
    margin-left: 75%;
}

article .col.pull-s9
{
    right: 75%;
}

article .col.push-s9
{
    left: 75%;
}

article .col.offset-s10
{
    margin-left: 83.3333333333%;
}

article .col.pull-s10
{
    right: 83.3333333333%;
}

article .col.push-s10
{
    left: 83.3333333333%;
}

article .col.offset-s11
{
    margin-left: 91.6666666667%;
}

article .col.pull-s11
{
    right: 91.6666666667%;
}

article .col.push-s11
{
    left: 91.6666666667%;
}

article .col.offset-s12
{
    margin-left: 100%;
}

article .col.pull-s12
{
    right: 100%;
}

article .col.push-s12
{
    left: 100%;
}

.unset-radius
{
    border-radius: 0 !important;
}

.unset-padding
{
    padding: 0 !important;
}

.col.block-padding
{
    padding:       0;
    margin-bottom: 0.75rem;
}

.unset-padding-left
{
    padding-left: 0 !important;
}

.unset-padding-right
{
    padding-right: 0 !important;
}

.unset-padding-top
{
    padding-top: 0 !important;
}

.unset-padding-bottom
{
    padding-bottom: 0 !important;
}

.unset-margin
{
    margin: 0 !important;
}

.right-block,
.right-border-radius
{
    border-radius: 0 0 6px 6px;
}

.left-block,
.left-border-radius
{
    border-radius: 6px 0 0 6px;
}

.cleared
{
    clear: both;
}

.spacer
{
    display: block;
    height:  1.5em;
}


/*--------------------------------------------------------------
6.1 Checkout
--------------------------------------------------------------*/
.checkout-wrap
{
    color:    #414042;
    margin:   40px auto;
    position: relative;
    z-index:  0;
}

ul.checkout-bar
{
    font-family: "Exo2-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin:      0;
    padding:     0;
}

ul.checkout-bar li
{
    color:     #9e9e9e;
    display:   block;
    font-size: 16px;
    padding:   14px 20px 14px 80px;
    position:  relative;
}

ul.checkout-bar li:before
{
    background:    #dddddd;
    border:        2px solid #ffffff;
    border-radius: 50%;
    color:         #666666;
    font-size:     14px;
    font-weight:   bold;
    left:          20px;
    line-height:   35px;
    height:        35px;
    position:      absolute;
    text-align:    center;
    top:           4px;
    width:         35px;
    z-index:       999;
}

ul.checkout-bar li.active
{
    color:       #007fad;
    font-weight: bold;
}

ul.checkout-bar li.active:before
{
    background: #007fad;
    color:      #ffffff;
    z-index:    99999;
}

ul.checkout-bar li.visited
{
    background: #f2f2f2;
    color:      #000000;
    z-index:    99999;
}

ul.checkout-bar li.visited:before
{
    background:         #414042;
    color:              #ffffff;
    z-index:            99999;
    -webkit-transition: box-shadow .3s;
    transition:         box-shadow .3s;
}

ul.checkout-bar li.visited:hover:before
{
    box-shadow: 0 0 4px 3px #007099;
}

ul.checkout-bar li:nth-child(1):before
{
    content: "1";
}

ul.checkout-bar li:nth-child(2):before
{
    content: "2";
}

ul.checkout-bar li:nth-child(3):before
{
    content: "3";
}

ul.checkout-bar li:nth-child(4):before
{
    content: "4";
}

ul.checkout-bar li:nth-child(5):before
{
    content: "5";
}

ul.checkout-bar li:nth-child(6):before
{
    content: "6";
}

ul.checkout-bar a
{
    color:           #414042;
    font-size:       16px;
    font-weight:     600;
    text-decoration: none;
}

@keyframes myanimation
{
    0%
    {
        left: 0%;
    }
    100%
    {
        left: 50%;
    }
}

/*--------------------------------------------------------------
7.0 Accordions, Dialog und Modal
--------------------------------------------------------------*/
/*
 * Accordions
 */
.accordion
{
    border:  1px solid lightgray;
    padding: 10px;
    margin:  10px 0;
}

/*
 * Dialog
 */
.dialog,
.modal
{
    background-color: #f2f2f2;
    width:            95%;
    max-width:        1240px;
    position:         fixed;
    top:              50%;
    left:             50%;
    transform:        translate(-50%, -50%);
    overflow-x:       hidden;

    border-radius:    4px;
    padding:          1.5rem;

    max-height:       90%;
    z-index:          99998;

    margin:           0 5% 0 0;
}

.dialogHead h2
{
    padding: 0.7em 0;
}

.modalOverlay
{
    position:   fixed;
    z-index:    99997;
    top:        -25%;
    left:       0;
    bottom:     0;
    right:      0;
    height:     125%;
    width:      100%;
    background: #000000;
    opacity:    0.8;
    display:    block;
}

.closeButton
{
    background-color: #eeeeee;
    border:           1px solid #d3d3d3;
    cursor:           pointer;
    color:            #000000;
    float:            right;
}

.closeButton:hover
{
    border-color: #000000;
}

.dialogBody,
.modalBody
{
    /* 10% = Footer, 90% = Body, 20px = title */
    height:   calc(90% - 20px);
    overflow: auto;
}

.dialogFoot,
.modalFoot
{
    /* 10% = Footer, 90% = Body, 20px = title */
    height:     calc(10% - 20px);
    text-align: center;
    padding:    5px;
}

.dialogFoot button:hover
{
    background-color: #007099;
}

.confirm
{
    display: inline-block;
}

.tooltip + .tooltiptext
{
    opacity:             0;
    display:             none;
    transition-duration: 0.3s;

    border-radius:       2px;
    border:              1px solid #007099;
    box-shadow:          1px 1px 2px #999999;
    padding:             0.25rem 1rem;
    background-color:    #ffffff;
    color:               #000000;

    /* Position the tooltip */
    position:            absolute;
    width:               66.6666666667%;
    z-index:             1;
}

.tooltip:hover + .tooltiptext
{
    opacity:     1;
    display:     block;
    white-space: initial;
}

/*--------------------------------------------------------------
8.0 NoteEditor
--------------------------------------------------------------*/
.label-note-editor
{
    margin-top: 10px;
    display:    block;
}

label p
{
    margin: 0;
}

.dialogBody .editor
{
    padding: 10px;
}

.editor
{
    height:     25rem;
    overflow-x: auto;
}

.editor ul,
.editor ol
{
    padding-left: 30px;
}

.editor ul,
.editor ul > li
{
    list-style-type: disc;
}

.NoteEditor-root .selection-header
{
    margin-bottom: 5px;
}

.Editor-root.editor-with-header .editor-header
{
    padding:  0.75rem 0.75rem 0 0.75rem;
    border:   1px solid #e2e3e5;
    position: relative;
}

.Editor-root.editor-with-header .editor-content
{
    padding: 0.75rem;
    border:  1px solid #e2e3e5;
}

.public-DraftEditorPlaceholder-root
{
    color:    #9197a3;
    position: absolute;
    z-index:  1;
}

.public-DraftEditor-content
{
    background-color:   transparent;
    border:             none;
    border-radius:      0;
    outline:            none;
    width:              100%;
    font-size:          1rem;
    margin:             0 0 20px 0;
    padding:            0;
    -webkit-box-sizing: content-box;
    box-sizing:         content-box;
    -webkit-transition: all 0.3s;
    transition:         all 0.3s;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR
{
    margin-left: 1em;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL
{
    margin-right: 1em;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR
{
    margin-left: 2em;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL
{
    margin-right: 2em;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR
{
    margin-left: 3em;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL
{
    margin-right: 3em;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR
{
    margin-left: 4em;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL
{
    margin-right: 4em;
}

.public-DraftStyleDefault-unorderedListItem
{
    list-style-type: square;
    position:        relative;
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0
{
    list-style-type: disc;
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1
{
    list-style-type: circle;
}

.public-DraftStyleDefault-orderedListItem
{
    list-style-type: none;
    position:        relative;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before
{
    left:       -36px;
    position:   absolute;
    text-align: right;
    width:      30px;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before
{
    position:   absolute;
    right:      -36px;
    text-align: left;
    width:      30px;
}

.public-DraftStyleDefault-orderedListItem:before
{
    content:           counter(ol0) ". ";
    counter-increment: ol0;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before
{
    content:           counter(ol1) ". ";
    counter-increment: ol1;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before
{
    content:           counter(ol2) ". ";
    counter-increment: ol2;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before
{
    content:           counter(ol3) ". ";
    counter-increment: ol3;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before
{
    content:           counter(ol4) ". ";
    counter-increment: ol4;
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset
{
    counter-reset: ol0;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset
{
    counter-reset: ol1;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset
{
    counter-reset: ol2;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset
{
    counter-reset: ol3;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset
{
    counter-reset: ol4;
}

/*
 * Fragefolgeaktionen
 */
.question-options
{
    margin-bottom: 2em;
    width:         100%;
}

.question-options h5
{
    padding: 4px 0 0 1.15em;
}

.question-options ul
{
    padding: 0;
}

.question-options ul,
.question-options ul li
{
    list-style: none;
}

.question-options ul li .spaced-left
{
    padding-left: 2.25em;
}

.question-options .collection-header + .collection-item > .actions-left
{
    margin-top: -0.75rem;
}

/*--------------------------------------------------------------
9.0 Übersichtsliste
--------------------------------------------------------------*/
.collection
{
    overflow:   hidden;
    position:   relative;
    padding:    0;
    margin:     0.5rem 0 1rem 0;
    list-style: none;
}

.collection .collection-item
{
    line-height:   1.5rem;
    padding:       0.75rem 0 0;
    margin:        0;
    border-bottom: 1px solid #e0e0e0;
    position:      relative;
}

.collection .collection-item:last-child
{
    border-bottom: none;
}

.collection.with-header .collection-header:after,
.collection .collection-item:after
{
    content: "";
    display: table;
    clear:   both;
}

.collection a.collection-item
{
    display:            block;
    -webkit-transition: .25s;
    transition:         .25s;
    color:              #007099;
}

.collection.collection-block
{
    /*box-shadow: 0 0 1px #9e9e9e;*/
    border-bottom: 1px solid #e0e0e0;
    margin-top:    1em;
}

.collection.with-header .collection-header
{
    border-bottom: 1px solid #9e9e9e;
    padding:       0.75rem;
}

.collection .collection-item-spacer
{
    padding: 0;
    /*border-bottom: 1px solid #007099;*/
}

.collection .collection-item-spacer > *,
.collection .collection-item.userSpacer,
.collection .collection-item.organizationSpacer
{
    padding-left:  0.75rem;
    padding-right: 0.75rem;
}

.collection .collection-item label.pointer:hover
{
    color: #414042;
}

.collection .collection-item.labelSpacer
{
    padding:       2px 0;
    border-bottom: 1px solid #c6c6c6;
}

.desktop .collection.hidden-buttons .collection-item:not(.item-spacer):hover
{
    background-color: #f2f2f2 !important;
}

.desktop .collection.hidden-buttons .collection-item:not(.item-spacer) button
{
    opacity: 0.1;
}

.desktop .collection.hidden-buttons .collection-item:not(.item-spacer) .modal button,
.desktop .collection.hidden-buttons .collection-item:not(.item-spacer):hover button
{
    opacity: 1;
}

.label-block,
.collection .collection-item.userSpacer
{
    box-shadow:    0 5px 0 #eeeeee, 5px 5px 0 #eeeeee;
    border-right:  3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
    margin-right:  5px;
    margin-bottom: 5px;
    min-height:    30px;
}

.label-block
{
    background:    #414042;
    box-shadow:    5px 5px 0 #f2f2f2;
    color:         #ffffff;
    margin-bottom: 1rem;
    padding:       0 0.75rem;
}

.collection .collection-item.userSpacer > *
{
    padding-top: 0;
}

.collection .collection-item .main-text
{
    display:    block;
    min-height: 1em;
}

.collection .collection-item .sub-text
{
    font-size:  0.8rem;
    display:    block;
    min-height: 1em;
}

.collection .collection-item .icon-bar
{
    margin-top: 0.75rem;
}

.collection .collection-item .field
{
    min-height:    21px;
    margin-bottom: 7px;
}

.collection .optionsHeader input
{
    height: 2.4em;
}

.collection .optionsHeader input:focus
{
    border-color:       #ffffff;
    -webkit-box-shadow: 0 1px 0 0 #ffffff;
    box-shadow:         0 1px 0 0 #ffffff;
}

.block-header
{
    margin-top: 1em;
}

.block-header > input.inactive
{
    margin-bottom: 0.5em;
}

/*--------------------------------------------------------------
10.0 Animationen
--------------------------------------------------------------*/
/*
 * ReactCSSTransitionGroup Animationen
 */
.easeIn-appear > *
{
    opacity:    0.01;
    transition: opacity .25s ease-in;
}

.easeIn-appear > *:nth-child(n)
{
    transition-delay: calc(n * 100ms);
}

.easeIn-appear > *:nth-child(2)
{
    transition-delay: 100ms
}

.easeIn-appear > *:nth-child(3)
{
    transition-delay: 200ms
}

.easeIn-appear > *:nth-child(4)
{
    transition-delay: 300ms
}

.easeIn-appear > *:nth-child(5)
{
    transition-delay: 400ms
}

.easeIn-appear > *:nth-child(6)
{
    transition-delay: 500ms
}

.easeIn-appear > *:nth-child(7)
{
    transition-delay: 600ms
}

.easeIn-appear > *:nth-child(8)
{
    transition-delay: 700ms
}

.easeIn-appear > *:nth-child(9)
{
    transition-delay: 800ms
}

.easeIn-appear > *:nth-child(10)
{
    transition-delay: 900ms
}

.easeIn-appear > *:nth-child(11)
{
    transition-delay: 1000ms
}

.easeIn-appear > *:nth-child(12)
{
    transition-delay: 1100ms
}

.easeIn-appear > *:nth-child(13)
{
    transition-delay: 1200ms
}

.easeIn-appear.easeIn-appear-active > *
{
    opacity: 1;
}

/*--------------------------------------------------------------
11.0 Formulare
--------------------------------------------------------------*/
.form
{
    padding: 10px 0;
    display: block;
}

/* Fehlgeschlagene Validierung */
.form input[type="text"].validation-failed,
.form input[type="number"].validation-failed,
.form input[type="email"].validation-failed,
.form input[type="checkbox"].validation-failed:not(:checked) + span:before,
.form input[type="file"].validation-failed,
.form input[type="tel"].validation-failed,
.form input[type="password"].validation-failed,
.form select.validation-failed,
.form textarea.validation-failed,
.editor-content.validation-failed,
input.autoFocus
{
    border-color: #85bbce;
    background:   #deecf2;
    box-shadow:   0 1px 0 0 #85bbce;
}

.form .customField > *
{
    display: inline-block;
    width:   100%;
}

textarea
{
    resize:        vertical;
    border:        none;
    border-bottom: 1px solid #9e9e9e;
    padding-top:   1rem;
    height:        2rem;
}

select
{
    display: block;
}

input.inactive
{
    border-color: transparent;
    margin:       0;
    height:       2rem;
}

.card-panel
{
    display: table;
    width:   100%;
}

.form-element-help
{
    position:      relative;
    margin-top:    -1.5rem;
    margin-bottom: 1.5rem;
    font-size:     0.8rem;
    color:         #9e9e9e;
}

form.form label
{
    display: block;
}

.form-element-required
{
    color: #dd0000;
}

form.form .form-has-required-fields
{
    background: inherit;
    margin:     0 0 0.75em 0;
}

.radio
{
    margin-top: 1em;
}

.italic
{
    font-style: italic;
}

.billingInfo textarea
{
    height: 8em;
}

.answerList .radio label
{
    display:     block;
    line-height: unset;
    height:      auto;
}

.answerList.setted button
{
    background-color: #e0e0e0;
}

/*--------------------------------------------------------------
12.0 Submenü
--------------------------------------------------------------*/
.selection-footer .actions
{
    position: relative;
    margin:   0;
}

.actions
{
    display:  inline-block;
    position: absolute;
    margin:   0;
    padding:  0;
}

.actions-right
{
    right: 0;
}

.label-actions
{
    float: right;
}

.label-actions .btn
{
    border:      1px solid transparent;
    height:      19px;
    width:       19px;
    padding:     0 5px;
    margin:      0;
    line-height: 1;
}

.label-actions .btn.selected:not(.svg)
{
    background-color: #ffffff;
    border-color:     #414042;
}

.actions-left
{
    left:   0;
    width:  1.8rem;
    height: 100%;
}

.actions-right,
.actions-left
{
    margin-top: 0;
}

.contentDocuments .actions-right,
.contentDocuments .actions-left
{
    z-index: 1;
}

.hiddenDocuments
{
    height: 3em;
}

.collection .actions-right,
.collection .actions-left
{
    margin-top: -0.75rem;
}

.collection .collection-item-spacer .actions-right
{
    margin: 0 -0.75rem 0 0;
}

.badge-id
{
    display:          inline-block;
    color:            #333333;
    width:            100%;
    height:           20px;
    line-height:      20px;
    background-color: #f2f2f2;
    vertical-align:   middle;
    position:         absolute;
    left:             0;
    padding:          0 5px;
}

.actions-left .badge-id
{
    position:   relative;
    text-align: center
}

.nav-content.horizontal a
{
    padding:      1px 6px;
    width:        25px;
    margin-top:   0;
    margin-right: 0;
    height:       25px;
    line-height:  25px;
}

.badge-id input
{
    height:     auto;
    padding:    0;
    text-align: center;
    width:      15px;
}

.questionnaireTree
{
    overflow:      hidden;
    margin-bottom: 10px;
}

.treeMenu .questionnaireTree
{
    min-height: 800px;
}

/*.switch
{
    float: left;
    position: relative;
}

.switch:before
{
    content:        "";
    display:        block;
    height:         100px;
    width:          1px;
    border-right:   1px solid #007099;
    right:          0;
    box-shadow:     3px 0 3px -4px;
}*/

/*--------------------------------------------------------------
13.0 Farben
--------------------------------------------------------------*/
.inactive path
{
    fill: #b1b1b1;
}

.transparent,
.hover-transparent:hover
{
    background: transparent !important;
}

.hover-black:hover,
.black
{
    background-color: #000000 !important;
}

.hover-black-text:hover,
.black-text
{
    color: #000000 !important;
}

.secondary-color,
.hover-primary-color:hover,
.hover-dark-grey:hover,
.dark-grey
{
    background-color: #414042 !important;
}

.secondary-color-text,
.hover-primary-color-text:hover,
.hover-dark-grey-text:hover,
.dark-grey-text
{
    color: #414042 !important;
}

.hover-label-grey:hover,
.label-grey
{
    background-color: #6b6b6b !important;
}

.hover-label-grey-text:hover,
.label-grey-text
{
    color: #6b6b6b !important;
}

.grey-border
{
    border-color: #9e9e9e !important;
}

.hover-grey:hover,
.grey
{
    background-color: #9e9e9e !important;
}

.hover-grey-text:hover,
.grey-text
{
    color: #9e9e9e !important;
}

.hover-middle-grey:hover,
.middle-grey,
.setted.grey
{
    background-color: #e0e0e0 !important;
}

.hover-lighter-grey:hover,
.lighter-grey
{
    background-color: #eeeeee !important;
}

.hover-lighter-grey-text:hover,
.lighter-grey-text
{
    color: #eeeeee !important;
}

.hover-light-grey:hover,
.light-grey
{
    background-color: #f2f2f2 !important;
}

.hover-light-grey-text:hover,
.light-grey-text
{
    color: #f2f2f2 !important;
}

.hover-white-grey:hover,
.white-grey
{
    background-color: #fcfcfc !important;
}

.hover-white-grey-text:hover,
.white-grey-text
{
    color: #fcfcfc !important;
}

.hover-white:hover,
.white
{
    background-color: #ffffff !important;
}

.hover-white-text:hover,
.white-text
{
    color: #ffffff !important;
}

.environment.test,
.hover-green:hover,
.green
{
    background-color: #4caf50 !important;
}

.hover-green-text:hover,
.green-text
{
    color: #4caf50 !important;
}

.environment.staging,
.hover-orange:hover,
.orange
{
    background-color: #ff9800 !important;
}

.hover-orange-text:hover,
.orange-text
{
    color: #ff9800 !important;
}

.hover-red:hover,
.red
{
    background-color: #f44336 !important;
}

.hover-red-text:hover,
.red-text
{
    color: #f44336 !important;
}

.environment.development,
.setted.main-blue
{
    background-color: #9e9e9e !important;
}

.primary-color,
.hover-secondary-color:hover,
.environment.production,
.hover-main-blue:hover,
.main-blue
{
    background-color: #007099 !important;
}

.primary-color-text,
.hover-secondary-color-text:hover,
.hover-main-blue-text:hover,
.main-blue-text
{
    color: #007099 !important;
}

.hover-blue:hover,
.blue
{
    background-color: #0094ca !important;
}

.hover-blue-text:hover,
.blue-text
{
    color: #0094ca !important;
}

.hover-light-blue:hover,
.light-blue
{
    background-color: hsla(196, 100%, 34%, 0.125) !important;
}

.hover-light-blue-text:hover,
.light-blue-text
{
    color: hsla(196, 100%, 34%, 0.125) !important;
}

.selection.with-header .selection-header
{
    background-color: #e0e0e0;
}

.document.image
{
    color: #414042;
}

.document.pdf
{
    color: #f44336;
}

.document.word
{
    color: #007099;
}

.document.excel
{
    color: #007324;
}

.document.powerpoint
{
    color: #f44336;
}

.document.text
{
    color: #9e9e9e;
}

.icon-shadow
{
    box-shadow: 0 0 2px #9e9e9e;
}

/*--------------------------------------------------------------
14.0 Fehlerausgaben
--------------------------------------------------------------*/
.messages
{
    position:        fixed;
    bottom:          35px;
    right:           25px;
    list-style-type: none;
    padding:         0;
    margin:          0;
    z-index:         99999;
    user-select:     none;
}

.messages li
{
    color:                             #666666;
    border:                            1px solid #b5b8c8;
    border-radius:                     .2em;
    padding:                           10px;
    margin:                            10px;
    cursor:                            pointer;

    -webkit-animation-name:            dropIn;
    animation-name:                    dropIn;
    -webkit-animation-duration:        1s;
    animation-duration:                1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function:         linear;
}

/* Generated with Bounce.js. Edit at https://goo.gl/51kj7G */

@-webkit-keyframes dropIn
{
    0%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -500, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -500, 0, 0, 1);
    }
    1.78%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0.621, 1, 0, 0, 0, 0, 1, 0, -282.728, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0.621, 1, 0, 0, 0, 0, 1, 0, -282.728, 0, 0, 1);
    }
    3.56%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0.829, 1, 0, 0, 0, 0, 1, 0, -149.309, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0.829, 1, 0, 0, 0, 0, 1, 0, -149.309, 0, 0, 1);
    }
    5.34%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0.695, 1, 0, 0, 0, 0, 1, 0, -72.484, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0.695, 1, 0, 0, 0, 0, 1, 0, -72.484, 0, 0, 1);
    }
    7.06%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0.477, 1, 0, 0, 0, 0, 1, 0, -31.997, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0.477, 1, 0, 0, 0, 0, 1, 0, -31.997, 0, 0, 1);
    }
    7.12%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0.47, 1, 0, 0, 0, 0, 1, 0, -31.079, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0.47, 1, 0, 0, 0, 0, 1, 0, -31.079, 0, 0, 1);
    }
    10.51%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0.146, 1, 0, 0, 0, 0, 1, 0, -1.766, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0.146, 1, 0, 0, 0, 0, 1, 0, -1.766, 0, 0, 1);
    }
    10.68%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0.135, 1, 0, 0, 0, 0, 1, 0, -1.214, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0.135, 1, 0, 0, 0, 0, 1, 0, -1.214, 0, 0, 1);
    }
    14.01%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, -0.003, 1, 0, 0, 0, 0, 1, 0, 2.88, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, -0.003, 1, 0, 0, 0, 0, 1, 0, 2.88, 0, 0, 1);
    }
    14.24%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, -0.007, 1, 0, 0, 0, 0, 1, 0, 2.886, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, -0.007, 1, 0, 0, 0, 0, 1, 0, 2.886, 0, 0, 1);
    }
    17.46%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, -0.033, 1, 0, 0, 0, 0, 1, 0, 1.99, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, -0.033, 1, 0, 0, 0, 0, 1, 0, 1.99, 0, 0, 1);
    }
    31.36%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0.002, 1, 0, 0, 0, 0, 1, 0, 0.01, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0.002, 1, 0, 0, 0, 0, 1, 0, 0.01, 0, 0, 1);
    }
    36.48%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0.001, 1, 0, 0, 0, 0, 1, 0, -0.003, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0.001, 1, 0, 0, 0, 0, 1, 0, -0.003, 0, 0, 1);
    }
    44.34%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
    }
    44.44%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
    }
    45.27%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.992, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.992, 0, 1);
    }
    46.45%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, -15.312, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, -15.312, 0, 1);
    }
    48.45%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, -19.275, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, -19.275, 0, 1);
    }
    50.95%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -15.606, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -15.606, 0, 1);
    }
    53.4%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.111, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.111, 0, 1);
    }
    55.56%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -4.058, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -4.058, 0, 1);
    }
    55.9%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.395, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.395, 0, 1);
    }
    58.35%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.013, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.013, 0, 1);
    }
    62.35%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.622, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.622, 0, 1);
    }
    72.25%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1);
    }
    76.25%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.137, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.137, 0, 1);
    }
    86.15%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    90.16%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.011, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.011, 0, 1);
    }
    100%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}

@keyframes dropIn
{
    0%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -500, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -500, 0, 0, 1);
    }
    1.78%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0.621, 1, 0, 0, 0, 0, 1, 0, -282.728, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0.621, 1, 0, 0, 0, 0, 1, 0, -282.728, 0, 0, 1);
    }
    3.56%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0.829, 1, 0, 0, 0, 0, 1, 0, -149.309, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0.829, 1, 0, 0, 0, 0, 1, 0, -149.309, 0, 0, 1);
    }
    5.34%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0.695, 1, 0, 0, 0, 0, 1, 0, -72.484, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0.695, 1, 0, 0, 0, 0, 1, 0, -72.484, 0, 0, 1);
    }
    7.06%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0.477, 1, 0, 0, 0, 0, 1, 0, -31.997, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0.477, 1, 0, 0, 0, 0, 1, 0, -31.997, 0, 0, 1);
    }
    7.12%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0.47, 1, 0, 0, 0, 0, 1, 0, -31.079, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0.47, 1, 0, 0, 0, 0, 1, 0, -31.079, 0, 0, 1);
    }
    10.51%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0.146, 1, 0, 0, 0, 0, 1, 0, -1.766, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0.146, 1, 0, 0, 0, 0, 1, 0, -1.766, 0, 0, 1);
    }
    10.68%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0.135, 1, 0, 0, 0, 0, 1, 0, -1.214, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0.135, 1, 0, 0, 0, 0, 1, 0, -1.214, 0, 0, 1);
    }
    14.01%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, -0.003, 1, 0, 0, 0, 0, 1, 0, 2.88, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, -0.003, 1, 0, 0, 0, 0, 1, 0, 2.88, 0, 0, 1);
    }
    14.24%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, -0.007, 1, 0, 0, 0, 0, 1, 0, 2.886, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, -0.007, 1, 0, 0, 0, 0, 1, 0, 2.886, 0, 0, 1);
    }
    17.46%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, -0.033, 1, 0, 0, 0, 0, 1, 0, 1.99, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, -0.033, 1, 0, 0, 0, 0, 1, 0, 1.99, 0, 0, 1);
    }
    31.36%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0.002, 1, 0, 0, 0, 0, 1, 0, 0.01, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0.002, 1, 0, 0, 0, 0, 1, 0, 0.01, 0, 0, 1);
    }
    36.48%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0.001, 1, 0, 0, 0, 0, 1, 0, -0.003, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0.001, 1, 0, 0, 0, 0, 1, 0, -0.003, 0, 0, 1);
    }
    44.34%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
    }
    44.44%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
    }
    45.27%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.992, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.992, 0, 1);
    }
    46.45%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, -15.312, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, -15.312, 0, 1);
    }
    48.45%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, -19.275, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, -19.275, 0, 1);
    }
    50.95%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -15.606, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -15.606, 0, 1);
    }
    53.4%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.111, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.111, 0, 1);
    }
    55.56%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -4.058, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -4.058, 0, 1);
    }
    55.9%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.395, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.395, 0, 1);
    }
    58.35%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.013, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.013, 0, 1);
    }
    62.35%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.622, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.622, 0, 1);
    }
    72.25%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1);
    }
    76.25%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.137, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.137, 0, 1);
    }
    86.15%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    90.16%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.011, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.011, 0, 1);
    }
    100%
    {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform:         matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}

.messages li.warning
{
    color:            #8a6d3b;
    background-color: #fcf8e3;
    border-color:     #faebcc;
}

.messages li.error
{
    color:            #a94442;
    background-color: #f2dede;
    border-color:     #ebccd1;
}

.messages li.info
{
    color:            #414042;
    background-color: #ffffff;
    border-color:     #007099;
}

/*--------------------------------------------------------------
15.0 Media Queries
--------------------------------------------------------------*/
@media only screen and (min-width: 601px)
{
    .cleared-m
    {
        clear: both;
    }

    h1
    {
        font-size: 2.2em;
    }

    h2
    {
        font-size: 2em;
    }

    h3
    {
        font-size: 1.8em;
    }

    h4
    {
        font-size: 1.6em;
    }

    h5
    {
        font-size:   1.5em;
        font-weight: normal;
    }

    h6
    {
        font-size:   1.4em;
        font-weight: normal;
    }

    .title h1
    {
        letter-spacing: 1px;
    }

    .navbar-smart ul li
    {
        padding: 4px 0;
    }

    article
    {
        width: 90%;
    }

    article .col.m1
    {
        width:       8.3333333333%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.m2
    {
        width:       16.6666666667%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.m3
    {
        width:       25%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.m4
    {
        width:       33.3333333333%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.m5
    {
        width:       41.6666666667%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.m6
    {
        width:       50%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.m7
    {
        width:       58.3333333333%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.m8
    {
        width:       66.6666666667%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.m9
    {
        width:       75%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.m10
    {
        width:       83.3333333333%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.m11
    {
        width:       91.6666666667%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.m12
    {
        width:       100%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.offset-m1
    {
        margin-left: 8.3333333333%;
    }

    article .col.pull-m1
    {
        right: 8.3333333333%;
    }

    article .col.push-m1
    {
        left: 8.3333333333%;
    }

    article .col.offset-m2
    {
        margin-left: 16.6666666667%;
    }

    article .col.pull-m2
    {
        right: 16.6666666667%;
    }

    article .col.push-m2
    {
        left: 16.6666666667%;
    }

    article .col.offset-m3
    {
        margin-left: 25%;
    }

    article .col.pull-m3
    {
        right: 25%;
    }

    article .col.push-m3
    {
        left: 25%;
    }

    article .col.offset-m4
    {
        margin-left: 33.3333333333%;
    }

    article .col.pull-m4
    {
        right: 33.3333333333%;
    }

    article .col.push-m4
    {
        left: 33.3333333333%;
    }

    article .col.offset-m5
    {
        margin-left: 41.6666666667%;
    }

    article .col.pull-m5
    {
        right: 41.6666666667%;
    }

    article .col.push-m5
    {
        left: 41.6666666667%;
    }

    article .col.offset-m6
    {
        margin-left: 50%;
    }

    article .col.pull-m6
    {
        right: 50%;
    }

    article .col.push-m6
    {
        left: 50%;
    }

    article .col.offset-m7
    {
        margin-left: 58.3333333333%;
    }

    article .col.pull-m7
    {
        right: 58.3333333333%;
    }

    article .col.push-m7
    {
        left: 58.3333333333%;
    }

    article .col.offset-m8
    {
        margin-left: 66.6666666667%;
    }

    article .col.pull-m8
    {
        right: 66.6666666667%;
    }

    article .col.push-m8
    {
        left: 66.6666666667%;
    }

    article .col.offset-m9
    {
        margin-left: 75%;
    }

    article .col.pull-m9
    {
        right: 75%;
    }

    article .col.push-m9
    {
        left: 75%;
    }

    article .col.offset-m10
    {
        margin-left: 83.3333333333%;
    }

    article .col.pull-m10
    {
        right: 83.3333333333%;
    }

    article .col.push-m10
    {
        left: 83.3333333333%;
    }

    article .col.offset-m11
    {
        margin-left: 91.6666666667%;
    }

    article .col.pull-m11
    {
        right: 91.6666666667%;
    }

    article .col.push-m11
    {
        left: 91.6666666667%;
    }

    article .col.offset-m12
    {
        margin-left: 100%;
    }

    article .col.pull-m12
    {
        right: 100%;
    }

    article .col.push-m12
    {
        left: 100%;
    }

    _:-ms-fullscreen, :root a.logo,
    _:-ms-fullscreen, :root a.logo:after
    {
        height: 160px;
        width:  160px;
    }

    _:-ms-fullscreen, :root .logoButton2
    {
        height: 204px;
        width:  204px;
    }

    .navbar-top section.logo
    {
        height: auto;
    }

    .navbar-top section.bottom
    {
        height: 100%;
    }

    .document-list button
    {
        margin-bottom: 25%;
    }

    .dialogPrice > .value,
    .dialogPrice > * > .value,
    .price > .value,
    .price > * > .value
    {
        font-size: 4em;
    }

    .dialogPrice > .sub.value,
    .dialogPrice > * > .sub.value,
    .price > .sub.value,
    .price > * > .sub.value
    {
        font-size: 2.5em;
    }

    .price > .small.value,
    .price > * > .small.value
    {
        font-size: 1.5em;
    }

    .dialogPrice > * > .additional,
    .price > * > .additional
    {

        font-size: 1.5em;
    }

    .dashed-block .title
    {
        line-height: 1.4em;
    }

    .collection .collection-item .bottom
    {
        position: absolute;
        right:    0;
        bottom:   40px;
    }

    .showablePrice .price
    {
        position: absolute;
        right:    0;
    }
}

@media only screen and (min-width: 993px)
{
    .cleared-m
    {
        clear: none;
    }

    .cleared-l
    {
        clear: both;
    }

    h1
    {
        font-size: 3em;
    }

    h2
    {
        font-size: 2.2em;
    }

    .title h1
    {
        letter-spacing: 2px;
    }

    .dialog,
    .modal
    {
        width:  100%;
        margin: 0;
    }

    .navbar-top .mainLogin
    {
        display: block;
    }

    .navbar-smart,
    .navbar-top .smartLogin
    {
        display: none;
    }

    article .col.l1
    {
        width:       8.3333333333%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.l2
    {
        width:       16.6666666667%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.l3
    {
        width:       25%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.l4
    {
        width:       33.3333333333%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.l5
    {
        width:       41.6666666667%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.l6
    {
        width:       50%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.l7
    {
        width:       58.3333333333%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.l8
    {
        width:       66.6666666667%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.l9
    {
        width:       75%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.l10
    {
        width:       83.3333333333%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.l11
    {
        width:       91.6666666667%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.l12
    {
        width:       100%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.offset-l1
    {
        margin-left: 8.3333333333%;
    }

    article .col.pull-l1
    {
        right: 8.3333333333%;
    }

    article .col.push-l1
    {
        left: 8.3333333333%;
    }

    article .col.offset-l2
    {
        margin-left: 16.6666666667%;
    }

    article .col.pull-l2
    {
        right: 16.6666666667%;
    }

    article .col.push-l2
    {
        left: 16.6666666667%;
    }

    article .col.offset-l3
    {
        margin-left: 25%;
    }

    article .col.pull-l3
    {
        right: 25%;
    }

    article .col.push-l3
    {
        left: 25%;
    }

    article .col.offset-l4
    {
        margin-left: 33.3333333333%;
    }

    article .col.pull-l4
    {
        right: 33.3333333333%;
    }

    article .col.push-l4
    {
        left: 33.3333333333%;
    }

    article .col.offset-l5
    {
        margin-left: 41.6666666667%;
    }

    article .col.pull-l5
    {
        right: 41.6666666667%;
    }

    article .col.push-l5
    {
        left: 41.6666666667%;
    }

    article .col.offset-l6
    {
        margin-left: 50%;
    }

    article .col.pull-l6
    {
        right: 50%;
    }

    article .col.push-l6
    {
        left: 50%;
    }

    article .col.offset-l7
    {
        margin-left: 58.3333333333%;
    }

    article .col.pull-l7
    {
        right: 58.3333333333%;
    }

    article .col.push-l7
    {
        left: 58.3333333333%;
    }

    article .col.offset-l8
    {
        margin-left: 66.6666666667%;
    }

    article .col.pull-l8
    {
        right: 66.6666666667%;
    }

    article .col.push-l8
    {
        left: 66.6666666667%;
    }

    article .col.offset-l9
    {
        margin-left: 75%;
    }

    article .col.pull-l9
    {
        right: 75%;
    }

    article .col.push-l9
    {
        left: 75%;
    }

    article .col.offset-l10
    {
        margin-left: 83.3333333333%;
    }

    article .col.pull-l10
    {
        right: 83.3333333333%;
    }

    article .col.push-l10
    {
        left: 83.3333333333%;
    }

    article .col.offset-l11
    {
        margin-left: 91.6666666667%;
    }

    article .col.pull-l11
    {
        right: 91.6666666667%;
    }

    article .col.push-l11
    {
        left: 91.6666666667%;
    }

    article .col.offset-l12
    {
        margin-left: 100%;
    }

    article .col.pull-l12
    {
        right: 100%;
    }

    article .col.push-l12
    {
        left: 100%;
    }

    article .col.right-block,
    article .col.left-block
    {
        position: absolute;
        height:   100%;
    }

    article .col.right-block
    {
        right: 0;
    }

    article .col.left-block
    {
        left: 0;
    }

    article .contentDocuments
    {
        min-height: 327px;
    }

    .navbar-top
    {
        height: 230px;
    }

    .navbar-top .login-form:not(.smartLoginModal),
    .navbar-top .logout-form:not(.smartLoginModal)
    {
        position: absolute;
    }

    .navbar-top article .loginBlock
    {
        display: block;
    }

    .navbar-top article .loginButton,
    .navbar-top article .subLoginLinks
    {
        display: none;
    }

    _:-ms-fullscreen, :root a.logo,
    _:-ms-fullscreen, :root a.logo:after
    {
        height: 190px;
        width:  190px;
    }

    _:-ms-fullscreen, :root .logoButton2
    {
        height: 80px;
        width:  80px;
    }

    .checkout-bar li.active:after
    {
        animation:        myanimation 750ms cubic-bezier(0.450, 0.300, 0.000, 1.000);
        background-size:  35px 35px;
        background-color: #007fad;
        content:          "";
        height:           15px;
        width:            100%;
        left:             50%;
        position:         absolute;
        top:              -50px;
        z-index:          0;
    }

    .checkout-bar li:last-child:after
    {
        background: none;
    }

    .checkout-wrap
    {
        margin: 3rem auto 10rem;
    }

    ul.checkout-bar
    {
        background-size:  35px 35px;
        background-color: #9e9e9e;
        border-radius:    15px;
        height:           15px;
        margin:           0 auto;
        padding:          0;
        position:         absolute;
        width:            100%;
    }

    ul.checkout-bar:before,
    ul.checkout-bar:after
    {
        background:         #f2f2f2;
        -webkit-box-shadow: none;
        box-shadow:         none;
        border-radius:      0;
        content:            " ";
        height:             15px;
        position:           absolute;
        z-index:            1;
    }

    ul.checkout-bar:before
    {
        left:  0;
        width: 12%;
    }

    ul.checkout-bar:after
    {
        right: 0;
        width: 16%;
    }

    ul.checkout-bar li
    {
        display:    inline-block;
        margin:     50px 0 0;
        padding:    0;
        text-align: center;
        width:      24%;
    }

    ul.checkout-bar li:before
    {
        height:      45px;
        font-size:   16px;
        left:        42%;
        line-height: 44px;
        position:    absolute;
        top:         -65px;
        width:       45px;
        z-index:     99;
    }

    ul.checkout-bar li.visited
    {
        background: none;
    }

    ul.checkout-bar li.visited:after
    {
        background-size:  35px 35px;
        background-color: #414042;
        content:          "";
        height:           15px;
        left:             50%;
        position:         absolute;
        top:              -50px;
        width:            100%;
        z-index:          99;
    }

    .dialogPrice > .value,
    .dialogPrice > * > .value,
    .price > .value,
    .price > * > .value
    {
        font-size: 3.5em;
    }

    .dialogPrice > .sub.value,
    .dialogPrice > * > .sub.value,
    .price > .sub.value,
    .price > * > .sub.value
    {
        font-size: 2.5em;
    }

    .price > .small.value,
    .price > * > .small.value
    {
        font-size: 1.8em;
    }

    .dialogPrice > * > .additional,
    .price > * > .additional
    {

        font-size: 1.255em;
    }

    .dialogBody .dialogPrice
    {
        position: absolute;
        right:    1.5em;
        top:      14px;
    }

    .dialogBody .dialogPrice label
    {
        line-height: 2.3em;
    }

    .dashed-block .title
    {
        line-height: 2.4em;
    }

    .right-block
    {
        border-radius: 0 6px 6px 0;
    }

    .current .price
    {
        position:   absolute;
        right:      0;
        margin-top: 0;
        bottom:     -0.25rem;
    }

    .showablePrice .price
    {
        bottom: 1em;
    }

    .collection-item :not(.actions) button,
    .collection-item :not(.actions) input[type="button"],
    .collection-item :not(.actions) input[type="submit"],
    .collection-item :not(.actions) .btn:not(.svg),
    .collection-item :not(.actions) .button:not(.inline),
    .collection-item :not(.actions) [role="button"],
    .collection-item :not(.actions) .button.inline > button,
    .collection-item :not(.actions) .button.inline > input[type="button"],
    .collection-item :not(.actions) .button.inline > input[type="submit"],
    .collection-item :not(.actions) .button.inline > .btn:not(.svg),
    .collection-item :not(.actions) .button.inline > [role="button"]
    {
        margin-right: 0.75rem;
    }

    .collection-item.labelSpacer :not(.actions) .btn
    {
        margin-right: 0;
    }

    .domainTable:before
    {
        content:    "";
        position:   absolute;
        height:     100%;
        width:      1px;
        box-shadow: -15px 0 2px #cccccc;
    }

    .confirm .dialog,
    .confirm .modal
    {
        width: auto;
    }
}

@media only screen and (min-width: 1201px)
{
    .cleared-l
    {
        clear: none;
    }

    .cleared-xl
    {
        clear: both;
    }

    article .col.xl1
    {
        width:       8.3333333333%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.xl2
    {
        width:       16.6666666667%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.xl3
    {
        width:       25%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.xl4
    {
        width:       33.3333333333%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.xl5
    {
        width:       41.6666666667%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.xl6
    {
        width:       50%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.xl7
    {
        width:       58.3333333333%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.xl8
    {
        width:       66.6666666667%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.xl9
    {
        width:       75%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.xl10
    {
        width:       83.3333333333%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.xl11
    {
        width:       91.6666666667%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.xl12
    {
        width:       100%;
        margin-left: auto;
        left:        auto;
        right:       auto;
    }

    article .col.offset-xl1
    {
        margin-left: 8.3333333333%;
    }

    article .col.pull-xl1
    {
        right: 8.3333333333%;
    }

    article .col.push-xl1
    {
        left: 8.3333333333%;
    }

    article .col.offset-xl2
    {
        margin-left: 16.6666666667%;
    }

    article .col.pull-xl2
    {
        right: 16.6666666667%;
    }

    article .col.push-xl2
    {
        left: 16.6666666667%;
    }

    article .col.offset-xl3
    {
        margin-left: 25%;
    }

    article .col.pull-xl3
    {
        right: 25%;
    }

    article .col.push-xl3
    {
        left: 25%;
    }

    article .col.offset-xl4
    {
        margin-left: 33.3333333333%;
    }

    article .col.pull-xl4
    {
        right: 33.3333333333%;
    }

    article .col.push-xl4
    {
        left: 33.3333333333%;
    }

    article .col.offset-xl5
    {
        margin-left: 41.6666666667%;
    }

    article .col.pull-xl5
    {
        right: 41.6666666667%;
    }

    article .col.push-xl5
    {
        left: 41.6666666667%;
    }

    article .col.offset-xl6
    {
        margin-left: 50%;
    }

    article .col.pull-xl6
    {
        right: 50%;
    }

    article .col.push-xl6
    {
        left: 50%;
    }

    article .col.offset-xl7
    {
        margin-left: 58.3333333333%;
    }

    article .col.pull-xl7
    {
        right: 58.3333333333%;
    }

    article .col.push-xl7
    {
        left: 58.3333333333%;
    }

    article .col.offset-xl8
    {
        margin-left: 66.6666666667%;
    }

    article .col.pull-xl8
    {
        right: 66.6666666667%;
    }

    article .col.push-xl8
    {
        left: 66.6666666667%;
    }

    article .col.offset-xl9
    {
        margin-left: 75%;
    }

    article .col.pull-xl9
    {
        right: 75%;
    }

    article .col.push-xl9
    {
        left: 75%;
    }

    article .col.offset-xl10
    {
        margin-left: 83.3333333333%;
    }

    article .col.pull-xl10
    {
        right: 83.3333333333%;
    }

    article .col.push-xl10
    {
        left: 83.3333333333%;
    }

    article .col.offset-xl11
    {
        margin-left: 91.6666666667%;
    }

    article .col.pull-xl11
    {
        right: 91.6666666667%;
    }

    article .col.push-xl11
    {
        left: 91.6666666667%;
    }

    article .col.offset-xl12
    {
        margin-left: 100%;
    }

    article .col.pull-xl12
    {
        right: 100%;
    }

    article .col.push-xl12
    {
        left: 100%;
    }

    article .col.right-block,
    article .col.left-block
    {
        position: absolute;
        height:   100%;
    }

    article .col.right-block
    {
        right: 0;
    }

    article .col.left-block
    {
        left: 0;
    }

    _:-ms-fullscreen, :root a.logo,
    _:-ms-fullscreen, :root a.logo:after
    {
        height: 220px;
        width:  220px;
    }

    _:-ms-fullscreen, :root .logoButton2
    {
        height: 112px;
        width:  112px;
    }

    .document-list button
    {
        margin-bottom: 150%;
    }

    .dialogPrice > .value,
    .dialogPrice > * > .value,
    .price > .value,
    .price > * > .value
    {
        font-size: 4.5em;
    }

    .dialogPrice > .sub.value,
    .dialogPrice > * > .sub.value,
    .price > .sub.value,
    .price > * > .sub.value
    {
        font-size: 3em;
    }

    .price > .small.value,
    .price > * > .small.value
    {
        font-size: 2em;
    }

    .dialogPrice > * > .additional,
    .price > * > .additional
    {

        font-size: 2em;
    }

    .collection .collection-item .icon-bar
    {
        margin-top: 0;
    }
}

@media only screen and (min-width: 1601px)
{
    .document-list button
    {
        margin-bottom: 60%;
    }
}

@media only screen and (min-width: 201px)
{
    /* IE Fix feste Breite*/
    _:-ms-fullscreen, :root .surveyButtons .col.s12 .btn-rounded
    {
        height: 125px;
        width:  125px;
    }
}

@media only screen and (min-width: 251px)
{
    /* IE Fix feste Breite*/
    _:-ms-fullscreen, :root .surveyButtons .col.s12 .btn-rounded
    {
        height: 145px;
        width:  145px;
    }
}

@media only screen and (min-width: 371px)
{
    .navbar-smart .smartMenu .subMenu
    {
        float:      right;
        text-align: right;
    }

    /* IE Fix feste Breite*/
    _:-ms-fullscreen, :root .surveyButtons .col.s12 .btn-rounded
    {
        height: 185px;
        width:  185px;
    }
}

@media only screen and (min-width: 421px)
{
    .priceTemplate
    {
        height:    140px;
        max-width: 280px;
    }

    /* IE Fix feste Breite*/
    _:-ms-fullscreen, :root .surveyButtons .col.s12 .btn-rounded
    {
        height: 235px;
        width:  235px;
    }
}

@media only screen and (min-width: 521px)
{
    /* IE Fix feste Breite*/
    _:-ms-fullscreen, :root .surveyButtons .col.s12 .btn-rounded
    {
        height: 325px;
        width:  325px;
    }
}


@media only screen and (min-width: 601px)
{
    /* IE Fix feste Breite*/
    _:-ms-fullscreen, :root .surveyButtons .col.m4 .btn-rounded
    {
        height: 115px;
        width:  115px;
    }

    _:-ms-fullscreen, :root .surveyButtons .col.m6 .btn-rounded
    {
        height: 180px;
        width:  180px;
    }
}

@media only screen and (min-width: 701px)
{
    /* IE Fix feste Breite*/
    _:-ms-fullscreen, :root .surveyButtons .col.m4 .btn-rounded
    {
        height: 140px;
        width:  140px;
    }

    _:-ms-fullscreen, :root .surveyButtons .col.m6 .btn-rounded
    {
        height: 230px;
        width:  230px;
    }
}

@media only screen and (min-width: 801px)
{
    /* IE Fix feste Breite*/
    _:-ms-fullscreen, :root .surveyButtons .col.m4 .btn-rounded
    {
        height: 170px;
        width:  170px;
    }

    _:-ms-fullscreen, :root .surveyButtons .col.m6 .btn-rounded
    {
        height: 260px;
        width:  260px;
    }
}

@media only screen and (min-width: 993px)
{
    /* IE Fix feste Breite*/
    _:-ms-fullscreen, :root .navbar-top .logoOuter .btn-rounded
    {
        height: 180px;
        width:  180px;
    }

    _:-ms-fullscreen, :root .surveyButtons .col.l3 .btn-rounded
    {
        height: 160px;
        width:  160px;
    }
}

@media only screen and (min-width: 1101px)
{
    /* IE Fix feste Breite*/
    _:-ms-fullscreen, :root .surveyButtons .col.l3 .btn-rounded
    {
        height: 185px;
        width:  185px;
    }
}

@media only screen and (min-width: 1201px)
{
    /* IE Fix feste Breite*/
    _:-ms-fullscreen, :root .surveyButtons .col.xl2 .btn-rounded
    {
        height: 125px;
        width:  125px;
    }
}

@media only screen and (min-width: 1301px)
{
    /* IE Fix feste Breite*/
    _:-ms-fullscreen, :root .surveyButtons .col.xl2 .btn-rounded
    {
        height: 140px;
        width:  140px;
    }
}

@media only screen and (min-width: 1401px)
{
    /* IE Fix feste Breite*/
    _:-ms-fullscreen, :root .surveyButtons .col.xl2 .btn-rounded
    {
        height: 150px;
        width:  150px;
    }
}

@media only screen and (min-width: 1601px)
{
    /* IE Fix feste Breite*/
    _:-ms-fullscreen, :root .surveyButtons .col.xl2 .btn-rounded
    {
        height: 160px;
        width:  160px;
    }
}

button.react-datepicker__navigation
{
    cursor:         pointer;
    border-radius:  unset;
    display:        unset;
    min-height:     auto;
    line-height:    1.7rem;
    padding:        0;
    margin:         0 !important;
    vertical-align: middle;
}

button.react-datepicker__navigation:hover
{
    background-color: transparent !important;
}

/*--------------------------------------------------------------
16.0 Drucken
--------------------------------------------------------------*/