.resource-section{padding:78px 0;background:#f9f7f1}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.resource-card{display:flex;min-height:225px;flex-direction:column;justify-content:space-between;padding:25px 26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--i);text-decoration:none;transition:background .2s,transform .2s}
.resource-card:hover{background:#e8e5da;transform:translateY(-2px)}
.resource-card small{color:var(--g2);font-size:9px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.resource-card strong{max-width:360px;margin:22px 0 12px;font:25px/1.15 var(--ser);letter-spacing:-.035em}
.resource-card span{color:var(--m);font-size:12px}
.resource-card .resource-link{display:block;margin-top:16px;color:var(--g);font-size:10px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
@media(max-width:900px){.resource-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.resource-section{padding:65px 0}.resource-grid{grid-template-columns:1fr}.resource-card{min-height:180px;padding:23px 20px}.resource-card strong{font-size:23px}}

/* Einheitliche Wortmarke und Navigation über Start- und Fachseiten */
.top .nav{height:80px;gap:24px}
.top .brand{gap:11px}
.top .brand-logo{flex:0 0 58px;width:58px;height:58px}
.top .brandname b{font:600 19px/1 "Century Gothic",CenturyGothic,"Apple Gothic","URW Gothic L",Arial,sans-serif;letter-spacing:-.045em}
.top .brandname small{max-width:300px;margin-top:5px;color:var(--m);font:400 9px/1.2 Arial,sans-serif;letter-spacing:normal;text-transform:none}
.top .links{gap:clamp(12px,2vw,28px)}
.top .links a{font-size:12px;font-weight:650}
.top .cta{gap:12px;padding:12px 17px;font-size:12px}
@media(max-width:900px){.top .nav{height:72px}.top .brand-logo{flex-basis:54px;width:54px;height:54px}.top .links{gap:12px}.top .links a{font-size:10px}.top .cta{padding:10px;font-size:10px}}
@media(max-width:680px){.top .brand{gap:9px}.top .brand-logo{flex-basis:50px;width:50px;height:50px}.top .brandname b{font-size:17px}.top .brandname small{max-width:215px;font-size:8px;line-height:1.15}}

/* Pfeilregeln nur für Responsive-Ansichten; Desktop bleibt im V5-Zustand */
@media(max-width:900px){
 .service .icon{font-size:18px}
 .small-link .diagonal-arrow,.resource-link .diagonal-arrow{font-size:1.18em;font-weight:400}
 .hero .actions .btn .arr{font-size:18px;font-weight:400}
}
@media(max-width:680px){
 .service .icon{font-size:19px}
 .small-link .diagonal-arrow,.resource-link .diagonal-arrow{font-size:1.25em;font-weight:400}
 .hero .actions .btn .arr{font-size:19px;font-weight:400}
}

/* Pfeile im Responsive-Modus als schlanke Textzeichen statt als Emoji-Piktogramme */
@media(max-width:900px){.arr,.arrow,.diagonal-arrow,.service .icon,.points li:before{font-family:'Segoe UI Symbol',Arial,sans-serif;font-variant-emoji:text;font-weight:400}}

/* Der Ansatz-Pfeil bleibt auf dem hellen Hero-Button klar sichtbar. */
.hero .actions .btn .arr{color:var(--g);opacity:1;visibility:visible}