/* Systeme24 V9 — scoped to converted WPBakery rows. */
.s24{--s24-blue:#003574;--s24-brown:#673f36;--s24-ink:#171c24;--s24-line:#dddcd8;box-sizing:border-box;color:var(--s24-ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;scroll-margin-top:110px}
.s24-hero > div {
    position: relative;
    z-index: 1;
}
#primary .container-fluid {
    width: 100%;
}
#primary .container-fluid > div {
    max-width: 1234px;
    margin: 0 auto;
	width: 100%;
}
.v9-side-rule:before {
	content: '';
    display: block;
    width: 46px;
    height: 2px;
    background: var(--s24-brown);
    margin-bottom: 24px;
}
.s24 *,.s24 *::before,.s24 *::after{box-sizing:border-box}
.s24.vc_row{margin-top:0!important;margin-bottom:0!important;padding:90px max(5%,calc((100vw - 1260px)/2))!important}
.s24.vc_row>.vc_column_container{padding:0 15px}
.s24.vc_row>.vc_column_container>.vc_column-inner{padding:0!important}
.s24 .wpb_content_element,.s24 .wpb_text_column{margin-bottom:0!important}
.s24 h1,.s24 h2,.s24 h3,.s24 h4,.s24 h5{font-family:inherit;text-transform:none;font-weight:500;letter-spacing:-.045em;color:inherit}
.s24 h2{font-size:clamp(34px,4vw,60px);line-height:1.11;margin:22px 0 0}
.s24 h2 em{font-style:normal;color:var(--s24-brown)}
.s24 p{margin:0 0 18px}
.s24 .kicker{color:var(--s24-brown);font-size:11px;font-weight:700;letter-spacing:.25em;text-transform:uppercase}
.s24 .agni-button{margin:0}
.s24 .agni-button a,.s24 a.agni-button,.s24 .btn{display:inline-flex;justify-content:space-between;align-items:center;border:0!important;border-radius:0!important;box-shadow:none!important;padding:18px 25px!important;background:var(--s24-blue)!important;color:#fff!important;font-family:inherit;font-size:13px!important;font-weight:700;line-height:1.4;letter-spacing:.02em;text-transform:none;white-space:normal;text-decoration:none;transition:background .2s}
.s24 .agni-button a:hover,.s24 a.agni-button:hover,.s24 .btn:hover{background:#164c8b!important}
.s24 a:focus-visible{outline:3px solid #b17659;outline-offset:5px}
.s24.s24-hero{position:relative;min-height:650px;display:flex;align-items:center;padding-top:90px!important;padding-bottom:110px!important;color:#fff;background-color:#0b182a; flex-direction: column;}
.s24-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:8px;background:linear-gradient(to right,#003574 0 55%,#673f36 55% 82%,#a6a6a5 82%)}
.section-row-bg-container {
    position: absolute !important;
    inset: 0;
}
.s24-hero>.vc_column_container{position:relative;z-index:2}
.s24-hero::after{z-index:3}
.s24-hero .eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.28em;color:#e4c3b7;font-weight:700}
.s24-hero h1{font-size:clamp(34px,4.5vw,66px);line-height:1.09;letter-spacing:-.055em;max-width:1100px;margin:38px 0 35px;color:#fff}
.s24-hero h1 em{font-style:normal;color:#d9b8aa}
.s24-hero .lead{font-size:16px;line-height:1.8;max-width:630px;color:#e3e5e7;margin-bottom:32px}
.s24-hero .agni-button a,.s24-hero a.agni-button,.s24-hero .btn,.s24-contact .agni-button a,.s24-contact a.agni-button,.s24-contact .btn{background:#fff!important;color:var(--s24-blue)!important}
.s24-hero .agni-button a:hover,.s24-hero .btn:hover,.s24-contact .agni-button a:hover,.s24-contact .btn:hover{background:#e9e8e4!important}
.normal-padding {
	padding-top: 90px!important;
	padding-bottom: 90px!important;
}
.s24.s24-story-head{padding-bottom:44px!important;display:flex;align-items:flex-end}
.s24-story-head>.vc_column_container:first-child{width:58%}
.s24-story-head>.s24-story-side{width:42%;padding-left:7%}
.s24-story-side p,.s24-benefits-heading p{font-size:17px;line-height:1.75;color:#485461}
.s24 .v9-textlink{font-size:13px;font-weight:700;color:var(--s24-blue);text-decoration:none}
.s24 .v9-textlink span{padding-left:14px}
.s24.s24-cards .vc_row{display:flex;align-items:stretch;padding-top:0!important;padding-bottom:75px!important;gap:16px}
.s24-cards::before,.s24-cards::after{display:none!important}
.s24.s24-cards .s24-card{width:auto;flex:1 1 0;min-width:0;padding:0!important;background:#fff;box-shadow:0 12px 35px #102b4510}
.s24-card>.vc_column-inner {
    padding: 0;
}
sub {
    font-size: 0.5em;
    vertical-align: middle;
    margin-left: 10px;
}
sub.sand {
    color: #d9b8aa;
    font-size: 0.5em;
    vertical-align: middle;
    margin-left: 10px;
}
.s24.s24-cards .s24-card-large{flex:1.35 1 0}
.s24-card img{display:block;width:100%;height:215px;object-fit:cover}
.s24-card-large img{height:270px;object-position:center 38%}
.s24-card figure,.s24-card .agni-image{margin:0!important}
.s24 .s24-card-copy{padding:27px 27px 31px}
.s24 .s24-card-copytop {
	padding:27px 27px 0;
	margin-bottom: -42px;
}
.agni_text_column.agni-text-block.eyebrow p {
    font-size: 11px;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: var(--s24-brown);
    font-weight: 700;
}
.s24-card-copy span{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--s24-brown);font-weight:700}
.s24-card-copy h3{font-size:clamp(19px,2vw,27px);line-height:1.22;letter-spacing:-.035em;margin:18px 0 13px;color:#132d4d}
.s24-card-copy p{font-size:14px;line-height:1.75;color:#5d6671;margin:0}
.s24.s24-evidence{display:flex;align-items:center;color:#fff}
.s24-evidence .kicker{color:#d9b8aa}
.s24-evidence h2{margin:25px 0;color:#fff}
.s24-evidence p{font-size:16px;line-height:1.8;color:#d9e0e8;max-width:540px}
.s24.s24-evidence>.s24-stat{border-left:1px solid #ffffff40;padding:8px 0 8px 55px;margin-left:6%;width:44%}
.s24 .v9-big-stat{display:block;font-size:clamp(85px,10vw,155px);font-weight:500;letter-spacing:-.09em;line-height:1;color:#fff}
.s24 .v9-big-stat span{font-size:.48em;color:#d9b8aa;letter-spacing:-.05em}
.s24-stat h3{font-size:22px;margin:20px 0 8px}
.s24-stat small{display:block;font-size:11px;color:#aebdce;line-height:1.5;margin-top:20px}
.s24 .s24-benefits-heading.vc_row{padding:0!important;margin:0!important;display:flex;align-items:flex-end}
.s24-benefits-heading>.vc_column_container:first-child{padding:0!important}
.s24-benefits-heading>.vc_column_container:last-child{padding:0 0 0 10%!important}
.s24-benefits-heading p{margin:0}
.s24 .s24-benefit-line.vc_row{display:flex;align-items:center;gap:24px;margin:0!important;border-bottom:1px solid var(--s24-line);padding:34px 0!important}
.s24 .s24-benefits-heading+.s24-benefit-line{margin-top:48px!important;}
.s24-benefit-line{border-top:1px solid var(--s24-line);     padding: 48px 0 !important;}
.s24-benefit-line:last-child {
    border-bottom: 1px solid var(--s24-line);
}
.s24-benefit-line::before,.s24-benefit-line::after{display:none!important}
.s24 .s24-benefit-line>.vc_column_container{padding:0!important;min-width:0;float:none}
.s24-benefit-line>.s24-number{flex:0 0 46px;width:auto;font-size:13px;letter-spacing:.15em;color:var(--s24-brown)}
.s24-benefit-line>.s24-benefit-title{flex:1;width:auto}
.s24-benefit-line>.s24-benefit-copy{flex:1.25;width:auto}
.s24-benefit-line>.s24-benefit-label{flex:0 0 155px;width:auto;text-align:right}
.s24-benefit-line h3{font-size:clamp(20px,2.2vw,29px);letter-spacing:-.035em;margin:0;color:var(--s24-blue)}
.s24-benefit-line p{font-size:14px;line-height:1.7;color:#58616c;margin:0}
.s24-benefit-line b{font-size:12px;color:var(--s24-blue);font-weight:700}
.s24.s24-band{display:flex;align-items:center;gap:35px}
.s24-band>.vc_column_container{min-width:0}
.s24-band>.s24-cta{flex-shrink:0;width:30%}
.s24-band h2{font-size:clamp(28px,3vw,42px);line-height:1.15;margin:25px 0}
.s24-band p{line-height:1.7;color:#50565b;margin:0}
.s24.s24-portfolio{border-top:1px solid var(--s24-line)}
.s24.s24-contact{color:#fff}
.s24-contact h2{font-size:clamp(30px,3.5vw,48px);color:#fff}
.s24-contact p{color:#d7dce3}
@media(max-width:900px){
 .s24.vc_row{padding:75px 6%!important}
 .s24.s24-story-head,.s24.s24-evidence,.s24.s24-band{display:block}
 .s24.s24-story-head>.vc_column_container,.s24.s24-evidence>.vc_column_container,.s24.s24-band>.vc_column_container{width:100%!important;padding:0!important;float:none}
 .s24-story-side{margin-top:28px}
 .s24.s24-evidence>.s24-stat{border-left:0;border-top:1px solid #ffffff40;padding:30px 0 0!important;margin:30px 0 0}
 .s24.s24-cards .vc_row{flex-wrap:wrap;padding-top:0!important}
 .s24.s24-cards .s24-card{flex:1 1 calc(50% - 8px)}
 .s24.s24-cards .s24-card-large{flex-basis:100%}
 .s24 .s24-benefits-heading.vc_row{display:block}
 .s24 .s24-benefits-heading>.vc_column_container{width:100%;padding:0!important;float:none}
 .s24-benefits-heading p{margin-top:24px}
 .s24 .s24-benefit-line.vc_row{flex-wrap:wrap;gap:15px}
 .s24-benefit-line>.s24-number{flex:0 0 30px}
 .s24-benefit-line>.s24-benefit-title{flex:0 0 calc(100% - 45px)}
 .s24-benefit-line>.s24-benefit-copy,.s24-benefit-line>.s24-benefit-label{flex:0 0 calc(100% - 45px);margin-left:45px;text-align:left}
 .s24-band .s24-cta{margin-top:25px}
}
@media(min-width: 768px) {
	.border-left-desktop {
    border-left: 1px solid;
    padding-left: 4%;
}
}
@media(max-width:600px){
 .s24.s24-hero{min-height:670px;padding-top:70px!important;padding-bottom:95px!important}
 .s24-hero h1{letter-spacing:-.04em}
 .s24.s24-cards .s24-card{flex-basis:100%}
 .s24-card img,.s24-card-large img{height:220px}
 .s24.s24-cards .vc_row{padding-bottom:40px!important}
}

/* FREIBERUFLER — append AFTER your current startseite.css.
   Requires the working shared .s24 rules. No existing rules need replacing.
   Choose freiberufler-hero.jpg in the first WPBakery row's background settings. */

.s24.s24-hero.s24-free-hero {
    min-height: 0;
    padding-top: 105px !important;
    padding-bottom: 112px !important;
    background-color: #122945;
    background-position: center 44%;
    background-size: cover;
}
.s24.s24-free-hero::before {
    background: linear-gradient(90deg,rgba(10,29,52,.96) 0%,rgba(10,29,52,.90) 28%,rgba(10,29,52,.56) 48%,rgba(10,29,52,.08) 78%);
}
.s24.s24-free-hero::after { display: none !important; }
.s24-free-hero .kicker { color: #d8b3a4; }
.s24-free-hero h1 {
    font-size: clamp(38px,4.8vw,65px);
    line-height: 1.14;
    letter-spacing: -.045em;
    max-width: 950px;
    margin: 28px 0;
}
.s24-free-hero .lead {
    font-size: 18px;
    line-height: 1.8;
    max-width: 760px;
    color: #e0e5ea;
    margin-bottom: 0;
}
/* Fortun adds a .vc_row inside its full-width row wrappers.
   Support both that structure and standard WPBakery inner rows. */
.s24-free-hero .s24-free-actions,
.s24-free-hero .s24-free-actions .vc_row {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
}
.s24-free-hero .s24-free-actions {
    margin: 34px 0 0 !important;
    padding: 0 !important;
}
.s24-free-actions::before,.s24-free-actions::after,
.s24-free-actions .vc_row::before,.s24-free-actions .vc_row::after { display: none !important; }
.s24-free-hero .s24-free-action {
    width: auto !important;
    flex: 0 1 auto;
    float: none;
    padding: 0 !important;
    min-width: 0;
}
.s24-free-hero .s24-free-action > .vc_column-inner { padding: 0 !important; }
.s24-free-actions .agni-button { margin: 0 !important; }
.s24-free-hero .s24-free-action-secondary .agni-button a,
.s24-free-hero .s24-free-action-secondary a.agni-button,
.s24-free-hero .s24-free-action-secondary .btn {
    background: transparent !important;
    color: #fff !important;
    border: 1px solid #a6b1bf !important;
}
.s24-free-hero .s24-free-action-secondary .agni-button a:hover,
.s24-free-hero .s24-free-action-secondary a.agni-button:hover,
.s24-free-hero .s24-free-action-secondary .btn:hover { background: #ffffff18 !important; }

.s24.s24-free-intro { padding-bottom: 0 !important; }
.s24-free-intro h2,.s24-free-promises-title h2 {
    font-size: clamp(29px,3.1vw,43px);
    line-height: 1.2;
    letter-spacing: -.04em;
    margin: 22px 0;
}
.s24-free-intro .s24-free-intro-copy { padding-left: 7% !important; }
.s24-free-intro-copy p {
    font-size: 16px;
    line-height: 1.9;
    color: #50565c;
    margin: 0 0 16px;
}
.s24-free-intro-copy p:last-child { margin-bottom: 0; }
.s24.s24-free-promises-section { padding-top: 82px !important; }
.s24-free-promises-title h2 { margin-bottom: 0; }
.s24-free-promises {
    margin: 44px 0 0 !important;
    padding: 12px 34px 16px !important;
    background: #122945;
    color: #fff;
}
.s24-free-promises.vc_row,.s24-free-promises .vc_row {
    display: flex;
    align-items: stretch;
}
.s24-free-promises::before,.s24-free-promises::after,
.s24-free-promises .vc_row::before,.s24-free-promises .vc_row::after { display: none !important; }
.s24 .s24-free-promises .s24-free-promise {
    flex: 1 1 0;
    width: 33.333333%;
    min-width: 0;
    padding: 38px 33px 20px 0 !important;
    border-right: 1px solid #ffffff38;
}
.s24 .s24-free-promises .s24-free-promise + .s24-free-promise { padding-left: 33px !important; }
.s24 .s24-free-promises .s24-free-promise:last-child { border-right: 0; }
.s24-free-promise > .vc_column-inner { padding: 0 !important; }
.s24-free-num { color: #d8b3a4; font-size: 12px; letter-spacing: .16em; font-weight: 700; }
.s24-free-promise h3 {
    font-size: clamp(20px,2vw,27px);
    line-height: 1.25;
    letter-spacing: -.03em;
    color: #fff;
    margin: 26px 0 18px;
}
.s24-free-promise p { font-size: 15px; line-height: 1.85; color: #e0e5ea; margin: 0 0 15px; }
.s24-free-promise p:last-child { margin-bottom: 0; }
.s24 .s24-free-fineprint {
    font-size: 13px;
    color: #687079;
    line-height: 1.7;
    margin-top: 38px;
    border-top: 1px solid var(--s24-line);
    padding-top: 20px;
}
.s24-free-fineprint p { margin: 0; }
.s24.s24-free-cta { padding-top: 78px !important; padding-bottom: 78px !important; }
.s24-free-cta h2 { font-size: clamp(28px,3vw,41px); margin: 18px 0; }
.s24-free-cta p { max-width: 720px; line-height: 1.75; margin-bottom: 18px; }
.s24-free-cta p:last-child { margin-bottom: 0; }
.s24 .s24-free-project-link { color: var(--s24-blue); text-decoration: underline; text-underline-offset: 3px; }

@media(max-width:900px) {
    .s24-free-cta .vc_row > .vc_column_container { width: 100% !important; float: none; }
    .s24-free-cta .vc_row > .s24-cta { margin-top: 25px; }
}
@media(max-width:850px) {
    .s24.s24-hero.s24-free-hero { padding: 75px 6% !important; }
    .s24.s24-free-intro { padding-top: 70px !important; }
    .s24-free-intro > .vc_column_container,
    .s24-free-intro .vc_row > .vc_column_container { width: 100% !important; float: none; }
    .s24-free-intro .s24-free-intro-copy { padding-left: 15px !important; margin-top: 15px; }
    .s24.s24-free-promises-section { padding-top: 60px !important; padding-bottom: 70px !important; }
    .s24-free-promises { padding: 12px 26px !important; }
    .s24-free-promises.vc_row,.s24-free-promises .vc_row { display: block; }
    .s24 .s24-free-promises .s24-free-promise,
    .s24 .s24-free-promises .s24-free-promise + .s24-free-promise {
        width: 100% !important;
        float: none;
        padding: 27px 0 !important;
        border-right: 0;
        border-bottom: 1px solid #ffffff38;
    }
    .s24 .s24-free-promises .s24-free-promise:last-child { border-bottom: 0; }
}
@media(max-width:600px) {
    .s24-free-hero .s24-free-action { max-width: 100%; }
    .s24-free-actions .btn { max-width: 100%; text-align: left; }
}

/* LEISTUNGEN — append after your current shared startseite.css.
   Requires the base .s24 rules; no dependency on freelancer CSS.
   Set leistungen-hero.jpg as the first row's native background image. */
.s24.s24-hero.s24-service-hero {
    min-height: 0;
    padding-top: 105px !important;
    padding-bottom: 100px !important;
    background-color: #122945;
    background-image: none;
    background-position: center;
    background-size: cover;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
}
.s24.s24-service-hero::before {
    background: linear-gradient(90deg,#122945 0%,rgba(18,41,69,.99) 26%,rgba(18,41,69,.86) 42%,rgba(18,41,69,.12) 72%,rgba(18,41,69,.06) 100%);
}
.s24.s24-service-hero::after { display: none !important; }
.s24-service-hero .kicker { color: #d8b3a4; }
.s24-service-hero h1 {
    font-size: clamp(39px,5vw,68px);
    line-height: 1.12;
    letter-spacing: -.045em;
    margin: 24px 0 28px;
}
.s24-service-hero p { max-width: 760px; font-size: 18px; line-height: 1.8; color: #e0e5ea; margin: 0; }
.s24.s24-services { padding-top: 22px !important; padding-bottom: 65px !important; }
.s24-service-line {
    margin: 0 !important;
    padding: 39px 0 43px !important;
    border-bottom: 1px solid #d7d6d1;
    scroll-margin-top: 110px;
}
.s24-service-line.vc_row,.s24-service-line .vc_row {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 26px;
}
.s24-service-line::before,.s24-service-line::after,
.s24-service-line .vc_row::before,.s24-service-line .vc_row::after { display: none !important; }
.s24 .s24-service-line .vc_column_container { min-width: 0; float: none; padding: 0 !important; }
.s24-service-line .vc_column_container > .vc_column-inner { padding: 0 !important; }
.s24-service-line .s24-service-number { flex: 0 0 64px; width: 64px; padding-top: 10px !important; font-size: 13px; color: var(--s24-brown); letter-spacing: .1em; }
.s24-service-line .s24-service-title { flex: 1 1 0; width: auto; }
.s24-service-line .s24-service-copy { flex: 1.1 1 0; width: auto; }
.s24 .s24-service-line h2 { font-size: clamp(26px,2.7vw,38px); line-height: 1.2; letter-spacing: -.04em; margin: 0 0 12px; }
.s24 .s24-service-claim { font-size: 17px; color: var(--s24-blue); line-height: 1.5; margin: 0; }
.s24-service-copy p { font-size: 15px; line-height: 1.7; color: #485058; margin: 0 0 15px; }
.s24-service-copy p:last-child { margin-bottom: 0; }
.s24.s24-compliance { padding-top: 54px !important; padding-bottom: 60px !important; color: #fff; }
.s24 .s24-compliance-intro { max-width: 760px; margin: 0 auto 34px !important; text-align: center; }
.s24-compliance-intro .kicker { display: block; color: #d8b3a4; margin-bottom: 12px; }
.s24 .s24-compliance-intro h2 { font-family: Arial,Helvetica,sans-serif; font-size: clamp(27px,2.7vw,37px); font-weight: 500; letter-spacing: -.035em; line-height: 1.2; color: #fff; margin: 0 0 14px; }
.s24-compliance-intro p { font-size: 16px; line-height: 1.65; color: #e0e8f2; margin: 0; }
.s24-compliance-grid { max-width: 1010px; margin: 0 auto !important; padding: 0 !important; border-top: 1px solid #ffffff3d; }
.s24-compliance-grid.vc_row,.s24-compliance-grid .vc_row { display: flex; align-items: stretch; }
.s24-compliance-grid::before,.s24-compliance-grid::after,
.s24-compliance-grid .vc_row::before,.s24-compliance-grid .vc_row::after { display: none !important; }
.s24 .s24-compliance-grid .s24-compliance-item { flex: 1 1 0; min-width: 0; width: 33.333333%; padding: 25px 20px 0 !important; border-right: 1px solid #ffffff3d; text-align: center; }
.s24 .s24-compliance-grid .s24-compliance-item:last-child { border-right: 0; }
.s24-compliance-item > .vc_column-inner { padding: 0 !important; }
.s24 .s24-compliance-item h3 { font-family: Georgia,'Times New Roman',serif; font-weight: 400; font-size: clamp(20px,2vw,24px); color: #fff; line-height: 1.25; margin: 0 0 10px; letter-spacing: normal; }
/* Decorative icons use the supplied SVG paths as CSS backgrounds.
   Native Text Blocks contain only editable headings and paragraphs. */
.s24-compliance-item h3::before { content: ''; text-align: center; box-sizing: border-box; display: block; width: 54px; height: 54px; margin: 0 auto 16px; border: 1px solid #bedaffA6; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: 27px 27px; }
.s24-compliance-legal h3::before { content: '§'; font-family: Georgia,serif; font-size: 46px; font-weight: 400; line-height: 50px; color: #fff; }
.s24-compliance-item p { font-size: 14px; line-height: 1.65; color: #e0e8f2; max-width: 320px; margin: 0 auto; }
.s24.s24-service-cta { padding-top: 70px !important; padding-bottom: 70px !important; }
.s24-service-cta h2 { font-size: clamp(26px,3vw,38px); line-height: 1.2; letter-spacing: -.035em; margin: 0 0 12px; }
.s24-service-cta p { color: #4d555c; line-height: 1.7; margin: 0; }
@media(max-width:900px) {
    .s24-service-cta .vc_row > .vc_column_container { width: 100% !important; float: none; }
    .s24-service-cta .vc_row > .s24-cta { margin-top: 25px; }
}
@media(max-width:850px) {
    .s24.s24-hero.s24-service-hero { padding: 80px 6% !important; }
    .s24-service-line { padding: 34px 0 37px !important; }
    .s24-service-line.vc_row,.s24-service-line .vc_row { flex-wrap: wrap; gap: 14px; }
    .s24-service-line .s24-service-number { flex: 0 0 38px; width: 38px; }
    .s24-service-line .s24-service-title { flex: 0 0 calc(100% - 52px); width: calc(100% - 52px); }
    .s24-service-line .s24-service-copy { flex: 0 0 calc(100% - 52px); width: calc(100% - 52px); margin-left: 52px; }
}
@media(max-width:800px) {
    .s24.s24-service-hero::before { background: linear-gradient(90deg,rgba(18,41,69,.97),rgba(18,41,69,.79)); }
    .s24.s24-compliance { padding-top: 48px !important; padding-bottom: 48px !important; }
    .s24 .s24-compliance-intro { margin-bottom: 25px !important; }
    .s24-compliance-grid.vc_row,.s24-compliance-grid .vc_row { display: block; }
    .s24 .s24-compliance-grid .s24-compliance-item { width: 100% !important; float: none; padding: 24px 10px !important; border-right: 0; border-bottom: 1px solid #ffffff3d; }
    .s24 .s24-compliance-grid .s24-compliance-item:last-child { border-bottom: 0; padding-bottom: 0 !important; }
}

.s24-compliance-contract h3::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M8%203h12l5%205v21H8z%22%2F%3E%3Cpath%20d%3D%22M20%203v6h5M12%2015h10M12%2020h10M12%2025h6%22%2F%3E%3C%2Fsvg%3E"); }

.s24-compliance-partner h3::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M3%2018%2013%209l9%206-9%2015L3%2023Z%22%2F%3E%3Cpath%20d%3D%22m45%2018-10-9-9%206%209%2015%2010-7Z%22%2F%3E%3Cpath%20d%3D%22m15%2017%207-5%207%202%206%206-4%204-7-5-5%204%22%2F%3E%3Cpath%20d%3D%22m13%2030%209%209c1.6%201.6%204-.5%202.6-2.2l-1-1m1%201%202.1%201.5c1.8%201.2%203.7-1%202.3-2.6l-2-2m2%202c2.2%201.9%204.5-.7%202.8-2.5l-2.5-2.5m2.5%202.5c2%201.6%204.1-.8%202.6-2.5L25%2022%22%2F%3E%3C%2Fsvg%3E"); }


/* TECHNOLOGIEPORTFOLIO — append after the current shared startseite.css. */
.s24.s24-hero.s24-tech-hero {
    min-height: 0;
    padding-top: 100px !important;
    padding-bottom: 95px !important;
    background-color: #122945;
    background-image: none;
    background-position: right center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.s24.s24-tech-hero::before { background: linear-gradient(90deg,#122945 0%,#122945 43%,rgba(18,41,69,.95) 55%,rgba(18,41,69,.48) 78%,rgba(18,41,69,.15) 100%); }
.s24.s24-tech-hero::after { display: none !important; }
.s24-tech-hero .kicker { color: #e4c3b7; }
.s24-tech-hero h1 { font-size: clamp(35px,4.3vw,61px); line-height: 1.13; letter-spacing: -.045em; max-width: 900px; margin: 24px 0; }
.s24-tech-hero p { font-size: 17px; line-height: 1.75; color: #dce3ec; max-width: 760px; margin: 0 0 18px; }
.s24-tech-hero p:last-child { margin-bottom: 0; }
.s24.s24-tech-market { padding-top: 54px !important; padding-bottom: 58px !important; border-bottom: 1px solid var(--s24-line); }
.s24-tech-market .kicker { letter-spacing: .19em; margin-bottom: 23px; }
.s24-tech-stats-grid { margin: 0 !important; padding: 0 !important; }
.s24-tech-stats-grid.vc_row,.s24-tech-stats-grid .vc_row { display: flex; align-items: stretch; }
.s24-tech-stats-grid::before,.s24-tech-stats-grid::after,
.s24-tech-stats-grid .vc_row::before,.s24-tech-stats-grid .vc_row::after { display: none !important; }
.s24 .s24-tech-stats-grid .s24-tech-stat { flex: 1 1 0; width: 33.333333%; min-width: 0; padding: 8px 34px 6px 0 !important; }
.s24 .s24-tech-stats-grid .s24-tech-stat + .s24-tech-stat { border-left: 1px solid var(--s24-line); padding-left: 34px !important; }
.s24-tech-stat > .vc_column-inner { padding: 0 !important; }
.s24-tech-stat strong { display: block; font-family: Georgia,serif; font-size: clamp(44px,5vw,69px); line-height: 1.05; font-weight: 500; letter-spacing: -.045em; color: var(--s24-blue); font-variant-numeric: tabular-nums; }
.s24-tech-stat strong.s24-tech-stat-word { font-size: clamp(30px,3vw,44px); letter-spacing: -.035em; padding-top: 12px; min-height: 73px; }
.s24 .s24-tech-stat h2 { font-size: 16px; line-height: 1.4; color: var(--s24-ink); font-weight: 700; letter-spacing: normal; margin: 12px 0 6px; }
.s24-tech-stat p { font-size: 14px; line-height: 1.65; color: #666b72; margin: 0; max-width: 310px; }
.s24 .s24-counter-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.s24.s24-tech-accordion { padding-top: 72px !important; padding-bottom: 110px !important; color: #fff; }
.s24-tech-accordion .kicker { color: #fff; margin-bottom: 25px; }
.s24-tech-accordion details { border-top: 1px solid #ffffff40; }
.s24-tech-accordion .s24-tech-accordion-item:last-child details { border-bottom: 1px solid #ffffff40; }
.s24-tech-accordion summary { list-style: none; cursor: pointer; display: grid; grid-template-columns: 60px minmax(0,1fr) 34px; align-items: center; gap: 24px; padding: 27px 10px; color: #fff; }
.s24-tech-accordion summary::-webkit-details-marker { display: none; }
.s24-tech-accordion summary::marker { content: ''; }
.s24-tech-accordion summary:focus-visible { outline: 2px solid #d8b3a4; outline-offset: -2px; }
.s24-tech-accordion summary:hover .field-title { color: #dce8f8; }
.s24-tech-accordion .field-number { color: #fff; font-size: 12px; letter-spacing: .12em; }
.s24-tech-accordion .field-title { font-size: clamp(20px,2.2vw,30px); font-weight: 500; letter-spacing: -.035em; line-height: 1.3; overflow-wrap: anywhere; }
.s24-tech-accordion .field-toggle { font-size: 26px; font-weight: 300; color: #fff; text-align: right; }
.s24-tech-accordion details[open] .field-toggle { transform: rotate(45deg); }
.s24-tech-accordion .field-detail { margin: 0 50px 36px 84px; max-width: 820px; background: #fff;
    color: #000;
    padding: 20px; }
.s24-tech-accordion .field-detail h3 { font-size: 20px; line-height: 1.3; font-weight: 500; letter-spacing: normal; margin: 0 0 14px; }
.s24-tech-accordion .field-detail p { font-size: 16px; line-height: 1.85; margin: 0 0 18px; }
.s24-tech-accordion .field-detail .tech { font-size: 13px; border-top: 1px solid #ffffff38; padding-top: 18px; margin-top: 22px; }
.s24.s24-tech-cta { padding-top: 60px !important; padding-bottom: 60px !important; }
.s24-tech-cta h2 { font-size: clamp(26px,3vw,38px); line-height: 1.2; letter-spacing: -.03em; margin: 0; }
@media(max-width:900px) {
    .s24-tech-cta .vc_row > .vc_column_container { width: 100% !important; float: none; }
    .s24-tech-cta .vc_row > .s24-cta { margin-top: 25px; }
}
@media(max-width:800px) {
    .s24.s24-hero.s24-tech-hero { padding-top: 75px !important; padding-bottom: 75px !important; }
    .s24-tech-accordion summary { grid-template-columns: 35px minmax(0,1fr) 20px; gap: 10px; padding: 22px 0; }
    .s24-tech-accordion .field-detail { margin: 0 0 30px 45px; }
}
@media(max-width:700px) {
    .s24.s24-tech-market { padding-top: 40px !important; padding-bottom: 40px !important; }
    .s24-tech-stats-grid.vc_row,.s24-tech-stats-grid .vc_row { display: block; }
    .s24 .s24-tech-stats-grid .s24-tech-stat,
    .s24 .s24-tech-stats-grid .s24-tech-stat + .s24-tech-stat { width: 100% !important; float: none; border-left: 0; border-top: 1px solid var(--s24-line); padding: 22px 0 0 !important; margin-top: 24px; }
    .s24 .s24-tech-stats-grid .s24-tech-stat:first-child { border-top: 0; padding-top: 0 !important; margin-top: 0; }
    .s24-tech-stat strong.s24-tech-stat-word { min-height: 0; }
}


/* FREELANCE-PARTNERPROGRAMM — append to the current shared startseite.css. */
.s24.s24-hero.s24-partner-hero {
    min-height: 0;
    padding-top: 105px !important;
    padding-bottom: 100px !important;
    background-color: #122945;
    background-image: none;
    background-position: center;
    background-size: cover;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.s24.s24-partner-hero::before { background: linear-gradient(90deg,rgba(8,24,44,.96) 0%,rgba(8,24,44,.88) 30%,rgba(8,24,44,.48) 55%,rgba(8,24,44,.06) 83%); }
.s24.s24-partner-hero::after { display: none !important; }
.s24-partner-hero .kicker { color: #d8b3a4; }
.s24-partner-hero h1 { max-width: 850px; font-size: clamp(36px,4.5vw,62px); line-height: 1.13; letter-spacing: -.045em; margin: 28px 0; }
.s24-partner-hero p { max-width: 690px; font-size: 18px; line-height: 1.8; color: #e0e5ea; margin-bottom: 24px; }
.s24 .s24-partner-back { display: inline-block; margin-top: 24px; color: #e0e5eb; text-decoration: none; font-size: 13px; }
.s24 .s24-partner-back:hover { color: #fff; text-decoration: underline; }
.s24.s24-partner-intro { padding-top: 85px !important; padding-bottom: 60px !important; }
.s24-partner-intro h2 { font-size: clamp(28px,3.2vw,42px); line-height: 1.2; letter-spacing: -.04em; margin: 18px 0 24px; }
.s24-partner-intro .s24-partner-intro-copy { padding-left: 7% !important; }
.s24-partner-intro p { font-size: 16px; line-height: 1.85; color: #515860; margin: 0 0 16px; }
.s24-partner-intro p:last-child { margin-bottom: 0; }
.s24.s24-partner-benefits { padding-top: 0 !important; padding-bottom: 90px !important; }
.s24-partner-benefits-grid { margin: 30px 0 0 !important; padding: 0 !important; border-top: 1px solid #d8d6d1; }
.s24-partner-benefits-grid.vc_row,.s24-partner-benefits-grid .vc_row { display: flex; align-items: stretch; }
.s24-partner-benefits-grid::before,.s24-partner-benefits-grid::after,
.s24-partner-benefits-grid .vc_row::before,.s24-partner-benefits-grid .vc_row::after { display: none !important; }
.s24 .s24-partner-benefits-grid .s24-partner-benefit { flex: 1 1 0; min-width: 0; width: 33.333333%; padding: 28px 28px 12px 0 !important; border-right: 1px solid #d8d6d1; }
.s24 .s24-partner-benefits-grid .s24-partner-benefit + .s24-partner-benefit { padding-left: 28px !important; }
.s24 .s24-partner-benefits-grid .s24-partner-benefit:last-child { border-right: 0; }
.s24-partner-benefit > .vc_column-inner { padding: 0 !important; }
.s24-partner-benefit .num { color: var(--s24-brown); font-size: 12px; font-weight: 700; letter-spacing: .16em; }
.s24-partner-benefit h3 { font-size: 20px; font-weight: 500; line-height: 1.3; color: var(--s24-blue); margin: 24px 0 14px; letter-spacing: normal; }
.s24-partner-benefit p { font-size: 15px; line-height: 1.8; color: #515860; margin: 0; }
.s24.s24-partner-request { padding-top: 95px !important; padding-bottom: 95px !important; color: #fff; }
.s24-partner-request.vc_row,.s24-partner-request > .container-fluid > div > .vc_row { align-items: center; }
.s24-partner-request .kicker { color: #d8b3a4; }
.s24-partner-request h2 { font-size: clamp(30px,3.3vw,46px); line-height: 1.18; letter-spacing: -.04em; color: #fff; margin: 15px 0; scroll-margin-top: 110px; }
.s24-partner-request-copy p { color: #dce3eb; line-height: 1.8; margin-bottom: 18px; }
.s24-partner-request .s24-partner-form { padding-left: 7% !important; }
.s24-partner-form .wpcf7 { background: #fff; color: #1b2836; padding: 35px 38px; }
.s24-partner-form .wpcf7 form { margin: 0; }
.s24-partner-form .wpcf7 p { color: #1b2836; margin: 0 0 17px; }
.s24-partner-form .wpcf7 label { display: block; font-size: 13px; font-weight: 700; margin: 0; }
.s24-partner-form .wpcf7 input[type=email] { box-sizing: border-box; width: 100%; max-width: 100%; border: 1px solid #bfc5ca; background: #fff; color: #1b2836; border-radius: 0; padding: 16px 15px; font-family: inherit; font-size: 16px; line-height: 1.4; height: auto; margin: 0; }
.s24-partner-form .wpcf7 .wpcf7-acceptance .wpcf7-list-item { margin: 0; }
.s24-partner-form .wpcf7 .wpcf7-acceptance label { display: flex; align-items: flex-start; gap: 10px; font-size: 12px; font-weight: 400; line-height: 1.6; color: #52606c; margin: 20px 0 0; }
.s24-partner-form .wpcf7 input[type=checkbox] { flex: 0 0 auto; margin: 3px 0 0; accent-color: var(--s24-blue); width: auto; }
.s24-partner-form .wpcf7 .wpcf7-acceptance a { color: var(--s24-blue); text-decoration: underline; }
.s24-partner-form .wpcf7 input[type=submit] { border: 0; border-radius: 0; padding: 18px 25px; background: var(--s24-blue); color: #fff; font-family: inherit; font-size: 13px; font-weight: 700; line-height: 1.4; white-space: normal; max-width: 100%; cursor: pointer; margin-top: 17px; box-shadow: none; }
.s24-partner-form .wpcf7 input[type=submit]:hover { background: #164c8b; }
.s24-partner-form .wpcf7 input[type=submit]:disabled { opacity: .55; cursor: not-allowed; }
.s24-partner-form .wpcf7 input:focus-visible { outline: 3px solid #b17659; outline-offset: 3px; }
.s24-partner-form .wpcf7 .wpcf7-response-output { color: #1b2836; font-size: 13px; line-height: 1.6; margin: 20px 0 0; }
.s24-partner-form .wpcf7 .wpcf7-not-valid-tip { font-size: 12px; margin-top: 6px; }
@media(max-width:850px) {
    .s24-partner-intro > .vc_column_container,.s24-partner-intro .vc_row > .vc_column_container,
    .s24-partner-request > .vc_column_container,.s24-partner-request .vc_row > .vc_column_container { width: 100% !important; float: none; }
    .s24-partner-intro .s24-partner-intro-copy { padding-left: 15px !important; margin-top: 20px; }
    .s24-partner-request .s24-partner-form { padding-left: 15px !important; margin-top: 25px; }
    .s24-partner-benefits-grid.vc_row,.s24-partner-benefits-grid .vc_row { display: block; }
    .s24 .s24-partner-benefits-grid .s24-partner-benefit,
    .s24 .s24-partner-benefits-grid .s24-partner-benefit + .s24-partner-benefit { width: 100% !important; float: none; padding: 23px 0 !important; border-right: 0; border-bottom: 1px solid #d8d6d1; }
    .s24 .s24-partner-benefits-grid .s24-partner-benefit:last-child { border-bottom: 0; }
    .s24-partner-form .wpcf7 { padding: 25px; }
}
@media(max-width:680px) {
    .s24.s24-hero.s24-partner-hero { padding-top: 75px !important; padding-bottom: 75px !important; background-position: 60% center; }
    .s24.s24-partner-hero::before { background: linear-gradient(90deg,rgba(8,24,44,.94),rgba(8,24,44,.74)); }
    .s24.s24-partner-intro { padding-top: 65px !important; padding-bottom: 45px !important; }
    .s24.s24-partner-benefits { padding-bottom: 65px !important; }
    .s24.s24-partner-request { padding-top: 65px !important; padding-bottom: 65px !important; }
}

/* KARRIERE — append after the shared startseite.css. */
.s24.s24-hero.s24-career-hero { min-height: 650px; padding-top: 95px !important; padding-bottom: 105px !important; background-color: #0b2038; background-image: none; background-size: cover; background-position: center; }
.s24.s24-career-hero::before { background: linear-gradient(90deg,rgba(8,21,38,.97) 0%,rgba(8,21,38,.89) 36%,rgba(8,21,38,.48) 65%,rgba(8,21,38,.18) 100%); }
.s24.s24-career-hero::after { display: none !important; }
.s24-career-hero h1 { font-size: clamp(39px,5.3vw,74px); line-height: 1.08; letter-spacing: -.055em; max-width: 830px; margin: 32px 0; }
.s24-career-hero p { max-width: 560px; color: #e3e5e7; font-size: 16px; line-height: 1.85; margin-bottom: 0; }
.s24-career-hero .agni-button a,.s24-career-hero a.agni-button,.s24-career-hero .btn { margin-top: 22px; border: 1px solid #6686a8 !important; background: var(--s24-blue) !important; color: #fff !important; }
.s24-career-hero .agni-button a:hover,.s24-career-hero a.agni-button:hover,.s24-career-hero .btn:hover { background: #0051a2 !important; }
.s24.s24-career-intro,.s24.s24-career-entry { padding-top: 110px !important; padding-bottom: 110px !important; }
.s24-career-intro h2,.s24-career-entry h2,.s24-career-benefits h2,.s24-career-closing h2 { font-size: clamp(34px,4vw,56px); line-height: 1.14; letter-spacing: -.045em; margin: 21px 0 24px; }
.s24-career-intro .intro,.s24-career-entry .intro { max-width: 690px; font-size: 17px; line-height: 1.85; color: #555b63; }
.s24.s24-career-benefits { background: #082b52; color: #fff; padding-top: 95px !important; padding-bottom: 105px !important; }
.s24-career-benefits .kicker { color: #e1bdae; }
.s24-career-benefits h2 { color: #fff; margin-bottom: 55px; }
.s24-career-cards { margin: 0 !important; padding: 0 !important; }
.s24-career-cards.vc_row,.s24-career-cards .vc_row { display: flex; align-items: stretch; }
.s24-career-cards::before,.s24-career-cards::after,.s24-career-cards .vc_row::before,.s24-career-cards .vc_row::after { display: none !important; }
.s24 .s24-career-cards .s24-career-card { flex: 1 1 0; width: auto; min-width: 0; padding: 10px 42px 10px 0 !important; margin-right: 38px; border-right: 1px solid #45617c; }
.s24 .s24-career-cards .s24-career-card:last-child { border-right: 0; margin-right: 0; }
.s24-career-card > .vc_column-inner { padding: 0 !important; }
.s24-career-card .number { font-size: 13px; letter-spacing: .15em; color: #d4b1a2; }
.s24-career-card h3 { font-size: 24px; line-height: 1.25; font-weight: 500; color: #fff; letter-spacing: normal; margin: 28px 0 16px; }
.s24-career-card p { font-size: 15px; line-height: 1.85; color: #d5dee7; margin: 0; }
.s24-career-paths { margin: 50px 0 0 !important; padding: 0 !important; }
.s24-career-paths.vc_row,.s24-career-paths .vc_row { display: flex; align-items: flex-start; gap: 60px; }
.s24-career-paths::before,.s24-career-paths::after,.s24-career-paths .vc_row::before,.s24-career-paths .vc_row::after { display: none !important; }
.s24 .s24-career-paths .vc_column_container { flex: 1 1 0; width: auto; min-width: 0; padding: 0 !important; }
.s24-career-paths .vc_column-inner { padding: 0 !important; }
.s24-career-path-list { border-top: 1px solid var(--s24-line); }
.s24-career-path { display: flex; gap: 24px; align-items: baseline; padding: 22px 0; border-bottom: 1px solid var(--s24-line); }
.s24-career-path b { font-size: 12px; color: var(--s24-brown); min-width: 25px; }
.s24-career-path span { font-size: 20px; }
.s24 .s24-career-paths .s24-career-note { padding: 42px 46px !important; border-left: 3px solid var(--s24-brown); background: #fff; }
.s24-career-note h3 { font-size: 23px; font-weight: 500; line-height: 1.3; letter-spacing: normal; margin: 0 0 15px; }
.s24-career-note p { color: #5a5e64; font-size: 15px; line-height: 1.85; }
.s24.s24-career-closing { padding-top: 100px !important; padding-bottom: 100px !important; }
.s24-career-closing h2 { max-width: 700px; }
.s24-career-closing p { line-height: 1.8; color: #54575d; max-width: 650px; }
@media(min-width:901px) { .s24.s24-career-hero::before { background: linear-gradient(90deg,rgba(8,21,38,.99) 0%,rgba(8,21,38,.92) 33%,rgba(8,21,38,.26) 70%,rgba(8,21,38,.06) 100%); } }
@media(max-width:900px) {
    .s24.s24-career-hero { min-height: 610px; }
    .s24-career-cards.vc_row,.s24-career-cards .vc_row,.s24-career-paths.vc_row,.s24-career-paths .vc_row { display: block; }
    .s24 .s24-career-cards .s24-career-card { width: 100% !important; float: none; border-right: 0; border-bottom: 1px solid #45617c; padding: 0 0 28px !important; margin: 0 0 32px; }
    .s24 .s24-career-cards .s24-career-card:last-child { border-bottom: 0; margin-bottom: 0; }
    .s24 .s24-career-paths .vc_column_container { width: 100% !important; float: none; }
    .s24 .s24-career-paths .s24-career-note { margin-top: 35px; }
    .s24-career-closing .vc_row > .vc_column_container { width: 100% !important; float: none; }
    .s24-career-closing .s24-cta { margin-top: 25px; }
}
@media(max-width:600px) {
    .s24.s24-hero.s24-career-hero { min-height: 620px; padding: 70px 6% !important; background-position: 60% center; }
    .s24.s24-career-hero::before { background: linear-gradient(90deg,rgba(8,21,38,.94),rgba(8,21,38,.72)); }
    .s24.s24-career-intro,.s24.s24-career-entry,.s24.s24-career-benefits,.s24.s24-career-closing { padding-top: 75px !important; padding-bottom: 75px !important; }
    .s24 .s24-career-paths .s24-career-note { padding: 30px !important; }
}


/* KONTAKT — append after the shared startseite.css. */
.s24.s24-hero.s24-contactpage-hero { min-height: 0; padding-top: 88px !important; padding-bottom: 94px !important; background-color: #0b233f; background-image: none; background-size: cover; background-position: center; overflow: hidden; }
.s24.s24-contactpage-hero::before { background: linear-gradient(90deg,rgba(7,23,43,.96) 0%,rgba(7,23,43,.87) 33%,rgba(7,23,43,.38) 68%,rgba(7,23,43,.08) 100%); }
.s24.s24-contactpage-hero::after { display: none !important; }
.s24-contactpage-hero h1 { font-size: clamp(42px,5.4vw,76px); line-height: 1.08; letter-spacing: -.055em; margin: 22px 0 20px; }
.s24-contactpage-hero p { max-width: 690px; font-size: 17px; line-height: 1.6; color: #e0e6ed; margin: 0; }
.s24.s24-contactpage-main { padding-top: 82px !important; padding-bottom: 100px !important; }
.s24-contactpage-main h2 { font-size: clamp(33px,3.8vw,54px); line-height: 1.15; margin: 20px 0 25px; }
.s24-contactpage-grid { margin: 38px 0 0 !important; padding: 0 !important; }
.s24-contactpage-grid.vc_row,.s24-contactpage-grid .vc_row { display: flex; align-items: flex-start; gap: clamp(40px,7vw,110px); }
.s24-contactpage-grid::before,.s24-contactpage-grid::after,
.s24-contactpage-grid .vc_row::before,.s24-contactpage-grid .vc_row::after { display: none !important; }
.s24 .s24-contactpage-grid .s24-contactpage-details { flex: .86 1 0; width: auto; min-width: 0; padding: 0 !important; }
.s24 .s24-contactpage-grid .s24-contactpage-form-panel { flex: 1.14 1 0; width: auto; min-width: 0; background: #fff; padding: clamp(28px,4vw,56px) !important; box-shadow: 0 16px 55px #0c20360d; }
.s24-contactpage-grid .vc_column-inner { padding: 0 !important; }
.s24 .s24-contactpage-detail { padding: 27px 0; border-bottom: 1px solid var(--s24-line); }
.s24-contactpage-details .s24-contactpage-detail:first-child { border-top: 1px solid var(--s24-line); }
.s24-contactpage-detail .detail-label { display: block; font-size: 11px; letter-spacing: .18em; color: var(--s24-brown); text-transform: uppercase; font-weight: 700; margin-bottom: 13px; }
.s24-contactpage-detail p,.s24-contactpage-detail a { font-size: 19px; line-height: 1.7; text-decoration: none; margin: 0; overflow-wrap: anywhere; }
.s24-contactpage-detail a:hover { text-decoration: underline; color: var(--s24-blue); }
.s24-contactpage-form-panel h3 { font-size: 29px; font-weight: 500; letter-spacing: -.035em; line-height: 1.25; margin: 0 0 24px; }
.s24-contactpage-form-panel .wpcf7 form { margin: 0; }
.s24-contactpage-form-panel .wpcf7 p { margin: 0; }
.s24-contact-fields { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); column-gap: 22px; }
.s24-contact-field { min-width: 0; margin-bottom: 22px; }
.s24-contact-field-full { grid-column: 1 / -1; }
.s24-contact-field label { display: block; margin-bottom: 9px; font-size: 12px; font-weight: 700; color: #243246; }
.s24-contact-field input,.s24-contact-field select,.s24-contact-field textarea { box-sizing: border-box; font-family: inherit; font-size: 14px; line-height: 1.5; color: #1c2937; width: 100%; max-width: 100%; height: auto; border: 1px solid #d7dce1; background: #fafaf9; padding: 15px 16px; border-radius: 0; }
.s24-contact-field textarea { min-height: 145px; resize: vertical; }
.s24-contactpage-form-panel .wpcf7-acceptance .wpcf7-list-item { margin: 0; }
.s24-contactpage-form-panel .wpcf7-acceptance label { display: flex; align-items: flex-start; gap: 11px; font-size: 12px; font-weight: 400; line-height: 1.65; color: #5a6068; margin: 4px 0 23px; }
.s24-contactpage-form-panel .wpcf7-acceptance input { flex: 0 0 auto; margin: 4px 0 0; accent-color: var(--s24-blue); width: auto; }
.s24-contactpage-form-panel .wpcf7-acceptance a { color: var(--s24-blue); text-decoration: underline; }
.s24-contactpage-form-panel input[type=submit] { border: 0; border-radius: 0; padding: 18px 25px; background: var(--s24-blue); color: #fff; font-family: inherit; font-size: 13px; font-weight: 700; line-height: 1.4; white-space: normal; max-width: 100%; cursor: pointer; box-shadow: none; }
.s24-contactpage-form-panel input[type=submit]:hover { background: #0051a2; }
.s24-contactpage-form-panel input[type=submit]:disabled { opacity: .55; cursor: not-allowed; }
.s24-contactpage-form-panel input:focus-visible,.s24-contactpage-form-panel textarea:focus-visible,.s24-contactpage-form-panel select:focus-visible { outline: 3px solid #b17659; outline-offset: 3px; }
.s24-contactpage-form-panel .wpcf7-response-output { color: #1c2937; font-size: 13px; line-height: 1.6; margin: 20px 0 0; }
.s24-contactpage-form-panel .wpcf7-not-valid-tip { font-size: 12px; line-height: 1.4; margin-top: 6px; }
@media(max-width:900px) {
    .s24-contactpage-grid.vc_row,.s24-contactpage-grid .vc_row { display: block; }
    .s24 .s24-contactpage-grid .s24-contactpage-details,.s24 .s24-contactpage-grid .s24-contactpage-form-panel { width: 100% !important; float: none; }
    .s24 .s24-contactpage-grid .s24-contactpage-form-panel { margin-top: 45px; }
}
@media(max-width:680px) { .s24.s24-contactpage-hero { background-position: 60% center; } }
@media(max-width:600px) {
    .s24.s24-hero.s24-contactpage-hero { padding-top: 70px !important; padding-bottom: 76px !important; }
    .s24.s24-contactpage-main { padding-top: 62px !important; padding-bottom: 62px !important; }
    .s24-contact-fields { grid-template-columns: minmax(0,1fr); }
    .s24 .s24-contactpage-grid .s24-contactpage-form-panel { padding: 26px !important; }
}
.vc_row {
    margin-left: 0;
    margin-right: 0;
}


/* WARUM GERADE WIR + KUNDENSTIMMEN.
   Append once after your working shared startseite.css. */
.s24.s24-company-nav { padding: 0 5% !important; border-bottom: 1px solid var(--s24-line); }
.s24-company-nav-links { display: flex; justify-content: center; flex-wrap: wrap; }
.s24-company-nav-links a { display: inline-block; padding: 22px 26px; text-decoration: none; font-size: 13px; font-weight: 600; border-bottom: 3px solid transparent; color: var(--s24-ink); }
.s24-company-nav-links a:hover,.s24-company-nav-links a[aria-current=page] { color: var(--s24-blue); border-color: var(--s24-blue); }
.s24.s24-hero.s24-company-hero { min-height: 590px; padding-top: 105px !important; padding-bottom: 115px !important; background-color: #0b1a2e; background-image: none; background-position: center; background-size: cover; }
.s24-company-hero h1 { max-width: 1050px; }
.s24-company-hero .lead { max-width: 620px; }
.s24.s24-why-hero::before { background: linear-gradient(90deg,rgba(8,21,38,.96),rgba(8,21,38,.78) 58%,rgba(8,21,38,.3)); }
.s24.s24-customers-hero { background-position: center 22%; }
.s24.s24-customers-hero::before { background: linear-gradient(90deg,rgba(8,21,38,.80),rgba(8,21,38,.48) 48%,rgba(8,21,38,.05)); }
.s24-customers-hero .s24-hero-copy { text-shadow: 0 2px 14px #0815268c; }
.s24 .story-label { font-size: 11px; letter-spacing: .26em; text-transform: uppercase; font-weight: 700; color: var(--s24-brown); margin-bottom: 22px; }
.s24.s24-company-benefits { padding-top: 88px !important; padding-bottom: 100px !important; }
.s24-company-benefits-grid { margin: 40px 0 0 !important; padding: 0 !important; border-top: 1px solid var(--s24-line); }
.s24-company-benefits-grid.vc_row,.s24-company-benefits-grid .vc_row { display: flex; align-items: stretch; }
.s24-company-benefits-grid::before,.s24-company-benefits-grid::after,.s24-company-benefits-grid .vc_row::before,.s24-company-benefits-grid .vc_row::after { display: none !important; }
.s24 .s24-company-benefits-grid .s24-company-benefit { flex: 1 1 0; width: 33.333333%; min-width: 0; padding: 35px 36px 15px 0 !important; border-right: 1px solid var(--s24-line); }
.s24 .s24-company-benefits-grid .s24-company-benefit + .s24-company-benefit { padding-left: 36px !important; }
.s24 .s24-company-benefits-grid .s24-company-benefit:last-child { border-right: 0; }
.s24-company-benefit > .vc_column-inner { padding: 0 !important; }
.s24-company-benefit .benefit-number { display: block; font-size: 13px; font-weight: 700; letter-spacing: .14em; color: var(--s24-brown); margin-bottom: 28px; }
.s24-company-benefit h2 { font-size: clamp(24px,2.5vw,35px); font-weight: 500; letter-spacing: -.04em; line-height: 1.15; color: var(--s24-blue); margin: 0 0 20px; }
.s24-company-benefit p { font-size: 16px; line-height: 1.75; color: #4d535b; margin: 0; }
.s24.s24-company-perspective { padding-top: 105px !important; padding-bottom: 105px !important; }
.s24.s24-company-statement { padding-top: 100px !important; padding-bottom: 100px !important; }
.s24-company-perspective .s24-company-copy,.s24-company-statement .s24-company-copy { padding-left: 6% !important; }
.s24-company-perspective .s24-company-copy { padding-top: 40px !important; }
.s24-company-perspective h2,.s24-company-statement h2 { font-size: clamp(32px,4vw,56px); font-weight: 500; line-height: 1.12; letter-spacing: -.055em; margin: 0; }
.s24-company-perspective p,.s24-company-statement p { font-size: 17px; line-height: 1.85; color: #4d535b; margin: 0 0 24px; }
.s24 .s24-company-rule { border-top: 1px solid var(--s24-line); padding-top: 26px; margin-bottom: 26px !important; }
.s24-company-rule strong { display: block; color: var(--s24-blue); font-size: 19px; font-weight: 600; margin-bottom: 9px; }
.s24-company-rule p { font-size: 15px; }
.s24.s24-company-end { padding-top: 100px !important; padding-bottom: 100px !important; color: #fff; }
.s24-company-end h2 { font-size: clamp(32px,4vw,55px); line-height: 1.15; font-weight: 500; letter-spacing: -.045em; color: #fff; max-width: 900px; margin: 25px 0; }
.s24-company-end .eyebrow { font-size: 11px; text-transform: uppercase; letter-spacing: .28em; color: #e4c3b7; font-weight: 700; }
.s24-company-end .agni-button a,.s24-company-end a.agni-button,.s24-company-end .btn { margin-top: 18px; background: #fff !important; color: var(--s24-blue) !important; }
.s24-company-end .agni-button a:hover,.s24-company-end a.agni-button:hover,.s24-company-end .btn:hover { background: #e9e8e4 !important; }
/* Six independently editable Text Blocks, progressively enhanced by the slider script. */
.s24-testimonial-row { margin: 24px 0 0 !important; padding: 0 !important; }
.s24 .s24-testimonial-slider { background: #fff; border: 1px solid #e3dfd9; padding: 30px 30px 24px !important; box-shadow: 0 12px 32px #1229450b; width: 100%; }
.s24-testimonial-slider > .vc_column-inner { padding: 0 !important; }
.s24-testimonial-slider .testimonial-kicker { font-size: 11px; font-weight: 700; letter-spacing: .2em; color: var(--s24-brown); text-transform: uppercase; margin-bottom: 22px; }
.s24-testimonial-slide { display: flex; min-height: 245px; flex-direction: column; justify-content: space-between; gap: 22px; }
.s24-testimonial-slide[hidden] { display: none !important; }
.s24-testimonial-slide:not(:last-child) { margin-bottom: 24px; }
.s24-testimonial-slider.s24-slider-ready .s24-testimonial-slide { margin-bottom: 0 !important; }
.s24 .s24-testimonial-slide blockquote { font-family: inherit; font-size: clamp(19px,2vw,26px); line-height: 1.52; letter-spacing: -.025em; color: #122945; margin: 0; padding: 0; border: 0; background: none; font-weight: 500; font-style: normal; box-shadow: none; }
.s24-testimonial-slide blockquote::before,.s24-testimonial-slide blockquote::after { content: none; }
.s24 .s24-testimonial-slide blockquote p { font-size: inherit; line-height: inherit; color: inherit; margin: 0; }
.s24 .s24-testimonial-slide .testimonial-source { font-size: 13px; line-height: 1.65; color: #6a5a55; font-weight: 700; margin: 0; }
.s24-testimonial-slide > .wpb_wrapper,.s24-testimonial-slide > .agni-text-block { min-height: inherit; display: flex; flex-direction: column; justify-content: space-between; gap: 22px; }
.s24-testimonial-controls { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--s24-line); margin-top: 25px; padding-top: 18px; gap: 12px; }
.s24-testimonial-counter { font-size: 12px; letter-spacing: .1em; color: #66707a; }
.s24-testimonial-buttons { display: flex; gap: 8px; }
.s24-testimonial-buttons button { display: inline-flex; align-items: center; justify-content: center; background: #fff; color: var(--s24-blue); border: 1px solid #d9d6d0; border-radius: 0; width: 42px; height: 42px; padding: 0; font-family: inherit; font-size: 22px; line-height: 1; cursor: pointer; box-shadow: none; }
.s24-testimonial-buttons button:hover,.s24-testimonial-buttons button:focus-visible { background: var(--s24-blue); color: #fff; outline-offset: 2px; }
@media(max-width:800px) {
 .s24-company-nav-links { justify-content: flex-start; }
 .s24-company-nav-links a { padding: 16px 12px; font-size: 12px; }
 .s24.s24-hero.s24-company-hero { min-height: 570px; padding-top: 70px !important; padding-bottom: 70px !important; }
 .s24.s24-customers-hero { background-position: 50% 20%; }
 .s24.s24-company-perspective,.s24.s24-company-statement,.s24.s24-company-end { padding-top: 70px !important; padding-bottom: 70px !important; }
 .s24.s24-company-benefits { padding-top: 65px !important; padding-bottom: 65px !important; }
 .s24-company-benefits-grid.vc_row,.s24-company-benefits-grid .vc_row { display: block; }
 .s24 .s24-company-benefits-grid .s24-company-benefit,.s24 .s24-company-benefits-grid .s24-company-benefit + .s24-company-benefit { width: 100% !important; float: none; padding: 28px 0 !important; border-right: 0; border-bottom: 1px solid var(--s24-line); }
 .s24 .s24-company-benefits-grid .s24-company-benefit:last-child { border-bottom: 0; }
 .s24-company-benefit .benefit-number { margin-bottom: 14px; }
 .s24-company-perspective > .vc_column_container,.s24-company-perspective .vc_row > .vc_column_container,.s24-company-statement > .vc_column_container,.s24-company-statement .vc_row > .vc_column_container { width: 100% !important; float: none; }
 .s24-company-perspective .s24-company-copy,.s24-company-statement .s24-company-copy { padding-left: 15px !important; margin-top: 32px; }
 .s24-company-perspective .s24-company-copy { padding-top: 0 !important; }
 .s24 .s24-testimonial-slider { padding: 24px 20px 20px !important; }
 .s24-testimonial-slide { min-height: 260px; }
}

/* UNSERE GESCHICHTE V20 — append after your existing shared startseite.css.
   Standalone page additions: requires only base .s24 rules. */
.s24.s24-history-subnav { padding: 0 5% !important; border-bottom: 1px solid var(--s24-line); }
.s24-history-subnav-links { display: flex; justify-content: center; flex-wrap: wrap; }
.s24-history-subnav-links a { display: inline-block; padding: 22px 26px; text-decoration: none; font-size: 13px; font-weight: 600; border-bottom: 3px solid transparent; color: var(--s24-ink); }
.s24-history-subnav-links a:hover,.s24-history-subnav-links a[aria-current=page] { color: var(--s24-blue); border-color: var(--s24-blue); }
.s24.s24-hero.s24-history-hero { min-height: 590px; padding-top: 105px !important; padding-bottom: 115px !important; background-color: #0b1a2e; background-image: none; background-position: center; background-size: cover; }
.s24.s24-history-hero::before { background: linear-gradient(90deg,rgba(8,21,38,.94) 0%,rgba(8,21,38,.80) 33%,rgba(8,21,38,.25) 62%,rgba(8,21,38,.06) 100%); }
.s24-history-hero h1 { max-width: 1050px; }
.s24-history-hero .lead { max-width: 620px; }
.s24.s24-history-timeline { padding-top: 108px !important; padding-bottom: 112px !important; }
.s24-history-timeline .story-label,.s24-history-management .story-label { font-size: 11px; letter-spacing: .26em; text-transform: uppercase; font-weight: 700; color: var(--s24-brown); margin-bottom: 22px; }
.s24-history-heading-grid { margin: 0 0 68px !important; padding: 0 !important; }
.s24-history-heading-grid.vc_row,.s24-history-heading-grid .vc_row { display: flex; align-items: flex-end; gap: 9%; }
.s24-history-heading-grid::before,.s24-history-heading-grid::after,.s24-history-heading-grid .vc_row::before,.s24-history-heading-grid .vc_row::after { display: none !important; }
.s24 .s24-history-heading-grid .s24-history-heading-title { flex: 1.1 1 0; min-width: 0; width: auto; padding: 0 !important; }
.s24 .s24-history-heading-grid .s24-history-heading-copy { flex: .8 1 0; min-width: 0; width: auto; padding: 0 !important; }
.s24-history-heading-grid .vc_column-inner { padding: 0 !important; }
.s24-history-heading-title h2 { font-size: clamp(38px,4.7vw,68px); font-weight: 500; line-height: 1.07; letter-spacing: -.055em; margin: 0; max-width: 780px; }
.s24-history-heading-title h2 span { color: var(--s24-blue); }
.s24-history-heading-copy p { font-size: 17px; line-height: 1.85; color: #50565c; margin: 0 0 5px; }
.s24-history-line { margin: 0 !important; padding: 43px 0 47px !important; border-bottom: 1px solid #d8d7d2; }
.s24-history-heading-grid + .s24-history-line { border-top: 1px solid #d8d7d2; }
.s24-history-line.vc_row,.s24-history-line .vc_row,.s24-history-thread.vc_row,.s24-history-thread .vc_row { display: flex; align-items: flex-start; gap: 6%; }
.s24-history-line::before,.s24-history-line::after,.s24-history-line .vc_row::before,.s24-history-line .vc_row::after,.s24-history-thread::before,.s24-history-thread::after,.s24-history-thread .vc_row::before,.s24-history-thread .vc_row::after { display: none !important; }
.s24 .s24-history-line .s24-history-year-col,.s24 .s24-history-thread .s24-history-thread-label { width: 30%; flex: 0 0 30%; min-width: 0; padding: 0 !important; }
.s24 .s24-history-line .s24-history-copy,.s24 .s24-history-thread .s24-history-thread-copy { width: 64%; flex: 1 1 0; min-width: 0; padding: 0 !important; }
.s24-history-line .vc_column-inner,.s24-history-thread .vc_column-inner { padding: 0 !important; }
.s24-history-year { font-size: clamp(45px,6vw,88px); letter-spacing: -.075em; font-weight: 500; line-height: 1; color: var(--s24-blue); }
.s24 .s24-history-year p { font-size: inherit; line-height: inherit; margin: 0; }
.s24-history-copy .history-tag { font-size: 11px; letter-spacing: .22em; color: #8a5b4d; font-weight: 700; margin: 3px 0 15px; }
.s24-history-copy h3 { font-size: clamp(23px,2.5vw,34px); font-weight: 500; letter-spacing: -.04em; line-height: 1.22; margin: 0 0 14px; }
.s24-history-copy p { font-size: 16px; line-height: 1.85; color: #4c535a; margin: 0; max-width: 720px; }
.s24 .s24-history-present { background: #092c54; color: #fff; padding: 46px 38px !important; margin: 0 -38px !important; border-bottom: 0; }
.s24-history-present .s24-history-year { color: #e4bcae; font-size: clamp(40px,5vw,70px); letter-spacing: -.055em; }
.s24-history-present .history-tag { color: #e4bcae; }
.s24-history-present h3 { color: #fff; }
.s24-history-present .s24-history-copy p { color: #e3e7ec; }
.s24-history-thread { margin: 0 !important; padding: 38px 0 0 !important; }
.s24-history-thread-label span { display: block; font-size: 11px; letter-spacing: .2em; font-weight: 700; color: #8a5b4d; margin-top: 9px; }
.s24-history-thread-copy p { font-size: clamp(20px,2.3vw,30px); line-height: 1.4; letter-spacing: -.025em; margin: 0; max-width: 790px; }
.s24.s24-history-management { padding-top: 105px !important; padding-bottom: 105px !important; }
.s24 .s24-history-management-heading { margin-bottom: 55px !important; max-width: 620px; }
.s24-history-management h2 { font-size: clamp(32px,4vw,56px); font-weight: 500; letter-spacing: -.055em; line-height: 1.12; margin: 0; }
.s24-history-people-grid { margin: 0 !important; padding: 0 !important; }
.s24-history-people-grid.vc_row,.s24-history-people-grid .vc_row { display: flex; align-items: stretch; gap: 22px; }
.s24-history-people-grid::before,.s24-history-people-grid::after,.s24-history-people-grid .vc_row::before,.s24-history-people-grid .vc_row::after { display: none !important; }
.s24 .s24-history-people-grid .s24-history-person { background: #f6f4f0; width: auto; flex: 1 1 0; min-width: 0; padding: 0 !important; }
.s24-history-person > .vc_column-inner { padding: 0 !important; }
.s24-history-person img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: center 20%; }
.s24-history-person figure,.s24-history-person .agni-image { margin: 0 !important; }
.s24 .s24-history-person-info { padding: 29px 27px 33px; }
.s24-history-person-info .person-role { font-size: 10px; letter-spacing: .13em; color: var(--s24-brown); text-transform: uppercase; font-weight: 700; }
.s24-history-person-info h3 { font-size: 28px; line-height: 1.2; letter-spacing: -.04em; font-weight: 500; margin: 12px 0 22px; color: var(--s24-blue); }
.s24.s24-history-end { padding-top: 100px !important; padding-bottom: 100px !important; color: #fff; }
.s24-history-end .eyebrow { font-size: 11px; text-transform: uppercase; letter-spacing: .28em; color: #e4c3b7; font-weight: 700; }
.s24-history-end h2 { font-size: clamp(32px,4vw,55px); line-height: 1.15; font-weight: 500; letter-spacing: -.045em; color: #fff; max-width: 900px; margin: 25px 0; }
.s24-history-end p { color: #dce5ee; max-width: 650px; line-height: 1.8; }
.s24-history-end .agni-button a,.s24-history-end a.agni-button,.s24-history-end .btn { background: #fff !important; color: var(--s24-blue) !important; }
.s24-history-end .agni-button a:hover,.s24-history-end a.agni-button:hover,.s24-history-end .btn:hover { background: #e9e8e4 !important; }
@media(max-width:850px) {
 .s24.s24-history-management { padding-top: 75px !important; padding-bottom: 75px !important; }
 .s24-history-people-grid.vc_row,.s24-history-people-grid .vc_row { display: block; }
 .s24 .s24-history-people-grid .s24-history-person { width: 100% !important; float: none; margin-bottom: 22px; }
 .s24 .s24-history-people-grid .s24-history-person:last-child { margin-bottom: 0; }
}
@media(max-width:800px) {
 .s24-history-subnav-links { justify-content: flex-start; }
 .s24-history-subnav-links a { padding: 16px 12px; font-size: 12px; }
 .s24.s24-hero.s24-history-hero { min-height: 570px; padding-top: 70px !important; padding-bottom: 70px !important; }
 .s24.s24-history-timeline { padding-top: 75px !important; padding-bottom: 75px !important; }
 .s24-history-heading-grid { margin-bottom: 45px !important; }
 .s24-history-heading-grid.vc_row,.s24-history-heading-grid .vc_row,.s24-history-line.vc_row,.s24-history-line .vc_row,.s24-history-thread.vc_row,.s24-history-thread .vc_row { display: block; }
 .s24 .s24-history-heading-grid .vc_column_container,.s24 .s24-history-line .vc_column_container,.s24 .s24-history-thread .vc_column_container { width: 100% !important; float: none; }
 .s24 .s24-history-heading-grid .s24-history-heading-copy { margin-top: 20px; }
 .s24-history-line { padding: 30px 0 35px !important; }
 .s24-history-year { font-size: 54px; }
 .s24-history-line .s24-history-copy { margin-top: 20px; }
 .s24 .s24-history-present { margin: 0 -15px !important; padding: 32px 15px !important; }
 .s24-history-present .s24-history-year { font-size: 45px; }
 .s24-history-thread { padding-top: 30px !important; }
 .s24-history-thread-copy { margin-top: 20px; }
 .s24.s24-history-end { padding-top: 70px !important; padding-bottom: 70px !important; }
}
/* INSERTED CUSTOMER LOGOS — append after current shared startseite.css. */
.s24.s24-client-logos { padding-top: 0 !important; padding-bottom: 105px !important; }
.s24 .s24-client-logos-heading { border-top: 1px solid #14283c29; padding-top: 28px; }
.s24-client-logos-heading h2 { font-weight: 750; color: #14243a; font-size: clamp(21px,2.3vw,29px); line-height: 1.3; letter-spacing: -.025em; margin: 0; }
.s24-client-logos-heading p { font-size: 15px; line-height: 1.65; color: #606c79; margin: 8px 0 23px; }
.s24-client-logo-strip { padding: 0 !important; margin: 0 !important; }
/* Horizontal scroll remains available even before the enhancement script loads. */
.s24-client-logo-strip.vc_row,.s24-client-logo-strip .vc_row { display: flex; flex-wrap: nowrap; align-items: center; gap: 12px; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x mandatory; margin: 0 !important; padding: 5px 1px 12px !important; }
.s24-client-logo-strip::-webkit-scrollbar,.s24-client-logo-strip .vc_row::-webkit-scrollbar { display: none; }
.s24-client-logo-strip::before,.s24-client-logo-strip::after,.s24-client-logo-strip .vc_row::before,.s24-client-logo-strip .vc_row::after { display: none !important; }
.s24 .s24-client-logo-tile { flex: 0 0 222px; width: 222px !important; min-width: 222px; min-height: 115px; scroll-snap-align: start; border: 1px solid #e0e3e8; background: #fff; display: flex; align-items: center; justify-content: center; padding: 8px !important; box-shadow: 0 2px 9px #00000009; }
.s24-client-logo-tile > .vc_column-inner { width: 100%; padding: 0 !important; }
.s24-client-logo-tile img { display: block; width: 100%; height: 96px; object-fit: contain; }
.s24-client-logo-tile figure,.s24-client-logo-tile .agni-image { margin: 0 !important; }
.s24-client-logo-shell { display: flex; align-items: center; gap: 13px; width: 100%; }
.s24-client-logo-viewport { min-width: 0; flex: 1 1 0; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; cursor: grab; }
.s24-client-logo-viewport::-webkit-scrollbar { display: none; }
.s24-client-logo-viewport:active { cursor: grabbing; }
.s24-client-logo-viewport > .s24-client-logo-track { display: flex; flex-wrap: nowrap; width: max-content; max-width: none; gap: 12px; overflow: visible !important; margin: 0 !important; padding: 5px 1px 12px !important; }
.s24 .s24-client-logo-arrow { display: inline-flex; align-items: center; justify-content: center; width: 39px; height: 39px; flex: 0 0 39px; padding: 0; border-radius: 50%; border: 1px solid #cbd2dc; background: #fff; color: #173c68; font-family: inherit; font-size: 30px; line-height: 1; cursor: pointer; box-shadow: none; }
.s24 .s24-client-logo-arrow:hover { background: #eaf0f8; }
.s24 .s24-client-logo-arrow:disabled { opacity: .35; cursor: default; }
.s24-client-logo-viewport:focus-visible,.s24-client-logo-arrow:focus-visible { outline: 2px solid #b17659; outline-offset: 3px; }
@media(max-width:800px) { .s24.s24-client-logos { padding-bottom: 70px !important; } }
@media(max-width:600px) {
 .s24-client-logo-shell { gap: 6px; }
 .s24 .s24-client-logo-tile { flex-basis: 202px; width: 202px !important; min-width: 202px; min-height: 105px; }
 .s24-client-logo-tile img { height: 87px; }
 .s24 .s24-client-logo-arrow { width: 30px; height: 30px; flex-basis: 30px; font-size: 25px; }
}
/* Stop Fortun's decorative background from blocking the slider. */
.s24-client-logo-strip > .section-row-inner-bg-container,
.s24-client-logo-strip > .section-row-inner-bg-container * {
    pointer-events: none !important;
}

/* Keep the slider above that background. */
.s24-client-logo-strip .s24-client-logo-shell {
    position: relative;
    z-index: 1;
}
.s24 .v9-big-stat > .s24-counter-value {
    font-size: inherit;
    color: inherit;
    letter-spacing: inherit;
}