:root{
    --white:#fff;
    --paper:#f7f7f4;
    --ink:#111315;
    --muted:#6f777d;
    --soft:#969da2;
    --line:#d8dcd7;
    --line-soft:#eceeeb;
    --red:#e51b2b;
    --red-dark:#c91423;
    --green:#13824d;
    --green-rgb:19,130,77;
    --shell:1500px;
    --side:28px;
    --shadow:0 26px 70px rgba(17,19,21,.10);
    --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip;overflow-y:scroll}
body{margin:0;width:100%;overflow-x:clip;background:#fff;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
.skip-link{position:fixed;z-index:3000;top:10px;left:10px;transform:translateY(-150%);padding:10px 14px;border-radius:8px;background:var(--ink);color:#fff}.skip-link:focus{transform:none}

/* Header aus der freigegebenen Projekte Seite */
.header-shell,.about-hero__shell{width:min(var(--shell),calc(100% - var(--side)*2));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(17,19,21,.10);backdrop-filter:blur(18px)}
.header-shell{height:92px;display:grid;grid-template-columns:148px 1fr 205px;gap:34px;align-items:center}
.brand{display:flex;align-items:center;width:128px;height:64px}.brand img{width:124px;max-height:56px;object-fit:contain;object-position:left center}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(28px,2.25vw,44px)}
.desktop-nav a{position:relative;padding:34px 0 31px;font-size:15.5px;font-weight:760;white-space:nowrap}
.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:24px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.desktop-nav a:hover:after,.desktop-nav a.is-active:after{transform:scaleX(1)}
.header-contact{min-height:62px;display:flex;flex-direction:column;justify-content:center;padding:0 21px;border-radius:11px;background:var(--ink);color:#fff;box-shadow:0 12px 28px rgba(17,19,21,.12);transition:transform .2s ease,background .2s ease}.header-contact:hover{transform:translateY(-2px);background:var(--red)}.header-contact span{color:#bfc4c6;font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.header-contact strong{margin-top:2px;font-size:16.5px}
.menu-toggle{display:none;width:46px;height:46px;padding:0;border:1px solid var(--line);border-radius:11px;background:#fff}.menu-toggle span{display:block;width:22px;height:2px;margin:5px auto;background:var(--ink)}
.mobile-nav{padding:8px var(--side) 18px;background:#f1f2f0;border-top:1px solid #d8dcd8;box-shadow:0 14px 28px rgba(17,19,21,.08)}.mobile-nav a{display:block;padding:14px 2px;border-bottom:1px solid #d9ddda;font-weight:730}.mobile-nav a.is-active{color:var(--red)}.mobile-phone{border:0!important;padding-top:18px!important}.mobile-phone span,.mobile-phone strong{display:block}.mobile-phone span{color:var(--soft);font-size:9px;letter-spacing:.13em;text-transform:uppercase}.mobile-phone strong{margin-top:4px;color:var(--ink);font-size:16px}

/* Gemeinsame Hero Bausteine */
.country-label{display:inline-flex;align-items:center;gap:11px;padding:7px 10px 7px 8px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#4e555a;font-size:11px;font-weight:820;letter-spacing:.1em;text-transform:uppercase;line-height:1.5;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.flag-at{display:inline-flex;flex-direction:column;overflow:hidden;border:1px solid rgba(17,19,21,.13);border-radius:4px;box-shadow:0 4px 10px rgba(17,19,21,.08);background:none}.flag-at i{display:block;flex:1;width:100%}.flag-at i:nth-child(1),.flag-at i:nth-child(3){background:#ed1c24}.flag-at i:nth-child(2){background:#fff}.flag-at-small{width:28px;height:18px}.flag-at-large{width:54px;height:35px;border-radius:6px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 22px;border:1px solid var(--ink);border-radius:10px;font-size:14px;font-weight:800;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{border-color:var(--red);background:var(--red);color:#fff;box-shadow:0 12px 28px rgba(229,27,43,.18)}.button-primary:hover{background:var(--red-dark);border-color:var(--red-dark)}.button-phone-icon{width:15px;height:15px;flex:0 0 15px;display:block}.button-secondary{background:#fff}.button-secondary:hover{background:#f7f7f4}
.trust-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:28px;font-size:12px}.google-mark{width:20px;height:20px;flex:0 0 20px}.google-mark svg{width:20px;height:20px}.stars{letter-spacing:1.7px;font-size:12px}.trust-row strong{font-size:12px}.trust-row>i{width:1px;height:17px;margin:0 4px;background:var(--line)}.trust-row>span:last-child{color:var(--muted)}

/* Über ÖFD Hero */
.about-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fff 88%,#fafafa 100%)}
.about-hero__shell{position:relative;z-index:1;min-height:660px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(480px,.98fr);gap:clamp(54px,6vw,94px);align-items:center;padding:66px 0 70px}
.about-hero__copy{max-width:none}
.about-hero__copy h1{max-width:830px;margin:25px 0 0;font-size:clamp(56px,5.05vw,86px);font-weight:850;line-height:.96;letter-spacing:-.058em}
.about-hero__lead{max-width:720px;margin:28px 0 0;color:#60686e;font-size:20px;line-height:1.65}

.about-hero__visual{position:relative;min-height:510px;display:flex;align-items:center;justify-content:center;isolation:isolate}
.about-hero__visual:before{content:"";position:absolute;z-index:-2;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(229,27,43,.075) 0%,rgba(229,27,43,0) 70%);right:1%;top:2%}
.about-hero__visual:after{content:"";position:absolute;z-index:-1;width:62%;height:68%;right:9%;top:14%;border:1px solid rgba(17,19,21,.07);border-radius:50%;transform:rotate(-10deg)}
.about-card{position:absolute;border:1px solid #cfd3cf;background:#fff;box-shadow:0 24px 64px rgba(17,19,21,.13);opacity:0;filter:blur(5px);transition:opacity .72s var(--ease),transform .9s var(--ease),filter .9s var(--ease),box-shadow .25s ease}
.about-card:hover{box-shadow:0 30px 78px rgba(17,19,21,.17)}
.about-card--main{z-index:3;left:2%;top:4%;width:77%;min-height:405px;padding:24px 25px 25px;border-radius:16px;transform:translate3d(0,26px,0) scale(.98)}
.about-card__topline{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:15px;border-bottom:1px solid var(--line-soft);color:#7d858a;font-size:9px;font-weight:820;letter-spacing:.09em;text-transform:uppercase}.about-card__topline span:first-child{color:var(--red)}
.about-card__brand{height:78px;display:flex;align-items:center;padding-top:10px}.about-card__brand img{width:150px;max-height:62px;object-fit:contain;object-position:left center}
.about-card__statement{margin-top:25px}.about-card__statement small{display:block;color:#858d92;font-size:9px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.about-card__statement strong{display:block;max-width:470px;margin-top:8px;font-size:29px;line-height:1.08;letter-spacing:-.04em}
.about-card__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px;border-top:1px solid #d8dcd7;border-bottom:1px solid #d8dcd7}.about-card__facts>div{min-width:0;padding:15px 14px 16px 0}.about-card__facts>div:nth-child(even){padding-left:16px;border-left:1px solid #d8dcd7}.about-card__facts>div:nth-child(n+3){border-top:1px solid #d8dcd7}.about-card__facts small{display:block;color:#8a9297;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.about-card__facts strong{display:block;margin-top:3px;font-size:14px;line-height:1.3}
.about-card--services{z-index:2;right:0;bottom:2%;width:49%;padding:18px 18px 17px;border-radius:14px;transform:translate3d(34px,20px,0) rotate(1.25deg)}
.about-card__eyebrow{display:block;margin-bottom:12px;color:#858d92;font-size:8px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.service-line{display:grid;grid-template-columns:27px 1fr;gap:8px;align-items:center;padding:8px 0;border-top:1px solid var(--line-soft)}.service-line strong{color:var(--red);font-size:8px;letter-spacing:.07em}.service-line span{font-size:10px;font-weight:760;white-space:nowrap}
.about-card--austria{z-index:4;left:0;bottom:3%;width:39%;display:flex;align-items:center;gap:13px;padding:14px 15px;border-radius:13px;transform:translate3d(-28px,22px,0) rotate(-1.2deg)}.about-card--austria small{display:block;color:#8a9297;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.about-card--austria strong{display:block;margin-top:2px;font-size:14px;letter-spacing:-.02em}
.about-hero__visual.is-running .about-card{opacity:1;filter:none}.about-hero__visual.is-running .about-card--main{transform:none;transition-delay:.05s}.about-hero__visual.is-running .about-card--services{transform:rotate(1.25deg);transition-delay:.24s}.about-hero__visual.is-running .about-card--austria{transform:rotate(-1.2deg);transition-delay:.4s}

@media (max-width:1180px) and (min-width:981px){
    :root{--side:24px}
    .header-shell{grid-template-columns:136px 1fr 186px;gap:22px}
    .brand{width:118px;height:60px}.brand img{width:115px;max-height:52px}
    .desktop-nav{gap:20px}.desktop-nav a{font-size:13px}
    .header-contact{min-height:56px;padding-inline:16px}
    .about-hero__shell{grid-template-columns:1fr 1fr;gap:38px}
    .about-hero__copy h1{font-size:clamp(52px,5.8vw,72px)}
    .about-hero__visual{min-height:500px}
    .about-card--main{width:80%}.about-card__statement strong{font-size:25px}.about-card--services{width:51%}.about-card--austria{width:42%}
}
@media (max-width:980px) and (min-width:701px){
    :root{--side:24px}
    .header-shell{height:76px;grid-template-columns:auto 1fr auto;gap:18px}
    .brand{grid-column:1;width:116px;height:58px;justify-self:start}.brand img{width:112px;max-height:52px}
    .desktop-nav,.header-contact{display:none}.menu-toggle{grid-column:3;display:block;justify-self:end;width:44px;height:44px}
    .mobile-nav{padding:8px var(--side) 20px;background:#f2f3f1}
    .about-hero__shell{min-height:auto;grid-template-columns:1fr;gap:34px;padding:46px 0 48px}
    .about-hero__copy{max-width:800px}
    .about-hero__copy h1{max-width:800px;font-size:clamp(54px,8.2vw,74px)}
    .about-hero__visual{width:min(100%,720px);min-height:520px;margin-inline:auto}
    .about-card--main{left:4%;width:76%}.about-card--services{right:3%;width:47%}.about-card--austria{left:3%;width:40%}
}
@media (max-width:700px){
    :root{--side:16px}
    body{font-size:15px}
    .header-shell{height:68px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}
    .brand{grid-column:1;justify-self:start;width:92px;height:50px;margin:0}.brand img{width:90px;max-height:46px}
    .desktop-nav,.header-contact{display:none}
    .menu-toggle{grid-column:3;display:block;justify-self:end;align-self:center;width:42px;height:42px;margin:0;border-color:#cfd4d0;background:#f7f7f5}
    .mobile-nav{width:100%;margin:0;padding:6px var(--side) 16px;background:#f1f2f0;border-top:1px solid #d8dcd8;box-shadow:0 14px 28px rgba(17,19,21,.08)}.mobile-nav a{padding:13px 0}
    .about-hero__shell{min-height:auto;grid-template-columns:1fr;gap:28px;padding:38px 0 40px}
    .country-label{max-width:100%;padding:7px 10px;font-size:8.5px;letter-spacing:.075em}.flag-at-small{width:23px;height:15px}
    .about-hero__copy h1{margin-top:20px;font-size:clamp(42px,12.2vw,56px);line-height:.98}
    .about-hero__lead{margin-top:20px;font-size:17px;line-height:1.6}
    .hero-actions{display:grid;grid-template-columns:1fr;margin-top:24px}.hero-actions .button{width:100%}
    .trust-row{gap:8px;margin-top:22px;font-size:11.5px}.google-mark{width:18px;height:18px;flex-basis:18px}.google-mark svg{width:18px;height:18px}
    .about-hero__visual{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:0;width:100%;margin-top:6px}
    .about-hero__visual:before,.about-hero__visual:after{display:none}
    .about-card{position:relative!important;inset:auto!important;width:auto!important;transform:translateY(16px)!important;border-radius:12px}
    .about-hero__visual.is-running .about-card{transform:none!important}
    .about-card--main{grid-column:1/-1;min-height:0;padding:18px}
    .about-card__topline{font-size:7px}.about-card__brand{height:58px}.about-card__brand img{width:118px;max-height:48px}.about-card__statement{margin-top:17px}.about-card__statement strong{font-size:24px}.about-card__facts{margin-top:20px}.about-card__facts>div{padding:12px 10px 12px 0}.about-card__facts>div:nth-child(even){padding-left:12px}.about-card__facts strong{font-size:12px}
    .about-card--services,.about-card--austria{grid-column:auto}
    .about-card--services{padding:14px 13px}.about-card__eyebrow{font-size:7px}.service-line{grid-template-columns:23px 1fr;gap:5px;padding:7px 0}.service-line strong{font-size:7px}.service-line span{font-size:8.5px;white-space:normal;line-height:1.25}
    .about-card--austria{display:block;padding:14px}.flag-at-large{width:44px;height:29px}.about-card--austria div{margin-top:12px}.about-card--austria strong{font-size:13px}
}
@media (max-width:430px){
    .header-shell{height:66px}.brand{width:88px;height:48px}.brand img{width:86px;max-height:44px}.menu-toggle{width:40px;height:40px}
    .about-hero__copy h1{font-size:41px}
    .trust-row>i,.trust-row>span:last-child{display:none}
    .about-hero__visual{gap:8px}
    .about-card__statement strong{font-size:22px}
    .about-card__facts strong{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.about-card{transition:none!important;opacity:1!important;filter:none!important;transform:none!important}}

/* Warum ÖFD */
.why-oefd{
    position:relative;
    overflow:hidden;
    background:var(--paper);
    border-top:1px solid var(--line-soft)
}
.why-oefd:before{
    content:"";
    position:absolute;
    width:520px;
    height:520px;
    right:-280px;
    top:-250px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(229,27,43,.055) 0%,rgba(229,27,43,0) 70%);
    pointer-events:none
}
.why-oefd__shell{
    width:min(var(--shell),calc(100% - var(--side)*2));
    margin-inline:auto;
    padding:82px 0 94px
}
.why-oefd__intro{
    display:grid;
    grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr);
    gap:clamp(64px,7vw,118px);
    align-items:center
}
.why-oefd__copy{max-width:620px}
.section-kicker{
    display:block;
    color:#596167;
    font-size:12px;
    font-weight:820;
    letter-spacing:.02em
}
.why-oefd__copy h2{
    max-width:650px;
    margin:18px 0 0;
    font-size:clamp(50px,4.55vw,74px);
    font-weight:850;
    line-height:1.01;
    letter-spacing:-.055em
}
.why-oefd__copy p{
    max-width:590px;
    margin:25px 0 0;
    color:#697177;
    font-size:17px;
    line-height:1.72
}
.why-oefd__copy p+p{margin-top:15px}
.text-link{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin-top:25px;
    padding-bottom:3px;
    border-bottom:1px solid rgba(17,19,21,.34);
    font-size:13px;
    font-weight:800;
    transition:border-color .2s ease,color .2s ease
}
.text-link:hover{color:var(--red);border-color:var(--red)}
.text-link span{font-size:15px;line-height:1}

.why-oefd__comparison{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) 74px minmax(0,1.08fr);
    align-items:stretch;
    min-width:0;
    opacity:0;
    transform:translateY(20px);
    transition:opacity .72s var(--ease),transform .82s var(--ease)
}
.why-oefd.is-visible .why-oefd__comparison{opacity:1;transform:none}
.comparison-card{
    position:relative;
    min-width:0;
    min-height:470px;
    display:flex;
    flex-direction:column;
    padding:34px 30px 28px;
    border:1px solid #cfd4d0;
    background:#fff
}
.comparison-card--classic{
    border-radius:18px 0 0 18px;
    border-right:0;
    background:#f1f2ef
}
.comparison-card--oefd{
    border-radius:0 18px 18px 0;
    box-shadow:0 24px 64px rgba(17,19,21,.10)
}
.comparison-card__accent{
    position:absolute;
    top:-1px;
    left:30px;
    width:64px;
    height:3px;
    border-radius:999px;
    background:var(--red)
}
.comparison-card__head{
    min-height:119px;
    padding-bottom:24px;
    border-bottom:1px solid #d8dcd7
}
.comparison-card__label{
    display:block;
    color:#7e868a;
    font-size:9px;
    font-weight:850;
    letter-spacing:.11em;
    text-transform:uppercase
}
.comparison-card--oefd .comparison-card__label{color:var(--red)}
.comparison-card__head strong{
    display:block;
    max-width:320px;
    margin-top:11px;
    font-size:28px;
    line-height:1.08;
    letter-spacing:-.038em
}
.comparison-list{margin-top:10px}
.comparison-list>div{
    display:grid;
    grid-template-columns:34px 1fr;
    gap:12px;
    align-items:start;
    padding:17px 0;
    border-bottom:1px solid #dde0dc
}
.comparison-list>div>span{
    padding-top:2px;
    color:#9aa0a3;
    font-size:9px;
    font-weight:850;
    letter-spacing:.08em
}
.comparison-card--oefd .comparison-list>div>span{color:var(--red)}
.comparison-list p{
    margin:0;
    color:#4f575c;
    font-size:13.5px;
    font-weight:720;
    line-height:1.45
}
.comparison-card--classic .comparison-list p{color:#737a7f;font-weight:680}
.comparison-divider{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(90deg,#f1f2ef 0%,#f1f2ef 50%,#fff 50%,#fff 100%);
    border-top:1px solid #cfd4d0;
    border-bottom:1px solid #cfd4d0
}
.comparison-divider:before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:1px;
    height:72%;
    background:#d3d7d3;
    transform:translate(-50%,-50%)
}
.comparison-divider span{
    position:relative;
    z-index:1;
    writing-mode:vertical-rl;
    transform:rotate(180deg);
    padding:12px 6px;
    background:var(--paper);
    color:#8d9498;
    font-size:8px;
    font-weight:850;
    letter-spacing:.12em;
    text-transform:uppercase
}
.comparison-card__foot{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:auto;
    padding-top:18px;
    color:#667075;
    font-size:10px;
    font-weight:800;
    letter-spacing:.04em
}
.flag-at-tiny{width:23px;height:15px}

@media(max-width:1180px) and (min-width:981px){
    .why-oefd__shell{padding:72px 0 84px}
    .why-oefd__intro{grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr);gap:46px}
    .why-oefd__copy h2{font-size:58px}
    .why-oefd__copy p{font-size:16px}
    .why-oefd__comparison{grid-template-columns:minmax(0,1fr) 56px minmax(0,1.08fr)}
    .comparison-card{padding:30px 24px 24px;min-height:455px}
    .comparison-card__head strong{font-size:24px}
    .comparison-card__accent{left:24px}
}
@media(max-width:980px) and (min-width:701px){
    .why-oefd__shell{padding:60px 0 72px}
    .why-oefd__intro{grid-template-columns:1fr;gap:42px}
    .why-oefd__copy{max-width:760px}
    .why-oefd__copy h2{max-width:760px;font-size:54px}
    .why-oefd__copy p{max-width:720px}
    .why-oefd__comparison{width:min(100%,820px)}
}
@media(max-width:700px){
    .why-oefd__shell{padding:44px 0 56px}
    .why-oefd__intro{grid-template-columns:1fr;gap:31px}
    .section-kicker{font-size:11px}
    .why-oefd__copy h2{margin-top:13px;font-size:clamp(38px,11.7vw,50px);line-height:1.02}
    .why-oefd__copy p{margin-top:21px;font-size:16px;line-height:1.65}
    .why-oefd__copy p+p{margin-top:13px}
    .text-link{margin-top:20px}
    .why-oefd__comparison{grid-template-columns:1fr;gap:0}
    .comparison-card{min-height:0;padding:27px 22px 24px}
    .comparison-card--classic{border-radius:14px 14px 0 0;border-right:1px solid #cfd4d0;border-bottom:0}
    .comparison-card--oefd{border-radius:0 0 14px 14px}
    .comparison-card__head{min-height:0;padding-bottom:19px}
    .comparison-card__head strong{font-size:25px}
    .comparison-card__accent{left:22px}
    .comparison-divider{height:52px;background:linear-gradient(180deg,#f1f2ef 0%,#f1f2ef 50%,#fff 50%,#fff 100%);border-left:1px solid #cfd4d0;border-right:1px solid #cfd4d0;border-top:0;border-bottom:0}
    .comparison-divider:before{left:50%;top:50%;width:74%;height:1px;transform:translate(-50%,-50%)}
    .comparison-divider span{writing-mode:horizontal-tb;transform:none;padding:5px 11px;background:var(--paper)}
    .comparison-list>div{padding:14px 0}
    .comparison-list p{font-size:13px}
    .comparison-card__foot{padding-top:17px}
}
@media(max-width:430px){
    .why-oefd__shell{padding-top:40px}
    .why-oefd__copy h2{font-size:38px}
    .comparison-card{padding-inline:19px}
    .comparison-card__accent{left:19px}
}
@media(prefers-reduced-motion:reduce){
    .why-oefd__comparison{transition:none!important;opacity:1!important;transform:none!important}
}


/* Unternehmen und Haltung */
.company-values{
    position:relative;
    overflow:hidden;
    background:#fff;
    border-top:1px solid var(--line-soft)
}
.company-values__shell{
    width:min(var(--shell),calc(100% - var(--side)*2));
    margin-inline:auto;
    padding:78px 0 92px
}
.company-values__intro{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);
    gap:clamp(56px,7vw,116px);
    align-items:end
}
.company-values__heading h2{
    max-width:930px;
    margin:18px 0 0;
    font-size:clamp(50px,4.45vw,74px);
    font-weight:850;
    line-height:1.01;
    letter-spacing:-.054em
}
.company-values__summary{
    max-width:550px;
    padding-bottom:5px
}
.company-values__summary p{
    margin:0;
    color:#697177;
    font-size:18px;
    line-height:1.7
}
.company-values__stage{
    display:grid;
    grid-template-columns:minmax(390px,.82fr) minmax(0,1.18fr);
    gap:0;
    margin-top:54px;
    border:1px solid #cfd4d0;
    border-radius:20px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 26px 72px rgba(17,19,21,.09);
    opacity:0;
    transform:translateY(20px);
    transition:opacity .72s var(--ease),transform .82s var(--ease)
}
.company-values.is-visible .company-values__stage{
    opacity:1;
    transform:none
}
.company-values__statement{
    position:relative;
    min-height:535px;
    display:flex;
    flex-direction:column;
    padding:48px 46px 42px;
    background:#111315;
    color:#fff;
    overflow:hidden
}
.company-values__statement:before{
    content:"";
    position:absolute;
    width:360px;
    height:360px;
    left:-210px;
    bottom:-190px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(229,27,43,.18) 0%,rgba(229,27,43,0) 69%);
    pointer-events:none
}
.company-values__statement:after{
    content:"";
    position:absolute;
    top:0;
    left:46px;
    width:66px;
    height:3px;
    background:var(--red)
}
.company-values__eyebrow{
    position:relative;
    z-index:1;
    color:#aeb5b1;
    font-size:10px;
    line-height:1.2;
    font-weight:850;
    letter-spacing:.11em;
    text-transform:uppercase
}
.company-values__statement h3{
    position:relative;
    z-index:1;
    max-width:500px;
    margin:22px 0 0;
    font-size:clamp(36px,3.05vw,49px);
    line-height:1.02;
    letter-spacing:-.048em;
    font-weight:830
}
.company-values__statement>p{
    position:relative;
    z-index:1;
    max-width:500px;
    margin:25px 0 0;
    color:#b8bfbb;
    font-size:15px;
    line-height:1.72
}
.company-values__signature{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:auto;
    padding-top:34px;
    border-top:1px solid rgba(255,255,255,.13)
}
.company-values__signature small,
.company-values__signature strong{display:block}
.company-values__signature small{
    color:#8f9793;
    font-size:8px;
    line-height:1.2;
    font-weight:850;
    letter-spacing:.11em;
    text-transform:uppercase
}
.company-values__signature strong{
    margin-top:2px;
    color:#fff;
    font-size:12px;
    line-height:1.25
}
.company-values__principles{
    display:grid;
    grid-template-rows:repeat(3,1fr);
    min-width:0;
    background:#f7f7f4
}
.principle-card{
    position:relative;
    display:grid;
    grid-template-columns:64px 1fr;
    gap:28px;
    align-items:center;
    min-width:0;
    padding:34px 42px;
    opacity:0;
    transform:translateX(18px);
    transition:opacity .58s var(--ease),transform .68s var(--ease)
}
.principle-card+.principle-card{border-top:1px solid #cfd4d0}
.company-values.is-visible .principle-card{opacity:1;transform:none}
.company-values.is-visible .principle-card:nth-child(1){transition-delay:.12s}
.company-values.is-visible .principle-card:nth-child(2){transition-delay:.21s}
.company-values.is-visible .principle-card:nth-child(3){transition-delay:.30s}
.principle-card__number{
    align-self:start;
    padding-top:4px;
    color:var(--red);
    font-size:10px;
    font-weight:850;
    letter-spacing:.1em
}
.principle-card small{
    display:block;
    color:#7e868a;
    font-size:9px;
    line-height:1.2;
    font-weight:850;
    letter-spacing:.11em;
    text-transform:uppercase
}
.principle-card h3{
    max-width:600px;
    margin:8px 0 0;
    font-size:25px;
    line-height:1.12;
    letter-spacing:-.033em
}
.principle-card p{
    max-width:620px;
    margin:10px 0 0;
    color:#747c81;
    font-size:13.5px;
    line-height:1.65
}
.company-values__closing{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    margin-top:38px;
    padding-left:18px;
    border-left:3px solid var(--green)
}
.company-values__closing strong{
    font-size:24px;
    line-height:1.2;
    letter-spacing:-.025em
}
.company-values__closing span{
    color:#7b8388;
    font-size:12px;
    font-weight:700;
    white-space:nowrap
}
@media(max-width:1180px) and (min-width:981px){
    .company-values__shell{padding:70px 0 82px}
    .company-values__intro{grid-template-columns:minmax(0,1fr) minmax(330px,.74fr);gap:46px}
    .company-values__heading h2{font-size:58px}
    .company-values__summary p{font-size:16.5px}
    .company-values__stage{grid-template-columns:minmax(350px,.8fr) minmax(0,1.2fr)}
    .company-values__statement{padding:42px 34px 36px;min-height:510px}
    .company-values__statement:after{left:34px}
    .principle-card{grid-template-columns:48px 1fr;gap:20px;padding:30px 31px}
    .principle-card h3{font-size:22px}
}
@media(max-width:980px) and (min-width:701px){
    .company-values__shell{padding:60px 0 72px}
    .company-values__intro{grid-template-columns:1fr;gap:26px}
    .company-values__heading h2{max-width:780px;font-size:54px}
    .company-values__summary{max-width:720px}
    .company-values__stage{grid-template-columns:1fr;margin-top:42px;border-radius:16px}
    .company-values__statement{min-height:430px;padding:44px 40px 36px}
    .company-values__statement:after{left:40px}
    .company-values__statement h3{max-width:700px;font-size:44px}
    .company-values__statement>p{max-width:680px}
    .principle-card{grid-template-columns:60px 1fr;padding:30px 36px}
}
@media(max-width:700px){
    .company-values__shell{padding:44px 0 56px}
    .company-values__intro{grid-template-columns:1fr;gap:20px}
    .company-values__heading h2{margin-top:13px;font-size:clamp(38px,11.7vw,50px);line-height:1.02}
    .company-values__summary p{font-size:16px;line-height:1.65}
    .company-values__stage{grid-template-columns:1fr;margin-top:31px;border-radius:14px;box-shadow:0 18px 48px rgba(17,19,21,.09)}
    .company-values__statement{min-height:410px;padding:36px 24px 28px}
    .company-values__statement:after{left:24px;width:52px}
    .company-values__statement h3{margin-top:18px;font-size:clamp(34px,9.7vw,43px)}
    .company-values__statement>p{margin-top:20px;font-size:14px;line-height:1.68}
    .company-values__signature{padding-top:26px}
    .principle-card{grid-template-columns:38px 1fr;gap:12px;padding:25px 22px}
    .principle-card h3{font-size:20px}
    .principle-card p{margin-top:8px;font-size:13px}
    .company-values__closing{display:block;margin-top:30px;padding-left:14px}
    .company-values__closing strong{display:block;font-size:21px}
    .company-values__closing span{display:block;margin-top:5px;font-size:11px;white-space:normal}
}
@media(max-width:430px){
    .company-values__shell{padding-top:40px}
    .company-values__heading h2{font-size:38px}
    .company-values__statement{padding-inline:20px}
    .company-values__statement:after{left:20px}
    .company-values__statement h3{font-size:34px}
    .principle-card{grid-template-columns:32px 1fr;padding-inline:19px}
}
@media(prefers-reduced-motion:reduce){
    .company-values__stage,.principle-card{transition:none!important;opacity:1!important;transform:none!important}
}

/* Digitalisierung aus einer Hand */
.digital-services{
    position:relative;
    overflow:hidden;
    background:var(--paper);
    border-top:1px solid var(--line-soft)
}
.digital-services__shell{
    width:min(var(--shell),calc(100% - var(--side)*2));
    margin-inline:auto;
    padding:82px 0 98px
}
.digital-services__intro{
    display:grid;
    grid-template-columns:minmax(0,1.14fr) minmax(360px,.66fr);
    gap:clamp(60px,7vw,118px);
    align-items:end
}
.digital-services__heading h2{
    max-width:1020px;
    margin:18px 0 0;
    font-size:clamp(50px,4.55vw,76px);
    font-weight:850;
    line-height:1.01;
    letter-spacing:-.055em
}
.digital-services__summary{
    max-width:565px;
    padding-bottom:5px
}
.digital-services__summary p{
    margin:0;
    color:#697177;
    font-size:18px;
    line-height:1.72
}
.digital-services__board{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    grid-template-rows:minmax(205px,auto) minmax(215px,auto) auto;
    margin-top:60px;
    overflow:hidden;
    border:1px solid #cbd0cc;
    border-radius:20px;
    background:#fff;
    box-shadow:0 24px 64px rgba(17,19,21,.075);
    opacity:0;
    transform:translateY(16px);
    transition:opacity .62s var(--ease),transform .72s var(--ease)
}
.digital-services.is-visible .digital-services__board{
    opacity:1;
    transform:none
}
.service-panel{
    position:relative;
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:36px 38px 38px;
    background:#fff;
    transition:background .22s ease
}
.service-panel__kicker{
    display:block;
    color:#7f878b;
    font-size:10px;
    font-weight:850;
    letter-spacing:.105em;
    text-transform:uppercase
}
.service-panel__body{margin-top:42px}
.service-panel h3{
    margin:0;
    font-size:34px;
    line-height:1.02;
    letter-spacing:-.045em
}
.service-panel p{
    max-width:510px;
    margin:17px 0 0;
    color:#747c81;
    font-size:14px;
    line-height:1.72
}
.service-panel--web{
    grid-column:1 / 7;
    grid-row:1 / 3;
    min-height:420px;
    padding:44px 48px 46px;
    background:#111315;
    color:#fff;
    overflow:hidden
}
.service-panel--web:before{
    content:"";
    position:absolute;
    left:48px;
    top:0;
    width:66px;
    height:3px;
    background:var(--red)
}
.service-panel--web:after{
    content:"ÖFD";
    position:absolute;
    right:-12px;
    bottom:-42px;
    color:#fff;
    font-size:170px;
    line-height:1;
    font-weight:900;
    letter-spacing:-.09em;
    opacity:.028;
    pointer-events:none
}
.service-panel--web .service-panel__kicker{color:#aeb5b1}
.service-panel--web .service-panel__body{position:relative;z-index:1;margin-top:92px}
.service-panel--web h3{
    max-width:620px;
    font-size:clamp(48px,4.2vw,68px);
    line-height:.94;
    letter-spacing:-.058em
}
.service-panel--web p{
    max-width:560px;
    margin-top:26px;
    color:#b8bfbb;
    font-size:15.5px;
    line-height:1.72
}
.service-panel--seo{
    grid-column:7 / 13;
    grid-row:1;
    border-bottom:1px solid #d7dbd7
}
.service-panel--seo h3{font-size:38px}
.service-panel--hosting{
    grid-column:7 / 10;
    grid-row:2;
    border-right:1px solid #d7dbd7
}
.service-panel--care{
    grid-column:10 / 13;
    grid-row:2
}
.service-panel--hosting h3,.service-panel--care h3{font-size:28px}
.service-panel--hosting p,.service-panel--care p{font-size:13.5px}
.service-panel--seo:hover,.service-panel--hosting:hover,.service-panel--care:hover{background:#fafaf8}
.digital-services__board-footer{
    grid-column:1 / -1;
    grid-row:3;
    min-height:78px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    padding:20px 28px;
    border-top:1px solid #d7dbd7;
    background:#fff
}
.digital-services__board-footer strong{
    font-size:17px;
    line-height:1.35;
    letter-spacing:-.018em
}
.digital-services__board-footer a{
    display:inline-flex;
    align-items:center;
    gap:9px;
    flex:0 0 auto;
    padding-bottom:3px;
    border-bottom:1px solid rgba(17,19,21,.34);
    font-size:13px;
    font-weight:800;
    transition:color .2s ease,border-color .2s ease
}
.digital-services__board-footer a:hover{color:var(--red);border-color:var(--red)}
.digital-services__board-footer a:focus-visible{outline:3px solid rgba(229,27,43,.22);outline-offset:5px;border-radius:3px}

@media(max-width:1180px) and (min-width:981px){
    .digital-services__shell{padding:72px 0 86px}
    .digital-services__intro{grid-template-columns:minmax(0,1fr) minmax(330px,.7fr);gap:48px}
    .digital-services__heading h2{font-size:58px}
    .digital-services__summary p{font-size:16.5px}
    .digital-services__board{grid-template-rows:minmax(190px,auto) minmax(205px,auto) auto;margin-top:52px}
    .service-panel{padding:31px 30px 32px}
    .service-panel--web{padding:39px 40px 41px}
    .service-panel--web:before{left:40px}
    .service-panel--web .service-panel__body{margin-top:76px}
    .service-panel--web h3{font-size:54px}
    .service-panel--seo h3{font-size:34px}
    .service-panel--hosting h3,.service-panel--care h3{font-size:25px}
}
@media(max-width:980px) and (min-width:701px){
    .digital-services__shell{padding:60px 0 74px}
    .digital-services__intro{grid-template-columns:1fr;gap:26px}
    .digital-services__heading h2{max-width:820px;font-size:54px}
    .digital-services__summary{max-width:720px}
    .digital-services__board{
        grid-template-columns:repeat(3,minmax(0,1fr));
        grid-template-rows:auto auto auto;
        margin-top:44px;
        border-radius:17px
    }
    .service-panel--web{
        grid-column:1 / -1;
        grid-row:1;
        min-height:360px;
        padding:40px 42px 42px
    }
    .service-panel--web:before{left:42px}
    .service-panel--web .service-panel__body{margin-top:72px}
    .service-panel--web h3{max-width:660px;font-size:58px}
    .service-panel--web p{max-width:640px}
    .service-panel--seo,.service-panel--hosting,.service-panel--care{
        grid-row:2;
        border-bottom:0
    }
    .service-panel--seo{grid-column:1 / 2;border-right:1px solid #d7dbd7}
    .service-panel--hosting{grid-column:2 / 3;border-right:1px solid #d7dbd7}
    .service-panel--care{grid-column:3 / 4}
    .service-panel{padding:29px 25px 31px}
    .service-panel__body{margin-top:40px}
    .service-panel--seo h3,.service-panel--hosting h3,.service-panel--care h3{font-size:25px}
    .service-panel p{font-size:13px}
    .digital-services__board-footer{grid-column:1 / -1;grid-row:3;padding-inline:24px}
}
@media(max-width:700px){
    .digital-services__shell{padding:44px 0 58px}
    .digital-services__intro{grid-template-columns:1fr;gap:20px}
    .digital-services__heading h2{margin-top:13px;font-size:clamp(38px,11.7vw,50px);line-height:1.02}
    .digital-services__summary p{font-size:16px;line-height:1.65}
    .digital-services__board{
        display:block;
        margin-top:34px;
        border-radius:14px;
        box-shadow:0 18px 44px rgba(17,19,21,.065)
    }
    .service-panel{min-height:0;padding:27px 22px 29px;border:0;border-bottom:1px solid #d7dbd7}
    .service-panel__body{margin-top:30px}
    .service-panel h3,.service-panel--seo h3,.service-panel--hosting h3,.service-panel--care h3{font-size:27px}
    .service-panel p{margin-top:12px;font-size:13.5px;line-height:1.68}
    .service-panel--web{min-height:360px;padding:33px 24px 35px}
    .service-panel--web:before{left:24px;width:54px}
    .service-panel--web:after{right:-8px;bottom:-24px;font-size:118px}
    .service-panel--web .service-panel__body{margin-top:78px}
    .service-panel--web h3{font-size:clamp(43px,12vw,56px);line-height:.95}
    .service-panel--web p{margin-top:22px;color:#b8bfbb;font-size:14.5px}
    .digital-services__board-footer{min-height:0;display:block;padding:24px 22px 26px;border-top:0}
    .digital-services__board-footer strong{display:block;font-size:16px}
    .digital-services__board-footer a{margin-top:15px}
}
@media(max-width:430px){
    .digital-services__shell{padding-top:40px}
    .digital-services__heading h2{font-size:38px}
    .service-panel--web{min-height:340px;padding-inline:20px}
    .service-panel--web:before{left:20px}
    .service-panel--web h3{font-size:43px}
    .service-panel{padding-inline:20px}
    .digital-services__board-footer{padding-inline:20px}
}
@media(prefers-reduced-motion:reduce){
    .digital-services__board{transition:none!important;opacity:1!important;transform:none!important}
}


/* Zusammenarbeit mit OEFD */
.collaboration{
    position:relative;
    overflow:hidden;
    background:#fff;
    border-top:1px solid var(--line-soft)
}
.collaboration__shell{
    width:min(var(--shell),calc(100% - var(--side)*2));
    margin-inline:auto;
    padding:82px 0 96px
}
.collaboration__intro{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);
    gap:clamp(56px,7vw,116px);
    align-items:end
}
.collaboration__heading h2{
    max-width:930px;
    margin:18px 0 0;
    font-size:clamp(50px,4.45vw,74px);
    font-weight:850;
    line-height:1.01;
    letter-spacing:-.054em
}
.collaboration__summary{
    max-width:555px;
    padding-bottom:5px
}
.collaboration__summary p{
    margin:0;
    color:#697177;
    font-size:18px;
    line-height:1.72
}
.collaboration__editorial{
    display:grid;
    grid-template-columns:minmax(350px,.78fr) minmax(0,1.22fr);
    gap:clamp(54px,6vw,104px);
    margin-top:66px;
    padding-top:1px;
    opacity:0;
    transform:translateY(16px);
    transition:opacity .64s var(--ease),transform .76s var(--ease)
}
.collaboration.is-visible .collaboration__editorial{
    opacity:1;
    transform:none
}
.collaboration__statement{
    position:relative;
    align-self:start;
    padding:32px 4px 36px 30px;
    border-left:3px solid var(--red)
}
.collaboration__statement:after{
    content:"";
    position:absolute;
    left:30px;
    right:0;
    bottom:0;
    height:1px;
    background:#d9ddda
}
.collaboration__statement-label{
    display:block;
    color:#7e868b;
    font-size:10px;
    font-weight:850;
    letter-spacing:.105em;
    text-transform:uppercase
}
.collaboration__statement>p{
    max-width:520px;
    margin:24px 0 0;
    color:#303437;
    font-size:clamp(31px,2.6vw,46px);
    line-height:1.09;
    letter-spacing:-.045em;
    font-weight:520
}
.collaboration__statement>p strong{
    color:var(--ink);
    font-weight:850
}
.collaboration__availability{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:34px;
    color:#71797e;
    font-size:12px;
    font-weight:740
}
.collaboration__status{
    width:7px;
    height:7px;
    flex:0 0 7px;
    border-radius:50%;
    background:var(--green)
}
.collaboration__principles{
    border-top:1px solid #cfd4d0
}
.collaboration__row{
    display:grid;
    grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);
    gap:clamp(34px,4vw,68px);
    align-items:start;
    padding:31px 0 34px;
    border-bottom:1px solid #cfd4d0;
    opacity:0;
    transform:translateY(10px);
    transition:opacity .52s var(--ease),transform .64s var(--ease)
}
.collaboration.is-visible .collaboration__row{
    opacity:1;
    transform:none
}
.collaboration.is-visible .collaboration__row:nth-child(1){transition-delay:.08s}
.collaboration.is-visible .collaboration__row:nth-child(2){transition-delay:.16s}
.collaboration.is-visible .collaboration__row:nth-child(3){transition-delay:.24s}
.collaboration__row-title>span{
    display:block;
    color:#7e868b;
    font-size:10px;
    font-weight:850;
    letter-spacing:.105em;
    text-transform:uppercase
}
.collaboration__row h3{
    max-width:330px;
    margin:10px 0 0;
    font-size:24px;
    line-height:1.14;
    letter-spacing:-.032em
}
.collaboration__row>p{
    max-width:590px;
    margin:2px 0 0;
    color:#747c81;
    font-size:14.5px;
    line-height:1.72
}
.collaboration__closing{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    margin-top:45px;
    padding-top:25px;
    border-top:1px solid #d9ddda
}
.collaboration__closing strong{
    font-size:21px;
    line-height:1.3;
    letter-spacing:-.022em
}
.collaboration__closing span{
    color:#7b8388;
    font-size:12px;
    font-weight:700;
    text-align:right
}
@media(max-width:1180px) and (min-width:981px){
    .collaboration__shell{padding:72px 0 86px}
    .collaboration__intro{grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);gap:48px}
    .collaboration__heading h2{font-size:58px}
    .collaboration__summary p{font-size:16.5px}
    .collaboration__editorial{grid-template-columns:minmax(310px,.74fr) minmax(0,1.26fr);gap:52px;margin-top:56px}
    .collaboration__statement>p{font-size:36px}
    .collaboration__row{grid-template-columns:minmax(210px,.72fr) minmax(0,1.28fr);gap:34px}
}
@media(max-width:980px) and (min-width:701px){
    .collaboration__shell{padding:60px 0 74px}
    .collaboration__intro{grid-template-columns:1fr;gap:26px}
    .collaboration__heading h2{max-width:820px;font-size:54px}
    .collaboration__summary{max-width:720px}
    .collaboration__editorial{grid-template-columns:1fr;gap:42px;margin-top:46px}
    .collaboration__statement{max-width:760px;padding-right:0}
    .collaboration__statement>p{max-width:680px;font-size:42px}
    .collaboration__principles{width:100%}
    .collaboration__row{grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:38px}
}
@media(max-width:700px){
    .collaboration__shell{padding:44px 0 58px}
    .collaboration__intro{grid-template-columns:1fr;gap:20px}
    .collaboration__heading h2{margin-top:13px;font-size:clamp(38px,11.7vw,50px);line-height:1.02}
    .collaboration__summary p{font-size:16px;line-height:1.65}
    .collaboration__editorial{grid-template-columns:1fr;gap:35px;margin-top:34px}
    .collaboration__statement{padding:24px 0 28px 19px;border-left-width:3px}
    .collaboration__statement:after{left:19px}
    .collaboration__statement>p{margin-top:17px;font-size:clamp(30px,8.9vw,40px);line-height:1.08}
    .collaboration__availability{margin-top:25px;font-size:11.5px}
    .collaboration__row{grid-template-columns:1fr;gap:13px;padding:25px 0 27px}
    .collaboration__row h3{max-width:520px;font-size:22px}
    .collaboration__row>p{max-width:600px;margin:0;font-size:13.5px;line-height:1.7}
    .collaboration__closing{display:block;margin-top:33px;padding-top:21px}
    .collaboration__closing strong{display:block;font-size:19px}
    .collaboration__closing span{display:block;margin-top:7px;font-size:11px;text-align:left}
}
@media(max-width:430px){
    .collaboration__shell{padding-top:40px}
    .collaboration__heading h2{font-size:38px}
    .collaboration__statement>p{font-size:31px}
}
@media(prefers-reduced-motion:reduce){
    .collaboration__editorial,.collaboration__row{transition:none!important;opacity:1!important;transform:none!important}
}

/* OEFD und Oesterreich */
.austria-section{
    position:relative;
    overflow:hidden;
    background:var(--paper);
    border-top:1px solid var(--line-soft)
}
.austria-section__shell{
    width:min(var(--shell),calc(100% - var(--side)*2));
    margin-inline:auto;
    padding:82px 0 96px
}
.austria-section__intro{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);
    gap:clamp(56px,7vw,116px);
    align-items:end
}
.austria-section__heading h2{
    max-width:980px;
    margin:18px 0 0;
    font-size:clamp(50px,4.45vw,74px);
    font-weight:850;
    line-height:1.01;
    letter-spacing:-.054em
}
.austria-section__summary{
    max-width:575px;
    padding-bottom:5px
}
.austria-section__summary p{
    margin:0;
    color:#697177;
    font-size:18px;
    line-height:1.72
}
.austria-editorial{
    position:relative;
    margin-top:66px;
    padding-top:30px;
    border-top:3px solid var(--red);
    opacity:0;
    transform:translateY(16px);
    transition:opacity .64s var(--ease),transform .76s var(--ease)
}
.austria-section.is-visible .austria-editorial{
    opacity:1;
    transform:none
}
.austria-wordmark{
    width:100%;
    overflow:hidden;
    color:#e3e6e1;
    font-size:clamp(72px,10.2vw,152px);
    line-height:.83;
    font-weight:880;
    letter-spacing:-.07em;
    white-space:nowrap;
    user-select:none
}
.austria-editorial__grid{
    display:grid;
    grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
    gap:clamp(60px,7vw,118px);
    align-items:start;
    margin-top:46px
}
.austria-identity{
    position:relative;
    max-width:720px;
    padding-right:clamp(20px,3vw,48px)
}
.austria-identity__flagline{
    display:flex;
    align-items:center;
    gap:12px;
    color:#596167;
    font-size:11px;
    font-weight:840;
    letter-spacing:.075em;
    text-transform:uppercase
}
.austria-identity h3{
    max-width:690px;
    margin:26px 0 0;
    font-size:clamp(34px,3.05vw,50px);
    line-height:1.04;
    letter-spacing:-.048em
}
.austria-identity>p{
    max-width:620px;
    margin:24px 0 0;
    color:#6d757a;
    font-size:16px;
    line-height:1.72
}
.austria-identity__legal{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    max-width:620px;
    margin-top:38px;
    padding:18px 0;
    border-top:1px solid #cfd4d0;
    border-bottom:1px solid #cfd4d0
}
.austria-identity__legal span{
    color:#7a8287;
    font-size:11.5px;
    font-weight:700
}
.austria-identity__legal strong{
    font-size:13px;
    letter-spacing:.015em
}
.austria-regions{
    border-top:1px solid #bfc5c0
}
.austria-regions__head{
    display:grid;
    grid-template-columns:minmax(130px,.45fr) minmax(0,1.55fr);
    gap:28px;
    padding:0 0 24px
}
.austria-regions__head>span{
    color:#7d858a;
    font-size:10px;
    font-weight:850;
    letter-spacing:.105em;
    text-transform:uppercase
}
.austria-regions__head>strong{
    max-width:410px;
    font-size:18px;
    line-height:1.42;
    letter-spacing:-.018em
}
.austria-region{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    min-height:88px;
    padding:18px 0;
    border-top:1px solid #cfd4d0;
    transition:color .2s ease,padding .24s var(--ease)
}
.austria-region:hover{
    color:var(--red);
    padding-left:10px
}
.austria-region>div{
    display:flex;
    align-items:center;
    gap:18px;
    min-width:0
}
.austria-region>div strong{
    font-size:22px;
    line-height:1.2;
    letter-spacing:-.028em
}
.austria-region>div:only-child{
    width:100%
}
.austria-region>div span{
    color:#8b9296;
    font-size:10px;
    font-weight:820;
    letter-spacing:.09em;
    text-transform:uppercase
}
.austria-region__link{
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#747c81;
    font-size:11.5px;
    font-weight:760;
    white-space:nowrap
}
.austria-region:hover .austria-region__link{
    color:var(--red)
}
.austria-region__link i{
    font-style:normal;
    font-size:14px
}
.austria-regions__foot{
    padding:18px 0 0;
    border-top:1px solid #cfd4d0;
    color:#7b8388;
    font-size:11.5px;
    line-height:1.6
}
.austria-section__closing{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    margin-top:54px;
    padding-top:25px;
    border-top:1px solid #cfd4d0
}
.austria-section__closing strong{
    font-size:21px;
    line-height:1.3;
    letter-spacing:-.022em
}
.austria-section__closing span{
    color:#7b8388;
    font-size:12px;
    font-weight:700;
    text-align:right;
    max-width:520px
}
@media(max-width:1180px) and (min-width:981px){
    .austria-section__shell{padding:72px 0 86px}
    .austria-section__intro{grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);gap:48px}
    .austria-section__heading h2{font-size:58px}
    .austria-section__summary p{font-size:16.5px}
    .austria-editorial__grid{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);gap:54px}
    .austria-wordmark{font-size:118px}
    .austria-identity h3{font-size:43px}
}
@media(max-width:980px) and (min-width:701px){
    .austria-section__shell{padding:60px 0 74px}
    .austria-section__intro{grid-template-columns:1fr;gap:26px}
    .austria-section__heading h2{max-width:830px;font-size:54px}
    .austria-section__summary{max-width:720px}
    .austria-editorial{margin-top:46px;padding-top:24px}
    .austria-wordmark{font-size:clamp(82px,15vw,114px)}
    .austria-editorial__grid{grid-template-columns:1fr;gap:48px;margin-top:38px}
    .austria-identity{max-width:760px;padding-right:0}
    .austria-identity h3{max-width:720px;font-size:46px}
    .austria-regions{width:100%}
}
@media(max-width:700px){
    .austria-section__shell{padding:44px 0 58px}
    .austria-section__intro{grid-template-columns:1fr;gap:20px}
    .austria-section__heading h2{margin-top:13px;font-size:clamp(38px,11.7vw,50px);line-height:1.02}
    .austria-section__summary p{font-size:16px;line-height:1.65}
    .austria-editorial{margin-top:34px;padding-top:18px}
    .austria-wordmark{font-size:clamp(54px,17vw,82px);line-height:.9;letter-spacing:-.065em}
    .austria-editorial__grid{grid-template-columns:1fr;gap:39px;margin-top:30px}
    .austria-identity{padding-right:0}
    .austria-identity__flagline{font-size:9.5px;letter-spacing:.07em}
    .austria-identity h3{margin-top:21px;font-size:clamp(32px,9.4vw,43px);line-height:1.05}
    .austria-identity>p{margin-top:19px;font-size:14px;line-height:1.7}
    .austria-identity__legal{margin-top:28px;padding:15px 0}
    .austria-identity__legal span{font-size:10.5px}
    .austria-identity__legal strong{font-size:12px}
    .austria-regions__head{grid-template-columns:1fr;gap:8px;padding-bottom:18px}
    .austria-regions__head>strong{font-size:18px}
    .austria-region{min-height:78px;padding:16px 0}
    .austria-region:hover{padding-left:0}
    .austria-region>div{display:block}
    .austria-region>div strong{display:block;font-size:20px}
    .austria-region>div span{display:block;margin-top:4px;font-size:9px}
    .austria-region__link{font-size:10.5px}
    .austria-section__closing{display:block;margin-top:38px;padding-top:21px}
    .austria-section__closing strong{display:block;font-size:19px}
    .austria-section__closing span{display:block;margin-top:7px;font-size:11px;text-align:left}
}
@media(max-width:430px){
    .austria-section__shell{padding-top:40px}
    .austria-section__heading h2{font-size:38px}
    .austria-wordmark{font-size:58px}
    .austria-identity h3{font-size:32px}
    .austria-region__link{font-size:0;gap:0}
    .austria-region__link i{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
    .austria-editorial{transition:none!important;opacity:1!important;transform:none!important}
}

/* Finaler CTA */
.final-cta-section{
    position:relative;
    overflow:clip;
    padding:72px 0 94px;
    background:#fff;
    border-top:1px solid rgba(17,19,21,.055)
}
.final-cta-shell{
    width:min(var(--shell),calc(100% - var(--side)*2));
    margin-inline:auto
}
.final-cta-panel{
    position:relative;
    min-height:430px;
    display:grid;
    grid-template-columns:minmax(0,1.14fr) minmax(340px,.86fr);
    gap:clamp(56px,7vw,112px);
    align-items:center;
    padding:clamp(54px,5.2vw,82px);
    border-radius:24px;
    background:#111315;
    color:#fff;
    overflow:hidden;
    box-shadow:0 28px 72px rgba(17,19,21,.11)
}
.final-cta-panel:before{
    content:"";
    position:absolute;
    width:430px;
    height:430px;
    right:-180px;
    top:-210px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(229,27,43,.16) 0%,rgba(229,27,43,0) 69%);
    pointer-events:none
}
.final-cta-panel:after{
    content:"";
    position:absolute;
    left:clamp(54px,5.2vw,82px);
    top:clamp(48px,4.4vw,70px);
    width:64px;
    height:3px;
    border-radius:999px;
    background:var(--red)
}
.final-cta-copy,
.final-cta-action{position:relative;z-index:1}
.final-cta-copy{max-width:820px;padding-top:26px}
.final-cta-kicker{
    display:block;
    margin-bottom:18px;
    color:#aeb5b1;
    font-size:11px;
    line-height:1.2;
    font-weight:820;
    letter-spacing:.1em;
    text-transform:uppercase
}
.final-cta-copy h2{
    max-width:780px;
    margin:0;
    font-size:clamp(52px,5vw,80px);
    line-height:.98;
    letter-spacing:-.058em;
    font-weight:840;
    text-wrap:balance
}
.final-cta-copy p{
    max-width:720px;
    margin:28px 0 0;
    color:#b8bfbb;
    font-size:17px;
    line-height:1.72
}
.final-cta-action{width:100%;max-width:490px;justify-self:end}
.final-cta-meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px 20px;
    margin-bottom:20px;
    color:#aeb5b1;
    font-size:12.5px;
    font-weight:720
}
.final-cta-meta span{position:relative;padding-left:16px}
.final-cta-meta span:before{
    content:"";
    position:absolute;
    left:0;
    top:.66em;
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--green);
    transform:translateY(-50%)
}
.final-cta-buttons{display:grid;grid-template-columns:1fr;gap:12px}
.final-cta-primary{
    min-height:64px;
    width:100%;
    padding-inline:24px;
    border-radius:12px;
    font-size:16px
}
.final-cta-primary strong{font-size:17px;line-height:1;font-weight:820}
.final-cta-phone-icon{width:17px;height:17px;flex:0 0 17px}
.final-cta-message{
    min-height:58px;
    width:100%;
    border-color:rgba(255,255,255,.22);
    background:rgba(255,255,255,.04);
    color:#fff;
    border-radius:12px
}
.final-cta-message:hover{background:rgba(255,255,255,.085);border-color:rgba(255,255,255,.34)}
.final-cta-primary:focus-visible,
.final-cta-message:focus-visible{
    outline:3px solid rgba(255,255,255,.34);
    outline-offset:4px
}
@media(max-width:1180px){
    .final-cta-panel{grid-template-columns:minmax(0,1.08fr) minmax(315px,.92fr);gap:46px}
}
@media(max-width:980px){
    .final-cta-section{padding:56px 0 78px}
    .final-cta-panel{min-height:0;grid-template-columns:1fr;gap:42px;align-items:start;padding:58px 48px 50px}
    .final-cta-panel:after{left:48px;top:44px}
    .final-cta-copy{max-width:820px;padding-top:20px}
    .final-cta-copy h2{font-size:clamp(48px,8vw,68px)}
    .final-cta-action{max-width:720px;justify-self:start}
}
@media(max-width:700px){
    .final-cta-section{padding:34px 0 62px}
    .final-cta-panel{gap:34px;padding:48px 24px 26px;border-radius:18px}
    .final-cta-panel:before{width:300px;height:300px;right:-150px;top:-135px}
    .final-cta-panel:after{left:24px;top:32px;width:48px}
    .final-cta-copy{padding-top:12px}
    .final-cta-kicker{margin-bottom:14px;font-size:10px}
    .final-cta-copy h2{font-size:clamp(38px,10.8vw,50px);line-height:1}
    .final-cta-copy p{margin-top:22px;font-size:16px;line-height:1.67}
    .final-cta-meta{display:grid;gap:8px;margin-bottom:17px;font-size:12px}
    .final-cta-primary,.final-cta-message{width:100%;min-height:58px}
}
@media(max-width:430px){
    .final-cta-section{padding-top:32px}
    .final-cta-panel{padding-inline:20px}
    .final-cta-panel:after{left:20px}
    .final-cta-copy h2{font-size:clamp(36px,10.5vw,44px)}
}
@media(prefers-reduced-motion:reduce){.final-cta-panel{scroll-behavior:auto}}

/* Footer aus der freigegebenen Seitenbasis */
.site-footer{border-top:1px solid #d8dcd7;background:#fff}
.site-footer .footer-shell,
.site-footer .footer-bottom{width:min(1500px,calc(100% - 56px));margin-inline:auto}
.footer-shell{display:grid;grid-template-columns:1.15fr 1.85fr;gap:74px;padding:48px 0 36px}
.footer-brand img{width:116px;max-height:54px;object-fit:contain;object-position:left center}
.footer-brand p{max-width:370px;margin:23px 0 0;color:#6f777d;font-size:13px;line-height:1.65}
.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}
.footer-links>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.footer-links strong{margin-bottom:5px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.footer-links a,.footer-links span{color:#6d757a;font-size:13px}
.footer-links a:hover{color:#e51b2b}
.footer-links>div:last-child span{color:#3f464a;font-weight:760}
.footer-bottom{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #d8dcd7;color:#8a9195;font-size:11px}
.footer-bottom div{display:flex;gap:22px}
.footer-links a:focus-visible,.footer-bottom a:focus-visible{outline:3px solid rgba(229,27,43,.24);outline-offset:4px;border-radius:3px}
@media(max-width:980px){
    .site-footer .footer-shell,.site-footer .footer-bottom{width:min(1500px,calc(100% - 48px))}
    .footer-shell{grid-template-columns:1fr;gap:34px;padding:44px 0 32px}
    .footer-brand img{width:112px;max-height:52px}
    .footer-links{grid-template-columns:repeat(3,1fr)}
    .footer-bottom{min-height:auto;padding:16px 0 18px}
}
@media(max-width:700px){
    .site-footer .footer-shell,.site-footer .footer-bottom{width:min(1500px,calc(100% - 32px))}
    .footer-shell{padding:34px 0 22px}
    .footer-brand img{width:102px;max-height:48px}
    .footer-links{grid-template-columns:1fr 1fr;gap:30px 20px}
    .footer-links>div:last-child{grid-column:1/-1}
    .footer-bottom{min-height:0;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:10px;padding:15px 0 18px}
    .footer-bottom>span{line-height:1.45}
    .footer-bottom div{display:flex;flex-direction:row;flex-wrap:wrap;gap:18px;margin:0}
}
@media(max-width:430px){
    .footer-links{grid-template-columns:1fr}
    .footer-links>div:last-child{grid-column:auto}
    .footer-bottom div{gap:16px}
}

/* Kontaktseite Hero */
.contact-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fff 88%,#fafafa 100%)}
.contact-hero__shell{width:min(var(--shell),calc(100% - var(--side)*2));margin-inline:auto;position:relative;z-index:1;min-height:660px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(480px,.98fr);gap:clamp(54px,6vw,94px);align-items:center;padding:66px 0 70px}
.contact-hero__copy{max-width:none}
.contact-hero__copy h1{max-width:820px;margin:25px 0 0;font-size:clamp(58px,5.45vw,92px);font-weight:850;line-height:.95;letter-spacing:-.058em}
.contact-hero__lead{max-width:700px;margin:28px 0 0;color:#60686e;font-size:20px;line-height:1.65}
.contact-hero__visual{position:relative;min-height:510px;display:flex;align-items:center;justify-content:center;padding:18px 0}
.contact-hero__visual:before{content:"";position:absolute;width:420px;height:420px;right:2%;top:7%;border-radius:50%;background:radial-gradient(circle,rgba(229,27,43,.06) 0%,rgba(229,27,43,0) 69%);pointer-events:none}
.contact-sheet{position:relative;z-index:1;width:min(100%,620px);padding:34px 38px 30px;border:1px solid #d8dcd7;border-radius:20px;background:#fff;box-shadow:0 24px 68px rgba(17,19,21,.095);overflow:hidden}
.contact-sheet:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:var(--red)}
.contact-sheet__head{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;padding-bottom:28px;border-bottom:1px solid #e1e4e0}
.contact-sheet__head>div{min-width:0}
.contact-sheet__kicker{display:block;color:#7b8388;font-size:10px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.contact-sheet__head strong{display:block;margin-top:7px;font-size:21px;line-height:1.25;letter-spacing:-.025em}
.contact-sheet__status{display:inline-flex;align-items:center;gap:9px;margin-top:3px;color:#697177;font-size:11px;font-weight:730;white-space:nowrap}
.contact-sheet__status i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(19,130,77,.09)}
.contact-sheet__phone{padding:32px 0 30px;border-bottom:1px solid #e1e4e0}
.contact-sheet__phone>span,.contact-sheet__email>span,.contact-sheet__conversation span{display:block;color:#7b8388;font-size:10px;font-weight:850;letter-spacing:.105em;text-transform:uppercase}
.contact-sheet__phone a{display:block;width:max-content;max-width:100%;margin-top:9px;color:var(--ink);font-size:clamp(34px,3.05vw,48px);font-weight:850;line-height:1.05;letter-spacing:-.045em;white-space:nowrap;transition:color .2s ease}
.contact-sheet__phone a:hover{color:var(--red)}
.contact-sheet__phone p{max-width:500px;margin:14px 0 0;color:#727a80;font-size:13.5px;line-height:1.62}
.contact-sheet__email{position:relative;display:grid;grid-template-columns:105px 1fr auto;gap:18px;align-items:center;min-height:78px;padding:18px 0;border-bottom:1px solid #e1e4e0;transition:color .2s ease,padding .22s var(--ease)}
.contact-sheet__email:hover{color:var(--red);padding-left:8px}
.contact-sheet__email strong{font-size:16px;line-height:1.35;letter-spacing:-.015em}
.contact-sheet__email i{font-style:normal;font-size:16px}
.contact-sheet__conversation{display:grid;grid-template-columns:105px minmax(0,1fr);gap:18px;padding-top:23px}
.contact-sheet__conversation strong{display:block;margin-top:6px;font-size:14px;letter-spacing:-.01em}
.contact-sheet__conversation p{margin:0;color:#626a6f;font-size:13px;line-height:1.62}
@media (max-width:1180px) and (min-width:981px){
    .contact-hero__shell{grid-template-columns:1fr 1fr;gap:38px}
    .contact-hero__copy h1{font-size:clamp(54px,6vw,76px)}
    .contact-hero__visual{min-height:500px}
    .contact-sheet{padding:30px 30px 28px}
    .contact-sheet__phone a{font-size:clamp(32px,3vw,42px)}
}
@media (max-width:980px) and (min-width:701px){
    .contact-hero__shell{min-height:auto;grid-template-columns:1fr;gap:34px;padding:46px 0 58px}
    .contact-hero__copy{max-width:760px}
    .contact-hero__visual{width:min(100%,760px);min-height:0;margin-inline:auto;align-items:stretch}
    .contact-sheet{width:100%}
    .contact-sheet__phone a{font-size:44px}
}
@media (max-width:700px){
    .contact-hero__shell{min-height:auto;grid-template-columns:1fr;gap:28px;padding:38px 0 42px}
    .contact-hero__copy h1{margin-top:20px;font-size:clamp(44px,13vw,58px);line-height:.97}
    .contact-hero__lead{margin-top:20px;font-size:17px;line-height:1.6}
    .contact-hero__visual{display:flex;min-height:0;width:100%;padding:0;margin-top:4px}
    .contact-hero__visual:before{display:none}
    .contact-sheet{width:100%;padding:28px 22px 24px;border-radius:16px;box-shadow:0 18px 44px rgba(17,19,21,.085)}
    .contact-sheet__head{display:block;padding-bottom:22px}
    .contact-sheet__status{margin-top:14px}
    .contact-sheet__phone{padding:25px 0 24px}
    .contact-sheet__phone a{font-size:clamp(29px,8.7vw,39px);letter-spacing:-.04em}
    .contact-sheet__phone p{font-size:13px}
    .contact-sheet__email{grid-template-columns:88px 1fr auto;gap:12px;min-height:72px}
    .contact-sheet__email strong{font-size:14px}
    .contact-sheet__conversation{grid-template-columns:1fr;gap:11px;padding-top:20px}
}
@media (max-width:430px){
    .contact-hero__copy h1{font-size:43px}
    .contact-sheet{padding-inline:18px}
    .contact-sheet__phone a{font-size:clamp(26px,8.2vw,34px)}
    .contact-sheet__email{grid-template-columns:1fr auto;gap:8px}
    .contact-sheet__email>span{grid-column:1/-1;margin-bottom:1px}
}


/* Kontaktseite Anfrageformular */
.contact-form-section{
    position:relative;
    overflow:hidden;
    padding:76px 0 96px;
    background:var(--paper);
    border-top:1px solid var(--line-soft)
}
.contact-form-section:after{
    content:"";
    position:absolute;
    width:520px;
    height:520px;
    right:-240px;
    bottom:-280px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(19,130,77,.045) 0%,rgba(19,130,77,0) 70%);
    pointer-events:none
}
.contact-form-shell{
    position:relative;
    z-index:1;
    width:min(var(--shell),calc(100% - var(--side)*2));
    margin-inline:auto;
    display:grid;
    grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr);
    gap:clamp(66px,7vw,116px);
    align-items:start
}
.section-kicker{
    display:block;
    margin-bottom:18px;
    color:#596167;
    font-size:12px;
    font-weight:820;
    letter-spacing:.02em
}
.contact-form-copy{max-width:620px;padding-top:10px}
.contact-form-copy h2{
    max-width:620px;
    margin:0;
    font-size:clamp(48px,4.35vw,70px);
    font-weight:850;
    line-height:1.055;
    letter-spacing:-.045em;
    text-wrap:balance
}
.contact-form-copy>p{
    max-width:590px;
    margin:26px 0 0;
    color:#697177;
    font-size:18px;
    line-height:1.72
}
.contact-form-notes{
    max-width:600px;
    margin-top:38px;
    border-top:1px solid #cfd4d0
}
.contact-form-notes>div{
    display:grid;
    grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);
    gap:24px;
    padding:20px 0 21px;
    border-bottom:1px solid #cfd4d0
}
.contact-form-notes strong{
    font-size:14px;
    line-height:1.4;
    letter-spacing:-.012em
}
.contact-form-notes span{
    color:#737b80;
    font-size:13px;
    line-height:1.58
}
.contact-note-phone{
    display:inline-block;
    color:var(--ink);
    font-weight:820;
    white-space:nowrap;
    border-bottom:1px solid rgba(17,19,21,.28);
    transition:color .2s ease,border-color .2s ease
}
.contact-note-phone:hover{color:var(--red);border-color:var(--red)}
.contact-note-phone:focus-visible{outline:3px solid rgba(229,27,43,.16);outline-offset:3px;border-radius:3px}
.contact-form-card{
    min-width:0;
    overflow:hidden;
    border:1px solid #cbd0cb;
    border-radius:17px;
    background:#fff;
    box-shadow:0 24px 66px rgba(17,19,21,.085)
}
.contact-form-card:before{
    content:"";
    display:block;
    width:100%;
    height:4px;
    background:var(--red)
}
.contact-form-card__top{
    min-height:78px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding:15px 22px;
    border-bottom:1px solid var(--line-soft);
    background:#fff
}
.contact-form-card__top small{
    display:block;
    color:#8a9195;
    font-size:9px;
    font-weight:830;
    line-height:1.3;
    letter-spacing:.11em;
    text-transform:uppercase
}
.contact-form-card__top strong{
    display:block;
    margin-top:4px;
    font-size:18px;
    line-height:1.3;
    letter-spacing:-.018em
}
.contact-form-state{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#697177;
    white-space:nowrap;
    font-size:9px;
    font-weight:830;
    letter-spacing:.08em;
    text-transform:uppercase
}
.contact-form-state i{width:7px;height:7px;border-radius:50%;background:var(--red)}
.contact-form-state.is-ready i,.contact-form-state.is-success i{background:var(--green)}
#contact-form{padding:24px}
.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form-grid label{display:block;min-width:0}
.contact-form-grid label>span{
    display:block;
    margin-bottom:7px;
    color:#737b80;
    font-size:9px;
    font-weight:830;
    line-height:1.3;
    letter-spacing:.1em;
    text-transform:uppercase
}
.contact-form-grid .wide{grid-column:1/-1}
.contact-form-grid input,.contact-form-grid textarea{
    width:100%;
    border:1px solid #cbd0cb;
    border-radius:9px;
    outline:0;
    background:#fff;
    color:var(--ink);
    font:inherit;
    font-size:14px;
    transition:border-color .2s ease,box-shadow .2s ease,background .2s ease
}
.contact-form-grid input{height:48px;padding:0 13px}
.contact-form-grid textarea{min-height:128px;padding:12px 13px;resize:vertical}
.contact-form-grid input::placeholder,.contact-form-grid textarea::placeholder{color:#a2a8ac}
.contact-form-grid input:focus,.contact-form-grid textarea:focus{
    border-color:var(--red);
    box-shadow:0 0 0 3px rgba(229,27,43,.075)
}
.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}

/* Sicherheitsprüfung 1:1 aus der Vorfinanzierungsseite */
.project-security{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-top:16px;
    padding:14px;
    border:1px solid #d8dcda;
    border-radius:11px;
    background:#f7f8f7
}
.project-security small{
    display:block;
    color:#888f94;
    font-size:9px;
    font-weight:820;
    line-height:1.3;
    letter-spacing:.1em;
    text-transform:uppercase
}
.project-security strong{
    display:block;
    margin-top:3px;
    font-size:13px;
    line-height:1.35
}
.project-security p{
    margin:3px 0 0;
    color:#8a9195;
    font-size:10px;
    line-height:1.35
}
.project-security-icons{display:flex;gap:6px}
.project-security-icons button{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid #cbd0cb;
    border-radius:8px;
    background:#fff;
    color:var(--ink);
    cursor:pointer;
    transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease
}
.project-security-icons button:hover{border-color:#aeb5b1}
.project-security-icons svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round
}
.project-security-icons button.is-correct{
    border-color:var(--green);
    background:rgba(var(--green-rgb),.075);
    color:var(--green);
    box-shadow:0 0 0 3px rgba(var(--green-rgb),.06)
}
.project-security-icons button.is-wrong{border-color:var(--red);color:var(--red)}
.sr-only{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important
}
.project-security-icons button:focus-visible{
    outline:3px solid rgba(var(--green-rgb),.22);
    outline-offset:3px;
    border-color:var(--green)
}
.project-security-audio{
    display:inline-flex;
    align-items:center;
    gap:5px;
    margin-top:5px;
    padding:0;
    border:0;
    background:transparent;
    color:#6f777b;
    font:inherit;
    font-size:10px;
    font-weight:720;
    line-height:1.4;
    cursor:pointer;
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:3px
}
.project-security-audio-icon{
    width:14px;
    height:14px;
    flex:0 0 14px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round
}
.project-security-audio-icon path:first-child{fill:currentColor;stroke:none}
.project-security-audio:hover{color:var(--ink)}
.project-security-audio:focus-visible{
    outline:3px solid rgba(var(--green-rgb),.22);
    outline-offset:3px;
    border-radius:3px
}
.contact-form-submit{width:100%;margin-top:16px}
.contact-form-submit:disabled{opacity:.42;cursor:not-allowed;transform:none!important;box-shadow:none}
.contact-form-disclaimer{margin:11px 0 0;color:#8b9297;font-size:10px;line-height:1.5}
.contact-form-disclaimer a{text-decoration:underline;text-underline-offset:2px}
.contact-form-success{min-height:510px;padding:42px 34px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.contact-form-success[hidden]{display:none!important}
.contact-form-success__icon{
    position:relative;
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    margin-bottom:22px;
    border-radius:50%;
    background:var(--green);
    color:#fff;
    box-shadow:0 0 0 0 rgba(var(--green-rgb),0);
    transform:scale(.72);
    opacity:0
}
.contact-form-success__icon svg{width:29px;height:29px;overflow:visible}
.contact-form-success__icon path{
    fill:none;
    stroke:currentColor;
    stroke-width:2.35;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-dasharray:24;
    stroke-dashoffset:24
}
.contact-form-success.is-animated .contact-form-success__icon{animation:contactSuccessCircle .62s cubic-bezier(.18,.82,.25,1) forwards}
.contact-form-success.is-animated .contact-form-success__icon path{animation:contactSuccessCheck .5s cubic-bezier(.25,.75,.25,1) .34s forwards}
.contact-form-success.is-animated .contact-form-success__icon:after{
    content:"";
    position:absolute;
    inset:-10px;
    border-radius:50%;
    border:1px solid rgba(var(--green-rgb),.20);
    animation:contactSuccessHalo .8s cubic-bezier(.2,.7,.2,1) .1s both
}
@keyframes contactSuccessCircle{
    0%{opacity:0;transform:scale(.72);box-shadow:0 0 0 0 rgba(var(--green-rgb),0)}
    58%{opacity:1;transform:scale(1.06);box-shadow:0 0 0 12px rgba(var(--green-rgb),.07)}
    100%{opacity:1;transform:scale(1);box-shadow:0 0 0 10px rgba(var(--green-rgb),.08)}
}
@keyframes contactSuccessCheck{to{stroke-dashoffset:0}}
@keyframes contactSuccessHalo{
    0%{opacity:0;transform:scale(.75)}
    45%{opacity:1}
    100%{opacity:0;transform:scale(1.28)}
}
.contact-form-success>small{color:#858c91;font-size:9px;font-weight:830;letter-spacing:.11em;text-transform:uppercase}
.contact-form-success h3{margin:8px 0 0;font-size:34px;line-height:1.08;letter-spacing:-.034em}
.contact-form-success>p{max-width:520px;margin:12px 0 0;color:#6f777d;font-size:14px;line-height:1.62}
.contact-form-success .button{margin-top:26px}
.contact-form-dev-note{margin-top:16px!important;padding:10px 12px;border-radius:8px;background:#fff5da;color:#816116!important;font-size:10px!important}

@media(max-width:1180px){
    .contact-form-shell{grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr);gap:54px}
    .contact-form-copy h2{font-size:clamp(46px,4.5vw,60px)}
}
@media(max-width:980px){
    .contact-form-section{padding:58px 0 76px}
    .contact-form-shell{grid-template-columns:1fr;gap:38px}
    .contact-form-copy{max-width:760px;padding-top:0}
    .contact-form-copy h2{max-width:800px;font-size:clamp(44px,7vw,62px);line-height:1.055}
    .contact-form-copy>p{max-width:720px}
    .contact-form-notes{max-width:760px}
    .contact-form-card{width:min(100%,760px)}
}
@media(max-width:700px){
    .contact-form-section{padding:36px 0 62px}
    .contact-form-shell{gap:30px}
    .section-kicker{margin-bottom:14px;font-size:11px}
    .contact-form-copy h2{font-size:clamp(37px,10.5vw,49px);line-height:1.07;letter-spacing:-.04em}
    .contact-form-copy>p{margin-top:20px;font-size:16px;line-height:1.66}
    .contact-form-notes{margin-top:30px}
    .contact-form-notes>div{grid-template-columns:1fr;gap:6px;padding:17px 0 18px}
    .contact-form-card{border-radius:14px}
    .contact-form-card__top{min-height:92px;align-items:flex-start;flex-direction:column;gap:10px;padding:16px}
    .contact-form-state{align-self:flex-start}
    #contact-form{padding:16px}
    .contact-form-grid{grid-template-columns:1fr;gap:13px}
    .contact-form-grid .wide{grid-column:auto}
    .project-security{align-items:flex-start;flex-direction:column;gap:12px}
    .project-security-icons{width:100%}
    .project-security-icons button{flex:1;height:42px}
    .contact-form-success{min-height:430px;padding:30px 20px}
    .contact-form-success h3{font-size:29px}
}
@media(max-width:430px){
    .contact-form-section{padding-top:32px}
    .contact-form-copy h2{font-size:38px;line-height:1.08}
}
@media(prefers-reduced-motion:reduce){
    .contact-form-success__icon{opacity:1;transform:none;box-shadow:0 0 0 10px rgba(var(--green-rgb),.08)}
    .contact-form-success__icon path{stroke-dashoffset:0}
    .contact-form-success.is-animated .contact-form-success__icon,
    .contact-form-success.is-animated .contact-form-success__icon path,
    .contact-form-success.is-animated .contact-form-success__icon:after{animation:none!important}
    .contact-form-success.is-animated .contact-form-success__icon:after{display:none}
}


/* Kontaktseite: dezenter Social Media Abschluss */
.social-contact-section{
    border-top:1px solid var(--line-soft);
    background:#fff
}
.social-contact-shell{
    width:min(var(--shell),calc(100% - var(--side)*2));
    margin-inline:auto;
    min-height:184px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:64px;
    align-items:center;
    padding:42px 0
}
.social-contact-copy{max-width:720px}
.social-contact-kicker{
    display:block;
    margin-bottom:8px;
    color:#7d858a;
    font-size:10px;
    font-weight:830;
    letter-spacing:.1em;
    text-transform:uppercase
}
.social-contact-copy h2{
    margin:0;
    font-size:clamp(26px,2.2vw,34px);
    line-height:1.12;
    letter-spacing:-.035em;
    font-weight:830
}
.social-contact-copy p{
    max-width:620px;
    margin:10px 0 0;
    color:var(--muted);
    font-size:14px;
    line-height:1.65
}
.social-contact-links{
    display:flex;
    align-items:center;
    gap:10px
}
.social-contact-links a{
    min-width:162px;
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:0 15px 0 13px;
    border:1px solid #cfd4d0;
    border-radius:10px;
    background:#fff;
    font-size:13px;
    font-weight:790;
    transition:border-color .2s ease,color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease
}
.social-contact-links a:hover{
    color:var(--text);
    border-color:#bcc3be;
    background:#fff;
    box-shadow:0 10px 24px rgba(12,16,18,.06);
    transform:translateY(-1px)
}
.social-contact-links a:focus-visible{
    outline:3px solid rgba(229,27,43,.17);
    outline-offset:3px
}
.social-contact-links i{
    color:#8a9195;
    font-size:14px;
    font-style:normal
}
.social-link-main{
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-width:0
}
.social-link-icon{
    width:22px;
    height:22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 22px
}
.social-link-icon svg{
    width:22px;
    height:22px;
    display:block
}
.social-link-instagram .social-link-icon{filter:none}
.social-link-facebook .social-link-icon{filter:none}
.social-contact-links a:hover i{color:var(--text)}
@media(max-width:980px){
    .social-contact-shell{gap:34px;padding:38px 0}
}
@media(max-width:700px){
    .social-contact-shell{
        min-height:0;
        grid-template-columns:1fr;
        gap:24px;
        padding:32px 0 34px
    }
    .social-contact-copy h2{font-size:28px}
    .social-contact-copy p{font-size:13.5px}
    .social-contact-links{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
    .social-contact-links a{min-width:0;width:100%;min-height:48px}
}
@media(max-width:430px){
    .social-contact-links{grid-template-columns:1fr}
}

/* OEFD production normalization 2026-08-18 */
html{overflow-x:clip}body{width:100%;overflow-x:clip}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:1000}.mobile-phone strong{color:var(--red)!important}:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid rgba(229,27,43,.28);outline-offset:4px;border-radius:4px}
@media(max-width:700px){.trust-row>i,.rating-separator{display:none}.trust-row>span:last-child,.rating-strip>span:last-child{display:block!important;width:100%;flex-basis:100%;margin-top:2px;color:#697178!important}}

.contact-form-state.is-error i,.project-check-state.is-error i{background:var(--red)!important}

/* Server-validated security selection */
.project-security-icons button.is-selected,.security-icons button.is-selected{border-color:var(--green);background:#e9f6ef;color:var(--green);box-shadow:0 0 0 3px rgba(19,130,77,.07)}

/* OEFD V1.2 mobile form reliability */
@media(max-width:700px){.contact-form-grid input,.contact-form-grid textarea,.contact-form-grid select{font-size:16px!important}}
.project-security-icons button{touch-action:manipulation}

/* OEFD V1.3 form UX */
.contact-form-success{min-height:0!important}
@media(max-width:700px){.contact-form-grid input,.contact-form-grid textarea,.contact-form-grid select{font-size:16px!important}.contact-form-success{min-height:0!important;padding:28px 20px 30px!important}}