/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 12 2025 | 10:46:55 */
/*=== Globale Regeln ===*/

html {
    scroll-behavior: smooth;
}

/** Resets **/

:where(*) {
    box-sizing: border-box;
}

/** WP & GP Resets **/

.wp-block-group>.wp-block-group__inner-container {
    padding: 0;
}

.wp-block-group__inner-container {
    max-width: inherit;
}

:where(.wp-block-columns) {
    margin-bottom: 0;
}

:where(.wp-block-columns.has-background) {
    padding: 0;
}

.wp-block-cover {
    padding: 0;
}

/** Defaults **/

.hidden {
    display: none !important;
}

/** Utilities **/

/** Variabeln **/

:root {
    /** Typographie **/
    --html-b: 125%;
    --bfs: 1rem;

    /** Layout **/
    /* container */
    --main-cont: 85vw;
    --secd-cont: 80vw;

    /** Farben 
    --dunkelblau:#24385C;
    --blau:#6A97AB;
    --hellblau: #B5CFDB;
    --grn:#8E9C15; **/

    /** UT **/
    --slideout-width: 360px;
    --gp-slideout-width: 360px !important;

    --scrollHeight:100%;
}


/*=== Typographie ===*/

/** Einbindung **/

/* Outfit-Light  */
@font-face {
    font-family: "Outfit-Light";
    src: url("/wp-content/fonts/Outfit-Light.eot");
    src: url("/wp-content/fonts/Outfit-Light.eot?#iefix") format("embedded-opentype"),
        url("/wp-content/fonts/Outfit-Light.ttf") format("truetype"),
        url("/wp-content/fonts/Outfit-Light.svg") format("svg"),
        url("/wp-content/fonts/Outfit-Light.woff") format("woff"),
        url("/wp-content/fonts/Outfit-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
}

/* Outfit-Regular */
@font-face {
    font-family: "Outfit-Regular";
    src: url("/wp-content/fonts/Outfit-Regular.eot");
    src: url("/wp-content/fonts/Outfit-Regular.eot?#iefix") format("embedded-opentype"),
        url("/wp-content/fonts/Outfit-Regular.ttf") format("truetype"),
        url("/wp-content/fonts/Outfit-Regular.svg") format("svg"),
        url("/wp-content/fonts/Outfit-Regular.woff") format("woff"),
        url("/wp-content/fonts/Outfit-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}

/* Outfit-SemiBold */
@font-face {
    font-family: "Outfit-SemiBold";
    src: url("/wp-content/fonts/Outfit-SemiBold.eot");
    src: url("/wp-content/fonts/Outfit-SemiBold.eot?#iefix") format("embedded-opentype"),
        url("/wp-content/fonts/Outfit-SemiBold.ttf") format("truetype"),
        url("/wp-content/fonts/Outfit-SemiBold.svg") format("svg"),
        url("/wp-content/fonts/Outfit-SemiBold.woff") format("woff"),
        url("/wp-content/fonts/Outfit-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
}

/* Outfit-Bold */
@font-face {
    font-family: "Outfit-Regular";
    src: url("/wp-content/fonts/Outfit-Bold.eot");
    src: url("/wp-content/fonts/Outfit-Bold.eot?#iefix") format("embedded-opentype"),
        url("/wp-content/fonts/Outfit-Bold.ttf") format("truetype"),
        url("/wp-content/fonts/Outfit-Bold.svg") format("svg"),
        url("/wp-content/fonts/Outfit-Bold.woff") format("woff"),
        url("/wp-content/fonts/Outfit-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
}

/* Font Zuweisung  */
html,
body {
    font-family: "Outfit-Regular", sans-serif;
    font-weight: 400;
    font-style: normal;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: "Outfit-Regular", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    margin-bottom: 0.8em;
}

strong,
b {
    font-weight: 700;
    font-style: normal;
    text-transform: inherit;
}

.subheading {
    font-family: "Outfit-Light", sans-serif;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
}

a.link-button {
    font-family: "Outfit-SemiBold", sans-serif;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    font-size: 1rem;
    text-decoration: none;
}

.link-button+.link-button {
    margin-top: 12px;
}

/** Styling  **/

/* Font-Sizes */

html {
    font-size: var(--html-b);
}

/* vw für viewportbreite 1480px gesetzt */
h1,
.h1 {
    font-size: clamp(28px, 3.11vw, 44px);
}

h2,
.h2 {
    font-size: clamp(24px, 2.43vw, 36px);
}

h3,
.h3 {
    font-size: clamp(20px, 1.62vw, 24px);
}

h4,
.h4,
body,
p {
    font-size: clamp(17px, 1.35vw, var(--bfs));
    line-height: normal;
}

/* Font-Styles & Sonderklassen */

/* Link */

/*=== Ut Klassen ===*/

/* UT Layout */

.no-gap {
    column-gap: 0;
    row-gap: 0;
}

.no-gap__h {
    column-gap: 0;
}

.no-gap__v {
    row-gap: 0;
}

.no-m-bot {
    margin-bottom: 0;
}

.cover-scale-img {
    height: 100%;
}

.cover-scale-img.wide {
    width: 100%;
}

.cover-scale-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.a-center {
    align-content: center;
}

/* UT Farben */

.c__dunkelblau {
    color: var(--dunkelblau);
}

.c__blau {
    color: var(--blau);
}

.c__hellblau {
    color: var(--hellblau);
}

.c__grn {
    color: var(--grn);
}

.bg__dunkelblau {
    background-color: var(--dunkelblau);
}

.bg__blau {
    background-color: var(--blau);
}

.bg__hellblau {
    background-color: var(--hellblau);
}

.bg__grn {
    background-color: var(--grn);
}

/* UT Bilder */

.object-position__0 img {
    object-position: 0%;
}

/*=== Layout ===*/

.spacer-section {
    height: clamp(48px, 6.25vw, 80px) !important;
}

.section-m-bot {
    margin-bottom: clamp(48px, 6.25vw, 120px);
}

.entry-content .alignwide {
    width: var(--main-cont);
    max-width: 1364px;
    margin-left: unset;
}

.one-container .site-content {
    padding: 0;
}

.is__main-width {
    width: var(--main-cont);
    max-width: 1364px;
    margin: 0 auto;
}

.adjust-to-main-cont__left {
    padding: 0 clamp(7.5vw, calc((100vw - clamp(24px, 90vw, 1340px)) / 2), 290px) 0 clamp(7.5vw, calc((100vw - clamp(24px, 90vw, 1340px)) / 4), 145px);
}

.adjust-to-main-cont__right {
    padding: 0 clamp(7.5vw, calc((100vw - clamp(24px, 90vw, 1340px)) / 4), 145px) 0 clamp(7.5vw, calc((100vw - clamp(24px, 90vw, 1340px)) / 2), 290px);
}

.emulate-padding {
    padding: 0 clamp(7.5vw, calc((100vw - clamp(24px, 90vw, 1340px)) / 4), 145px);
}

/*
.is__secd-width {
    width: var(--secd-cont);
    max-width:;
    margin: 0 auto;
}*/

/** Main Container **/

.container.grid-container {
    width: var(--main-cont);
    max-width: 1364px;
    margin-left: auto;
    margin-right: auto;
}

section.section-leistungen {
    margin: clamp(36px, 4.17vw, 80px) 0;
}

/** Header **/

.under-header {
    margin-top: -80px;
}

.main-navigation.mobile-header-navigation {
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    position: relative;
    z-index: 9999;
}

.inside-navigation.grid-container {
    max-width: 1640px;
    width: var(--main-cont);
    height: 80px;
}

.sticky-enabled .main-navigation.is_stuck {
    box-shadow: unset;
}

/* Logo */
.mobile-header-navigation .site-logo {
    margin-left: 0;
}

.site-logo.mobile-header-logo img {
    width: 42px;
    height: auto;
}

/* Navigation */

.main-navigation.offside {
    width: 360px;
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
}

.main-navigation .main-nav ul li a {
    text-transform: uppercase;
    font-family: "Outfit-Light", sans-serif;
    font-size: 24px;
    line-height: 24px;
    font-weight: 300;
    padding: 20px 0 20px 20px;
}

.main-navigation .main-nav .menu-item a:hover {
    font-family: "Outfit-Bold", sans-serif;
    font-weight: 700;
    letter-spacing: 0px;
}

.main-navigation .main-nav .menu-item .sub-menu {
    margin-top: -12px;
}

.main-navigation ul ul {
    background-color: unset;
    box-shadow: unset;
}

.main-navigation .main-nav ul ul li a {
    font-size: 20px;
    text-transform: none;
    line-height: 20px;
}

.offside-js--is-open .slideout-overlay {
    opacity: 0.2;
}

.gp-icon {
    display: block;
}

.slideout-navigation .menu-item-has-children .dropdown-menu-toggle {
    float: unset;
}

.dropdown-menu-toggle .gp-icon svg {
    height: 0.9em;
}

/** Footer **/

footer .wp-block-cover__inner-container {
    max-width: 1640px;
    width: var(--main-cont) !important;
    margin: 0 auto;
}

.footer-legal {
    margin: 24px 0;
}

.footer-legal a {
    color: white;
}

.footer-data-wrapper a {
    color: white;
}

.footer-data-wrapper {
    display: grid;
    grid-template-columns: repeat(8, auto);
    grid-template-rows: auto;
    gap: clamp(24px, 2.5vw, 48px);
    margin-top: 9px;
    padding: 48px 0 24px;
}

#footer-logo {
    grid-area: 1 / 1 / 2 / 3;
	margin-bottom: 20px;
}

.grid-footer-icon{
	width: clamp(200px, 9vw, 15vw);
}

@media(max-width:767px){
	.grid-footer-icon{
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
}

#footer-hs {
    grid-area: 1 / 3 / 2 / 4;
}

#footer-zs {
    grid-area: 1 / 4 / 2 / 5;
}

#footer-kontakt {
    grid-area: 1 / 5 / 2 / 7;
}

#footer-zeiten {
    grid-area: 1 / 7 / 2 / 9;
}

.footer-data-wrapper dl.dl-zwei,
.dl-grid {
    margin: 0;
    display: grid;
    grid-template-columns: auto 1fr;
}

.footer-data-wrapper dl dt,
.dl-grid dt {
    font-weight: bold;
}

.footer-data-wrapper dd {
    margin: 0 0 0 24px;
}

.dl-grid {
    color: black;
    margin: 16px 0 16px 16px;
}


.dl-grid dd {
    margin: 0 0 0 12px;
}

.footer-data-wrapper>img {
    margin-top: -9px;
    min-width: 220px;
}

/* Hero Unterseiten */

.unterseiten-header {
    min-height: clamp(202px, 27.92vw, 402px) !important;
}

.unterseiten-header-s {
    min-height: calc((clamp(202px, 27.92vw, 402px)) / 1.2) !important;
}

.unterseiten-header .wp-block-cover__image-background,
.unterseiten-header-s .wp-block-cover__image-background {
    filter: blur(8px);
}

.unterseiten-header .heading-line,
.unterseiten-header-s .heading-line {
    margin-bottom: 8px;
}

.unterseiten-header .wp-block-cover__inner-container,
.unterseiten-header-s .wp-block-cover__inner-container {
    max-width: 1364px;
    width: var(--main-cont);
    margin: 0 auto;
}

/* Einstieg unter Hero Unterseiten */

div.nm-offset-hero {
    margin-top: -20px;
    position: relative;
    z-index: 3;
    margin-bottom: 20px;
}

.cover-scale-img.nm-offset-hero {
    height: calc(100% + 20px);
    max-height: 70vh;
}

.cover-scale-img.nm-offset-hero.followed-by-text {
    height: auto;
    margin: 0;
}

.cover-scale-img.nm-offset-hero.followed-by-text img {
    height: auto;
}

.wp-block-image.cover-scale-img>.alignright {
    margin: 0 0 2.7em 0;
}

/* Spalten / Columns */
.wp-block-columns.columns-early-wrap:has(.teaser-acco-wrapper + .teaser-acco-wrapper) {
    gap: 16px;
}

.bgi-bgc-columns {
    gap: 0;
}

.bgi-bgc-columns .wp-block-column {
    padding: 24px 32px;
}

.bgi-bgc-columns p:last-of-type,
.bgi-bgc-columns ul:last-of-type {
    margin-bottom: 0;
}

.bgi-bgc-columns .wp-block-column {
    align-content: center;
}

.bgi-column {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    color: white;
}

.bgi-column::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(36, 56, 92, 0.85);
    z-index: 0;
}

.bgi-column p {
    position: relative;
    z-index: 1;
}

#bgi-steuerberatung {
    background-image: url(/wp-content/uploads/2025/11/hartmann_leistungen-steuerberatung.webp);
}

#bgi-bw-beratung {
    background-image: url(/wp-content/uploads/2025/11/hartmann_leistungen-bw-beratung.webp);
}

#bgi-digital {
    background-image: url(/wp-content/uploads/2025/11/hartmann_leistungen-digital.webp);
}

.text-columns {
    columns: 2;
    column-gap: 2em;
    -webkit-column-break-after: auto;
}

.text-columns img {
    break-inside: avoid;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
}

/** Module **/

/* Quick Nav */

.quicknav-container {
    z-index: 999;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    display: flex;
    flex-direction: column;
    pointer-events: none;
}

.qn-link {
    display: flex;
    justify-content: space-between;
    column-gap: 12px;
    margin-bottom: 12px;
}

.qn-text-wrapper {
    padding: 15px 16px 10px;
    width: calc(100% - 67px);
    min-width: 180px;
}

.qn-img-wrapper {
    width: 55px;
    height: 55px;
    border-radius: 99px;
}

.quicknav-container a {
    color: white;
    text-transform: uppercase;
    font-family: "Outfit-Light", sans-serif;
    position: relative;
    z-index: 99;
    display: flex;
    left: -180px;
    transition: 0.4s ease;
    pointer-events: auto;
    text-decoration: none;
}

#qn-instagram img {
    padding: 13px 12px 14px 13px;
}

#qn-kontakt img {
    padding: 10px 14px 14px 14px;
}

#qn-newsletter img {
    padding: 12px 8px 12px 10px;
}

/* QN Interaktivität */

.qn-link:hover,
.qn-link:focus {
    column-gap: 0;
    transition: 0.2s ease;
}

.qn-link:hover .qn-text-wrapper,
.qn-link:hover .qn-img-wrapper,
.qn-link:focus .qn-text-wrapper,
.qn-link:focus .qn-img-wrapper {
    transform: translatex(180px);
    transition: 0.2s ease;
}

.qn-link:hover .qn-text-wrapper,
.qn-link:focus .qn-text-wrapper {
    width: calc(100% - 55px);
    transition: 0.2s ease;
}

.qn-link:hover .qn-img-wrapper,
.qn-link:focus .qn-img-wrapper {
    border-radius: 0;
    transition: 0.3s ease;
}

/*Quicknavi RESPONSIV*/
@media(min-width:780px){
.float-container2{
		display:none!important;
}
}

@media(max-width: 780px){
.qn-link:hover,
.qn-link:focus {
    column-gap: 0;
    transition: 0.2s ease;
}

.qn-link:hover .qn-text-wrapper,
.qn-link:hover .qn-img-wrapper,
.qn-link:focus .qn-text-wrapper,
.qn-link:focus .qn-img-wrapper {
    transform: unset;
    transition: 0.2s ease;
}

.qn-link:hover .qn-text-wrapper,
.qn-link:focus .qn-text-wrapper {
    width: unset;
    transition: 0.2s ease;
}

.qn-link:hover .qn-img-wrapper,
.qn-link:focus .qn-img-wrapper {
    border-radius: 99px;
    transition: 0.3s ease;
}
}

.float-container2 {
    z-index: 99999;
    position: fixed;
    bottom: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
	gap:20px;
	right:20px;
	margin-right:10px;
}

.qn-link {
    display: flex;
    justify-content: space-between;
    column-gap: 12px;
    margin-bottom: 12px;
}

.qn-text-wrapper {
    padding: 15px 16px 10px;
    width: calc(100% - 67px);
    min-width: 180px;
}

.qn-img-wrapper {
    width: 55px;
    height: 55px;
    border-radius: 99px;
}


#qn-instagram img {
    padding: 13px 12px 14px 13px;
}

#qn-kontakt img {
    padding: 10px 14px 14px 14px;
}

#qn-newsletter img {
    padding: 12px 8px 12px 10px;
}

.float-container2 a {
    color: white;
    text-transform: uppercase;
    font-family: "Outfit-Light", sans-serif;
    position: relative;
    z-index: 99;
    display: flex;
    transition: 0.4s ease;
    pointer-events: auto;
    text-decoration: none;
}

/* Hero Startseite */

.adjust-to-main-cont {
    padding: 0 clamp(7.5vw, calc((100vw - clamp(24px, 90vw, 1340px)) / 2), 290px);
}

.logo-hero {
    width: clamp(220px, 21vw, 404px);
    margin-bottom: clamp(24px, 3.13vw, 60px);
}

.heroSwiper {
    height: 100vh;
}

.hero-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* Gesellschafts Kacheln */

.swiper-slide.gs-kachel {
    padding: 24px;
    box-sizing: border-box;
}

.gsSwiper .gs-kachel {
    height:auto;
}

.gsSwiper .gs-kachel .wp-block-cover__inner-container,
.gsSwiper .gs-kachel .wp-block-cover__inner-container > div {
    height:100%;
}

.gsSwiper .gs-kachel .wp-block-cover__inner-container > div {
    display: flex;
    flex-flow: column;
    gap:auto;
}

.gsSwiper .gs-kachel a {
    margin-top:auto;
    margin-right: auto;
}

.gs-kachel h3 {
    min-height: 49px;
}

/* Gesellschafts Kacheln Voll (kein Swiper) */

#gs-kachel-voll-wrapper .padded-24 {
    padding: 24px 0;
}

#gs-kachel-voll-wrapper .gs-kachel h3 {
    min-height: unset;
}

#gs-kachel-voll-wrapper .gs-kachel {
    padding: clamp(32px, 2.5vw, 48px);
}

#gs-kachel-voll-wrapper .gs-kachel .wp-block-cover__inner-container {
    height: 100%;
    align-content: center;
}

#gs-kachel-voll-wrapper .wp-block-column:has(>figure) {
    min-width: 340px;
}

#gs-kachel-voll-wrapper .wp-block-column:has(>figure) .img-hochkant {
    display: inherit;
    max-height: 560px;
}

#gs-kachel-voll-wrapper .wp-block-column:has(>figure) .img-querkant {
    display: none;
    min-height: 180px;
}

/* Karriere Kacheln */

.karriere-raster-mp+.h3 {
    margin-top: 1.5em;
}

.karriere-raster-mp a .wp-block-group {
    justify-content: space-between;
}

.k-kachel,
.k-kachel__b {
    padding: 24px;
}

.k-kachel:hover,
.k-kachel:focus {
    background-color: var(--dunkelblau);
    color: white;
    text-decoration: none;
}

.k-kachel svg {
    width: 40px;
    max-width: 40px;
    min-width: 40px;
}

.k-kachel:hover svg g,
.k-kachel:focus svg g {
    fill: white;
}

.k-kachel__b h3 {
    margin-bottom: -0.5em;
}

.k-kachel__cta {
    padding: clamp(32px, 2.5vw, 48px);
}

.k-kachel__cta.emulate-padding {
    padding: clamp(32px, 2.5vw, 48px) clamp(7.5vw, calc((100vw - clamp(24px, 90vw, 1340px)) / 4), 145px);
}

.k-cta-wrapper {
    margin: 16px auto;
    max-width: 420px;
}

.karriere-raster-mp.verstaerkung .k-kachel__b:nth-of-type(2),
.karriere-raster-mp.verstaerkung .k-kachel__b:nth-of-type(3),
.karriere-raster-mp.verstaerkung .k-kachel__b:nth-of-type(6) {
    background-color: var(--dunkelblau);
}

.karriere-raster-mp.verstaerkung .k-kachel__b:nth-of-type(2) .wp-block-group,
.karriere-raster-mp.verstaerkung .k-kachel__b:nth-of-type(3) .wp-block-group,
.karriere-raster-mp.verstaerkung .k-kachel__b:nth-of-type(6) .wp-block-group {
    color: white;
}

/* Werte Kacheln */

#werte-raster {
    margin: 24px 0;
    gap: clamp(24px, 2.92vw, 56px);
}

.werte-kachel {
    gap: 8px;
}

.werte-kachel figure {
    min-width: 54px;
}

.werte-kachel .wp-block-group.is-vertical {
    gap: 8px;
}

/* Partner Raster/Kacheln */

#partner-raster {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-right: 16px;
}

.partner-kachel {
    min-width: clamp(168px, 12.5vw, 260px);
    max-width: 260px;
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
}

.partner-kachel p {
    margin: auto 0 0 0;
    padding: 8px 16px;
    font-size: clamp(18px, 1.62vw, 24px);
    text-transform: Uppercase;
}

.partner-nachname {
    font-size: calc(clamp(18px, 1.62vw, 24px) + 2px);
    font-weight: 700;
}

.team-kachel {
    /* min-width: clamp(168px, 12.5vw, 260px); */
    width: 100%;
    height: 100%;
}

.team-kachel p {
    margin: -8px 0 0 0;
    padding: 12px 16px 12px;
    font-size: clamp(16px, 1.62vw, 18px);
    min-height: 144px;
}

.team-kachel em {
    margin-bottom: 6px;
    font-style: normal;
    display: block;
    font-size: clamp(14px, calc(1em - 1px), 16px);
}


.team-kachel em::before {
    content: "- "
}


.team-kachel em::after {
    content: " -"
}

.team-kachel img {
    margin: 0;
    width: 100%;
    max-height: 232px;
    object-position: 50% 5%;
}

.team-name {
    text-transform: uppercase;
    font-size: clamp(18px, 1.62vw, 20px);
}

.infobox-partner-wrapper {
    padding: 32px;
}

.infobox-content .link-button {
    margin: 32px auto 0;
}

.partner-flex-wrapper {
    margin-top: 24px;
}

.partner-acco-wrapper {
    width: 100%;
}

#partner-raster button.partner-trigger {
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    border: none;
}

button.partner-trigger:hover .wp-block-cover__background,
button.partner-trigger:focus .wp-block-cover__background,
button.partner-trigger.selected .wp-block-cover__background {
    opacity: 0 !important;
    transition: opacity 0.2s ease;
}

.partner-bild-mobil {
    display: none;
}

.partner-bild-mobil img {
    margin-bottom: 16px !important;
    aspect-ratio: 1;
    object-fit: cover;
    width: 160px;
}

/* Seiten Querverweise */

.loopSwiper a,
.loopSwiper a:hover {
    text-decoration: none !important;
}

.loopSwiper .wp-block-cover .wp-block-cover__image-background {
    transition: 0.2s ease;
}

.loopSwiper .wp-block-cover:hover .wp-block-cover__image-background {
    transform: scale(1.1);
    transition: 0.2s ease;
}

/* Meilensteine Timeline */

#ms-wrapper {
    position: relative;
    overflow-y: auto;
}

#ms-wrapper::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 3px;
    height: 100%;
    background-color: var(--dunkelblau);
}

#ms-grid {
    display: grid;
    grid-template-rows: repeat(33, minmax(8px, auto));
    grid-template-columns: repeat(2, 1fr);
}

.ms-grid-slide {
    display: grid;
    gap: clamp(4px, 2.5vw, 48px);
}

.ms-grid-slide.ms-left {
    grid-column: 1;
    grid-template-columns: auto 80px;
}

.ms-grid-slide.ms-right {
    grid-column: 2;
    grid-template-columns: 80px auto;
}

.ms-event-wrapper {
    gap: 4px;
}

.ms-grid-slide.ms-left>.ms-event-wrapper {
    grid-area: 1 / 1 / 2 / 2;
}

.ms-grid-slide.ms-left>img {
    grid-area: 1 / 2 / 2 / 3;
    justify-self: end;
    align-self: center;
    margin-right: -10px;
    position: relative;
    z-index: 2;
}

.ms-grid-slide.ms-right>.ms-event-wrapper {
    grid-area: 1 / 2 / 2 / 3;
}

.ms-grid-slide.ms-right>img {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
    align-self: center;
    transform: rotate(180deg);
    margin-left: -10px;
    position: relative;
    z-index: 2;
}

#ms-date_1995 {
    grid-row: 1;
}

#ms-date_1996 {
    grid-row: 2;
}

#ms-date_1997 {
    grid-row: 3;
}

#ms-date_1998 {
    grid-row: 4;
}

#ms-date_1999 {
    grid-row: 5;
}

#ms-date_2000 {
    grid-row: 6;
}

#ms-date_2001 {
    grid-row: 7;
}

#ms-date_2002 {
    grid-row: 8;
}

#ms-date_2003 {
    grid-row: 9;
}

#ms-date_2004 {
    grid-row: 10;
}

#ms-date_2005 {
    grid-row: 11;
}

#ms-date_2006 {
    grid-row: 12;
}

#ms-date_2007 {
    grid-row: 13;
}

#ms-date_2008 {
    grid-row: 14;
}

#ms-date_2009 {
    grid-row: 15;
}

#ms-date_2010 {
    grid-row: 16;
}

#ms-date_2011 {
    grid-row: 17;
}

#ms-date_2012 {
    grid-row: 18;
}

#ms-date_2013 {
    grid-row: 19;
}

#ms-date_2014 {
    grid-row: 20;
}

#ms-date_2015 {
    grid-row: 21;
}

#ms-date_2016 {
    grid-row: 22;
}

#ms-date_2017 {
    grid-row: 23;
}

#ms-date_2018 {
    grid-row: 24;
}

#ms-date_2019 {
    grid-row: 25;
}

#ms-date_2019-1 {
    grid-row: 25;
}

#ms-date_2019-2 {
    grid-row: 25;
}

#ms-date_2020 {
    grid-row: 26;
}

#ms-date_2021 {
    grid-row: 27;
}

#ms-date_2022 {
    grid-row: 28;
}

#ms-date_2023 {
    grid-row: 29;
}

#ms-date_2024 {
    grid-row: 30;
}

#ms-date_2025 {
    grid-row: 31;
}

#ms-date_2026 {
    grid-row: 32;
}

#ms-date_2027 {
    grid-row: 33;
}

#ms-date_2028 {
    grid-row: 34;
}

#ms-date_2029 {
    grid-row: 35;
}

#ms-date_2030 {
    grid-row: 36;
}

#ms-date_2031 {
    grid-row: 37;
}

#ms-date_2032 {
    grid-row: 38;
}

#ms-date_2033 {
    grid-row: 39;
}

#ms-date_2034 {
    grid-row: 40;
}

/* Swiper Elemente */
.swiper-controls {
    position: relative;
    height: 40px;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--dunkelblau);
}

.gsSwiper-button-next,
.teamSwiper-button-next,
.loopSwiper-button-next {
    position: absolute;
    right: 0;
    bottom: -12px;
}

.gsSwiper-button-prev,
.teamSwiper-button-prev,
.loopSwiper-button-prev {
    position: absolute;
    right: 35px;
    bottom: -12px;
}

.gsSwiper-button-next.swiper-button-disabled svg g,
.gsSwiper-button-prev.swiper-button-disabled svg g,
.teamSwiper-button-next.swiper-button-disabled svg g,
.teamSwiper-button-prev.swiper-button-disabled svg g,
.loopSwiper-button-next.swiper-button-disabled svg g,
.loopSwiper-button-prev.swiper-button-disabled svg g {
    fill: #b5cfdb;
}

.gsSwiper-button-next.swiper-button-disabled,
.gsSwiper-button-prev.swiper-button-disabled,
.teamSwiper-button-next.swiper-button-disabled,
.teamSwiper-button-prev.swiper-button-disabled,
.loopSwiper-button-next.swiper-button-disabled,
.loopSwiper-button-prev.swiper-button-disabled {
    z-index: -1;
}

.heroSwiper-pagination {
    position: absolute;
    bottom: 24px;
    z-index: 10;
}

.gsSwiper-pagination,
.teamSwiper-pagination,
.loopSwiper-pagination {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px;
}

/** Formulare **/
.form-main-wrapper {
    margin: 0 auto;
}

.form-100-wrapper {
    width: 100%;
    margin-bottom: 12px;
}

.form-100-wrapper.has__50-wrapper {
    display: flex;
    gap: 12px 24px;
}

#newsletter-style .form-100-wrapper.has__50-wrapper {
    flex-flow: column;
}

div:nth-child(3).form-100-wrapper {
    margin-bottom: 24px;
}

.form-50-wrapper {
    width: inherit;
    flex: 50%;
}

.form-extra-margin {
    margin-bottom: 24px;
}

/* Form Styling */
.wpcf7-submit{
	white-space:normal;
}

.Newsletter-Name > p {
	margin-bottom: 0px;
}

.form-main-wrapper p {
    margin: 0;
}

.wpcf7-not-valid-tip {
    padding: 0 15px;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
.wpcf7-form-control-wrap select {
    width: 100%;
    border: 2px solid var(--dunkelblau);
}

.wpcf7-form-control-wrap select {
    padding: 10px 15px;
}

select#anliegen:has(option[value=""]:checked) {
    color: grey;
}

select#anliegen [value=""] {
    display: none;
}

select#anliegen option:not([value=""]) {
    color: var(--dunkelblau);
}

fieldset .wpcf7-list-item {
    min-width: 154px;
    text-align: left;
    margin: -10px 0;
    padding: 10px 20px;
    flex-grow: 0;
}

textarea {
    border: 2px solid;
}

.form-100-wrapper.has__50-wrapper.padded {
    gap: 24px;
}

.wpcf7-list-item-label {
    font-size: 0.8rem;
}

.wpcf7-acceptance input[type="checkbox"] {
    margin-right: 12px;
}

.wpcf7-acceptance .wpcf7-list-item label {
    display: flex;
}

.wpcf7-acceptance .wpcf7-list-item {
    margin: 0;
}

input[type="submit"] {
    box-sizing: border-box;
    background-color: var(--dunkelblau);
    font-weight: 600;
    text-transform: uppercase;
    padding: 12px 32px;
    color: white;
}

input[type="submit"]:hover,
input[type="submit"]:focus {
    background-color: var(hellblau) !important;
    color: var(--dunkelblau) !important;
}

.wpcf7-acceptance input[type="checkbox"] {
    align-self: flex-start;
    margin-top: 2px;
}

.form-30-wrapper {
    margin: auto 0;
}

.form-30-wrapper>p {
    position: relative;
}

.wpcf7-spinner {
    position: absolute;
    left: 0;
    top: calc((40px - 24px) / 2);
    margin: 0;
}

.form-dsvgo {
    font-size: 0.8rem;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0 0 24px;
}

/* SR Zugängliches AUsblenden von Label */

.form-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* === Standard Elemente === */

/** Accordions **/

.accordion-header {
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    display: flex;
    justify-content: space-between;
    column-gap: 24px;
    padding: 12px 0;
    margin-bottom: 0;
    text-align: left;
}

.accordion-header:hover,
.accordion-header:focus {
    background-color: rgba(0, 0, 0, 0);
}

.accordion-content {
    display: none;
}

.accordion-header.active {
    font-weight: 700;
}

.accordion-arrow {
    width: auto;
    height: 16px;
    margin-top: 8px;
    transition: ease 0.3s;
}

.accordion-header.active .accordion-arrow {
    transform: rotate(180deg);
    transition: ease 0.3s;
}

.accordion-header.active+.accordion-content {
    display: block;
    margin-bottom: 16px;
}

/* Teaser Accordions (Kooperationen, Herzensangelegenheiten, Auszeichnungen) */

.teaser-acco-wrapper .accordion-item {
    background-color: #f3f5f7;
    padding: 0 12px;
}

.teaser-acco-wrapper .accordion-header {
    column-gap: 8px;
    font-family: "Outfit-Regular", sans-serif;
}

.teaser-acco-wrapper .accordion-header .wp-block-group.no-gap {
    padding: 12px;
}

.teaser-acco-wrapper .accordion-header.active {
    font-weight: 400;
}

.teaser-acco-wrapper .accordion-header img:not(.accordion-arrow) {
    min-width: 220px;
    max-width: 220px;
}

.teaser-acco-wrapper .accordion-content {
    padding: 0 12px 16px;
}

.teaser-acco-wrapper .accordion-content p:last-of-type {
    margin-bottom: 0;
}

.herz-wrapper {
    padding: calc(clamp(48px, 6.25vw, 120px) / 2) 0;
}

/* Datenschutz Acco */

/*
.ds-acco-wrapper {
    padding: 24px 32px;
}*/

/** Buttons **/

.link-button {
    padding: 12px 36px;
    color: var(--dunkelblau);
    margin-right: clamp(12px, 1.25vw, 24px);
}

.outline-button {
    background-color: rgba(0, 0, 0, 0);
    outline: 3px solid var(--dunkelblau);
    outline-offset: -3px;
    transition: 0.1s ease;
}

.outline-button.gs-button__white {
    outline: 3px solid var(--white);
    color: white;
}

.filled-button {
    background-color: var(--dunkelblau);
    color: white;
    transition: 0.1s ease;
}

.link-button:hover,
.link-button:focus {
    background-color: var(--hellblau);
    color: var(--dunkelblau);
    outline: unset;
    transition: 0.1s ease;
}

/* UL LI Elemente */

ul.wp-block-list {
    margin: 0 0 1.5em 1em;
}

ul.wp-block-list li:not(:last-of-type) {
    margin-bottom: 8px;
}

ul.checked-list li::marker {
    content: "✓ ";
    font-weight: 900;
    color: var(--grn);
}

ul.dotts-list li::marker {
    content: "...  ";
}

/** Assets **/

.trimmed-box {
    background: #fff;
    background: linear-gradient(0deg,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 1) 4.9%,
            rgba(243, 245, 247, 1) 5%,
            rgba(243, 245, 247, 1) 95%,
            rgba(255, 255, 255, 1) 95.1%,
            rgba(255, 255, 255, 1) 100%);
}

/* H Underline */

.h1:has(+ .heading-line) {
    margin-bottom: 0;
}

.heading-line {
    margin: 2px 0 4px;
}

/* Punkte */

.has__punkte {
    position: relative;
}

.has__punkte::before {
    content: url("/wp-content/uploads/2025/08/hartmann-punkte.svg");
    position: absolute;
    z-index: 998;
    top: 50%;
    transform: translateY(-50%);
    max-height: 159px;
}

.left.has__punkte::before {
    left: -16px;
}

.right.has__punkte::before {
    right: -16px;
}

.right.has__punkte:has(> .k-kachel__cta)::before {
    right: -14.45px;
}

.has__punkte::after {
    content: url("/wp-content/uploads/2025/08/hartmann-punkte-gedreht.svg");
    position: absolute;
    z-index: 998;
    left: 50%;
    transform: translateX(-50%);
    max-height: 33px;
    display: none;
}

.left.has__punkte::after {
    top: -16px;
}

.right.has__punkte::after,
.hero-startseite .left.has__punkte::after {
    bottom: -16.5px;
    top: unset;
}

.hero-startseite .right.has__punkte:has(>.danke)::after {
    bottom: -16.5px;
    top: -15.5px;
}

.right.has__punkt:has(> .k-kachel__cta)::after {
    bottom: -14.5px;
    top: unset;
}

/** Spacer **/

div.wp-block-spacer.spacer__l {
    height: clamp(min, flex, max);
}

div.wp-block-spacer.spacer__m {
    height: clamp(min, flex, max);
}

div.wp-block-spacer.spacer__s {
    height: clamp(min, flex, max);
}

/** Custom Scroll margin **/

#benefits,
#stellenanzeigen {
    scroll-margin-top: 80px;
}

#steuerberatung,
#unternehmensberatung,
#digitale-loesungen,
#team {
    scroll-margin-top: 120px;
}

#hartmann-partner,
#beratungsgesellschaft,
#solidatax {
    scroll-margin-top: 160px;
}


/*=== Animationen ===*/

.slide-top {
    -webkit-animation: slide-top 0.2s both;
    animation: slide-top 0.2s both;
}

@-webkit-keyframes slide-top {
    0% {
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-top {
    0% {
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

/*=== Plugins ===*/

/* Visual Portfolio */

.vp-portfolio__items-style-fade .vp-portfolio__item-overlay {
    background-color: rgba(0, 0, 0, 0) !important;
}

/*=== Impressum & Datenschutz ===*/

#post-9 section h2:first-of-type,
#post-9 p+h2,
#post-913 p+h2,
#post-923 p+h2,
#post-923 ul+h2,
#post-926 p+h2,
#post-926 ul+h2,
#post-928 p+h2,
#post-928 ul+h2,
#post-934 p+h2,
#post-934 ul+h2,
#post-936 p+h2,
#post-936 ul+h2,
#post-945 p+h2,
#post-945 ul+h2,
#post-947 p+h2,
#post-947 ul+h2,
#post-949 p+h2,
#post-949 ul+h2,
#post-951 p+h2,
#post-951 ul+h2 {
    margin-top: 2em;
    font-weight: 700;
}

#post-3 p a:hover,
#post-3 ul a:hover,
#post-3 p a:focus,
#post-3 ul a:focus,
#post-9 p a:hover,
#post-9 ul a:hover,
#post-9 p a:focus,
#post-9 ul a:focus,
#post-913 p a:hover,
#post-913 ul a:hover,
#post-913 p a:focus,
#post-913 ul a:focus,
#post-923 p a:hover,
#post-923 ul a:hover,
#post-923 p a:focus,
#post-923 ul a:focus,
#post-926 p a:hover,
#post-926 ul a:hover,
#post-926 p a:focus,
#post-926 ul a:focus,
#post-928 p a:hover,
#post-928 ul a:hover,
#post-928 p a:focus,
#post-928 ul a:focus,
#post-934 p a:hover,
#post-934 ul a:hover,
#post-934 p a:focus,
#post-934 ul a:focus,
#post-936 p a:hover,
#post-936 ul a:hover,
#post-936 p a:focus,
#post-936 ul a:focus,
#post-945 p a:hover,
#post-945 ul a:hover,
#post-945 p a:focus,
#post-945 ul a:focus,
#post-947 p a:hover,
#post-947 ul a:hover,
#post-947 p a:focus,
#post-947 ul a:focus,
#post-949 p a:hover,
#post-949 ul a:hover,
#post-949 p a:focus,
#post-949 ul a:focus,
#post-951 p a:hover,
#post-951 ul a:hover,
#post-951 p a:focus,
#post-951 ul a:focus {
    color: #4d7789;
}

/*=== MQ / Breakpoints ===*/

/* MQ 1480px ===*/

@media (max-width: 1480px) {
    /* 1480 Footer */

    #footer-logo {
        grid-area: 1 / 1 / 2 / 3;
    }

    #footer-hs {
        grid-area: 2 / 1 / 3 / 2;
    }

    #footer-zs {
        grid-area: 2 / 2 / 3 / 3;
    }

    #footer-kontakt {
        grid-area: 2 / 3 / 3 / 6;
    }

    #footer-zeiten {
        grid-area: 2 / 6 / 3 / 9;
    }
}

/* === ENDE 1480px */

/* MQ 1280px === */
@media (max-width: 1280px) {
    /* Hero Startseite */

    .heroSwiper {
        max-height: 75vh;
    }

    /* 1280 Partner Raster/Kacheln */
    #partner-raster {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    /* Spalten / Columns */
    .columns-early-wrap {
        flex-flow: column;
    }

    .wp-block-columns.columns-early-wrap:has(.teaser-acco-wrapper + .teaser-acco-wrapper) {
        row-gap: 16px;
    }
}

/* === ENDE 1280px */

/* MQ 1024px === */
@media (max-width: 1024px) {
    /* 1024 Footer */

    .footer-data-wrapper {
        grid-template-columns: repeat(6, auto);
    }

    #footer-logo {
        grid-area: 1 / 1 / 2 / 3;
    }

    #footer-hs {
        grid-area: 2 / 1 / 3 / 2;
    }

    #footer-zs {
        grid-area: 2 / 2 / 3 / 3;
    }

    #footer-kontakt {
        grid-area: 2 / 4 / 3 / 7;
    }

    #footer-zeiten {
        grid-area: 1 / 4 / 2 / 7;
    }

    /* 1024 GS-Kachel Voll */

    #gs-kachel-voll-wrapper .wp-block-columns {
        flex-flow: column;
    }

    #gs-kachel-voll-wrapper .wp-block-columns.reverse .wp-block-column:has(>figure) {
        order: 1
    }

    #gs-kachel-voll-wrapper .wp-block-columns.reverse .wp-block-column:has(>.wp-block-cover) {
        order: 2
    }

    #gs-kachel-voll-wrapper .padded-24 {
        padding: 0;
    }

    #gs-kachel-voll-wrapper .gs-kachel .wp-block-cover__inner-container {
        height: 100%;
        align-content: center;
    }

    #gs-kachel-voll-wrapper .wp-block-column:has(>figure) {
        min-width: unset;
    }

    #gs-kachel-voll-wrapper .wp-block-column:has(>figure) .img-hochkant {
        display: none;
    }

    #gs-kachel-voll-wrapper .wp-block-column:has(>figure) .img-querkant {
        display: block;

    }
}

/* === ENDE 1024px */

/* MQ 781px === */
@media (max-width: 781px) {
    /* 781 Hero Startseite */

    .hero-startseite>div:nth-of-type(1) {
        order: 2;
        margin-top: 24px;
    }

    .hero-startseite>div:nth-of-type(2) {
        order: 1;
    }

    .under-header {
        margin-top: 0;
    }

    /* 781 Quick Nav */

    .quicknav-container {
        display: none;
    }

    /* */
    .footer-legal {
        flex-flow: column-reverse;
        align-items: start;
        margin-bottom: 16px;
    }

    /* */

    .nm-offset-hero {
        margin-top: 0;
    }

    .cover-scale-img.nm-offset-hero {
        height: 100%;
    }

    .cover-scale-img.nm-offset-hero.followed-by-text {
        height: auto;
    }

    /* */

    .offset-spacer {
        height: 48px !important;
    }

    .trimmed-box {
        background: #fff;
        background: linear-gradient(180deg,
                rgba(243, 245, 247, 1) 0,
                rgba(243, 245, 247, 1) 95%,
                rgba(255, 255, 255, 1) 95.1%,
                rgba(255, 255, 255, 1) 100%);
    }

    /* 781 Punkte */

    .has__punkte::before {
        display: none;
    }

    .has__punkte::after {
        display: block;
    }

    /* 781 Partner Raster/Kacheln */
    #partner-raster {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-right: 0;
        margin-bottom: 16px;
    }

    .partner-kachel {
        min-height: auto !important;
    }

    .partner-kachel img {
        display: none;
    }

    .partner-bild-mobil {
        display: block;
    }

    button.partner-trigger:hover p,
    button.partner-trigger:focus p,
    button.partner-trigger.selected p {
        background-color: #24385cff !important;
        transition: background-color 0.2s ease;
    }

    /* 781 Splaten bgi bgc */

    .bgi-bgc-columns:has(.wp-block-column + .bgi-column) {
        flex-flow: column-reverse;
    }

    /* 781 text-columns */

    .text-columns {
        columns: 1;
        column-gap: 0;
    }

    /* 781 alignright */

    .wp-block-image.cover-scale-img>.alignright {
        margin: 0 0 1.5em 0;
    }

    #gs-kachel-voll-wrapper .wp-block-columns {
        flex-flow: unset;
    }
}

/* === ENDE 781px */

/* MQ 680px === */

@media (max-width: 680px) {
    /* 680 Partner */

    #partner-raster {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .partner-kachel p {
        margin: auto 0 0 0;
        padding: 8px;
        font-size: 16px;
        text-transform: Uppercase;
    }

    /* 680 Accordions */
    .teaser-acco-wrapper .accordion-header>.wp-block-group {
        flex-flow: column;
        align-items: start;
    }

    /* 680 Footer */

    .footer-data-wrapper {
        grid-template-columns: repeat(4, auto);
    }

    #footer-logo {
        grid-area: 1 / 1 / 2 / 5;
    }

    #footer-hs {
        grid-area: 2 / 1 / 3 / 2;
    }

    #footer-zs {
        grid-area: 2 / 2 / 3 / 3;
    }

    #footer-kontakt {
        grid-area: 3 / 1 / 4 / 5;
    }

    #footer-zeiten {
        grid-area: 2 / 3 / 3 / 5;
    }
}

/* === ENDE 680px */

/* MQ 580px === */

@media (max-width: 580px) {
    /* 580 Karriere Kacheln */

    #karriere-raster-mp.wp-container-core-group-is-layout-baef362d {
        grid-template-columns: minmax(0, 1fr);
    }

    .karriere-raster-mp.verstaerkung .k-kachel__b:nth-of-type(4) {
        background-color: var(--dunkelblau);
    }

    .karriere-raster-mp.verstaerkung .k-kachel__b:nth-of-type(4) .wp-block-group {
        color: white;
    }

    .karriere-raster-mp.verstaerkung .k-kachel__b:nth-of-type(3) {
        background-color: #f3f5f7;
    }

    .karriere-raster-mp.verstaerkung .k-kachel__b:nth-of-type(3) .wp-block-group {
        color: var(--dunkelblau);
    }

    /* 580 Meilensteine Timeline */

    #ms-wrapper {
        max-height: 60vh;
        width: 80vw;
        min-width: 280px;
        margin: 0 auto;
    }

    #ms-wrapper::before {
        left: calc(clamp(4px, 2.5vw, 48px) + 3px);
        transform: translateX(-50%);
        height: var(--scrollHeight);
    }

    #ms-grid {
        display: grid;
        grid-template-rows: repeat(40, minmax(0, auto));
        grid-template-columns: calc(clamp(3px, 2.5vw, 48px) + 3px) auto;
    }

    .ms-grid-slide.ms-left,
    .ms-grid-slide.ms-right {
        grid-column: 2;
        grid-template-columns: 64px auto;
    }


    #ms-date_2019 {
        grid-row: 25;
    }

    #ms-date_2019-1 {
        grid-row: 25;
    }

    #ms-date_2019-2 {
        grid-row: 26;
    }

    #ms-date_2020 {
        grid-row: 27;
    }

    #ms-date_2021 {
        grid-row: 28;
    }

    #ms-date_2022 {
        grid-row: 29;
    }

    #ms-date_2023 {
        grid-row: 30;
    }

    #ms-date_2024 {
        grid-row: 31;
    }

    #ms-date_2025 {
        grid-row: 32;
    }

    #ms-date_2026 {
        grid-row: 33;
    }

    #ms-date_2027 {
        grid-row: 34;
    }

    #ms-date_2028 {
        grid-row: 35;
    }

    #ms-date_2029 {
        grid-row: 36;
    }

    #ms-date_2030 {
        grid-row: 37;
    }

    #ms-date_2031 {
        grid-row: 38;
    }

    #ms-date_2032 {
        grid-row: 39;
    }

    #ms-date_2033 {
        grid-row: 40;
    }

    #ms-date_2034 {
        grid-row: 41;
    }

    #ms-grid br {
        display: none;
    }

    .ms-event-wrapper {
        gap: 0;
        padding: 8px 0;
    }

    .ms-event-wrapper>.has-text-align-right {
        text-align: left;
    }

    .ms-grid-slide.ms-left>.ms-event-wrapper {
        align-items: flex-start;
        flex-flow: column-reverse;
    }

    .ms-grid-slide.ms-left>.ms-event-wrapper,
    .ms-grid-slide.ms-right>.ms-event-wrapper {
        grid-area: 1 / 2 / 2 / 3;
    }

    .ms-grid-slide.ms-left>img,
    .ms-grid-slide.ms-right>img {
        grid-area: 1 / 1 / 2 / 2;
        justify-self: start;
        align-self: center;
        transform: rotate(180deg);
        margin-left: calc(clamp(-3px, -2.5vw, -48px) - 5px);
        position: relative;
        z-index: 2;
    }

    /* 580 Footer */
.footer-data-wrapper {
        grid-template-columns: repeat(1, auto);
}
	
#footer-logo {
    grid-area: 1 / 1 / 2 / -1;
}

#footer-hs {
    grid-area: 2 / 1 / 3 / -1;
}

#footer-zs {
    grid-area: 3 / 1 / 4 / -1;
}
	
#footer-zeiten {
    grid-area: 4 / 1 / 5 / -1;
}

#footer-kontakt {
    grid-area: 5 / 1 / 6 / -1;
}

    /* 580 Formulare */

    .form-100-wrapper.has__50-wrapper {
        flex-flow: column;
    }

    /* 580 Grid */
    #werte-raster {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

/* === ENDE 580px */

/* === Sonderqueries === */

@media (max-width: 980px) and (min-width: 781px) {
    #werte-raster {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

/* === Barierefreiheits Optimierungen === */

/** Default Focus Regel **/
:is(a, button, input, textarea, summary) {
    --outline-size: max(2px, 0.08em);
    --outline-style: solid;
    --outline-color: currentColor;
    --outline-offset: 1px;
}

:is(a, button, input, textarea, summary):focus {
    outline: var(--outline-size) var(--outline-style) var(--outline-color);
    outline-offset: var(--outline-offset, var(--outline-size));
}

:is(a, button, input, textarea, summary):focus-visible {
    outline: var(--outline-size) var(--outline-style) var(--outline-color);
    outline-offset: var(--outline-offset, var(--outline-size));
}

:is(a, button, input, textarea, summary):focus:not(:focus-visible) {
    outline: none;
}

/** Screen Reader Klasse **/
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}