*,
*::before,
*::after {
    box-sizing: border-box;
}
ul,
ol {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
ul p,
ol p {
    margin: 0;
}
body,
h1,
h2,
h3,
h4,
ul[class],
ol[class],
li,
button,
a.button,
#mandanten .button#datenschutz-button,
input,
select,
textarea,
figure,
figcaption,
blockquote,
dl,
dd {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    color: inherit;
    outline: none !important;
}
video {
    outline: none !important;
}
body {
    min-height: 100vh;
    scroll-behavior: smooth;
    font-size: 16px;
    font-family: "IBM Plex Sans";
    line-height: 22.4px;
    color: #111;
    letter-spacing: 0.01em;
    font-feature-settings: "kern" 1;
}
a:not([class]),
#mandanten #datenschutz-button:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
}
input,
button,
a.button,
#mandanten .button#datenschutz-button,
textarea,
select {
    font: inherit;
}
embed,
iframe,
object {
    max-width: 100%;
}
menu {
    margin: 0;
    padding: 0;
}
i,
dfn,
cite,
em {
    font-family: "IBM Plex Sans";
    font-weight: normal;
    font-style: italic;
}
b,
strong {
    font-family: "IBM Plex Sans";
    font-weight: bold;
}
a[x-apple-data-detectors],
#mandanten [x-apple-data-detectors]#datenschutz-button {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}
::-moz-selection {
    background: #111;
    color: white;
}
::-moz-selection,
::selection {
    background: #111;
    color: white;
}
hr {
    border: none;
    padding-top: 22.4px;
    margin-bottom: 22.4px;
    width: 4rem;
    display: inline-block;
    text-align: left;
    border-bottom: 3px solid #111;
}
blockquote {
    padding: 0 22.4px;
    padding-top: 22.4px;
    display: inline-block;
    font-style: italic;
}
q {
    quotes: "„" "“";
}
.small,
#team .accordion-content,
.slide--job .slide--content,
.slide--newsmeldung .slide--kurztext,
.slide--infobrief .slide--kurztext,
.slide--video .slide--title,
.slide--datum,
label {
    font-size: 12.8px;
    line-height: 17.92px;
}
.semi-bold {
    font-weight: 700;
}
.light,
.slide--datum {
    font-weight: 300;
}
.logo-type,
.slide--newsmeldung .slide--title,
.slide--video .slide--typ {
    font-weight: 300;
    font-size: 1.85rem;
}
.text-centered {
    text-align: center;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-family: "IBM Plex Sans";
    font-size: 16px;
    line-height: 22.4px;
    margin: 0;
    padding: 0;
    font-weight: 800;
}
h1 {
    font-size: 27.2px;
    line-height: 44.8px;
}
h2 {
    font-size: 20px;
    line-height: 28px;
}
h3,
h4,
h5,
h6 {
    font-size: 16px;
    line-height: 22.4px;
    padding: 0;
}
.thin-headline,
.menu--section .depth-1 {
    font-size: 26.4px;
    line-height: 31.36px;
    letter-spacing: 0.75px;
    margin: 0;
    padding: 0;
    font-weight: 300;
}
p {
    padding: 0;
    margin: 0;
}
article > * + * {
    margin-top: 22.4px;
}
article + figure {
    margin-top: 67.2px;
}
article h1 + * {
    margin-top: 44.8px;
}
article h1 + h2 {
    margin-top: 44.8px;
}
article h1 + figure {
    margin-top: 44.8px;
}
article h2 + * {
    margin-top: 22.4px;
}
article h2 + h3 {
    margin-top: 22.4px;
}
article h3 + * {
    margin-top: 22.4px;
}
article h4 + *,
article h5 + * {
    margin-top: 0;
}
article p,
article ul {
    margin-bottom: 22.4px;
}
article p + p,
article ul + p {
    margin-top: 22.4px;
}
article p + h1,
article ul + h1 {
    margin-top: 89.6px;
}
article p + h2,
article ul + h2 {
    margin-top: 67.2px;
}
article p + h3,
article ul + h3 {
    margin-top: 44.8px;
}
article p + h4,
article ul + h4 {
    margin-top: 22.4px;
}
article p + h5,
article ul + h5 {
    margin-top: 22.4px;
}
article p + hr,
article ul + hr {
    padding-top: 0;
}
article p + blockquote,
article ul + blockquote {
    margin-top: 0;
}
article p + figure,
article ul + figure {
    margin-top: 0;
}
article figure + h1,
article blockquote + h1 {
    margin-top: 67.2px;
}
article figure + h2,
article blockquote + h2 {
    margin-top: 44.8px;
}
article figure + h3,
article blockquote + h3 {
    margin-top: 22.4px;
}
article figure + h4,
article blockquote + h4 {
    margin-top: 44.8px;
}
article figure + p,
article blockquote + p {
    margin-top: 0;
}
ol {
    list-style-type: decimal;
}
ul li::before {
    display: inline-block;
    content: "\2022";
    padding-right: 8px;
    width: 16px;
    margin-left: -1em;
}
ol li,
ul li {
    margin-left: 1em;
}
ol ul,
ol ol,
ul ul,
ul ol {
    margin-top: 11.2px;
    margin-left: 1em;
}
img {
    border: none;
    border-style: none;
    line-height: 0;
    max-width: 100%;
    height: auto;
    border: 0;
    outline: 0;
}
figure {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 0;
    cursor: default;
}
figcaption {
    margin-top: 15.68px;
    font-size: 12.8px;
    color: #888;
}
svg {
    height: 100%;
    width: 100%;
}
video {
    width: 100%;
    height: auto;
}
select::-ms-expand {
    display: none;
}
.lt-ie10 select {
    background-image: none;
}
input,
select,
textarea,
button,
a.button,
#mandanten .button#datenschutz-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: none;
}
input::-webkit-input-placeholder {
    opacity: 0.5;
    font-size: 12.8px;
}
input::-moz-placeholder {
    opacity: 0.5;
    font-size: 12.8px;
}
input:-ms-input-placeholder {
    opacity: 0.5;
    font-size: 12.8px;
}
input:-moz-placeholder {
    opacity: 0.5;
    font-size: 12.8px;
}
textarea {
    border: none;
    padding: 0.25em 0.75em;
    margin: 0 0.5em 0.25em 0;
    font-size: 12.8px;
    background-color: #cee9f9;
    width: 100%;
    height: 10em;
}
textarea:hover,
textarea:focus,
textarea:active {
    background-color: #202020;
    color: #fff;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"] {
    border: none;
    padding: 0.75em 1.25em;
    margin: 0 0.75em 0.75em 0;
    font-size: 12.8px;
    background-color: #cee9f9;
    width: 100%;
}
input[type="text"]:hover,
input[type="text"]:focus,
input[type="text"]:active,
input[type="email"]:hover,
input[type="email"]:focus,
input[type="email"]:active,
input[type="tel"]:hover,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="password"]:hover,
input[type="password"]:focus,
input[type="password"]:active {
    background-color: #202020;
    color: #fff;
}
.button,
a.button,
#mandanten .button#datenschutz-button,
input[type="submit"] {
    display: inline-block;
    border: none;
    line-height: 0;
    padding: 1.5em 2em;
    font-size: 12.8px;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
    background-color: #cee9f9;
    cursor: pointer;
}
.button.gruen,
a.button.gruen,
#mandanten .button.gruen#datenschutz-button,
input[type="submit"].gruen {
    background-color: #92f0c9;
}
.button:hover,
.button:focus,
.button:active,
a.button:hover,
#mandanten .button#datenschutz-button:hover,
a.button:focus,
#mandanten .button#datenschutz-button:focus,
a.button:active,
#mandanten .button#datenschutz-button:active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active {
    text-decoration: none;
    background-color: #202020;
    color: #fff;
}
button.link,
a.link.button,
#mandanten .link.button#datenschutz-button {
    font-size: 12.8px;
    text-decoration: underline;
}
button.link:hover,
a.link.button:hover,
#mandanten .link.button#datenschutz-button:hover,
button.link:focus,
a.link.button:focus,
#mandanten .link.button#datenschutz-button:focus,
button.link:active,
a.link.button:active,
#mandanten .link.button#datenschutz-button:active {
    text-decoration: none;
}
.button_small {
    display: inline-block;
    border: none;
    line-height: 0;
    padding: 1.5em 2em;
    font-size: 12.8px;
    text-decoration: none;
    width: auto;
    background-color: #cee9f9;
    margin-bottom: 22.4px;
}
.button_small:hover,
.button_small:focus,
.button_small:active {
    background-color: #202020;
    color: #fff;
}
.fields {
    margin-bottom: 22.4px;
}
.alert {
    font-style: italic;
    color: #e63946;
    font-size: 12.8px;
}
input[type="checkbox"],
input[type="radio"] {
    border: 1px solid;
    width: 1em;
    height: 1em;
    border-radius: 2px;
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background-color: #92f0c9;
}
a,
#mandanten #datenschutz-button,
a.small,
#team a.accordion-content,
.slide--job a.slide--content,
.slide--newsmeldung a.slide--kurztext,
.slide--infobrief a.slide--kurztext,
.slide--video a.slide--title,
a.slide--datum,
a.inverted,
a:focus,
a:visited {
    text-decoration: underline;
    color: #111;
}
a:active,
#mandanten #datenschutz-button:active,
a:hover,
#mandanten #datenschutz-button:hover,
a.active,
#mandanten .active#datenschutz-button {
    color: #111;
    text-decoration: none;
}
a.nolink,
#mandanten .nolink#datenschutz-button,
a.silentlink,
#mandanten .silentlink#datenschutz-button,
a.nolink:visited,
a.nolink:focus,
a.nolink:active,
a.nolink:hover,
.nolink,
.silentlink {
    color: inherit;
    text-decoration: none;
}
a.inverted,
#mandanten .inverted#datenschutz-button {
    color: #fff;
}
a.small,
#team a.accordion-content,
#mandanten .small#datenschutz-button,
#mandanten #team #datenschutz-button.accordion-content,
#team #mandanten #datenschutz-button.accordion-content,
.slide--job a.slide--content,
.slide--job #mandanten .slide--content#datenschutz-button,
#mandanten .slide--job .slide--content#datenschutz-button,
.slide--newsmeldung a.slide--kurztext,
.slide--newsmeldung #mandanten .slide--kurztext#datenschutz-button,
#mandanten .slide--newsmeldung .slide--kurztext#datenschutz-button,
.slide--infobrief a.slide--kurztext,
.slide--infobrief #mandanten .slide--kurztext#datenschutz-button,
#mandanten .slide--infobrief .slide--kurztext#datenschutz-button,
.slide--video a.slide--title,
.slide--video #mandanten .slide--title#datenschutz-button,
#mandanten .slide--video .slide--title#datenschutz-button,
a.slide--datum,
#mandanten .slide--datum#datenschutz-button {
    font-size: 12.8px;
}
.silentlink:hover,
.silentlink:active {
    text-decoration: underline;
}
a.button,
#mandanten .button#datenschutz-button {
    display: inline-block;
    text-align: center;
}
a.button.inverted,
#mandanten .button.inverted#datenschutz-button {
    color: #fff;
}
a.button.inverted:hover,
#mandanten .button.inverted#datenschutz-button:hover,
a.button.inverted:focus,
#mandanten .button.inverted#datenschutz-button:focus,
a.button.inverted:active,
#mandanten .button.inverted#datenschutz-button:active {
    color: #111;
    background-color: #fff;
}
.flex {
    display: -ms-flexbox;
    display: flex;
}
.flex.flex--wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex.flex--nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.flex.flex--centered {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}
.flex.flex--middle {
    -ms-flex-align: center;
    align-items: center;
}
.flex.flex--column {
    -ms-flex-flow: column;
    flex-flow: column;
}
.flex.flex--spacebetween {
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flex .cell-vw {
    min-height: 26vw;
}
.flex .third {
    width: 33.3343%;
}
.flex .third.square {
    height: 0;
    padding-bottom: 30%;
}
.flex .half {
    width: 50%;
}
.flex .half.square {
    height: 0;
    padding-bottom: 50%;
}
.flex .full {
    width: 100%;
}
.flex .one-third,
.flex .two-sixth {
    width: 33.3334%;
}
.flex .two-third {
    width: 66.6667%;
}
.flex .one-sixth {
    width: 16.6667%;
}
.flex .five-sixth {
    width: 83.3334%;
}
.flex .one-fourth {
    width: 25%;
}
.flex .three-fourth {
    width: 75%;
}
.flex .one-half {
    width: 50%;
}
.inline-block {
    display: inline-block;
}
.inline-block .one-fourth {
    width: 25%;
}
.inline-block .three-fourth {
    width: 75%;
}
.flickity-page-dots {
    bottom: 1em;
}
.flickity-page-dots .dot {
    height: 4px;
    width: 3em;
    margin: 0;
    border-radius: 0;
    background: #fff;
    opacity: 1;
}
.flickity-page-dots .dot.is-selected {
    background: #111;
}
.flickity-page-dots .dot::before {
    display: none;
}
.flickity-button {
    background: #fff;
    background: none;
    border-radius: 2em;
    padding: 0;
    font-size: 16px;
}
.flickity-button:hover,
.flickity-button:active,
.flickity-button:focus {
    background: #e4fff1;
    background: none;
    box-shadow: none;
}
.flickity-prev-next-button .flickity-button-icon {
    fill: #111;
    width: 2em;
    height: 2em;
}
.flickity-button:disabled {
    display: none;
}
.pfeil-container {
    width: 2.5rem;
    height: 1rem;
    display: inline-block;
}
.svg__pfeil {
    width: 2.5rem;
}
.svg__xing {
    width: 4rem;
    max-height: 1.6rem;
}
.svg__facebook {
    width: 1.5rem;
    height: 1.5rem;
}
.svg__instagram {
    width: 1.5rem;
    height: 1.5rem;
}
.svg__logo {
    fill-rule: nonzero;
    clip-rule: evenodd;
    stroke-linejoin: round;
    stroke-miterlimit: 2;
}
.default-button {
    position: absolute;
    z-index: 5;
    width: 8rem;
    height: 8rem;
    margin-left: -4rem;
    margin-top: -4rem;
    border-radius: 4rem;
    background-color: #202020;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 12.8px;
}
.default-button .mit-pfeil {
    margin-top: 1rem;
}
.default-button .svg__pfeil {
    fill: #fff;
}
.default-button div {
    width: 100%;
}
.consent-button {
    background-color: #92f0c9;
    color: #111;
    width: 75%;
    padding: 32px;
    cursor: pointer;
}
.consent-button:hover {
    background-color: #111;
    color: #fff;
}
.consent-button:hover span {
    color: #888;
}
.downloadLink {
    margin-bottom: 44.8px;
}
#video-container {
    transition: opacity 150ms ease-out;
    margin-top: 44.8px;
}
#video-container[data-state="loading"] {
    opacity: 0;
}
#video-container[data-state="ready"] {
    opacity: 1;
}
.loading[data-state="loading"] {
    opacity: 1;
}
.loading {
    transition: opacity 150ms ease-out;
    opacity: 0;
}
.loading[data-state="loaded"] {
    display: none;
}
.sharebuttons-element {
    display: none;
}
.videoblock {
    margin: 22.4px 0;
}
.full-bg {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.inner {
    padding: 32px;
}
.block {
    display: block;
}
.page-content a[href$="pdf"],
.page-content #mandanten [href$="pdf"]#datenschutz-button,
#mandanten .page-content [href$="pdf"]#datenschutz-button,
.page-content a[href$="docx"],
.page-content #mandanten [href$="docx"]#datenschutz-button,
#mandanten .page-content [href$="docx"]#datenschutz-button,
.page-content a.downloadlink,
.page-content #mandanten .downloadlink#datenschutz-button,
#mandanten .page-content .downloadlink#datenschutz-button {
    display: inline-block;
    position: relative;
    margin-left: 2rem;
}
.page-content a[href$="pdf"]::before,
.page-content #mandanten [href$="pdf"]#datenschutz-button::before,
#mandanten .page-content [href$="pdf"]#datenschutz-button::before,
.page-content a[href$="docx"]::before,
.page-content #mandanten [href$="docx"]#datenschutz-button::before,
#mandanten .page-content [href$="docx"]#datenschutz-button::before,
.page-content a.downloadlink::before,
.page-content #mandanten .downloadlink#datenschutz-button::before,
#mandanten .page-content .downloadlink#datenschutz-button::before {
    position: absolute;
    left: -2rem;
    top: -2px;
    display: inline-block;
    content: "";
    width: 2rem;
    height: 2rem;
    background-image: url("../svg/pdf.svg");
    background-repeat: no-repeat;
}
#toplink {
    position: fixed;
    left: 50%;
    bottom: -2em;
    cursor: pointer;
    transition: bottom 150ms ease-out;
}
.scrolling #toplink {
    bottom: 32px;
}
#overlay {
    position: fixed;
    z-index: 200;
    top: 0;
    left: 0;
    width: 100%;
    width: 100vw;
    height: 100%;
    height: 100vh;
    background-color: #fff;
}
#leistung #overlay {
    background-color: #ecebe1;
}
#partner #overlay {
    background-color: #cee9f9;
}
#mandanten #overlay {
    background-color: #202020;
}
#meldung #overlay {
    background-color: #92f0c9;
}
.overlay {
    position: absolute;
    z-index: 200;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#ie-overlay {
    position: fixed;
    z-index: 500;
    top: 0;
    left: 0;
    display: block;
    color: #111;
    padding: 4rem;
    width: 100%;
    width: 100vw;
    height: 100%;
    height: 100vh;
    background-color: #fff;
}
@supports (display: flex) {
    #ie-overlay {
        display: none;
    }
}
.accordion {
    cursor: pointer;
}
.accordion .accordion-title::before {
    display: inline-block;
    content: "+";
    width: 1.25em;
}
.accordion-content {
    transition: all 300ms ease-out;
    width: 100%;
    opacity: 0;
    height: auto;
    max-height: 0;
    overflow: hidden;
}
.accordion.active .accordion-title::before {
    content: "—";
}
.accordion.active .accordion-content {
    opacity: 1;
    height: auto;
    max-height: 750px;
}
html {
    scroll-behavior: smooth;
}
body {
    position: relative;
    overflow-x: hidden;
    font-weight: 400;
    background-color: #202020;
    scroll-behavior: smooth;
}
main {
    background-color: #fff;
}
article {
    max-width: 600px;
}
article.centered {
    margin: 0 auto;
}
@media (max-width: 569px) {
    body[data-state="menu-open"] main,
    body[data-state="menu-open"] footer {
        display: none;
    }
}
@media (max-width: 280px) {
    .header--logo {
        margin-top: 3em;
    }
}
@media (max-width: 569px) {
    .header {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1em;
    }
    .header--tagline {
        margin: 22.4px 0;
    }
}
@media (min-width: 570px) {
    .header {
        padding: 32px;
    }
    .header--logo,
    .header--tagline {
        width: 50%;
    }
    .header--logo {
        padding-left: 10%;
    }
    .header--tagline {
        padding-left: 32px;
        margin-top: 44.8px;
    }
}
.header {
    background-color: #cee9f9;
}
.header--logo .logo {
    display: block;
    padding: 0.5em 0;
    width: 12em;
    fill: #111;
}
.header--tagline .tagline {
    max-width: 13.5em;
}
#hamburger {
    position: absolute;
    z-index: 20;
    height: 3em;
    width: 4em;
    cursor: pointer;
}
@media (max-width: 279px) {
    #hamburger {
        top: 1em;
        left: 1em;
        right: auto;
    }
}
@media (min-width: 280px) and (max-width: 569px) {
    #hamburger {
        top: 32px;
        right: 1em;
    }
}
@media (min-width: 570px) {
    #hamburger {
        top: 32px;
        left: 50%;
        margin-left: 32px;
    }
}
.hamburger--line::after,
.hamburger--cross::after {
    display: block;
    height: 2px;
    width: 2.75rem;
    content: "";
}
.hamburger--line::after {
    background-color: #111;
    margin-bottom: 0.5rem;
}
.hamburger--cross::after {
    background-color: #fff;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.hamburger--cross:nth-of-type(1) {
    margin-top: 0.75em;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.hamburger {
    position: absolute;
    display: none;
}
.hamburger.active {
    display: block;
}
#main-menu {
    position: absolute;
    right: 0;
    top: -970px;
    z-index: 10;
    width: 100%;
    transition: top 150ms ease-out;
}
#main-menu.active {
    top: 0;
}
.main-menu {
    background-color: #111;
    color: #fff;
}
.main-menu a,
.main-menu #mandanten #datenschutz-button,
#mandanten .main-menu #datenschutz-button,
.main-menu a:visited,
.main-menu a:focus {
    color: #fff;
    text-decoration: none;
}
.main-menu a:hover,
.main-menu #mandanten #datenschutz-button:hover,
#mandanten .main-menu #datenschutz-button:hover,
.main-menu a:active,
.main-menu #mandanten #datenschutz-button:active,
#mandanten .main-menu #datenschutz-button:active,
.main-menu a.active,
.main-menu #mandanten .active#datenschutz-button,
#mandanten .main-menu .active#datenschutz-button {
    color: #92f0c9;
    text-decoration: underline;
}
#nav {
    opacity: 0;
    transition: opacity 150ms ease-out;
}
#nav.active {
    opacity: 1;
}
.menu--section {
    border-top: 1px solid rgba(255, 255, 255, 0.7);
}
.menu--section .depth-1 {
    margin-bottom: 22.4px;
}
.menu--section .depth-1:last-of-type {
    margin: 0;
}
.menu--section .submenu {
    margin-top: -11.2px;
    margin-bottom: 22.4px;
}
.menu--section .only-submenu {
    margin-top: -11.2px;
    margin-bottom: -33.6px;
}
.menu--section .depth-2 {
    font-weight: 200;
    line-height: 28px;
    display: inline-block;
    padding-right: 1em;
}
.menu--section.social {
    margin-top: 22.4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.menu--section.social .icon {
    margin-right: 32px;
}
.menu--section.social .icon:hover svg,
.menu--section.social .icon:active svg {
    fill: #cee9f9;
}
.menu--section.social svg {
    fill: #fff;
}
@media (max-width: 279px) {
    .menu--container {
        margin: 4em 1em 0 1em;
    }
    .menu--section {
        padding: 22.4px 0;
    }
    .menu--section:nth-of-type(1) {
        border-top: 0;
    }
}
@media (min-width: 280px) {
    .menu--container {
        margin: 96px 32px 0 32px;
    }
    .menu--section {
        padding: 44.8px 0;
    }
    .menu--section .submenu {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (min-width: 280px) and (max-width: 569px) {
    .menu--section:first-of-type {
        margin-top: -67.2px;
        border-top: none;
    }
}
@media (min-width: 570px) {
    #main-menu {
        width: 50%;
    }
    .menu--section .submenu {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (min-width: 1200px) {
    .menu--section.secondary,
    .menu--section.social,
    .menu--section .submenu {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .menu--section .submenu--item {
        padding-right: 2em;
    }
    .menu--section.social div,
    .menu--section .submenu div {
        margin-right: 22.4px;
    }
}
@media (max-width: 569px) {
    main#home {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #lstg {
        -ms-flex-order: 1;
        order: 1;
    }
    #slider {
        -ms-flex-order: 2;
        order: 2;
    }
    #gf {
        -ms-flex-order: 3;
        order: 3;
    }
    #jobs {
        -ms-flex-order: 4;
        order: 4;
    }
    #team {
        -ms-flex-order: 5;
        order: 5;
    }
}
@media (max-width: 1199px) {
    main#home {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #lstg {
        -ms-flex-order: 1;
        order: 1;
    }
    #jobs {
        -ms-flex-order: 2;
        order: 2;
    }
    #gf {
        -ms-flex-order: 3;
        order: 3;
    }
    #slider {
        -ms-flex-order: 4;
        order: 4;
    }
    #team {
        -ms-flex-order: 5;
        order: 5;
    }
}
@media (min-width: 1200px) {
    main#home {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #gf {
        -ms-flex-order: 1;
        order: 1;
    }
    #lstg {
        -ms-flex-order: 2;
        order: 2;
    }
    #jobs {
        -ms-flex-order: 3;
        order: 3;
    }
    #slider {
        -ms-flex-order: 4;
        order: 4;
    }
    #team {
        -ms-flex-order: 5;
        order: 5;
    }
}
#aktuelles {
    background-color: #ffedab;
    transition: background-color 150ms ease-out;
    font-size: 12.8px;
}
.aktuell--icon {
    width: 2em;
    height: 2em;
    margin: 0 2em;
}
.aktuell--icon .svg__shape {
    fill: #fff;
}
.aktuell {
    position: relative;
    background-color: #fff;
    text-align: center;
    padding: 0 1rem 0 2rem;
    margin-left: -2.5rem;
    transition: margin 150ms ease-out;
}
.aktuell::before {
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-top: 1rem solid transparent;
    border-left: 0.5rem solid #ffedab;
    border-bottom: 1rem solid transparent;
    transition: all 100ms ease-out;
}
.aktuell::after {
    display: block;
    position: absolute;
    right: -0.5rem;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-top: 1rem solid transparent;
    border-left: 0.5rem solid #fff;
    border-bottom: 1rem solid transparent;
    transition: all 100ms ease-out;
}
#aktuelles:hover .aktuell,
#aktuelles:active .aktuell {
    margin-left: 2rem;
}
@media (min-width: 771px) {
    #aktuelles,
    .aktuell {
        height: 2rem;
    }
}
@media (max-width: 770px) {
    #aktuelles .flex,
    .aktuell {
        display: block;
    }
    .aktuell {
        padding: 0.75em 0;
        margin: 0;
        background: none;
    }
    .aktuell::before,
    .aktuell::after {
        display: none;
    }
    #aktuelles:hover .aktuell,
    #aktuelles:active .aktuell {
        margin-left: 0;
    }
}
@media (max-width: 569px) {
    #gf {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .gf {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .gf:nth-of-type(2) {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .gf--text {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .gf--image {
        height: 78vw;
    }
}
@media (min-width: 570px) and (max-width: 1199px) {
    .gf {
        width: 50%;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .gf:nth-of-type(2) {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .gf--text {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .gf--image {
        height: 36.4vw;
    }
}
@media (min-width: 1200px) {
    .gf {
        width: 50%;
    }
    .gf--text {
        width: 33.3334%;
    }
    .gf--image {
        width: 66.7%;
        height: 26vw;
        background-position: right top;
    }
    .gf--text {
        -ms-flex-line-pack: justify;
        align-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .gf--text .name {
        width: 100%;
    }
}
.gf--text {
    padding: 0 32px;
    margin-top: 32px;
}
@media (max-width: 569px) {
    .gf--text {
        padding: 0 11.2px;
        margin-top: 11.2px;
    }
}
.gf:hover,
.gf:active {
    background-color: #cee9f9;
}
.gf:hover .gf--image,
.gf:active .gf--image {
    opacity: 0.8;
}
.lstg {
    position: relative;
    overflow: hidden;
    background-color: #ecebe1;
}
.lstg .lstg--icon path,
.lstg .lstg--icon circle {
    fill: none;
    fill-rule: nonzero;
    stroke-width: 3px;
    stroke: #fff;
}
.lstg:nth-of-type(even) {
    background-color: #fff;
}
.lstg:nth-of-type(even) .lstg--icon path,
.lstg:nth-of-type(even) .lstg--icon circle {
    stroke: #ecebe1;
}
.lstg--text {
    position: relative;
    z-index: 2;
}
.lstg--icon {
    position: absolute;
    z-index: 1;
    bottom: -1.5rem;
    line-height: 0;
}
@media (max-width: 769px) {
    #lstg {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .lstg {
        width: 100%;
    }
    .lstg .default-button {
        display: none;
    }
    .lstg.cell-vw {
        min-height: 20vw;
    }
    .lstg--text {
        max-width: 60%;
    }
}
@media (max-width: 769px) and (max-width: 570px) {
    .lstg--text {
        max-width: 80%;
        padding: 1em;
    }
}
@media (max-width: 769px) and (max-width: 430px) {
    .lstg--text {
        max-width: 100%;
        width: 100%;
    }
}
@media (max-width: 769px) {
    .lstg--icon {
        height: 11em;
        left: auto;
        right: 0;
    }
}
@media (max-width: 769px) and (max-width: 430px) {
    .lstg--icon {
        display: none;
    }
}
@media (min-width: 770px) and (max-width: 900px) {
    .lstg--text {
        padding: 24px;
    }
    .lstg--icon {
        display: none;
    }
}
@media (min-width: 770px) and (max-width: 1199px) {
    .lstg {
        width: 100%;
        height: 31.2vw;
    }
    .lstg .default-button {
        display: none;
    }
    .lstg--icon {
        width: 140%;
        left: 50%;
        margin-left: -45%;
    }
}
@media (min-width: 900px) and (max-width: 1199px) {
    .lstg {
        height: 26vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .lstg p {
        margin: 0;
    }
    .lstg .default-button {
        display: none;
    }
    .lstg--icon {
        display: block;
        opacity: 0.75;
    }
}
@media (min-width: 1200px) {
    .lstg {
        width: 100%;
        height: 36.4vw;
    }
    .lstg .default-button {
        left: 65%;
    }
    .lstg--icon {
        width: 120%;
        left: -9%;
    }
}
.lstg:hover,
.lstg:active {
    background-color: rgba(206, 233, 249, 0.5);
}
.lstg:hover .default-button,
.lstg:active .default-button {
    background-color: #fff;
    color: #111;
}
.lstg:hover .lstg--text h3,
.lstg:active .lstg--text h3 {
    text-decoration: none;
}
.lstg:hover .lstg--icon svg path,
.lstg:hover .lstg--icon svg circle,
.lstg:active .lstg--icon svg path,
.lstg:active .lstg--icon svg circle {
    stroke: #fff;
}
#slider {
    background-color: #92f0c9;
}
.slide {
    height: 34rem;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 2rem;
}
.slide--inner {
    position: relative;
    width: 100%;
    height: 22rem;
    padding: 16px;
    overflow: hidden;
}
.slide--inner .flex {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
.slide--inner:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 70%;
    width: 0;
    height: 0;
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    border-top: 1em solid #92f0c9;
}
.slide--datum {
    color: #878787;
}
.slide:hover .slide--inner,
.slide:active .slide--inner {
    background-color: #cee9f9;
}
.slide:hover .slide--inner img,
.slide:active .slide--inner img {
    opacity: 0.5;
    mix-blend-mode: multiply;
}
.slide:hover.slide--video .svg__shape,
.slide:active.slide--video .svg__shape {
    fill: #fff;
}
.slide:hover.slide--video .svg__stroke,
.slide:active.slide--video .svg__stroke {
    stroke: #cee9f9;
    stroke-width: 5px;
}
.slide:hover.slide--video .slide--bild,
.slide:active.slide--video .slide--bild {
    border-color: #fff;
}
.slide:hover.slide--jobs .svg__shape,
.slide:active.slide--jobs .svg__shape {
    fill: #fff;
}
.slide:hover.slide--jobs .svg__text,
.slide:active.slide--jobs .svg__text {
    fill: #cee9f9;
}
.slide:hover.slide--thema .svg__stroke,
.slide:active.slide--thema .svg__stroke {
    stroke: #fff;
}
.slide:hover.slide--thema .svg__text,
.slide:active.slide--thema .svg__text {
    fill: #fff;
}
.slide--video .slide--inner {
    background-color: #fff;
}
.slide--video .slide--typ {
    margin-top: 33.6px;
    color: #878787;
    line-height: 0;
}
.slide--video .slide--title {
    color: #878787;
}
.slide--video .slide--screenshot {
    position: relative;
}
.slide--video .slide--bild {
    border: 2px solid;
    border-color: #92f0c9;
    line-height: 0;
    margin-bottom: 1rem;
}
.slide--video .slide--bild img {
    opacity: 0.5;
    filter: grayscale(100%);
}
.slide--video .slide--icon {
    position: absolute;
    z-index: 1;
    width: 6rem;
    height: 6rem;
    top: 50%;
    left: 50%;
    margin-top: -3rem;
    margin-left: -3rem;
}
.slide--video .svg__stroke {
    stroke: #fff;
    stroke-width: 4px;
    fill: none;
}
.slide--video .svg__shape {
    fill: #92f0c9;
}
.slide--infobrief .slide--inner {
    background-color: #ecebe1;
}
.slide--infobrief .slide--icon {
    text-align: center;
}
.slide--infobrief svg {
    width: 7rem;
    height: 7rem;
}
.slide--infobrief .svg__stroke {
    stroke: #fff;
    stroke-width: 2px;
    fill: none;
}
.slide--infobrief .slide--typ {
    color: #92f0c9;
    line-height: 1em;
    margin-top: 0.5em;
}
.slide--infobrief .slide--title {
    color: #fff;
    font-weight: 700;
    font-size: 27.2px;
    line-height: 29.12px;
    margin: 0;
}
.slide--infobrief .slide--kurztext {
    color: #878787;
    margin-top: 22.4px;
    margin-bottom: 1em;
}
.slide--newsmeldung .slide--inner {
    background-color: #fff;
}
.slide--newsmeldung .slide--icon {
    text-align: center;
}
.slide--newsmeldung .slide--icon img {
    max-height: 120px;
    max-width: 100%;
}
.slide--newsmeldung svg {
    width: 7rem;
    height: 7rem;
}
.slide--newsmeldung .svg__stroke {
    stroke: #92f0c9;
    stroke-width: 2px;
    fill: none;
}
.slide--newsmeldung .svg__text {
    fill: #92f0c9;
}
.slide--newsmeldung .slide--typ {
    color: #92f0c9;
    font-size: 28px;
    line-height: 1em;
    margin-top: 0.5em;
}
.slide--newsmeldung .slide--title {
    margin-top: 0.5em;
    line-height: 33.6px;
    color: #878787;
}
.slide--newsmeldung .slide--kurztext {
    color: #878787;
    margin-top: 22.4px;
    margin-bottom: 1em;
}
.slide--newsmeldung .slide--kurztext p {
    margin-top: 1em;
}
.slide--newsmeldung .slide--kurztext p span {
    padding-right: 1em;
}
.slide--job .slide--inner {
    background-color: #ecebe1;
}
.slide--job .slide--icon {
    text-align: center;
}
.slide--job svg {
    width: 8rem;
    height: 8rem;
}
.slide--job .svg__shape {
    fill: #92f0c9;
    stroke: none;
}
.slide--job .svg__text {
    fill: #fff;
}
.slide--job .slide--title {
    font-weight: 700;
}
.slide--job .slide--content {
    color: #878787;
    margin-top: 22.4px;
    margin-bottom: 1em;
}
.slide--job .slide--content p {
    margin-top: 1em;
}
.slide--job .slide--content p span {
    padding-right: 1em;
}
@media (max-width: 279px) {
    .slide {
        width: 90%;
        line-height: 20.16px;
    }
    .flickity-button {
        display: none;
    }
}
@media (min-width: 280px) and (max-width: 640px) {
    .slide {
        width: 90%;
    }
    .flickity-button {
        display: none;
    }
}
@media (min-width: 641px) and (max-width: 899px) {
    .slide {
        width: calc(50% - 3rem);
    }
    .slide--jobs .slide--title {
        font-size: 44.8px;
        line-height: 44.8px;
    }
}
@media (min-width: 900px) and (max-width: 1199px) {
    .slide {
        width: calc(50% - 7rem);
    }
}
@media (min-width: 1200px) and (max-width: 1799px) {
    .slide {
        width: calc(33.333% - 5rem);
    }
}
@media (min-width: 1800px) {
    .slide {
        width: calc(25% - 5rem);
    }
}
.team {
    position: relative;
    width: 50%;
}
.default-button {
    left: 50%;
    top: 50%;
}
.team--team .default-button {
    background-color: #fff;
    color: #111;
}
.team--team .default-button svg {
    fill: #111;
}
.team--team:hover .default-button,
.team--team:active .default-button {
    background-color: #111;
    color: #fff;
}
.team--team:hover .default-button svg,
.team--team:active .default-button svg {
    fill: #fff;
}
.team--kontakt:hover .default-button,
.team--kontakt:active .default-button {
    background-color: #cee9f9;
    color: #111;
}
.team--kontakt:hover .default-button svg,
.team--kontakt:active .default-button svg {
    fill: #111;
}
@media (max-width: 1200px) {
    .team {
        height: 25rem;
    }
}
@media (max-width: 770px) {
    #team {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .team {
        width: 100%;
        height: 20rem;
    }
}
#mandanten .flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#mandanten .datenschutz {
    display: none;
}
#mandanten #datenschutz-button {
    cursor: pointer;
    margin-bottom: 44.8px;
}
#mandanten #datenschutz-button:active {
    text-decoration: none;
}
#mandanten .title {
    margin-bottom: 67.2px;
}
#mandanten .infobrief {
    margin-top: 22.4px;
}
#mandanten .infobrief p {
    margin: 0;
}
#mandanten .downloadLink {
    margin: 0;
    margin-top: 0.5em;
}
@media (max-width: 1000px) {
    #mandanten .contentBox {
        -ms-flex-pack: center;
        justify-content: center;
    }
    #mandanten article {
        padding-left: 1em;
        padding-right: 1em;
    }
}
@media (min-width: 1001px) {
    #mandanten article:not(#datenschutz) {
        max-width: 100%;
        padding-left: 5vw;
        padding-right: 5vw;
    }
    #mandanten .downloadBox {
        width: 50%;
        background-color: #ffeee5;
    }
    #mandanten .videoBox {
        width: 50%;
    }
}
#leistung section {
    background-color: #ecebe1;
}
#leistung section .thin-headline,
#leistung section .menu--section .depth-1,
.menu--section #leistung section .depth-1 {
    position: relative;
    z-index: 2;
}
#leistung .pageheaderBox {
    width: 50%;
    padding-top: 56px;
}
#leistung .contentBox {
    width: 50%;
    background-color: #fff;
}
#leistung .contentBox img {
    max-width: 200px;
}
@media (max-width: 900px) {
    #leistung .pageheaderBox {
        width: 20rem;
    }
    #leistung .contentBox {
        width: auto;
    }
}
@media (max-width: 700px) {
    #leistung .pageheaderBox {
        display: none;
    }
    #leistung .contentBox {
        width: 100%;
    }
}
#leistung .pageheaderBox {
    position: relative;
    overflow: hidden;
}
#leistung .lstg--icon svg {
    width: 95%;
}
#leistung .lstg--icon path,
#leistung .lstg--icon circle {
    stroke: #fff;
    fill: none;
    stroke-width: 3px;
}
#kontakt .leftBox {
    width: 50%;
    min-height: 60rem;
}
#kontakt .rightBox {
    width: 50%;
}
#kontakt iframe {
    min-height: 60rem;
    width: 100%;
}
#kontakt .field.important {
    position: absolute;
    left: -9999px;
}
#kontakt .field.required {
    position: relative;
    color: #fff;
}
#kontakt .field.required input {
    border-color: #fff;
}
#kontakt .field.required input:checked {
    background: none;
}
#kontakt .field.required::before {
    position: absolute;
    z-index: 1;
    background-color: #fff;
    width: 100%;
    height: 2em;
    content: "";
}
#kontakt #gmaps {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 900px) {
    #kontakt .flex {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #kontakt .leftBox {
        width: 100%;
        -ms-flex-order: 2;
        order: 2;
    }
    #kontakt .rightBox {
        width: 100%;
        -ms-flex-order: 1;
        order: 1;
    }
}
#partner .flex,
.angestellter .flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#partner .leftBox,
#partner .rightBox,
.angestellter .leftBox,
.angestellter .rightBox {
    width: 50%;
}
#partner .leftBox,
.angestellter .leftBox {
    background-color: #92f0c9;
}
#partner .kontaktBox .text.email,
.angestellter .kontaktBox .text.email {
    margin-bottom: 22.4px;
}
@media (min-width: 801px) {
    #partner .nameBox .name,
    .angestellter .nameBox .name {
        width: 33.3334%;
    }
    #partner .nameBox .image,
    .angestellter .nameBox .image {
        width: 66.6667%;
        height: 26vw;
        background-position: right top;
    }
    #partner .kontaktBox .kontakt,
    .angestellter .kontaktBox .kontakt {
        padding-left: 33.3334%;
        max-width: 750px;
    }
    #partner .kontaktBox .kontakt:before,
    .angestellter .kontaktBox .kontakt:before {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        left: calc((33.3334% / 2) - 1em);
        width: 0;
        height: 0;
        border-left: 1em solid transparent;
        border-right: 1em solid transparent;
        border-top: 1em solid #fff;
    }
}
@media (max-width: 800px) {
    #partner .nameBox .name,
    #partner .nameBox .image,
    .angestellter .nameBox .name,
    .angestellter .nameBox .image {
        width: 100%;
    }
    #partner .nameBox .image,
    .angestellter .nameBox .image {
        height: 52vw;
    }
}
@media (max-width: 600px) {
    #partner .leftBox,
    #partner .rightBox,
    .angestellter .leftBox,
    .angestellter .rightBox {
        width: 100%;
    }
    #partner .nameBox .image,
    .angestellter .nameBox .image {
        height: 78vw;
    }
}
#partner .nameBox,
.angestellter .nameBox {
    background-color: #fff;
}
#partner .nameBox .name,
.angestellter .nameBox .name {
    font-size: 26.4px;
    line-height: 31.36px;
    letter-spacing: 0.75px;
    font-weight: 300;
}
#partner .kontaktBox .kontakt,
.angestellter .kontaktBox .kontakt {
    position: relative;
}
.team-section-new .team-image {
    background-color: #cee9f9;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 0;
}
@media (max-width: 1250px) {
    .team-section-new {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .team-section-new .team-text {
        max-width: 100%;
    }
    .team-section-new .team-text div {
        -moz-columns: 2;
        columns: 2;
        gap: 3em;
    }
}
@media (max-width: 800px) {
    .team-section-new .team-text {
        max-width: 100%;
    }
    .team-section-new .team-text div {
        -moz-columns: 1;
        columns: 1;
    }
}
.team-section .gruppenbild {
    padding-bottom: 44.8px;
}
.team-section .teamtext {
    padding-bottom: 44.8px;
}
.team-section figure::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 25%;
    width: 0;
    height: 0;
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    border-top: 1em solid #cee9f9;
}
.angestellter .kontaktBox .kontakt {
    padding-left: 32px;
}
.angestellter .nameBox {
    background: none;
}
#team .angestellte {
    background-color: #ffeee5;
}
#team .angestellte h1 {
    width: 100%;
    margin-bottom: 67.2px;
}
#team .portraitContainer {
    height: 13em;
}
#team .angestellte-info {
    margin-top: 0;
    padding-top: 16px;
    margin-right: 22.4px;
}
#team .accordion-content {
    padding-top: 22.4px;
}
@media (max-width: 1000px) {
    #team .angestellte {
        display: block;
    }
    #team .angestellte .one-half {
        width: 100%;
        margin-bottom: 22.4px;
    }
}
@media (max-width: 800px) {
    #team .team-section {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: -22.4px;
    }
    #team .team-section .box {
        width: 100%;
    }
}
@media (max-width: 680px) {
    #team .portraitContainer {
        height: 10rem;
    }
}
@media (max-width: 500px) {
    #team .angestellte .one-half {
        display: block;
    }
    #team .angestellte .one-half .angestellte-portrait,
    #team .angestellte .one-half .angestellte-info {
        width: 100%;
        padding: 0;
    }
    #team .angestellte .one-half .angestellte-info {
        padding-top: 22.4px;
    }
    #team .portraitContainer {
        height: 60vw;
    }
}
#news article {
    max-width: 900px;
}
#news h1,
#news h2,
#news p,
#news .small,
#news label,
#news .slide--datum,
#news .slide--video .slide--title,
.slide--video #news .slide--title,
#news .slide--infobrief .slide--kurztext,
.slide--infobrief #news .slide--kurztext,
#news .slide--newsmeldung .slide--kurztext,
.slide--newsmeldung #news .slide--kurztext,
#news .slide--job .slide--content,
.slide--job #news .slide--content,
#news #team .accordion-content,
#team #news .accordion-content {
    max-width: 600px;
    display: block;
    margin: 0 auto;
}
#news p {
    margin-bottom: 22.4px;
}
#news figure {
    display: block;
    text-align: center;
}
#news figure,
#news hr {
    margin-top: 44.8px;
}
#news hr:last-of-type {
    border: none;
}
.meldung {
    padding-top: 2em;
}
.news--icon {
    width: 6rem;
    height: 6rem;
    margin-bottom: 44.8px;
}
.news--icon .svg__stroke {
    stroke: #111;
    stroke-width: 2px;
    fill: none;
}
.news--icon .svg__shape {
    fill: #111;
}
.download--icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 1rem;
}
#jobs_subnav a,
#jobs_subnav #mandanten #datenschutz-button,
#mandanten #jobs_subnav #datenschutz-button,
#jobs_subnav #team a.accordion-content,
#team #jobs_subnav a.accordion-content {
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 12rem;
    text-align: center;
    border: 1px solid;
    border-radius: 1em;
    background-color: #ffedab;
    padding: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
}
#jobs_subnav a:hover,
#jobs_subnav #mandanten #datenschutz-button:hover,
#mandanten #jobs_subnav #datenschutz-button:hover,
#jobs_subnav a:active,
#jobs_subnav #mandanten #datenschutz-button:active,
#mandanten #jobs_subnav #datenschutz-button:active {
    background-color: #cee9f9;
}
.footer {
    color: #fff;
    padding: 32px;
    padding-top: 64px;
}
.footer a,
.footer a.inverted,
.footer a.small,
.footer a.inverted.small,
.footer a.slide--datum,
.footer .slide--video a.slide--title,
.slide--video .footer a.slide--title,
.footer .slide--infobrief a.slide--kurztext,
.slide--infobrief .footer a.slide--kurztext,
.footer .slide--newsmeldung a.slide--kurztext,
.slide--newsmeldung .footer a.slide--kurztext,
.footer .slide--job a.slide--content,
.slide--job .footer a.slide--content,
.footer #mandanten #datenschutz-button,
#mandanten .footer #datenschutz-button,
.footer #mandanten .inverted#datenschutz-button,
#mandanten .footer .inverted#datenschutz-button,
.footer #mandanten .small#datenschutz-button,
#mandanten .footer .small#datenschutz-button,
.footer #team a.accordion-content,
#team .footer a.accordion-content,
.footer a:visited,
.footer a.inverted:visited,
.footer a.small:visited,
.footer a.inverted.small:visited,
.footer a.slide--datum:visited,
.footer .slide--video a.slide--title:visited,
.slide--video .footer a.slide--title:visited,
.footer .slide--infobrief a.slide--kurztext:visited,
.slide--infobrief .footer a.slide--kurztext:visited,
.footer .slide--newsmeldung a.slide--kurztext:visited,
.slide--newsmeldung .footer a.slide--kurztext:visited,
.footer .slide--job a.slide--content:visited,
.slide--job .footer a.slide--content:visited,
.footer #mandanten #datenschutz-button:visited,
#mandanten .footer #datenschutz-button:visited,
.footer #mandanten .inverted#datenschutz-button:visited,
#mandanten .footer .inverted#datenschutz-button:visited,
.footer #mandanten .small#datenschutz-button:visited,
#mandanten .footer .small#datenschutz-button:visited,
.footer #team a.accordion-content:visited,
#team .footer a.accordion-content:visited,
.footer a:focus,
.footer a.inverted:focus,
.footer a.small:focus,
.footer a.inverted.small:focus,
.footer a.slide--datum:focus,
.footer .slide--video a.slide--title:focus,
.slide--video .footer a.slide--title:focus,
.footer .slide--infobrief a.slide--kurztext:focus,
.slide--infobrief .footer a.slide--kurztext:focus,
.footer .slide--newsmeldung a.slide--kurztext:focus,
.slide--newsmeldung .footer a.slide--kurztext:focus,
.footer .slide--job a.slide--content:focus,
.slide--job .footer a.slide--content:focus,
.footer #mandanten #datenschutz-button:focus,
#mandanten .footer #datenschutz-button:focus,
.footer #mandanten .inverted#datenschutz-button:focus,
#mandanten .footer .inverted#datenschutz-button:focus,
.footer #mandanten .small#datenschutz-button:focus,
#mandanten .footer .small#datenschutz-button:focus,
.footer #team a.accordion-content:focus,
#team .footer a.accordion-content:focus,
.footer a:active,
.footer a.inverted:active,
.footer a.small:active,
.footer a.inverted.small:active,
.footer a.slide--datum:active,
.footer .slide--video a.slide--title:active,
.slide--video .footer a.slide--title:active,
.footer .slide--infobrief a.slide--kurztext:active,
.slide--infobrief .footer a.slide--kurztext:active,
.footer .slide--newsmeldung a.slide--kurztext:active,
.slide--newsmeldung .footer a.slide--kurztext:active,
.footer .slide--job a.slide--content:active,
.slide--job .footer a.slide--content:active,
.footer #mandanten #datenschutz-button:active,
#mandanten .footer #datenschutz-button:active,
.footer #mandanten .inverted#datenschutz-button:active,
#mandanten .footer .inverted#datenschutz-button:active,
.footer #mandanten .small#datenschutz-button:active,
#mandanten .footer .small#datenschutz-button:active,
.footer #team a.accordion-content:active,
#team .footer a.accordion-content:active,
.footer a:hover,
.footer a.inverted:hover,
.footer a.small:hover,
.footer a.inverted.small:hover,
.footer a.slide--datum:hover,
.footer .slide--video a.slide--title:hover,
.slide--video .footer a.slide--title:hover,
.footer .slide--infobrief a.slide--kurztext:hover,
.slide--infobrief .footer a.slide--kurztext:hover,
.footer .slide--newsmeldung a.slide--kurztext:hover,
.slide--newsmeldung .footer a.slide--kurztext:hover,
.footer .slide--job a.slide--content:hover,
.slide--job .footer a.slide--content:hover,
.footer #mandanten #datenschutz-button:hover,
#mandanten .footer #datenschutz-button:hover,
.footer #mandanten .inverted#datenschutz-button:hover,
#mandanten .footer .inverted#datenschutz-button:hover,
.footer #mandanten .small#datenschutz-button:hover,
#mandanten .footer .small#datenschutz-button:hover,
.footer #team a.accordion-content:hover,
#team .footer a.accordion-content:hover {
    color: #fff;
}
.footer--logo {
    margin-bottom: 22.4px;
}
.footer--logo .logo {
    width: 12em;
    fill: #fff;
}
.footer--datev {
    display: -ms-flexbox;
    display: flex;
    opacity: 0.9;
}
.footer--datev div {
    width: 5em;
    padding-right: 0.5em;
    margin-right: 0.5em;
}
.footer--social .icon {
    margin-right: 32px;
}
.footer--social .icon svg {
    fill: #fff;
}
.footer--social .icon:hover svg,
.footer--social .icon:active svg {
    fill: #cee9f9;
}
.footer--social.mobile-only {
    display: none;
}
.footer--copyright {
    margin-top: 22.4px;
}
.footer--links {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 22.4px;
}
.footer--links .links a,
.footer--links .links #mandanten #datenschutz-button,
#mandanten .footer--links .links #datenschutz-button,
.footer--links .links #team a.accordion-content,
#team .footer--links .links a.accordion-content {
    margin-right: 32px;
}
@media (max-width: 699px) {
    .footer {
        -ms-flex-flow: column;
        flex-flow: column;
        padding-left: 1em;
        padding-right: 1em;
    }
    .footer--social {
        display: none;
    }
    .footer--social.mobile-only {
        display: block;
        margin: 22.4px 0;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .footer--links .links {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (min-width: 700px) {
    .footer--left {
        width: 35%;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .footer--right {
        width: 65%;
    }
}
@media (min-width: 900px) {
    .footer--left {
        width: 50%;
    }
    .footer--right {
        width: 50%;
    }
}


/* --------------------------------------------------------
 * ab Umbau auf statisches CSS ohne Preprocessor (2026-02)
 * --------------------------------------------------------
 */

 /* einzelne DATEV-Badges ausblenden */
.footer--datev {
    display: none; 
}