/* Seitenmenü: Kästchen mit drei Strichen links neben dem Logo, öffnet ein kleines Menü für die ganze Website. */
body .header .header-inner{grid-template-columns:266px minmax(0,1fr) 174px 142px}
body .header .header-inner>a{margin-left:56px}
body .header .header-inner>.site-menu-button{display:inline-flex;grid-column:1;grid-row:1;justify-self:start;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:1.5px solid currentColor;border-radius:12px;background:transparent;color:inherit;cursor:pointer;position:relative;z-index:2;transition:background-color .2s ease}
body .header .header-inner>.site-menu-button:hover{background:color-mix(in srgb,currentColor 10%,transparent)}
body .header .header-inner>.site-menu-button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.site-menu-button .burger{position:relative;display:block;width:20px;height:14px}
.site-menu-button .burger span{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:currentColor;transition:transform .28s cubic-bezier(.22,.7,.2,1),opacity .2s ease,top .28s cubic-bezier(.22,.7,.2,1)}
.site-menu-button .burger span:nth-child(1){top:0}
.site-menu-button .burger span:nth-child(2){top:6px}
.site-menu-button .burger span:nth-child(3){top:12px}
.site-menu-button[aria-expanded=true] .burger span:nth-child(1){top:6px;transform:rotate(45deg)}
.site-menu-button[aria-expanded=true] .burger span:nth-child(2){opacity:0}
.site-menu-button[aria-expanded=true] .burger span:nth-child(3){top:6px;transform:rotate(-45deg)}
@media(max-width:1199px){body .header .header-inner{grid-template-columns:246px minmax(0,1fr) 155px 130px}}
@media(max-width:1000px){body .header .header-inner{grid-template-columns:1fr auto 130px}body .header .navlinks,body .header .navlinks.open{display:none}}
@media(max-width:480px){body .header .header-inner{grid-template-columns:1fr auto 112px}body .header .header-inner>a{margin-left:52px}body .header .header-inner>.site-menu-button{width:40px;height:40px;min-height:40px;padding:0}}
@media(max-width:359px){body .header .header-inner{grid-template-columns:1fr auto 98px}body .header .header-inner>a{margin-left:48px}body .header .header-inner>.site-menu-button{width:38px;height:38px;min-height:38px}}

.site-menu[hidden]{display:none}
.site-menu{position:fixed;inset:var(--header-height,84px) 0 0 0;z-index:99}
.site-menu-backdrop{position:absolute;inset:0;background:rgba(50,14,59,.28);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .3s ease}
.site-menu-panel{--job:#4c2a85;--job-soft:#f2ecfa;--business:#175b73;--business-soft:#e7f3f6;--about:#3f7a4a;--about-soft:#ecf6e8;position:absolute;top:12px;left:max(16px,calc((100vw - 1328px)/2 + 40px));width:min(360px,calc(100vw - 32px));max-height:calc(100% - 24px);overflow-y:auto;overscroll-behavior:contain;padding:14px 12px 0;border:0;border-top:5px solid transparent;border-radius:22px;background:linear-gradient(180deg,#fbf9fe 0,#fff 140px) padding-box,linear-gradient(90deg,#4c2a85,#8b5fc7 35%,#175b73 68%,#7fb36f) border-box;color:#320e3b;box-shadow:0 24px 60px rgba(50,14,59,.24),0 2px 10px rgba(50,14,59,.1);font-family:'Source Sans 3',sans-serif;opacity:0;transform:translateY(-10px) scale(.98);transform-origin:top left;transition:opacity .28s ease,transform .34s cubic-bezier(.22,.7,.2,1)}
.site-menu.is-open .site-menu-backdrop{opacity:1}
.site-menu.is-open .site-menu-panel{opacity:1;transform:none}
.site-menu-group{--accent:var(--job);--soft:var(--job-soft);position:relative;display:flex;flex-direction:column;margin:0 0 10px;padding:8px 8px 10px;border-radius:16px;background:var(--soft);opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .4s cubic-bezier(.22,.7,.2,1)}
.site-menu-group--business{--accent:var(--business);--soft:var(--business-soft)}
.site-menu-group--about{--accent:var(--about);--soft:var(--about-soft)}
.site-menu.is-open .site-menu-group{opacity:1;transform:none}
.site-menu.is-open .site-menu-group:nth-child(2){transition-delay:.05s}
.site-menu.is-open .site-menu-group:nth-child(3){transition-delay:.1s}
.site-menu-panel a{display:block;border-radius:10px;text-decoration:none;transition:background-color .2s ease,color .2s ease,transform .2s ease}
.site-menu-panel a:focus-visible{outline:2px solid var(--accent,#4c2a85);outline-offset:1px}
.site-menu-group .site-menu-main{display:flex;align-items:center;gap:10px;padding:8px 10px;font-family:'Manrope',sans-serif;font-size:16px;font-weight:800;color:var(--accent)}
.site-menu-group .site-menu-main::before{content:"";flex:none;width:28px;height:28px;border-radius:9px;background:var(--accent) center/16px 16px no-repeat;box-shadow:0 4px 10px color-mix(in srgb,var(--accent) 30%,transparent)}
.site-menu-group--job .site-menu-main::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2M3 13h18'/%3E%3C/svg%3E")}
.site-menu-group--business .site-menu-main::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6'/%3E%3Ccircle cx='17' cy='9' r='2.6'/%3E%3Cpath d='M16 14.2c2.9.3 5 2.6 5 5.8'/%3E%3C/svg%3E")}
.site-menu-group--about .site-menu-main::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z'/%3E%3C/svg%3E")}
.site-menu-group .site-menu-main:hover{background:color-mix(in srgb,var(--accent) 9%,transparent)}
.site-menu-group .site-menu-main[aria-current=page]{background:var(--accent);color:#fff}
.site-menu-group .site-menu-main[aria-current=page]::before{background-color:rgba(255,255,255,.18);box-shadow:none}
.site-menu-group a:not(.site-menu-main){position:relative;padding:6px 10px 6px 48px;font-size:15px;line-height:1.35;color:#4a3d5c}
.site-menu-group a:not(.site-menu-main)::before{content:"";position:absolute;left:33px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:var(--accent);opacity:.45;transition:opacity .2s ease,transform .2s ease}
.site-menu-group a:not(.site-menu-main):hover{background:#fff;color:var(--accent);transform:translateX(3px)}
.site-menu-group a:not(.site-menu-main):hover::before{opacity:1;transform:scale(1.4)}
html[dir=rtl] .site-menu-panel{transform-origin:top right}
html[dir=rtl] .site-menu-group a:not(.site-menu-main){padding:6px 48px 6px 10px}
html[dir=rtl] .site-menu-group a:not(.site-menu-main)::before{left:auto;right:33px}
html[dir=rtl] .site-menu-group a:not(.site-menu-main):hover{transform:translateX(-3px)}
.site-menu-legal{position:sticky;bottom:0;display:flex;flex-wrap:wrap;gap:2px 4px;margin:4px -12px 0;padding:12px 18px 14px;background:#320e3b;border-radius:0 0 22px 22px}
.site-menu-legal a{padding:5px 8px;font-size:13px;color:#e6dcf3}
.site-menu-legal a:hover{background:rgba(255,255,255,.12);color:#fff}
.site-menu-legal a:focus-visible{outline-color:#fff}
@media(max-width:480px){.site-menu-panel{top:8px;max-height:calc(100% - 16px)}}
@media(prefers-reduced-motion:reduce){.site-menu-backdrop,.site-menu-panel,.site-menu-group,.site-menu-panel a,.site-menu-button .burger span{transition:none}.site-menu-panel,.site-menu-group{transform:none}.site-menu-group a:not(.site-menu-main):hover{transform:none}}
@media print{.site-menu,.site-menu-button{display:none!important}}
.site-menu-group a.site-menu-cta{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;margin:2px 0 6px 48px;padding:8px 16px;border-radius:999px;background:var(--accent);color:#fff;font-family:'Manrope',sans-serif;font-size:14px;font-weight:800;box-shadow:0 6px 14px color-mix(in srgb,var(--accent) 30%,transparent)}
.site-menu-group a.site-menu-cta::before{content:none}
.site-menu-group a.site-menu-cta::after{content:"→";transition:transform .2s ease}
.site-menu-group a.site-menu-cta:hover{background:var(--accent);color:#fff;transform:translateY(-1px)}
.site-menu-group a.site-menu-cta:hover::after{transform:translateX(3px)}
html[dir=rtl] .site-menu-group a.site-menu-cta{margin:2px 48px 6px 0}
html[dir=rtl] .site-menu-group a.site-menu-cta::after{content:"←"}
/* Kontaktbereich: Weiche zwischen Bewerbung und Fragen */
.apply-card{position:relative;display:grid;gap:4px;max-width:420px;margin:26px 0 10px;padding:20px 56px 20px 22px;border-radius:20px;background:#4c2a85;color:#fff;text-decoration:none;box-shadow:0 14px 30px rgba(76,42,133,.25);transition:transform .25s cubic-bezier(.22,.7,.2,1),box-shadow .25s ease}
.apply-card:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(76,42,133,.32)}
.apply-card:focus-visible{outline:3px solid #320e3b;outline-offset:3px}
.apply-card-kicker{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#d9c9f2}
.apply-card strong{font-family:'Manrope',sans-serif;font-size:21px;line-height:1.25}
.apply-card-text{font-size:15px;line-height:1.45;color:#ece4f8}
.apply-card-arrow{position:absolute;right:20px;top:50%;display:grid;place-items:center;width:34px;height:34px;margin-top:-17px;border-radius:50%;background:rgba(255,255,255,.16);font-size:18px;transition:transform .25s ease}
.apply-card:hover .apply-card-arrow{transform:translateX(3px)}
html[dir=rtl] .apply-card{padding:20px 22px 20px 56px}
html[dir=rtl] .apply-card-arrow{right:auto;left:20px;transform:scaleX(-1)}
.apply-or{margin:0 0 18px;font-size:15px;color:#5d4a78}
@media(prefers-reduced-motion:reduce){.apply-card,.apply-card-arrow,.site-menu-group a.site-menu-cta::after{transition:none}}