/*
 Theme Name:   Twenty Twenty-Five Child
 Theme URI:    https://example.com/twentytwentyfive-child/
 Description:  Child Theme für Twenty Twenty-Five
 Author:       Salesmachine GmbH
 Author URI:   http://www.salesmachine.biz
 Template:     twentytwentyfive
 Version:      1.0.0
 Text Domain:  twentytwentyfive-child
*/

/*--------------------------Global----------------------------*/

body {
    background-color: #1A2142;
    font-family: "Poppins", Sans-serif;
    overflow-x: hidden;
}

.impressum {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
    margin-block-start: 0;
}

.impressum h1 {
    margin-bottom: 4rem;
}

.impressum h3 {
    font-size: 20px !important;
}

.impressum ul li {
    margin-left: 20px !important;
}

.impressum a {
    text-decoration: none;
    color: #00ADEF;
}

.blog {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
    margin-block-start: 0;
}

.weißer-text {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
    margin-block-start: 0;
}

.weißer-text h3 {
    color: #00ADEF;
}

.weißer-text p,
.weißer-text li {
    color: #111;
    font-weight: 400;
}

.weißer-text ul {
    margin-left: 20px;
}

.weißer-text ul li::marker {
    color: #111;
    font-size: 1.2em;
    font-weight: bold;
}

.default-space-header {
    padding-top: 4rem;
    margin-block-start: 0;
}

.default-space-big {
    padding-top: 6rem;
    padding-bottom: 6rem;
    margin-block-start: 0;
}

.default-space-top {
    padding-top: 6rem;
    margin-block-start: 0;
}

.default-space-bottom {
    padding-bottom: 6rem;
    margin-block-start: 0;
}

a:focus,
a:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

strong, b {
    font-weight: 600;
}

h1 {
    color: #fff;
    font-size: 64px;
}

h2 {
    color: #fff;
    font-size: 40px;
}

h3 {
    color: #fff;
    font-size: 30px;
}

h4 {
    color: #fff;
    font-size: 1.25rem;
}

p, li {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
}

ul {
    padding-left: 20px;
    margin-left: 0;
}

ul li {
    color: #ffffff;
    line-height: 1;
}

.listen-abstand ul li {
    line-height: 1.8;
}

ul li::marker {
    color: #00ADEF;
    font-size: 1.2em;
    font-weight: bold;
}

.wp-block-buttons .wp-block-button__link {
    background: #00ADEF;
    color: #ffffff;
    font-size: 14px;
    border-radius: 6px;
    padding: 15px 32px 15px 32px;
}

.wp-block-buttons .wp-block-button__link:hover {
    background: #FF5700;
    box-shadow: 0 14px 40px rgba(74, 159, 213, 0.38);
}

.th-btn-primary::after {
    content: none !important;
}

.th-btn-secondary .wp-block-button__link {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
    color: rgba(255,255,255,0.7) !important;
}

.th-btn-secondary .wp-block-button__link:hover {
    color: #fff !important;
    background: rgba(255,255,255,0.05) !important;
    border-color: rgba(255,255,255,0.45) !important;
    transform: translateY(-1px) !important;
    box-shadow: none !important;
}

.th-btn-primary .wp-block-button__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.th-btn-primary .wp-block-button__link::after {
    content: "";
    width: 1.5em;
    height: 1.5em;
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-24.9.4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-24.9.4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.th-btn-secondary::before {
    content: none !important;
}

.th-btn-secondary .wp-block-button__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.th-btn-secondary .wp-block-button__link::before {
    content: "";
    width: 1.5em;
    height: 1.5em;
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 41.8 43.8 58.2 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 41.8 43.8 58.2 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z'/%3E%3C/svg%3E") center/contain no-repeat;
}

header {
    position: sticky;
    top: 0;
    z-index: 9999;
    background: #00000000;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), inset 0 -8px 20px rgba(255, 255, 255, 0.08);
}

header.is-scrolled {
    background: #00000040;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), inset 0 -8px 20px rgba(255, 255, 255, 0.08);
}

header > .wp-block-group {
    padding: 5px 5px;
    max-width: 1400px;
    margin: auto;
}

header p,
header a,
header li {
    color: #fff;
    font-weight: 600;
    font-size: 15px;
}

header .wp-block-navigation {
    gap: 40px;
}

header .wp-block-navigation a:hover {
    color: #00ADEF !important;
    text-decoration: none;
}

header .wp-block-navigation a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 0;
    height: 4px;
    background: #00ADEF;
    transition: width 0.3s ease;
}

header .wp-block-navigation a:hover::after {
    width: 100%;
}

.wp-block-navigation-item.has-child:hover > .wp-block-navigation-item__content::after,
.wp-block-navigation-item.has-child:focus-within > .wp-block-navigation-item__content::after {
    width: 100%;
}

/* Solutions bleibt blau solange Untermenü aktiv ist */
.wp-block-navigation-item.has-child:hover > .wp-block-navigation-item__content,
.wp-block-navigation-item.has-child:focus-within > .wp-block-navigation-item__content {
    color: #00ADEF !important;
}

/* Submenu-Box */
header .wp-block-navigation__submenu-container {
    background: rgba(31, 34, 67, 0.96) !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    backdrop-filter: blur(14px) !important;
    border-radius: 14px !important;
    padding: 10px !important;
    min-width: 305px !important;
    box-shadow: 0 22px 60px rgba(0,0,0,.28) !important;
    left: auto !important;
    right: 0 !important;
    transform: translateX(25%) !important;
}

/* Submenu Einträge */
header .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    color: #ffffff !important;
    padding: 12px 14px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

/* Hover */
header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
    background: rgba(255,255,255,0.08) !important;
    color: #00ADEF !important;
}

header .wp-block-navigation__submenu-container,
header .wp-block-navigation__submenu-container.has-background,
header .wp-block-navigation__submenu-container.has-base-background-color {
    background: #1F2243 !important;
    background-color: #1F2243 !important;
    background-image: none !important;
    opacity: 1 !important;
}

/* Unterstrich im Submenu entfernen */
header .wp-block-navigation__submenu-container a::after {
    display: none !important;
}

/* Submenu nach rechts */
header .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    left: 0 !important;
    right: auto !important;
    transform: translateX(0) !important;
}

.wp-block-navigation__submenu-container {
    margin-top: 15px !important;
    top: 100% !important;
}

.wp-block-navigation-item.has-child {
    position: relative;
}

.wp-block-navigation-item.has-child::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 20px;
    background: transparent;
}

.page-id-9 main,
.page-id-362 main,
.page-id-568 main,
.page-id-596 main {
    margin-top: -92px !important;
}

.page-id-9 main > .wp-block-cover:first-child,
.page-id-362 main > .wp-block-cover:first-child,
.page-id-568 main > .wp-block-cover:first-child,
.page-id-596 main > .wp-block-cover:first-child  {
    padding-top: 160px !important;
}

.page-id-9 .wp-block-cover img,
.page-id-568 .wp-block-cover img {
    width: 100%;
    height: 100%;
    --blur: 7px;
    filter: blur(var(--blur));
}

.highlight-text {
    color: #00ADEF;
}

.white-divider {
    width: 40px;
    height: 3px;
    background: #ffffff;
    margin: 20px 0 30px;
}

.hero-content h1 {
    margin-bottom: 20px;
}

.hero-content p {
    font-size: 20px;
}

.blue-divider {
    width: 120px;
    height: 2px;
    margin-top: 28px;
    margin-bottom: 28px;
    background: #00ADEF;
    margin-left: 0 !important;
    margin-right: auto !important;
}

.textelement {
    max-width: 1000px !important;
    margin: auto !important;
}

.nummern-text {
    max-width: 1150px !important;
    margin: auto !important;
}

.tt-flow__number {
    font-size: 100px;
    color: #00ADEF;
    margin-bottom: 20px;
    font-weight: bold;
}

.tt-flow__step-name {
    color: #ffffff;
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 600;
    margin-block-start: 0;
}

.tt-flow__step-label {
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    margin-block-start: 0;
}

.tt-flow__step {
    border-right: 1px solid #111;
    padding-right: 30px;
}

.spalten-text {
    width: 100%;
    padding-top: 6rem;
    border-top: 1px solid rgba(255,255,255,0.07);
}

.check-list-center ul {
    list-style-position: inside;
    text-align: center;
}

.check-list-center ul {
    list-style: none;
    padding-left: 0;
}

.check-list-center li::before {
    content: "✓";
    color: #00ADEF;
    margin-right: 10px;
    font-size: 1.2em;
    font-weight: bold;
}

.bild-schatten {
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0px 0px 20px 5px rgba(0, 165.99999999999986, 255, 0.61);
}

.haken-breite {
    max-width: 1140px !important;
}

.haken-breite li {
    color: #1A2142 !important;
}

.haken-breite .wp-block-column.is-vertically-aligned-center {
    align-self: normal;
}

.haken-breite .is-style-checkmark-list li {
  padding-inline-start: 0;
}

.listen-abstand,
.spalten-text {
    max-width: 1450px !important;
}

.spalten-text h5 {
    color: #fff;
    font-size: 1rem;
}

.spalten-text li {
    font-size: 0.95rem;
    line-height: 1.5;
}

.spalten-text p {
    font-size: 0.875rem;
}

.spalten-text .wp-block-columns {
    padding-left: 25px;
    padding-right: 25px;
}

/******************************* Animationen *********************************/

.rotating-headline {
    font-weight: 600;
    max-width: 1000px;
    position: relative;
}

.rotating-headline::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 1.5em;
    background: #ff5700;
    /*animation: blink .8s infinite;*/
}

.fade-in-right {
    opacity: 0;
    transform: translateX(30vw);
    transition: transform 1s ease, opacity 1s ease;
}

.fade-in-right.visible {
    opacity: 1;
    transform: translateX(0);
}

.roll-in-start {
  opacity: 0;
}

.roll-in-start.is-visible {
  animation: myRollIn 1s ease-out forwards;
}

@keyframes myRollIn {
  0% {
    opacity: 0;
    transform: translateX(-100vw) rotate(-120deg);
  }

  100% {
    opacity: 1;
    transform: translateX(0) rotate(0deg);
  }
}

.hero-content h1,
.hero-content p,
.hero-content .blue-divider,
.hero-wrapper .wp-block-buttons {
  opacity: 0;
  transform: translateY(60px);
  transition:
    opacity .7s ease,
    transform .7s cubic-bezier(.22,1,.36,1);
}

.hero-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.img-slide-left {
    opacity: 0;
    transform: translateX(-30vw);
    transition:
        opacity 1.8s ease,
        transform 1.8s cubic-bezier(.22,1,.36,1);
}

.img-slide-left.img-visible {
    opacity: 1;
    transform: translateX(0);
}

.blog-fade {
  opacity: 0;
}

.blog-fade.visible {
  animation: fadeIn 1s ease forwards;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

html {
    scroll-behavior: smooth;
}

/******************************************** Formular ******************************************/

.formular {
    padding-top: 5rem !important;
    padding-bottom: 4rem !important;
    margin-block-start: 0;
}

.formular p,
.formular li {
    color: #111;
    font-weight: 400;
}

.tt-form-row {
    display: flex;
    gap: 16px;
}

.tt-half {
    flex: 1;
}

.wpcf7-form label {
    display: block;
    font-weight: 600;
    margin-bottom: 20px;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
    width: 100%;
    border: 1px solid #d9dce3;
    border-radius: 6px;
    padding: 11px 15px;
    margin-top: 8px;
    box-sizing: border-box;
}

.wpcf7-form textarea {
    min-height: 90px;
}

.wpcf7-form .wpcf7-checkbox label {
    margin-bottom: 0;
    font-weight: 400;
}

.wpcf7-submit {
    background: #00ADEF;
    font-size: 16px;
    color: #fff;
    border: 0;
    border-radius: 6px;
    padding: 12px 24px;
    cursor: pointer;
    margin-top: 15px;
}

.wpcf7-submit:hover {
    opacity: .8;
}

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

.required {
    color: #ff4d4f;
}

/* Container */
.newsletter-form .newsletter-fields{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:24px;
    flex-wrap:wrap;
}

/* Contact Form 7 Wrapper entfernen */
.newsletter-form .newsletter-fields p{
    margin:0;
    display:contents;
}

.newsletter-form .wpcf7-form-control-wrap{
    display:block;
}

/* Eingabefelder */
.newsletter-form input[type="text"],
.newsletter-form input[type="email"]{
    width:330px;
    height:45px;
    border:1px solid #C8D5DC;
    font-size:16px;
    background:#fff;
    color:#1A2142;
    border-radius:0;
    box-sizing:border-box;
}

/* Button */
.newsletter-form input[type="submit"]{
    width:330px;
    height:45px;
    border:none;
    border-radius:29px;
    background:#00ADEF;
    color:#fff;
    font-size:16px;
    cursor:pointer;
    transition:.3s;
    margin-top: 10px;
}

.newsletter-form input[type="submit"]:hover{
    background:#0098d8;
}

/******************************************** Blog ******************************************/

.blog-posts {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
    margin-block-start: 0;
}

.blog-posts h2 {
    color: #00ADEF;
    font-size: 25px;
}

.blog-posts a {
    text-decoration: none;
    color: #00ADEF
}

.blog-posts-top {
    padding-top: 4rem !important;
    margin-block-start: 0;
}

.blog-posts-top h1 {
    font-size: 48px;
    color: #00ADEF;
    padding-bottom: 1rem;
}

.blog-posts-top h2 {
    font-size: 25px;
}

.blog-posts-top ul li {
    margin-left: 20px;
}

.blog-posts-top a {
    text-decoration: none;
    color: #00ADEF
}

.blog-formular p {
    color: #00ADEF
}

.wp-block-post {
    background: #fff;
    border: 1px solid #00ADEF;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    height: 100%;
    display: grid;
    grid-template-rows: 120px auto 45px;
}

.wp-block-post:hover {
    box-shadow: 0 0 30px 0 rgba(0,0,0,.15);
}

.wp-block-post-title {
    margin: 0;
    padding: 30px 20px 0;
}

.wp-block-post-title a {
    color: #1A2142;
    text-decoration: none;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.15;
    display: block;
}

.wp-block-read-more {
    color: #00ADEF;
    font-style: italic;
    text-decoration: underline;
    padding: 0 20px 24px;
    font-size: 16px;
    font-weight: 400;
    align-self: end;
}

.wp-block-post-date {
    border-top: 1px solid #1C244B;
    padding: 14px 20px;
    color: #adadad;
    font-size: 12px;
}

.single-post .wp-site-blocks {
    background:
        linear-gradient(
            rgba(22, 34, 70, 0.82),
            rgba(22, 34, 70, 0.82)
        ),
        url("/wp-content/uploads/2026/06/grid-2-header.jpg");

    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 100vh;
}

/******************************************** Sprachwähler ******************************************/

/* Schwebender Sprachwähler */
.floating-language {
    position: fixed;
    right: 20px;
    bottom: 10px;
    z-index: 99999;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Alle Sprachen zunächst ausblenden */
.floating-language > li {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Nur aktuelle Sprache sichtbar */
.floating-language > li.current-lang {
    display: block !important;
}

/* Standardzustand: ohne weiße Box */
.floating-language > li > a {
    display: flex !important;
    align-items: center !important;
    gap: 3px;
    /*padding: 10px 12px;*/
    color: #111 !important;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important;
    white-space: nowrap;
    background: transparent;
    border-radius: 8px;
}

/* Beim Hover entsteht die weiße Box */
.floating-language:hover {
    /*padding: 8px 0 !important;*/
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
}

/* Beim Hover beide Sprachen anzeigen */
.floating-language:hover > li {
    display: block !important;
}

/* Links innerhalb der weißen Box */
.floating-language:hover > li > a {
    padding: 12px 12px;
}

.floating-language a:hover::after {
    color: #2c5cff;
}

/* Originale Polylang-Flaggen ausblenden */
.floating-language img {
    display: none !important;
}

/* Link ausrichten */
.floating-language li > a {
    display: inline-flex;
    align-items: center;
    /*gap: 6px;*/
    text-decoration: none;
}

/* Grundlage für die SVG-Flaggen */
.floating-language li > a::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 20px;
    flex: 0 0 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

/* Deutschland */
.floating-language .lang-item-de > a::before {
    background-image: url("https://cdn.weglot.com/flags/square/de.svg");
}

/* Vereinigtes Königreich */
.floating-language .lang-item-en > a::before {
    background-image: url("https://cdn.weglot.com/flags/square/gb.svg");
}

/* Sprachkürzel */
.floating-language .lang-item-de > a::after {
    content: "DE";
}

.floating-language .lang-item-en > a::after {
    content: "EN";
}

/******************************************** Footer ******************************************/

footer {
    background-color: transparent;
    background-image: linear-gradient(
        180deg,
        #1A2149 0%,
        #172148 40%,
        #154E82 82%,
        #00ADEF 100%
    );
}

footer > .wp-block-group {
    max-width: 1400px;
    margin: auto;
}

footer p,
footer a,
footer li {
    color: #fff;
    font-weight: 400;
}

.footer-divider {
    width: 100%;
    border-bottom: 1px solid #00ADEF;
}

footer li {
    list-style: none;
    margin-top: 0 !important;
    line-height: 1.6;
}

footer ul {
    padding-left: 0;
}

.page-id-290 footer,
.page-id-362 footer {
    margin-block-start: 0;
}

/******************************************** Responsive ******************************************/

/* Burger-Icon */
.wp-block-navigation__responsive-container-open {
    color: #fff !important;
    fill: #fff !important;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.04);
    border-radius: 12px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    padding: 0;
    position: relative;
    z-index: 10;
}

/* SVG */
.wp-block-navigation__responsive-container-open svg {
    fill: currentColor !important;
    color: currentColor !important;
    stroke: #fff !important;
    width: 35px;
    height: 35px;
}

.wp-block-navigation-overlay-close svg {
    color: #fff !important;
    fill: #fff !important;
    flex-shrink: 0;
    border: none;
    background: rgba(255,255,255,.06);
    width: 40px;
    height: 40px;
    border-radius: 12px;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

:where(.wp-site-blocks :focus) {
  outline-style: none !important;
}

/* Mobile-Menü nicht im Header einsperren */
.wp-block-navigation__responsive-container.is-menu-open {
    position: fixed !important;
}

/* Verhindert Abschneiden durch Header/Groups */
header,
header > .wp-block-group,
.wp-block-navigation,
.wp-block-navigation__responsive-container {
    overflow: visible !important;
}

@media (max-width: 1220px) {
    .wp-block-post-title a {
        font-size: 18px;
    }

    .wp-block-post {
        grid-template-rows: 150px 90px 45px;
    }
}

@media (max-width: 800px) {
    .default-space-header {
        padding-top: 0;
    }

    h1,
    h2,
    .blog-posts-top h1,
    .blog-posts h2,
    .blog-posts-top h2 {
        font-size: revert;
    }

    header .wp-block-navigation {
        gap: 20px;
    }
}

@media (max-width: 780px) {
    .tt-flow__step {
        border-right: none;
        padding-right: 0;
    }

    .spalten-text .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
        border-right-color: transparent !important;
        border-right-width: 0 !important;
        padding-right: 0 !important;
        border-bottom: 1px solid #ffffff1a;
        padding-bottom: 50px;
    }

    .spalten-text .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:last-child {
        border-bottom: none !important;
    }

    .nummern-text {
        max-width: 500px !important;
        margin: auto !important;
    }

    .tt-flow__number {
        font-size: 40px;
        margin-bottom: 0;
    }
}

@media (max-width: 600px) {
    header a {
        font-size: 18px;
    }

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

    header .has-global-padding {
        padding-left: 10px;
        padding-right: 10px;
    }

    header .wp-block-navigation a::after {
        display: none;
    }

    header .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
        font-size: 15px !important;
        padding-left: 0 !important;
        width: 100% !important;
    }

    .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
        margin-top: 0 !important;
    }

    .wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container {
        gap: 0;
    }

    .rotating-headline {
        font-size: 2.7rem !important;
    }

    .wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-1718162e.wp-block-group-is-layout-flex {
        flex-direction: column;
        align-items: baseline;
    }

    .spalten-text .wp-block-columns {
        padding-left: 10px;
        padding-right: 10px;
    }

    .wp-block-post {
        grid-template-rows: 120px auto 45px;
    }

    .img-slide-left {
        transform: translateX(0);
    }

    .fade-in-right {
        transform: translateX(0);
    }

    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content {
        display: flex !important;
        width: 100% !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 0 0 22px !important;
        border-bottom: 1px solid rgba(255,255,255,.09) !important;
        color: #fff !important;
        text-decoration: none !important;
        border-radius: 0 !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__label {
        border-bottom: none !important;
        padding: 0 !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__submenu-container {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__container,
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item,
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content,
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__submenu-container {
        width: 100% !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__submenu-container
    .wp-block-navigation-item:first-child
    .wp-block-navigation-item__content {
        border-top: none !important;
        border-bottom: none !important;
    }

    /* Keine Hover-Effekte im mobilen Menü */
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content:hover,
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content:focus,
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content:active {
        background: transparent !important;
        color: #fff !important;
        text-decoration: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }

    /* Keine Hover-Effekte auf Labels */
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__label:hover {
        color: inherit !important;
    }

    /* Auch den Pfeil nicht verändern */
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__submenu-icon:hover,
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__submenu-icon {
        color: inherit !important;
        background: transparent !important;
    }

    .wp-block-navigation-item.has-child:hover > .wp-block-navigation-item__content {
        color: #fff !important;
    }
}