/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

:root {
    --default-text-color: #434343;
    --default-dom-red-color: #e51513;
    --default-grey-border-color: #fefefe;
    --default-darkgrey-border-color: #80828f;
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    src: url(Raleway300.woff) format('woff');
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    min-width: 270px;
    width: auto !important;
    width: 270px;
    margin: 0;
}

#page {
    position: relative;
    min-height: 100%;
    margin: 0 auto;
}

#pageContent {
    padding-bottom: 100px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 192px;
    padding-top: 40px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: not-allowed
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

.foundation-mq {
    font-family: "small=0em&medium=40em&large=64em&xlarge=68.75em&xxlarge=90em"
}

html {
    font-size: 100%;
    box-sizing: border-box
}

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

body {
    padding: 0;
    margin: 0;
    font-family: Arial, Verdana, sans-serif;
    font-weight: normal;
    line-height: 1.5;
    color: #545454;
    background: var(--default-grey-border-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0
}

select {
    width: 100%;
    border-radius: 0
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
    max-width: none !important
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    line-height: 1
}

[data-whatinput='mouse'] button {
    outline: 0
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

.row {
    max-width: 68.75rem;
    margin-left: auto;
    margin-right: auto
}

.row::before,
.row::after {
    content: ' ';
    display: table
}

.row::after {
    clear: both
}

.row .row {
    max-width: none;
    margin-left: -.625rem;
    margin-right: -.625rem
}

.row .row.collapse {
    margin-left: 0;
    margin-right: 0
}

.row.expanded {
    max-width: none
}

.row.expanded .row {
    margin-left: auto;
    margin-right: auto
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td,
.style-h1,
.style-h2,
.style-h3 {
    margin: 0;
    padding: 0
}

p {
    font-size: inherit;
    line-height: 1.3;
    margin-bottom: 1rem;
    text-rendering: optimizeLegibility
}

em,
i {
    font-style: italic;
    line-height: inherit
}

strong,
b {
    font-weight: bold;
    line-height: inherit
}

small {
    font-size: 80%;
    line-height: inherit
}

h1,
h2,
h3,
h4,
h5,
h6,
.style-h1,
.style-h2,
.style-h3 {
    font-family: Arial, Verdana, sans-serif;
    font-weight: normal;
    font-style: normal;
    color: inherit;
    text-rendering: optimizeLegibility;
    margin-top: 0;
    line-height: 1
}

h2,
h3,
h4,
h5,
h6,
.style-h1,
.style-h2,
.style-h3 {
    margin-bottom: .5rem;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    color: #cacaca;
    line-height: 0
}

h1,
.style-h1 {
    font-size: 1.125rem;
    color: #242424;
}

.box h2.sub {
    margin-top: 35px;
}

.box .list {
    display: flex;
    margin: auto;
    width: 250px;
}

h2,
h2.sub,
h2.sub-title,
.style-h2 {
    font-size: 1.0625rem;
}

h2.sub,
h2.sub-title {
    color: var(--default-dom-red-color);
    margin-bottom: 30px;
}

[data-css=erfolgsstories] h2.sub:not(:first-child),
[data-css=erfolgsstories] h2.sub-title {
    margin-bottom: 15px;
}

h2.sub.black {
    color: #000000;
    line-height: 1;
    font-size: 1em;
    width: 150px;
}

h2.sub-title.inline {
    font-size: 1.12rem;
}

h3,
.style-h3 {
    font-size: 1rem
}

h4 {
    font-size: 0.725rem
}

h5 {
    font-size: 0.625rem;
}

h6 {
    font-size: 0.5rem
}

a {
    color: #3d75b5;
    text-decoration: none;
    line-height: inherit;
    cursor: pointer
}

a:hover,
a:focus {
    color: #34659c;
    text-decoration: underline
}

a img {
    border: 0
}

hr {
    max-width: 68.75rem;
    height: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0;
    margin: 1.25rem auto;
    clear: both
}

ul,
ol,
dl {
    line-height: 1.6;
    list-style-position: outside
}

li {
    font-size: inherit
}

ul {
    list-style-type: disc;
    margin-left: 1.25rem
}

ol {
    margin-left: 1.25rem
}

ul ul,
ol ul,
ul ol,
ol ol {
    margin-left: 1.25rem;
    margin-bottom: 0
}

dl {
    margin-bottom: 1rem
}

dl dt {
    margin-bottom: .3rem;
    font-weight: bold
}

blockquote {
    margin: 0 0 1rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca
}

blockquote,
blockquote p {
    line-height: 1.3;
    color: #8a8a8a
}

cite {
    display: block;
    font-size: .8125rem;
    color: #8a8a8a
}

cite:before {
    content: '\2014 \0020'
}

abbr {
    color: #545454;
    cursor: help;
    border-bottom: 1px dotted #545454
}

code {
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: normal;
    color: #545454;
    background-color: #e6e6e6;
    border: 1px solid #cacaca;
    padding: .125rem .3125rem .0625rem
}

kbd {
    padding: .125rem .25rem 0;
    margin: 0;
    background-color: #e6e6e6;
    color: #545454;
    font-family: Consolas, "Liberation Mono", Courier, monospace
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: normal;
    line-height: 1.4;
    color: #8a8a8a
}

.lead {
    font-size: 125%;
    line-height: 1.6
}

.stat {
    font-size: 2.5rem;
    line-height: 1
}

p + .stat {
    margin-top: -1rem
}

.no-bullet {
    margin-left: 0;
    list-style: none
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.hideOnBigScr {
    clear: none;
}

.hideOnMedScr {
    clear: both;
}

.show-for-print {
    display: none !important
}

.button {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    padding: 0.85em 1em;
    margin: 0 0 1rem 0;
    font-size: 0.9rem;
    background-color: #545454;
    color: var(--default-grey-border-color)
}

[data-whatinput='mouse'] .button {
    outline: 0
}

.button:hover,
.button:focus {
    background-color: #474747;
    color: var(--default-grey-border-color)
}

.button.tiny {
    font-size: .6rem
}

.button.small {
    font-size: .75rem
}

.button.large {
    font-size: 1.25rem
}

.button.expanded {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

.button.primary {
    background-color: #545454;
    color: var(--default-grey-border-color)
}

.button.primary:hover,
.button.primary:focus {
    background-color: #434343;
    color: var(--default-grey-border-color)
}

.button.secondary {
    background-color: #3d75b5;
    color: var(--default-grey-border-color)
}

.button.secondary:hover,
.button.secondary:focus {
    background-color: #315e91;
    color: var(--default-grey-border-color)
}

.button.success {
    background-color: #3adb76;
    color: var(--default-grey-border-color)
}

.button.success:hover,
.button.success:focus {
    background-color: #22bb5b;
    color: var(--default-grey-border-color)
}

.button.warning {
    background-color: #ffae00;
    color: var(--default-grey-border-color)
}

.button.warning:hover,
.button.warning:focus {
    background-color: #cc8b00;
    color: var(--default-grey-border-color)
}

.button.alert {
    background-color: #ec5840;
    color: var(--default-grey-border-color)
}

.button.alert:hover,
.button.alert:focus {
    background-color: #da3116;
    color: var(--default-grey-border-color)
}

.button.hollow {
    border: 1px solid #545454;
    color: #545454
}

.button.hollow,
.button.hollow:hover,
.button.hollow:focus {
    background-color: transparent
}

.button.hollow:hover,
.button.hollow:focus {
    border-color: #2a2a2a;
    color: #2a2a2a
}

.button.hollow.primary {
    border: 1px solid #545454;
    color: #545454
}

.button.hollow.primary:hover,
.button.hollow.primary:focus {
    border-color: #2a2a2a;
    color: #2a2a2a
}

.button.hollow.secondary {
    border: 1px solid #3d75b5;
    color: #3d75b5
}

.button.hollow.secondary:hover,
.button.hollow.secondary:focus {
    border-color: #1f3b5b;
    color: #1f3b5b
}

.button.hollow.success {
    border: 1px solid #3adb76;
    color: #3adb76
}

.button.hollow.success:hover,
.button.hollow.success:focus {
    border-color: #157539;
    color: #157539
}

.button.hollow.warning {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button.hollow.warning:hover,
.button.hollow.warning:focus {
    border-color: #805700;
    color: #805700
}

.button.hollow.alert {
    border: 1px solid #ec5840;
    color: #ec5840
}

.button.hollow.alert:hover,
.button.hollow.alert:focus {
    border-color: #881f0e;
    color: #881f0e
}

.button.disabled,
.button[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
    background-color: #545454;
    color: var(--default-grey-border-color)
}

.button.dropdown::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset .4em;
    border-color: var(--default-grey-border-color) transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    position: relative;
    top: 0.4em;
    float: right;
    margin-left: 1em;
    display: inline-block
}

.button.arrow-only::after {
    margin-left: 0;
    float: none;
    top: -0.1em
}

[type='text'],
[type='password'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='month'],
[type='week'],
[type='email'],
[type='number'],
[type='search'],
[type='tel'],
[type='time'],
[type='url'],
[type='color'],
textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    margin: 0 0 1rem;
    font-family: inherit;
    font-size: 1rem;
    color: #545454;
    background-color: var(--default-grey-border-color);
    box-shadow: inset 0 1px 2px rgba(84, 84, 84, 0.1);
    border-radius: 5px;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

[type='text']:focus,
[type='password']:focus,
[type='date']:focus,
[type='datetime']:focus,
[type='datetime-local']:focus,
[type='month']:focus,
[type='week']:focus,
[type='email']:focus,
[type='number']:focus,
[type='search']:focus,
[type='tel']:focus,
[type='time']:focus,
[type='url']:focus,
[type='color']:focus,
textarea:focus {
    border: 1px solid #8a8a8a;
    background-color: var(--default-grey-border-color);
    outline: none;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out
}

textarea {
    max-width: 100%
}

textarea[rows] {
    height: auto
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #cacaca
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #cacaca
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #cacaca
}

input::placeholder,
textarea::placeholder {
    color: #cacaca
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
    background-color: #e6e6e6;
    cursor: default
}

input[type='search'] {
    box-sizing: border-box
}

[type='file'],
[type='checkbox'],
[type='radio'] {
    margin: 0 0 1rem
}

[type='checkbox'] + label,
[type='radio'] + label {
    display: inline-block;
    margin-left: .5rem;
    margin-right: 1rem;
    margin-bottom: 0;
    vertical-align: baseline
}

[type='checkbox'] + label[for],
[type='radio'] + label[for] {
    cursor: pointer
}

label > [type='checkbox'],
label > [type='radio'] {
    margin-right: .5rem
}

[type='file'] {
    width: 100%
}

label {
    display: block;
    margin: 0;
    font-size: .875rem;
    font-weight: normal;
    line-height: 1.8;
    color: #545454
}

label.middle {
    margin: 0 0 1rem;
    padding: .5625rem 0
}

.help-text {
    margin-top: -.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #545454
}

.input-group {
    display: table;
    width: 100%;
    margin-bottom: 1rem
}

.input-group > :first-child {
    border-radius: 0 0 0 0
}

.input-group > :last-child > * {
    border-radius: 0 0 0 0
}

.input-group-label,
.input-group-field,
.input-group-button {
    margin: 0;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle
}

.input-group-label {
    text-align: center;
    padding: 0 1rem;
    background: #e6e6e6;
    color: #545454;
    border: 1px solid #cacaca;
    white-space: nowrap;
    width: 1%;
    height: 100%
}

.input-group-label:first-child {
    border-right: 0
}

.input-group-label:last-child {
    border-left: 0
}

.input-group-field {
    border-radius: 0;
    height: 2.5rem
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    height: 100%;
    width: 1%
}

.input-group-button a,
.input-group-button input,
.input-group-button button {
    margin: 0
}

.input-group .input-group-button {
    display: table-cell
}

fieldset {
    border: 0;
    padding: 0;
    margin: 0
}

legend {
    margin-bottom: .5rem;
    max-width: 100%
}

.fieldset {
    border: 1px solid #cacaca;
    padding: 1.25rem;
    margin: 1.125rem 0
}

.fieldset legend {
    background: var(--default-grey-border-color);
    padding: 0 .1875rem;
    margin: 0;
    margin-left: -.1875rem
}

select {
    height: 2.4375rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    margin: 0 0 1rem;
    font-size: 1rem;
    font-family: inherit;
    line-height: normal;
    color: #545454;
    background-color: var(--default-grey-border-color);
    border-radius: 5px;
    background-size: 9px 6px;
    background-position: right -1rem center;
    background-origin: content-box;
    background-repeat: no-repeat;
    padding-right: 1.5rem
}


select:disabled {
    background-color: #e6e6e6;
    cursor: default
}

select::-ms-expand {
    display: none
}

select[multiple] {
    height: auto;
    background-image: none
}

.is-invalid-input:not(:focus) {
    background-color: rgba(236, 88, 64, 0.1);
    border-color: #ec5840
}

.is-invalid-label {
    color: #ec5840
}

.form-error {
    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: bold;
    color: #ec5840
}

.form-error.is-visible {
    display: block
}

.badge {
    display: inline-block;
    padding: .3em;
    min-width: 2.1em;
    font-size: .6rem;
    text-align: center;
    border-radius: 50%;
    background: #545454;
    color: var(--default-grey-border-color)
}

.badge.secondary {
    background: #3d75b5;
    color: var(--default-grey-border-color)
}

.badge.success {
    background: #3adb76;
    color: var(--default-grey-border-color)
}

.badge.warning {
    background: #ffae00;
    color: var(--default-grey-border-color)
}

.badge.alert {
    background: #ec5840;
    color: var(--default-grey-border-color)
}

.breadcrumbs {
    list-style: none;
    margin: 0 0 1rem 0
}

.breadcrumbs::before,
.breadcrumbs::after {
    content: ' ';
    display: table
}

.breadcrumbs::after {
    clear: both
}

.breadcrumbs li {
    float: left;
    color: #545454;
    font-size: .6875rem;
    cursor: default;
    text-transform: uppercase
}

.breadcrumbs li:not(:last-child)::after {
    color: #cacaca;
    content: "/";
    margin: 0 .75rem;
    position: relative;
    top: 1px;
    opacity: 1
}

.breadcrumbs a {
    color: #545454
}

.breadcrumbs a:hover {
    text-decoration: underline
}

.breadcrumbs .disabled {
    color: #cacaca;
    cursor: not-allowed
}

.button-group {
    margin-bottom: 1rem;
    font-size: 0
}

.button-group::before,
.button-group::after {
    content: ' ';
    display: table
}

.button-group::after {
    clear: both
}

.button-group .button {
    margin: 0;
    margin-right: 1px;
    margin-bottom: 1px;
    font-size: 0.9rem
}

.button-group .button:last-child {
    margin-right: 0
}

.button-group.tiny .button {
    font-size: .6rem
}

.button-group.small .button {
    font-size: .75rem
}

.button-group.large .button {
    font-size: 1.25rem
}

.button-group.expanded {
    margin-right: -1px
}

.button-group.expanded::before,
.button-group.expanded::after {
    display: none
}

.button-group.expanded .button:first-child:nth-last-child(2),
.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button {
    display: inline-block;
    width: calc(50% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(2):last-child,
.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child {
    margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(3),
.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button {
    display: inline-block;
    width: calc(33.33333% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(3):last-child,
.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child {
    margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(4),
.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button {
    display: inline-block;
    width: calc(25% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(4):last-child,
.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child {
    margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(5),
.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button {
    display: inline-block;
    width: calc(20% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(5):last-child,
.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child {
    margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(6),
.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button {
    display: inline-block;
    width: calc(16.66667% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(6):last-child,
.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child {
    margin-right: -6px
}

.button-group.primary .button {
    background-color: #545454;
    color: var(--default-grey-border-color)
}

.button-group.primary .button:hover,
.button-group.primary .button:focus {
    background-color: #434343;
    color: var(--default-grey-border-color)
}

.button-group.secondary .button {
    background-color: #3d75b5;
    color: var(--default-grey-border-color)
}

.button-group.secondary .button:hover,
.button-group.secondary .button:focus {
    background-color: #315e91;
    color: var(--default-grey-border-color)
}

.button-group.success .button {
    background-color: #3adb76;
    color: var(--default-grey-border-color)
}

.button-group.success .button:hover,
.button-group.success .button:focus {
    background-color: #22bb5b;
    color: var(--default-grey-border-color)
}

.button-group.warning .button {
    background-color: #ffae00;
    color: var(--default-grey-border-color)
}

.button-group.warning .button:hover,
.button-group.warning .button:focus {
    background-color: #cc8b00;
    color: var(--default-grey-border-color)
}

.button-group.alert .button {
    background-color: #ec5840;
    color: var(--default-grey-border-color)
}

.button-group.alert .button:hover,
.button-group.alert .button:focus {
    background-color: #da3116;
    color: var(--default-grey-border-color)
}

.button-group.stacked .button,
.button-group.stacked-for-small .button,
.button-group.stacked-for-medium .button {
    width: 100%
}

.button-group.stacked .button:last-child,
.button-group.stacked-for-small .button:last-child,
.button-group.stacked-for-medium .button:last-child {
    margin-bottom: 0
}

.callout {
    margin: 0 0 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(84, 84, 84, 0.25);
    border-radius: 0;
    position: relative;
    color: #545454;
    background-color: #fff
}

.callout > :first-child {
    margin-top: 0
}

.callout > :last-child {
    margin-bottom: 0
}

.callout.primary {
    background-color: #e5e5e5
}

.callout.secondary {
    background-color: #e1eaf5
}

.callout.success {
    background-color: #e1faea
}

.callout.warning {
    background-color: #fff3d9
}

.callout.alert {
    background-color: #fce6e2
}

.callout.small {
    padding-top: .5rem;
    padding-right: .5rem;
    padding-bottom: .5rem;
    padding-left: .5rem
}

.callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem
}

.close-button {
    position: absolute;
    color: #8a8a8a;
    right: 1rem;
    top: .5rem;
    font-size: 2em;
    line-height: 1;
    cursor: pointer
}

[data-whatinput='mouse'] .close-button {
    outline: 0
}

.close-button:hover,
.close-button:focus {
    color: #545454
}

.menu {
    margin: 0;
    list-style-type: none
}

.menu > li {
    display: table-cell;
    vertical-align: middle
}

[data-whatinput='mouse'] .menu > li {
    outline: 0
}

.menu > li > a {
    display: block;
    padding: 0.7rem 1rem;
    line-height: 1
}

.menu input,
.menu a,
.menu button {
    margin-bottom: 0
}

.menu > li > a img,
.menu > li > a i,
.menu > li > a svg {
    vertical-align: middle
}

.menu > li > a img + span,
.menu > li > a i + span,
.menu > li > a svg + span {
    vertical-align: middle
}

.menu > li > a img,
.menu > li > a i,
.menu > li > a svg {
    margin-right: .25rem;
    display: inline-block
}

.menu > li {
    display: table-cell
}

.menu.vertical > li {
    display: none;
}

.menu.menuIcon {
    display: block
}

.menu.vertical > li:not(:first-child) {
    border-left: solid thin #F7F7F7;
}

.menu.simple li {
    line-height: 1;
    display: inline-block;
    margin-right: 1rem
}

.menu.simple a {
    padding: 0
}

.menu.align-right::before,
.menu.align-right::after {
    content: ' ';
    display: table
}

.menu.align-right::after {
    clear: both
}

.menu.align-right > li {
    float: right
}

.menu.expanded {
    width: 100%;
    display: table;
    table-layout: fixed
}

.menu.expanded > li:first-child:last-child {
    width: 100%
}

.menu.icon-top > li > a {
    text-align: center
}

.menu.icon-top > li > a img,
.menu.icon-top > li > a i,
.menu.icon-top > li > a svg {
    display: block;
    margin: 0 auto .25rem
}

.menu.nested {
    margin-left: 1rem
}

.menu-text {
    font-weight: bold;
    color: inherit;
    line-height: 1;
    padding-top: 0;
    padding-bottom: 0;
    padding: 0.7rem 1rem
}

.menu-centered {
    text-align: center
}

.menu-centered > .menu {
    display: inline-block
}

.no-js [data-responsive-menu] ul {
    display: none
}

.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 20px;
    height: 16px
}

.menu-icon::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: var(--default-grey-border-color);
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 var(--default-grey-border-color), 0 14px 0 var(--default-grey-border-color)
}

.menu-icon:hover::after {
    background: #cacaca;
    box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca
}

.menu-icon.dark {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 20px;
    height: 16px
}

.menu-icon.dark::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #545454;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 #545454, 0 14px 0 #545454
}

.menu-icon.dark:hover::after {
    background: #8a8a8a;
    box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a
}

.is-drilldown {
    position: relative;
    overflow: hidden
}

.is-drilldown li {
    display: block !important
}

.is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    height: 100%;
    width: 100%;
    background: var(--default-grey-border-color);
    transition: transform 0.15s linear
}

.is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.is-drilldown-submenu.is-closing {
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.is-drilldown-submenu-parent > a {
    position: relative
}

.is-drilldown-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent transparent transparent #545454;
    border-left-style: solid;
    border-right-width: 0;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem
}

.js-drilldown-back > a::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent #545454 transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
    border-left-width: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.75rem
}

.label {
    display: inline-block;
    padding: 0.33333rem 0.5rem;
    font-size: .8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    border-radius: 0;
    background: #545454;
    color: var(--default-grey-border-color)
}

.label.secondary {
    background: #3d75b5;
    color: var(--default-grey-border-color)
}

.label.success {
    background: #3adb76;
    color: var(--default-grey-border-color)
}

.label.warning {
    background: #ffae00;
    color: var(--default-grey-border-color)
}

.label.alert {
    background: #ec5840;
    color: var(--default-grey-border-color)
}

.media-object {
    margin-bottom: 1rem;
    display: block
}

.media-object img {
    max-width: none
}

.media-object-section {
    display: table-cell;
    vertical-align: top
}

.media-object-section:first-child {
    padding-right: 1rem
}

.media-object-section:last-child:not(:nth-child(2)) {
    padding-left: 1rem
}

.media-object-section > :last-child {
    margin-bottom: 0
}

.media-object-section.middle {
    vertical-align: middle
}

.media-object-section.bottom {
    vertical-align: bottom
}

html,
body {
    height: 100%
}

.off-canvas-wrapper {
    width: 100%;
    overflow-x: hidden;
    position: relative;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: auto
}

.off-canvas-wrapper-inner {
    position: relative;
    width: 100%;
    transition: transform .5s ease
}

.off-canvas-wrapper-inner::before,
.off-canvas-wrapper-inner::after {
    content: ' ';
    display: table
}

.off-canvas-wrapper-inner::after {
    clear: both
}

.off-canvas-content,
.off-canvas-content {
    min-height: 100%;
    background: var(--default-grey-border-color);
    transition: transform .5s ease;
    backface-visibility: hidden;
    z-index: 1;
    padding-bottom: 0.1px;
    box-shadow: 0 0 10px rgba(84, 84, 84, 0.5)
}

.js-off-canvas-exit {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(254, 254, 254, 0.25);
    cursor: pointer;
    transition: background .5s ease
}

.off-canvas {
    position: absolute;
    background: #e6e6e6;
    z-index: -1;
    max-height: 100%;
    overflow-y: auto;
    -ms-transform: translateX(0);
    transform: translateX(0)
}

[data-whatinput='mouse'] .off-canvas {
    outline: 0
}

.off-canvas.position-left {
    left: -250px;
    top: 0;
    width: 250px
}

.is-open-left {
    -ms-transform: translateX(250px);
    transform: translateX(250px)
}

.off-canvas.position-right {
    right: -250px;
    top: 0;
    width: 250px
}

.is-open-right {
    -ms-transform: translateX(-250px);
    transform: translateX(-250px)
}

.orbit {
    position: relative
}

.orbit-container {
    position: relative;
    margin: 0;
    overflow: hidden;
    list-style: none
}

.orbit-slide {
    width: 100%;
    max-height: 100%
}

.orbit-slide.no-motionui.is-active {
    top: 0;
    left: 0
}

.orbit-figure {
    margin: 0
}

.orbit-image {
    margin: 0;
    width: 100%;
    max-width: 100%
}

.orbit-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 1rem;
    margin-bottom: 0;
    color: var(--default-grey-border-color);
    background-color: rgba(84, 84, 84, 0.5)
}

.orbit-previous,
.orbit-next {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    padding: 1rem;
    color: var(--default-grey-border-color)
}

[data-whatinput='mouse'] .orbit-previous,
[data-whatinput='mouse'] .orbit-next {
    outline: 0
}

.orbit-previous:hover,
.orbit-next:hover,
.orbit-previous:active,
.orbit-next:active,
.orbit-previous:focus,
.orbit-next:focus {
    background-color: rgba(84, 84, 84, 0.5)
}

.orbit-previous {
    left: 0
}

.orbit-next {
    left: auto;
    right: 0
}

.orbit-bullets {
    position: relative;
    margin-top: .8rem;
    margin-bottom: .8rem;
    text-align: center
}

[data-whatinput='mouse'] .orbit-bullets {
    outline: 0
}

.orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: .1rem;
    background-color: #cacaca;
    border-radius: 50%
}

.orbit-bullets button:hover {
    background-color: #8a8a8a
}

.orbit-bullets button.is-active {
    background-color: #8a8a8a
}

.pagination {
    margin-left: 0;
    margin-bottom: 1rem
}

.pagination::before,
.pagination::after {
    content: ' ';
    display: table
}

.pagination::after {
    clear: both
}

.pagination li {
    font-size: .875rem;
    margin-right: .0625rem;
    border-radius: 0;
    display: none
}

.pagination li:last-child,
.pagination li:first-child {
    display: inline-block
}

.pagination a,
.pagination button {
    color: #545454;
    display: block;
    padding: .1875rem .625rem;
    border-radius: 0
}

.pagination a:hover,
.pagination button:hover {
    background: #e6e6e6
}

.pagination .current {
    padding: .1875rem .625rem;
    background: #545454;
    color: var(--default-grey-border-color);
    cursor: default
}

.pagination .disabled {
    padding: .1875rem .625rem;
    color: #cacaca;
    cursor: not-allowed
}

.pagination .disabled:hover {
    background: transparent
}

.pagination .ellipsis::after {
    content: '\2026';
    padding: .1875rem .625rem;
    color: #545454
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
    content: '\00ab';
    display: inline-block;
    margin-right: 0.5rem
}

.pagination-next a::after,
.pagination-next.disabled::after {
    content: '\00bb';
    display: inline-block;
    margin-left: 0.5rem
}

.progress {
    background-color: #cacaca;
    height: 1rem;
    margin-bottom: 1rem;
    border-radius: 0
}

.progress.primary .progress-meter {
    background-color: #545454
}

.progress.secondary .progress-meter {
    background-color: #3d75b5
}

.progress.success .progress-meter {
    background-color: #3adb76
}

.progress.warning .progress-meter {
    background-color: #ffae00
}

.progress.alert .progress-meter {
    background-color: #ec5840
}

.progress-meter {
    position: relative;
    display: block;
    width: 0%;
    height: 100%;
    background-color: #545454
}

.progress-meter-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    margin: 0;
    font-size: 0.75rem;
    font-weight: bold;
    color: var(--default-grey-border-color);
    white-space: nowrap
}

body.is-reveal-open {
    overflow: hidden
}

html.is-reveal-open,
html.is-reveal-open body {
    height: 100%;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.reveal-overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1005;
    background-color: rgba(84, 84, 84, 0.45);
    overflow-y: scroll
}

.reveal {
    display: none;
    z-index: 1006;
    padding: 1rem;
    border: 1px solid #cacaca;
    background-color: var(--default-grey-border-color);
    border-radius: 0;
    position: relative;
    top: 100px;
    margin-left: auto;
    margin-right: auto;
    overflow-y: auto
}

[data-whatinput='mouse'] .reveal {
    outline: 0
}

.reveal > :last-child {
    margin-bottom: 0
}

.reveal.collapse {
    padding: 0
}

.reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    max-width: none;
    margin-left: 0;
    border: 0;
    border-radius: 0
}

.reveal.without-overlay {
    position: fixed
}

.switch {
    margin-bottom: 1rem;
    outline: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--default-grey-border-color);
    font-weight: bold;
    font-size: .875rem
}

.switch-input {
    opacity: 0;
    position: absolute
}

.switch-paddle {
    background: #cacaca;
    cursor: pointer;
    display: block;
    position: relative;
    width: 4rem;
    height: 2rem;
    transition: all 0.25s ease-out;
    border-radius: 0;
    color: inherit;
    font-weight: inherit
}

input + .switch-paddle {
    margin: 0
}

.switch-paddle::after {
    background: var(--default-grey-border-color);
    content: '';
    display: block;
    position: absolute;
    height: 1.5rem;
    left: 0.25rem;
    top: 0.25rem;
    width: 1.5rem;
    transition: all 0.25s ease-out;
    transform: translate3d(0, 0, 0);
    border-radius: 0
}

input:checked ~ .switch-paddle {
    background: #545454
}

input:checked ~ .switch-paddle::after {
    left: 2.25rem
}

[data-whatinput='mouse'] input:focus ~ .switch-paddle {
    outline: 0
}

.switch-active,
.switch-inactive {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.switch-active {
    left: 8%;
    display: none
}

input:checked + label > .switch-active {
    display: block
}

.switch-inactive {
    right: 15%
}

input:checked + label > .switch-inactive {
    display: none
}

.switch.tiny .switch-paddle {
    width: 3rem;
    height: 1.5rem;
    font-size: .625rem
}

.switch.tiny .switch-paddle::after {
    width: 1rem;
    height: 1rem
}

.switch.tiny input:checked ~ .switch-paddle::after {
    left: 1.75rem
}

.switch.small .switch-paddle {
    width: 3.5rem;
    height: 1.75rem;
    font-size: .75rem
}

.switch.small .switch-paddle::after {
    width: 1.25rem;
    height: 1.25rem
}

.switch.small input:checked ~ .switch-paddle::after {
    left: 2rem
}

.switch.large .switch-paddle {
    width: 5rem;
    height: 2.5rem;
    font-size: 1rem
}

.switch.large .switch-paddle::after {
    width: 2rem;
    height: 2rem
}

.switch.large input:checked ~ .switch-paddle::after {
    left: 2.75rem
}

table {
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0
}

table thead,
table tbody,
table tfoot {
    border: 1px solid #f1f1f1;
    background-color: var(--default-grey-border-color)
}

table caption {
    font-weight: bold;
    padding: .5rem .625rem .625rem
}

table thead,
table tfoot {
    background: #f8f8f8;
    color: #545454
}

table thead tr,
table tfoot tr {
    background: transparent
}

table thead th,
table thead td,
table tfoot th,
table tfoot td {
    padding: .5rem .625rem .625rem;
    font-weight: bold;
    text-align: left
}

table tbody tr:nth-child(even) {
    background-color: #f1f1f1
}

table tbody th,
table tbody td {
    padding: .5rem .625rem .625rem
}

table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto
}

table.hover tr:hover {
    background-color: #f9f9f9
}

table.hover tr:nth-of-type(even):hover {
    background-color: #ececec
}

.table-scroll {
    overflow-x: auto
}

.table-scroll table {
    width: auto
}

.tabs {
    margin: 0;
    list-style-type: none;
    background: var(--default-grey-border-color);
    border: 1px solid #e6e6e6
}

.tabs::before,
.tabs::after {
    content: ' ';
    display: table
}

.tabs::after {
    clear: both
}

.tabs.vertical > li {
    width: auto;
    float: none;
    display: block
}

.tabs.simple > li > a {
    padding: 0
}

.tabs.simple > li > a:hover {
    background: transparent
}

.tabs.primary {
    background: #545454
}

.tabs.primary > li > a {
    color: var(--default-grey-border-color)
}

.tabs.primary > li > a:hover,
.tabs.primary > li > a:focus {
    background: #5d5d5d
}

.tabs-title {
    float: left
}

.tabs-title > a {
    display: block;
    padding: 1.25rem 1.5rem;
    line-height: 1;
    font-size: .75rem
}

.tabs-title > a:hover {
    background: var(--default-grey-border-color)
}

.tabs-title > a:focus,
.tabs-title > a[aria-selected='true'] {
    background: #e6e6e6
}

.tabs-content {
    background: var(--default-grey-border-color);
    transition: all 0.5s ease;
    border: 1px solid #e6e6e6;
    border-top: 0
}

.tabs-content.vertical {
    border: 1px solid #e6e6e6;
    border-left: 0
}

.tabs-panel {
    display: none;
    padding: 1rem
}

.tabs-panel.is-active {
    display: block
}

.thumbnail {
    border: solid 4px var(--default-grey-border-color);
    box-shadow: 0 0 0 1px rgba(84, 84, 84, 0.2);
    display: inline-block;
    line-height: 0;
    max-width: 100%;
    transition: box-shadow 200ms ease-out;
    border-radius: 0;
    margin-bottom: 1rem
}

.thumbnail:hover,
.thumbnail:focus {
    box-shadow: 0 0 6px 1px rgba(84, 84, 84, 0.5)
}

.title-bar {
    background: #545454;
    color: var(--default-grey-border-color);
    padding: .5rem
}

.title-bar::before,
.title-bar::after {
    content: ' ';
    display: table
}

.title-bar::after {
    clear: both
}

.title-bar .menu-icon {
    margin-left: .25rem;
    margin-right: .25rem
}

.title-bar-left {
    float: left
}

.title-bar-right {
    float: right;
    text-align: right
}

.title-bar-title {
    font-weight: bold;
    vertical-align: middle;
    display: inline-block
}

.menu-icon.dark {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 20px;
    height: 16px
}

.menu-icon.dark::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #545454;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 #545454, 0 14px 0 #545454
}

.menu-icon.dark:hover::after {
    background: #8a8a8a;
    box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a
}

.top-bar {
    padding: .5rem
}

.top-bar::before,
.top-bar::after {
    content: ' ';
    display: table
}

.top-bar::after {
    clear: both
}

.top-bar,
.top-bar ul {
    background-color: #e6e6e6
}

.top-bar input {
    max-width: 200px;
    margin-right: 1rem
}

.top-bar .input-group-field {
    width: 100%;
    margin-right: 0
}

.top-bar input.button {
    width: auto
}

.top-bar .top-bar-left,
.top-bar .top-bar-right {
    width: 100%
}

.top-bar-title {
    float: left;
    margin-right: 1rem
}

.top-bar-left {
    float: left
}

.top-bar-right {
    float: right
}

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

.show-for-sr,
.show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

.show-on-focus:active,
.show-on-focus:focus {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto
}

.show-for-landscape,
.hide-for-portrait {
    display: block !important
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.clearfix::before,
.clearfix::after {
    content: ' ';
    display: table
}

.clearfix::after {
    clear: both
}

header {
    padding-top: 0;
    padding-bottom: 0;
}

ul.menu {
    padding-top: .625rem
}

header ul.menu li a {
    color: #545454
}

header ul.menu li a:hover {
    color: #000;
    text-decoration: none
}

.slidersub {
    background-color: #fcfcfc;
    box-shadow: 0 10px 10px -14px;
    padding-bottom: 3px;
}

span.title {
    font-size: 1.5rem
}

ul.menu {
    text-transform: uppercase
}

[data-css=menu].container {
    min-width: 270px;
    position: fixed;
    width: 100%;
    height: 5rem;
    background-color: #FFFFFF;
    z-index: 100;
    box-shadow: inset 0 -4px 5px -4px #515151;
}

[data-css=sitemap].container {
    box-shadow: 0 0 5px 0 #515151;
    background: #e8e8e8;
    background: linear-gradient(to bottom, #e8e8e8 0%, #f7f7f7 20%, #f7f7f7 80%, #e8e8e8 100%)
}

[data-css=sitemap] .style-h2 {
    text-transform: uppercase;
}

[data-css=sitemap] h4 {
    font-size: 12pt;
    line-height: 1;
}

[data-css=sitemap] ul li a {
    color: #3d75b5
}

[data-css=sitemap] ul {
    padding-left: 0;
    margin-left: 0
}

[data-css=sitemap] ul li {
    list-style-type: none;
    padding-left: 0
}

[data-css=sitemap] .greyborder:not(:first-child) {
    border-left: thin solid #E1E1E1;
    margin-left: 30px;
    padding-left: 20px;
}

[data-css=footer] .bottomline {
    background-color: #515151;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: right;
    box-shadow: 0 -6px 9px -8px #515151;
    color: #fff
}

section {
    padding-top: 0.25rem;
    padding-bottom: 1.25rem
}

.greysection {
    background-image: url("../images/2021/backgrounds/Grau_Gitternetz_730x1920.png");
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    background-color: #f7f7f7;
    border-top-width: thin;
    border-top-style: solid;
    border-top-color: #e9e9e9;
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #e9e9e9;
}

.greysection ul,
.whitesection ul,
.greysection ul li,
.whitesection ul li,
[data-css=admin] ul li {
    padding: 0;
}

.greysection ul li,
.whitesection ul li,
[data-css=admin] ul li {
    list-style-type: square;
}

.greysection ul li::before,
.whitesection ul li::before,
[data-css=admin] ul li::before {
    content: "\25A0"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: var(--default-dom-red-color); /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.whitesection {
    background: #FFFFFF;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

[data-css=icon] {
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
}

[data-css=icon].email {
    background-size: auto;
    background-position: 0 50%;
    padding-left: 20px;
    background-image: url("../images/brief_link.png")
}

[data-css=icon].createAt {
    background-size: auto;
    background-position: 0 50%;
    padding-left: 20px;
    cursor: default;
    background-image: url("../images/createAt.gif");
    font-size: 0.75rem;
    margin-left: 1rem;
}

[data-css=icon].requirements_engineering {
    height: 100px;
    width: 85px;
    background-image: url("../images/2021/leistungen/consulting/Requirements Engineering.svg");
    background-size: 239%;
    background-position: -58px -3px;
}

[data-css=icon].business {
    height: 100px;
    width: 119px;
    background-image: url("../images/2021/leistungen/consulting/Business und Geschäftsprozessberatung.svg");
    background-size: 153%;
    background-position: -29px 5px;
}

[data-css=icon].coaching {
    height: 100px;
    width: 118px;
    background-image: url("../images/2021/leistungen/consulting/Coaching und Trainings.svg");
    background-size: 183%;
    background-position: -46px -11px;
}

[data-css=icon].architekur_struktur {
    height: 100px;
    width: 85px;
    background-image: url("../images/2021/leistungen/architektur/Konzeptionierung_Architektur-Struktur.svg");
    background-size: 239%;
    background-position: -58px -3px;
}

[data-css=icon].projektmanagement,
[data-css=icon].architekur_design {
    height: 100px;
    width: 142px;
    background-image: url("../images/2021/leistungen/architektur/Realisierung_Architektur-Design.svg");
    background-size: 121%;
    background-position: -28px 13px;
}

[data-css=icon].consulting {
    height: 110px;
    width: 147px;
    background-image: url("../images/2021/start/Consulting.png");
}

[data-css=icon].architekur {
    height: 110px;
    width: 147px;
    background-image: url("../images/2021/start/Architektur.png");
}

[data-css=icon].entwicklung {
    height: 89px;
    width: 147px;
    background-image: url("../images/2021/start/Entwicklung.png");
}

[data-css=icon].quality {
    height: 87px;
    width: 147px;
    background-image: url("../images/2021/start/Qualitätssicherung.png");
}

[data-css=icon].banken {
    height: 110px;
    width: 147px;
    background-image: url("../images/2021/start/Branche_BankenVersicherungen.png");
}

[data-css=icon].einzelhandel {
    height: 110px;
    width: 147px;
    background-image: url("../images/2021/start/Branche_Einzelhandel.png");
}

[data-css=icon].industrie {
    height: 110px;
    width: 147px;
    background-image: url("../images/2021/start/Branche_Industrie.png");
}

[data-css=icon].it {
    height: 110px;
    width: 147px;
    background-image: url("../images/2021/start/Branche_IT.png");
}

[data-css=icon].pharma {
    height: 110px;
    width: 147px;
    background-image: url("../images/2021/start/Branche_Pharmahandel.png");
}

[data-css=icon].oeffentlich {
    height: 110px;
    width: 147px;
    background-image: url("../images/2021/start/Branche_ÖffSektor.png");
}

[data-css=icon].testautomatisierung {
    height: 109px;
    width: 147px;
    background-image: url("../images/2021/leistungen/quality/Testautomatisierung.png");
}

[data-css=icon].testmanagement {
    height: 86px;
    width: 147px;
    background-image: url("../images/2021/leistungen/quality/Testmanagement.png");
}

[data-css=icon].software {
    height: 110px;
    width: 147px;
    background-image: url("../images/2021/leistungen/entwicklung/Passgenaue Softwareentwicklung.png");
}

[data-css=icon].modernisierung {
    height: 110px;
    width: 147px;
    background-image: url("../images/2021/leistungen/entwicklung/Weiterentwicklung und Modernisierung.png");
}

[data-css=icon].customizing {
    height: 110px;
    width: 147px;
    background-image: url("../images/2021/leistungen/entwicklung/Customizing.png");
}

[data-css=icon].support {
    height: 110px;
    width: 147px;
    background-image: url("../images/2021/leistungen/entwicklung/Support.png");
}

[data-css=icon].mobile_working {
    height: 100px;
    width: 147px;
    background-image: url("../images/2021/karriere/1_Mobile_Working.png_100x139.png");
}

[data-css=icon].flache_hierachien {
    height: 100px;
    background-size: auto 60%;
    background-image: url("../images/2021/karriere/2_Flache_Hierarchien.png_100x50.png");
}

[data-css=icon].pers_mentoring {
    height: 100px;
    background-size: auto 80%;
    background-image: url("../images/2021/karriere/3_Persönliches_Mentoring.png_100x92.png");
}

[data-css=icon].corporate_benefits {
    height: 100px;
    background-size: auto 80%;
    background-image: url("../images/2021/karriere/4_Corporate_Benefits.png_100x90.png");
}

[data-css=icon].entwicklung_foerderung {
    height: 100px;
    background-size: auto 80%;
    background-image: url("../images/2021/karriere/5_Entwicklung___Förderung.png_100x96.png");
}

[data-css=icon].flex_arbeitszeiten {
    height: 100px;
    background-size: auto 80%;
    background-image: url("../images/2021/karriere/6a_Flexible_Arbeitszeiten.png_100x78.png");
}

[data-css=icon].perfekte_lage {
    height: 100px;
    background-size: auto 90%;
    background-image: url("../images/2021/karriere/7_Perfekte_Lag.png_100x135.png");
}

[data-css=icon].health_care {
    height: 100px;
    background-size: auto 80%;
    background-image: url("../images/2021/karriere/8_Health_care.png_100x100.png");
}

[data-css=icon].team_events {
    height: 100px;
    background-size: auto 80%;
    background-image: url("../images/2021/karriere/9_Team-Events.png_100x98.png");
}

[data-css=icon].kostenfreie_parkplaetze {
    height: 100px;
    background-size: auto 80%;
    background-image: url("../images/2021/karriere/10_Kostenfreie_Parkplätze.png_100x143.png");
}

[data-css=background] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

[data-css=background].xs {
    background-image: url("../images/2021/backgrounds/Grau_Gitternetz_252x350.png");
    width: 100%;
    float: left;
    position: relative;
    padding: 20px 20px 80px;
}

[data-css=background].s {
    background-image: url("../images/2021/backgrounds/Grau_Gitternetz_340x250.png");
}

[data-css=background].m {
    background-image: url("../images/2021/backgrounds/Grau_Gitternetz_530x1920.png");
}

[data-css=background].l {
    background-image: url("../images/2021/backgrounds/Grau_Gitternetz_730x1920.png");
}

[data-css=background].xl {
    background-image: url("../images/2021/backgrounds/Grau_Gitternetz_1190x 1920.png");
}

[data-css=iconLink] {
    width: 170px !important;
    vertical-align: middle;
    line-height: 35px;
    height: 35px;
    cursor: pointer;
    background-color: var(--default-dom-red-color);
    text-align: center;
    color: #FFFFFF;
    padding: 0 20px;
}

[data-css=iconLink].xl {
    width: auto !important;
}

[data-css=iconLink].center {
    margin: 20px auto;
}

[data-css=iconLink].custom {
    width: auto;
    vertical-align: middle;
    line-height: 35px;
    height: 35px;
    cursor: pointer;
    background-color: var(--default-dom-red-color);
    text-align: center;
    color: #FFFFFF;
    padding-left: 20px;
    padding-right: 20px;
}

[data-css=iconLink] .text {
    background-color: #FFFFFF;
    float: left;
    padding-right: 5px;
    vertical-align: middle;
    line-height: 20px
}

[data-css=iconLink] .icon {
    float: right;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center
}

[data-css=iconLink]:hover {
    background-color: #545454;
    color: #000000;
}

[data-css=group-box].container {
    float: left;
    width: 100%;
}

[data-css=group-box].container.sub-list {
    float: left;
    width: 100%;
    margin-top: 0;
}

.menuShadow {
    width: 100%;
    empty-cells: show;
    height: 10px;
    box-shadow: inset 0 -4px 5px -4px #515151;
}

.banner {
    background-color: white;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    height: 17.5rem
}

ul.jobs {
    list-style-type: none;
    padding-top: .3125rem;
    padding-bottom: .9375rem
}

ul.jobs li {
    float: left;
    margin-right: 1.875rem
}

[data-css=sideNavigation] {
    display: table;
    vertical-align: middle;
    position: fixed;
    bottom: 50%;
    font-weight: bold;
    text-decoration: none;
    background-color: #FFF;
    height: 75px;
    width: 25px;
    box-shadow: 0 0 10px #CCCCCC;
    opacity: 0.6
}

[data-css=sideNavigation] div {
    font-size: 20pt;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

[data-css=sideNavigation].left {
    left: 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    z-index: 200
}

[data-css=sideNavigation].left:hover {
    cursor: pointer;
    box-shadow: 0 0 10px #CCCCCC;
    opacity: 1.0
}

[data-css=sideNavigation].right {
    right: 0;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    z-index: 200
}

[data-css=sideNavigation].right:hover {
    cursor: pointer;
    box-shadow: 0 0 10px #CCCCCC;
    opacity: 1.0
}

.subNavContainer {
    text-align: center;
}

.subNavLine {
    display: inline-block;
    padding-top: 5px;
    position: relative;
    width: 100%;
}

.subNavItem {
    float: left;
    padding-left: .625rem;
    padding-right: .625rem;
    padding-top: 2px;
    color: #545454;
    width: 100%;
    text-align: center;
}

.subNavItem.leftBorder {
    border-left: solid thin #E7E7E7;
}

.subNavItem.short {
    display: none;
    min-width: 270px;
}

[data-css=impressumTable] td {
    padding: 0;
}

[data-css=impressumTable] tbody {
    border: none;
}

[data-css=impressumTable] tr:nth-child(2n) {
    background-color: #FFFFFF;
}

.overView {
    min-width: 300px;
    background-color: #FBFBFB;
    float: left;
    padding: 20px;
    margin-right: 20px;
}

.relatedLinksInline {
    min-width: 300px;
    background-color: #FBFBFB;
    float: right;
    padding: 20px;
    margin-left: 20px;
}

.cloudBox {
    min-width: 300px;
    background-color: #FBFBFB;
    float: right;
    padding: 20px;
    margin-left: 20px;
}

[data-css=referenzen] {
    position: relative;
}

[data-css=referenzen] .refElements {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

[data-css=referenzen] .refElements td, .refElements th {
    padding: 10px;
    vertical-align: top;
    cursor: pointer;
}

[data-css=referenzen] .refElements tr:not(:last-child) td, .refElements tr:not(:last-child) th {
    border-bottom: solid thin #E9E9E9;
}

[data-css=referenzen] .subHeaderLine {
    margin: auto;
    width: 1100px;
    border-bottom: solid thin grey;
}

[data-css=referenzen] .refElements tr:hover {
    background-color: #FBFBFB;
}

[data-css=referenzen] .refElements tr td:first-child, .refElements tr th:first-child {
    width: 20px;
}

[data-css=referenzen] .refElements tr:hover td:first-child, .refElements tr:hover th:first-child {
    background-image: url('../images/refArrow.png');
    background-repeat: no-repeat;
    background-position: 15px 50%;
    width: 20px;
}

[data-css=referenzen] .overlayInput {
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 50;
    bottom: 250px;
    display: none;
}

[data-css=referenzen] .innerContent {
    width: 900px;
    margin: 20px auto;
    background-color: #FFFFFF;
    border: solid thin #EFEFEF;
    box-shadow: 0 0 4px -2px;
    z-index: 51;
    display: none;
    position: relative;
}

[data-css=referenzen] .closeButton,
[data-css=contentArea] .closeButton {
    float: right;
    width: 25px;
    height: 25px;
    padding: 3px;
    line-height: 20px;
    background-color: #545454;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

[data-css=referenzen] .closeButton:hover,
[data-css=contentArea] .closeButton:hover {
    background-color: #DE3E34;
}

div.tags {
    padding: 8px 10px;
    font-size: 15px;
    float: left;
    margin-right: 17px;
    margin-top: 5px;
    width: 135px;
    text-align: center;
    color: #FFF;
    background: #878787;
    font-weight: bold;
}

a:not(.nonStyle) {
    color: #3D75B5;
    font-size: 12pt;
    text-decoration: none;
    cursor: pointer;
}

a:not(.nonStyle):hover {
    text-decoration: underline;
}

a.nonStyle {
    text-decoration: none;
    cursor: pointer;
}

.fixed {
    position: fixed;
    top: 80px;
    z-index: 1;
    width: 100%;
}

.refbox {
    float: left;
    width: 100%;
    position: relative;
    padding: 0.4rem 0;
}


.refbox > .title {
    color: #545454;
    float: left;
}

.refbox > .plus {
    color: #545454;
    font-size: 2em;
    position: absolute;
    right: 0.3rem;
    margin: auto;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.5;
}

.refbox h5 {
    margin-bottom: 0;
}

.refbox:hover {
    background-image: url('../images/refArrow.png');
    background-repeat: no-repeat;
    background-position: 1rem 50%;
    cursor: pointer;
    background-color: #FBFBFB !important;
}

[data-css=contentBox] {
    padding: 40px;
}

[data-css=contentBox] .headLine {
    margin-bottom: 5px;
    display: block;
    padding-bottom: 5px;
    float: left;
    width: 100%;
}

[data-css=contentBox] .bodyLine {
    clear: both;
}

[data-css=contentArea] .overlayInput {
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 50;
    bottom: 250px;
    display: none;
}

[data-css=contentArea] .innerContent {
    width: 900px;
    margin: 20px auto;
    background-color: #FFFFFF;
    border: solid thin #EFEFEF;
    box-shadow: 0 0 4px -2px;
    z-index: 51;
    display: none;
    position: relative;
}

[data-css=contentArea] div.refbox {
    background: #F1F1F1;
    margin-bottom: 25px;
    padding: 20px 85px 20px 20px;
}

img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .4s ease;
    /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden;
    /* Fix for transition flickering */
    opacity: 0.6;
}

img.grayscale:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
    opacity: 1.0;
}

[data-css=slider] .slideElement,
[data-css=slider] .slideElement > img {
    width: 300px;
    height: 190px;
    padding: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-origin: content-box;
}

[data-css=slider-karriere-employee-feedback] .slideElement,
[data-css=slider-karriere-employee-feedback] .slideElement > img {
    max-width: 420px;
    margin: 0 auto;
}

[data-css=slider-branchen] .slideElement,
[data-css=slider-branchen] .slideElement > img {
    background: transparent;
    max-width: 230px;
    margin: 0 auto;
}

[data-css=slider-karriere] .sub {
    text-transform: uppercase;
    margin-top: 15px;
    text-align: center;
}

[data-css=slider-karriere] .content {
    display: flex;
    justify-content: center;
    min-height: 220px;
}

[data-css=slider] .container,
[data-css=slider-karriere] .container {
    text-align: center;
}

[data-css=slider] .container:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

[data-css=slider] .content {
    display: inline-block;
    vertical-align: middle;
}

[data-css=slider-karriere-employee-feedback].box-right {
    width: 507px !important;
    margin-top: 55px;
}

[data-css=slider-karriere-employee-feedback] .slideshow-karriere-employee-feedback-container {
    width: 507px !important;
}

[data-css=menu] #divTopnav {
    float: left;
    margin: auto;
}

[data-css=menu] .menu-line {
    float: left;
    width: 100%;
}

[data-css=menu] #liTopnavIcon {
    cursor: pointer;
}

[data-css=menu] ul {
    line-height: 0.4;
}

[data-css=menu] .topnav ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

[data-css=menu] ul.topnav li {
    float: left;
    padding: 15px;
}

[data-css=menu] ul.topnav li a {
    display: inline-block;
    color: #545454;
    text-align: center;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
    text-transform: uppercase;
}

[data-css=menu] ul.topnav li a:hover {
    color: var(--default-dom-red-color);
}

[data-css=menu] ul.topnav li.icon {
    display: none;
}

[data-css=menu] .select-lang {
    outline: 0;
    color: #545454;
}

[data-css=menu] .select-lang.active {
    color: var(--default-dom-red-color);
}

[data-css=menu] .select-lang:hover {
    color: var(--default-dom-red-color);
}

[data-css=default] .right {
    float: right;
}

[data-css=default] .box-left,
[data-css=branchen] .box-left,
[data-css=karriere] .box-left {
    float: left;
    width: 45%
}

[data-css=default] .box-right,
[data-css=branchen] .box-right,
[data-css=karriere] .box-right {
    float: right;
    width: 45%;
}

[data-css=sitemap] .box-left {
    float: left;
}

[data-css=sitemap] .box-right {
    float: right;
}

[data-css=group-box] .box {
    width: 45%;
    float: left;
}

[data-css=group-box] .box.right {
    width: 45%;
    float: right;
}

[data-css=group-box] .box.single {
    display: none;
}

[data-css=group-box].multi {
    display: block;
}

.cluster-4,
[data-css=startseite].cluster-3,
[data-css=karriere].cluster-3
.cluster-2 {
    display: flex;
}

[data-css=startseite].cluster-3 .box {
    width: 33%;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    display: flex;
}

[data-css=karriere].cluster-3 .box {
    width: 33%;
    height: 208px;
    float: left;
    display: flex;
}

[data-css=karriere].cluster-3 .box.white {
    background-image: url("../images/2021/backgrounds/box_background_white.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

[data-css=karriere].cluster-3 .box.white:hover {
    color: var(--default-dom-red-color);
    background: rgba(255, 255, 255, 0.4);
    cursor: pointer;
}

[data-css=karriere].cluster-3 .box.teal {
    background-image: url("../images/2021/backgrounds/box_background_teal.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

[data-css=karriere].cluster-3 .box .content {
    width: 100%;
    padding: 20px;
    float: left;
    position: relative;
    border: solid thin var(--default-darkgrey-border-color);
    align-items: center;
    display: flex;
}

[data-css=karriere].cluster-3 .box:first-child .content {
    border-right: none;
}

[data-css=karriere].cluster-3 .box:last-child .content {
    border-left: none;
}

[data-css=karriere].cluster-3:last-child .box .content {
    border-top: none;
}

[data-css=karriere].cluster-3 .box .content .box-title {
    font-weight: bold;
    margin-bottom: 0;
}

[data-css=karriere].cluster-3 .box .content .box-sub-title {
    font-size: 0.925rem;
}

[data-css=karriere].cluster-3 .box.teal .content .box-title {
    font-weight: normal;
}

[data-css=karriere].cluster-3 .box.teal .content .box-sub-title {
    font-weight: bold;
    font-size: 1.7rem;
    margin-bottom: 40px;
}

[data-css=karriere].cluster-3 .box .content .arrow-more {
    width: 8px;
    height: 13px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    font-family: 'Source Code Pro';
    font-size: 14px
}

[data-css=karriere].cluster-3 .box.teal {
    color: #FFFFFF;
}

[data-css=karriere].cluster-3 .box.teal:hover {
    color: var(--default-dom-red-color) !important;
    background: rgba(28, 85, 98, 0.5);
    cursor: pointer;
}

[data-css=karriere].cluster-3 .box .content .logo {
    background: url("../images/DOM_Logo_81x25.png") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    position: absolute;
    height: 25px;
    width: 81px;
    top: 15px;
    right: 15px;
}

[data-css="karriere"].cluster-3 .box .content .box-footer-ext {
    display: none;
    position: absolute;
    bottom: 8px;
    left: 20px;
    font-size: 0.8rem;
}

[data-css=karriere].cluster-3 .box .content .box-footer {
    position: absolute;
    bottom: 8px;
    left: 20px;
    font-size: 0.8rem;
}

.cluster-4 .box {
    width: 50%;
    float: left;
    display: flex;
    padding-right: 10px;
    padding-left: 10px;
}

.cluster-4 .box:first-child,
[data-css=startseite].cluster-3 .box:first-child,
[data-css=karriere].cluster-3 .box:first-child {
    padding-left: 0;
}

.cluster-4 .box:last-child,
[data-css=startseite].cluster-3 .box:last-child {
    padding-right: 0;
}

.cluster-2 {
    width: 49.99%;
    display: flex;
}

.cluster-4 .cluster-2:first-child {
    padding-right: 10px;
}

.cluster-4 .cluster-2:last-child {
    padding-left: 10px;
}

.icon-container {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 20px;
}

#mobile-indicator {
    display: none;
}

[data-css=group-box] .slide-container-1,
[data-css=group-box] .slide-container-2 {
    display: none;
}

[data-css=default] .box-image.mobil,
[data-css=branchen] .box-image.mobil,
[data-css=karriere] .box-image.mobil,
[data-css=default].mobil {
    display: none;
}

[data-css=branchen] .row:not(:first-child) {
    margin-top: 2em;
}

.arrow {
    border: solid var(--default-dom-red-color);
    border-width: 0 6px 6px 0;
    display: inline-block;
    padding: 9px;
    position: absolute;
    bottom: 28px;
    right: 50px;
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

[data-css=sub-navigation] .arrow-more {
    border: solid var(--default-dom-red-color);
    border-width: 0 4px 4px 0;
    display: inline-block;
    padding: 5px;
    position: relative;
    bottom: 2px;
}

.box-image.tablet,
.box-image.mobil {
    margin-bottom: 15px;
}

[data-css=default] .box-left > .box-image,
[data-css=default] .box-right > .box-image,
[data-css=branchen] .box-left.content > .box-image,
[data-css=branchen] .box-right.content > .box-image,
[data-css=karriere] .box-left > .box-image,
[data-css=karriere] .box-right > .box-image {
    display: none;
}

.link-bar {
    display: flex;
    position: relative;
    color: #000;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.context-bar {
    flex: 1;
    height: 25px;
    overflow: hidden;
}

.context-bar-link, .grouped-link {
    display: inline-block;
    margin: 0;
    padding: 2px 10px;
    text-align: center;
    cursor: pointer;
}

.context-bar-link:not(:last-child) {
    border-right: solid thin #CCCCCC;
}

.context-bar-link:hover {
    text-decoration: none;
}

.dropdown-content {
    display: none;
    position: absolute;
    min-width: 160px;
    right: 3px;
    top: 32px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    max-height: 200px;
    overflow-y: auto;
    background: #FFFFFF;
}

.dropdown-content a {
    padding: 4px 5px;
    text-decoration: none;
    display: block;
    text-align: left;
}

[data-css=bannerContainer] {
    position: relative;
    margin-top: 4.725rem;
}

[data-css=bannerContainer]:not(.regular) {
    display: none;
}

.no-border {
    border: none !important;
}

[data-css=rowItem] {
    float: left;
    width: 100%;
    margin-bottom: 1em;
}

[data-css=rowItem] .title {
    float: left;
    width: 30%;
    font-weight: bold;
    padding-left: 15px;
}

[data-css=rowItem] .value {
    float: left;
    width: 70%;
    padding: .5rem .625rem .625rem;
}

[data-css=rowItem] .value li {
    margin-bottom: 0;
}

.googleMap {
    float: left;
    width: 100%;
    height: 400px;
}

.googleMap iframe {
    border: 0;
    width: 100%;
    height: 100%;
}

.margin-top {
    margin-top: 20px;
}

[data-css="menu"] .lang-container {
    float: right;
    position: absolute;
    right: 25px;
    top: 45px;
}

[data-css=karriere-offene-stellen] h2.sub:not(:first-child),
[data-css=karriere-offene-stellen] h2.sub-title {
    margin-bottom: 15px;
}

[data-css=karriere-offene-stellen] .jobbox {
    float: left;
    width: 100%;
    position: relative;
    color: #545454;
    padding: 10px 90px 10px 10px;
}

[data-css=karriere-offene-stellen] .jobbox h2 {
    font-weight: bold;
    margin-bottom: 4px;
    text-transform: uppercase;
}

[data-css=karriere-offene-stellen] .jobbox h3,
[data-css=karriere-offene-stellen] .jobbox .jobbox-footer {
    font-size: 0.825rem;
}

[data-css=karriere-offene-stellen] .jobbox .jobbox-footer {
    padding-top: 1rem;
}

[data-css=karriere-offene-stellen] .jobbox.odd-row {
    background-image: url("../images/2021/backgrounds/Grau_Gitternetz_340x1920.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

[data-css=karriere-offene-stellen] .jobbox:hover {
    color: var(--default-dom-red-color);
    cursor: pointer;
}

[data-css=karriere-offene-stellen] .logo {
    background: url("../images/DOM_Logo_81x25.png") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    position: absolute;
    height: 25px;
    width: 81px;
    top: 10px;
    right: 10px;
}

[data-css=karriere-offene-stellen] .arrow-more {
    width: 8px;
    height: 13px;
    position: absolute;
    bottom: 20px;
    right: 15px;
    font-family: 'Source Code Pro';
    font-size: 14px
}

[data-css=karriere-bewerbung] label {
    font-size: 1.025rem;
    font-weight: bold;
}

#holder.hover { border: 10px dashed #0c0 !important; }

[data-css=karriere-bewerbung].drag-and-drop {
    display: inline-block;
    flex-grow: 1;
    width: 100%;
    min-height: 200px;
    border: 1px solid #cacaca;
    border-radius: 5px;
    box-shadow: inset 0 1px 2px rgba(84, 84, 84, 0.1);
    padding: .5rem;
    text-align: center;
}
[data-css=karriere-bewerbung].drag-and-drop.dragging {
    border: 1px solid var(--default-dom-red-color);
}

[data-css=karriere-bewerbung].drag-and-drop .xs {
    display: none;
}

[data-css=alert-box] {
    color: #555555;
    border-radius: 10px;
    padding:10px 10px 10px 36px;
    margin-bottom: 10px;
}

[data-css=alert-box] {
    margin-top: 10px;
}

[data-css=alert-box] span {
    font-weight: bold;
    text-transform: uppercase;
}

.error[data-css=alert-box] {
    background: #FFECEC url('images/error.png') no-repeat 10px 50%;
    border: 1px solid #f5aca6;
}

.center {
    width:100%;
    display: flex;
    justify-content: center;
}