.s-g6-karriere h1 { font-size: clamp(2.2rem, 1rem + 2.9vw, 3.75rem); max-width: 20ch; }
.s-g6-chips { list-style: none; display: flex; flex-wrap: wrap; gap: .5rem; margin: -.4rem 0 1.9rem; }
.s-g6-chips .chip { min-height: 36px; padding-inline: .8rem; font-size: .875rem; }
.s-g6-chips .i { width: 16px; height: 16px; color: var(--cool); }
.s-g6-recht { padding-bottom: clamp(2rem, 1.6rem + 1.6vw, 3.25rem); }
.s-g6-recht h1 { font-size: clamp(2.1rem, 1.25rem + 2.5vw, 3.5rem); }
.s-g6-recht .lead { margin-bottom: 0; }
.contact-grid { display: grid; gap: 3rem; align-items: start; }
.contact-list { list-style: none; display: grid; gap: .35rem; margin: 1.5rem 0 2rem; }
.contact-list li { display: flex; align-items: flex-start; gap: 1rem; }
.contact-list .i { width: 44px; height: 44px; padding: 11px; border-radius: 14px; background: rgb(var(--glow-cool) / .12); color: var(--cool); transition: background-color 200ms ease, color 200ms ease; }
.contact-list strong { display: block; margin-bottom: .1rem; color: var(--text-3); font: 500 .875rem/1.3 var(--font-display); }
.contact-list li > div, .s-g6-zeile-link > span { min-width: 0; }
.s-g6-wert { display: block; color: var(--text); font: 600 clamp(1.08rem, 1rem + .4vw, 1.3rem)/1.35 var(--font-display); letter-spacing: -.01em; overflow-wrap: anywhere; }
.s-g6-adresse { color: var(--text-2); line-height: 1.55; }
.contact-list li:not(:has(a)) { padding: .55rem 0; }
.s-g6-zeile-link { display: flex; align-items: center; gap: 1rem; width: 100%; min-height: 64px; padding: .55rem .9rem .55rem .55rem; margin-inline: -.55rem; border-radius: 20px; color: inherit; text-decoration: none; transition: background-color 200ms ease; }
.s-g6-zeile-link .s-g6-pfeil { margin-left: auto; width: 18px; height: 18px; padding: 0; background: none; color: var(--text-3); transition: transform 300ms var(--ease-out), color 200ms ease; }
@media (hover: hover) and (pointer: fine) {
.s-g6-zeile-link:hover { background: rgb(255 255 255 / .04); color: inherit; }
.s-g6-zeile-link:hover .i:first-child { background: var(--cool); color: var(--on-cool); }
.s-g6-zeile-link:hover .s-g6-pfeil { transform: translateX(4px); color: var(--text); }
}
.s-g6-karte { margin-top: .5rem; }
.s-g6-karte .core { padding: clamp(.75rem, .4rem + 1.4vw, 1.75rem); }
@media (max-width: 399px) { .s-g6-karte .core { padding: 2px; } }
.s-g6-links { margin: 1rem 0 2rem; }
.s-g6-hinweise { display: grid; gap: 1rem; }
a.s-g6-schwester { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 1.1rem; align-items: center; color: var(--text-2); text-decoration: none; transition: border-color 250ms ease; }
a.s-g6-schwester img { position: relative; z-index: 1; width: 76px; height: auto; }
a.s-g6-schwester span { position: relative; z-index: 1; }
a.s-g6-schwester strong { display: block; margin-bottom: .15rem; }
a.s-g6-schwester:hover { color: var(--text-2); border-color: rgb(var(--glow-cool) / .45); }
.s-g6-formular .form-body.zwei > h2 { grid-column: 1 / -1; margin-bottom: .25rem; font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.4rem); }
.s-g6-formular .form-intro { margin-bottom: .6rem; }
@media (max-width: 479px) {
.s-g6-wert { font-size: 1.02rem; }
.s-g6-zeile-link .s-g6-pfeil { display: none; }
a.s-g6-schwester { grid-template-columns: minmax(0, 1fr); gap: .8rem; }
a.s-g6-schwester img { width: 64px; }
}
@media (min-width: 1024px) {
.contact-grid { grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); grid-template-areas: "info form" "mehr form"; gap: 0 4.5rem; }
.s-g6-info { grid-area: info; } .s-g6-mehr { grid-area: mehr; } .contact-grid > .form-card { grid-area: form; }
}
.s-g6-team { width: min(100%, 560px); margin-inline: auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(.6rem, .4rem + .8vw, 1rem); align-items: start; padding-top: 1.75rem; }
.s-g6-kopf { margin: 0; }
.s-g6-kopf:nth-child(2) { transform: translateY(-1.75rem); }
.s-g6-rahmen { position: relative; padding: 5px; border-radius: var(--r-core); background: var(--shell); border: 1px solid var(--line); box-shadow: 0 40px 80px -50px rgb(0 0 0 / .9); }
.s-g6-rahmen img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; object-position: 50% 18%; border-radius: 17px; transition: transform 1400ms var(--ease-expo); }
.s-g6-bild { overflow: hidden; border-radius: 17px; }
.s-g6-kopf figcaption { display: grid; gap: .1rem; padding: .7rem .2rem 0; line-height: 1.3; }
.s-g6-kopf figcaption strong { font: 600 clamp(.8125rem, .74rem + .3vw, .98rem)/1.25 var(--font-display); }
.s-g6-kopf figcaption span { color: var(--text-3); font-size: clamp(.8125rem, .78rem + .15vw, .875rem); hyphens: manual; }
.s-g6-meister { grid-column: 1 / -1; position: relative; display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 1rem; align-items: center; margin-top: -.25rem; padding: .9rem 1.2rem .9rem .9rem; border-radius: var(--r-core);
border: 1px solid var(--line); background: linear-gradient(110deg, rgb(var(--glow-warm) / .1), var(--bg-card) 40%, var(--bg-card) 70%, rgb(var(--glow-cool) / .1)); overflow: hidden; }
.s-g6-meister::before { content: ""; position: absolute; inset: 0 0 auto; height: 1px; background: var(--temp-line); opacity: .7; }
.s-g6-luefter { width: 64px; height: 64px; }
.s-g6-luefter .ring { fill: none; stroke: rgb(255 255 255 / .32); stroke-width: 2.2; }
.s-g6-luefter .blaetter { fill: rgb(255 255 255 / .55); transform-box: fill-box; transform-origin: 50% 50%; transition: transform 2400ms var(--ease-out); }
.s-g6-meister p { margin: 0; line-height: 1.35; }
.s-g6-meister strong { display: block; font: 600 1rem/1.3 var(--font-display); }
.s-g6-meister span { color: var(--text-3); font-size: .875rem; }
@media (hover: hover) and (pointer: fine) {
.s-g6-kopf:hover .s-g6-rahmen img { transform: scale(1.05); }
.s-g6-meister:hover .blaetter { transform: rotate(240deg); }
}
@media (min-width: 960px) { .s-g6-team { margin-right: 0; } }
@media (max-width: 479px) { .s-g6-kopf figcaption { padding-inline: 0; } .s-g6-meister { grid-template-columns: 48px minmax(0, 1fr); padding: .8rem; } .s-g6-luefter { width: 48px; height: 48px; } }
@media (prefers-reduced-motion: no-preference) {
.js .s-g6-rahmen { animation: s-g6-auf 1300ms var(--ease-expo) both; }
.js .s-g6-kopf figcaption { animation: aufsteigen 900ms var(--ease-expo) both; }
.js .s-g6-kopf:nth-child(1) .s-g6-rahmen { animation-delay: 140ms; } .js .s-g6-kopf:nth-child(1) figcaption { animation-delay: 520ms; }
.js .s-g6-kopf:nth-child(2) .s-g6-rahmen { animation-delay: 60ms; } .js .s-g6-kopf:nth-child(2) figcaption { animation-delay: 440ms; }
.js .s-g6-kopf:nth-child(3) .s-g6-rahmen { animation-delay: 220ms; } .js .s-g6-kopf:nth-child(3) figcaption { animation-delay: 600ms; }
.js .s-g6-meister { animation: aufsteigen 900ms var(--ease-expo) 680ms both; }
}
@keyframes s-g6-auf { from { clip-path: inset(30% 0 0 0 round var(--r-core)); opacity: .2; } to { clip-path: inset(0 0 0 0 round var(--r-core)); opacity: 1; } }
.s-g6-bento .rb-photo img { object-position: 35% 45%; }
.s-g6-bento .chain li { font-size: .875rem; }
.s-g6-bento h3 { text-wrap: pretty; }
.s-g6-bento .rb-bild .chain { gap: .4rem; }
.s-g6-bento .rb-bild .chain li { padding-inline: .75rem; font-size: .8125rem; white-space: nowrap; }
@media (min-width: 640px) and (max-width: 1023px) { .s-g6-bento > .rb-wide { grid-column: span 2; } }
.s-g6-stellen .job-inhalt p { margin: 0 0 1rem; }
.s-g6-stellen .job-inhalt > .s-g6-kurz { grid-column: 1 / -1; margin: 0; max-width: 70ch; color: var(--text); font-size: 1.05rem; }
.s-g6-stellen .job-inhalt .checks { font-size: .98rem; line-height: 1.5; }
.s-g6-stellen .job-weit { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.75rem; margin: 0; padding-top: 1.25rem; border-top: 1px solid var(--line); }
.s-g6-stellen .job-chips .i { width: 15px; height: 15px; color: var(--cool); }
.s-g6-initiativ { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 2rem; margin-top: 1rem; }
.s-g6-initiativ p { position: relative; z-index: 1; margin: 0; max-width: 60ch; }
.s-g6-initiativ .btn { position: relative; z-index: 1; }
.s-g6-stelle .checks { padding-left: 0; margin-bottom: 1.5rem; }
.s-g6-stelle .checks li { margin-bottom: 0; }
.s-g6-stelle .note { margin-top: 2.5rem; }
.s-g6-stelle .note p { margin: 0; }
.s-g6-stelle .steps { padding-left: 0; margin: 2rem 0 2.5rem; }
.s-g6-stelle .steps li { margin-bottom: 0; }
.s-g6-stelle .steps h3 { margin-top: 0; font-size: 1.15rem; }
.s-g6-weitere { padding: 1.4rem 1.5rem; border-radius: var(--r-core); border: 1px solid var(--line); background: var(--bg-card); }
.s-g6-weitere > p { margin: 0 0 .8rem; color: var(--text); font: 600 .95rem/1.2 var(--font-display); }
.s-g6-weitere .related a { min-height: 52px; font-size: .92rem; hyphens: manual; }
@media (max-width: 379px) { .s-g6-weitere { padding: 1.1rem 1rem; } .s-g6-weitere .related a { padding-left: .9rem; gap: .6rem; } }
@media (max-width: 1023px) { .s-g6-inhalt { display: none; } }
.legal .prose > :first-child { margin-top: 0; }
.legal .prose .btn { margin-block: .25rem .5rem; }
.legal .rg-tabelle table { min-width: 0; }
.legal .rg-tabelle td:first-child { overflow-wrap: anywhere; }
@media (max-width: 719px) {
.legal .rg-tabelle { border: 0; overflow: visible; }
.legal .rg-tabelle table, .legal .rg-tabelle tbody, .legal .rg-tabelle tr, .legal .rg-tabelle td { display: block; width: 100%; }
.legal .rg-tabelle thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.legal .rg-tabelle tr { margin-bottom: .75rem; padding: .35rem 1.1rem; border-radius: var(--r-md); border: 1px solid var(--line); background: var(--bg-card); }
.legal .rg-tabelle td { display: grid; grid-template-columns: 6.75rem minmax(0, 1fr); gap: .75rem; padding: .6rem 0; }
.legal .rg-tabelle tr td:last-child { border-bottom: 0; }
.legal .rg-tabelle td::before { content: attr(data-label); color: var(--text-3); font: 500 .8125rem/1.5 var(--font-display); }
}
.s-g6-recht-raster { display: grid; gap: 2.5rem; }
.s-g6-recht-raster > * { min-width: 0; }
.s-g6-recht-raster .rg-toc { display: none; }
@media (min-width: 1024px) {
.s-g6-recht-raster { grid-template-columns: minmax(0, 1fr) 300px; gap: 5rem; }
.s-g6-recht-raster .rg-toc { display: block; position: sticky; top: calc(var(--nav-h) + 56px); align-self: start; }
}
.s-g6-leer { display: grid; gap: 1rem; padding: clamp(1.5rem, 1.1rem + 1.4vw, 2.4rem); }
.s-g6-leer > * { position: relative; z-index: 1; margin: 0; }
.s-g6-leer > .i { width: 48px; height: 48px; padding: 12px; border-radius: 16px; background: rgb(var(--glow-cool) / .12); color: var(--cool); }
.legal .prose .s-g6-leer h2 { margin: 0; }
.s-g6-leer .btn { justify-self: start; margin-top: .25rem; }
.legal .prose .related { padding-left: 0; margin-top: 1rem; }
.legal .prose .related li { margin-bottom: 0; }
.not-found .orte { justify-content: center; margin-top: 2.25rem; }
.legal .prose { max-width: 72ch; }
.legal .prose h2 { margin-top: 2.2em; font-size: clamp(1.35rem, 1.15rem + .8vw, 1.8rem); }
.legal .prose h3 { margin-top: 1.6em; font-size: 1.1rem; }
.legal .prose :is(p, li, td) { overflow-wrap: anywhere; }
.jobs { list-style: none; display: grid; gap: 1rem; }
.job { position: relative; border-radius: var(--r-shell); border: 1px solid var(--line); background: linear-gradient(180deg, var(--bg-card-2), var(--bg-card)); box-shadow: inset 0 1px 0 rgb(255 255 255 / .06); transition: border-color 250ms ease; }
.job:hover, .job[open] { border-color: var(--line-strong); }
.job > summary { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .75rem 1.25rem; align-items: center; padding: clamp(1.25rem, 1rem + 1vw, 1.9rem); list-style: none; cursor: pointer; border-radius: inherit; }
.job > summary::-webkit-details-marker { display: none; }
.job-titel { margin: 0; color: var(--text); font: 600 clamp(1.2rem, 1.05rem + .7vw, 1.65rem)/1.2 var(--font-display); letter-spacing: -.02em; }
.job-chips { grid-column: 1; display: flex; flex-wrap: wrap; gap: .4rem; }
.job > summary .svc-go { grid-column: 2; grid-row: 1 / span 2; }
.job[open] > summary .svc-go { background: var(--cool); border-color: var(--cool); color: var(--on-cool); transform: rotate(90deg); }
@media (hover: hover) and (pointer: fine) { .job:not([open]) > summary:hover .svc-go { background: var(--warm-cta); border-color: var(--warm-cta); color: #fff; transform: rotate(-45deg); } }
.job-inhalt { display: grid; gap: 1.5rem 3rem; padding: 0 clamp(1.25rem, 1rem + 1vw, 1.9rem) clamp(1.25rem, 1rem + 1vw, 1.9rem); }
.job-inhalt h4 { margin-bottom: .8rem; }
.job-inhalt > :last-child { margin-bottom: 0; }
.job::details-content { block-size: 0; overflow: hidden; transition: block-size 300ms var(--ease-out), content-visibility 300ms allow-discrete; }
.job[open]::details-content { block-size: auto; }
@media (min-width: 900px) { .job-inhalt { grid-template-columns: 1fr 1fr; } .job-inhalt > .job-weit { grid-column: 1 / -1; } }
@media (min-width: 1024px) and (max-width: 1099px) { .s-g6-karte .region-map .town text, .s-g6-karte .region-map .river-label, .s-g6-karte .region-map .radius-label { font-size: 18.5px; } .s-g6-karte .region-map a.town.mitte text { font-size: 19.5px; } }
.s-g6-kopf.s-g6-breit { grid-column: 1 / -1; transform: none; }
.s-g6-breit .s-g6-bild img { aspect-ratio: 3 / 2; height: auto; }