@font-face{font-family:'Archivo';font-style:normal;font-weight:400 800;font-stretch:100% 125%;font-display:swap;src:url(/fonts/archivo.woff2) format('woff2')}
@font-face{font-family:'Jost';font-style:italic;font-weight:400 500;font-display:swap;src:url(/fonts/jost-italic.woff2) format('woff2')}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
sf-if{display:contents}
sf-if[hidden]{display:none !important}
template{display:none}
.sf-wrap{max-width:1240px;margin:0 auto;padding:clamp(48px,6cqi,88px) clamp(20px,4cqi,40px) clamp(64px,8cqi,104px)}
.sf-artikel-wrap{max-width:1240px;margin:0 auto;padding:clamp(32px,4cqi,56px) clamp(20px,4cqi,40px) clamp(64px,8cqi,104px);display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(32px,4.5cqi,72px);align-items:start}
.sf-artikel{min-width:0;max-width:780px}
.sf-artikel-bild{margin:0 0 36px;border-radius:18px;overflow:hidden;background:#EAF4E7;aspect-ratio:16/9}
.sf-artikel-bild img{display:block;width:100%;height:100%;object-fit:cover}
.sf-artikel-meta{margin:0;display:flex;flex-wrap:wrap;gap:6px 10px;font-size:15px;color:#4A544C}
.sf-artikel-aside{position:sticky;top:104px;display:flex;flex-direction:column;gap:20px}
.sf-cta-box{display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:20px;background:#0C100D;color:#FFFFFF}
.sf-cta-box .sf-btn{width:100%}
.sf-cta-kicker{font-family:'Jost','Futura','Avenir Next',sans-serif;font-style:italic;font-weight:500;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#7FD27B}
.sf-cta-title{margin:0;font-size:23px;line-height:1.2;font-weight:800;font-stretch:106%;letter-spacing:-0.01em}
.sf-cta-text{margin:0 0 6px;font-size:15.5px;line-height:1.55;color:rgba(255,255,255,.78)}
.sf-cta-box .sf-btn-outline{background:transparent;color:#FFFFFF;border-color:rgba(255,255,255,.3)}
.sf-cta-box .sf-btn-outline:hover{color:#FFFFFF;border-color:#3AAA35}
.sf-aside-links{display:flex;flex-direction:column;gap:2px;padding:22px 24px;border:1.5px solid #E3E8E0;border-radius:18px;font-size:15.5px}
.sf-aside-links span{font-weight:700;color:#0C100D;margin-bottom:6px}
.sf-aside-links a{color:#257A22;text-decoration:none;padding:5px 0}
.sf-aside-links a:hover{text-decoration:underline}
.sf-legal ol{margin:0 0 16px;padding-left:24px}
.sf-legal ol li::marker{color:#257A22;font-weight:700}
.sf-legal blockquote{margin:24px 0;padding:18px 22px;border-left:4px solid #3AAA35;background:#F2F5F0;border-radius:0 12px 12px 0}
.sf-legal img{display:block;max-width:100%;height:auto;border-radius:14px;margin:8px 0 18px}
.sf-table{margin:8px 0 22px;overflow-x:auto;border:1px solid #E3E8E0;border-radius:14px}
.sf-table table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.sf-table th,.sf-table td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid #E3E8E0}
.sf-table th{background:#F2F5F0;color:#0C100D;font-weight:700;white-space:nowrap}
.sf-table tr:last-child td{border-bottom:0}
.sf-mag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:22px}
.sf-mag-card{display:flex;flex-direction:column;border:1.5px solid #E3E8E0;border-radius:18px;background:#FFFFFF;color:#0C100D;text-decoration:none;overflow:hidden}
.sf-mag-bild{display:block;aspect-ratio:16/10;background:#EAF4E7;overflow:hidden}
.sf-mag-bild img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.sf-mag-card:hover .sf-mag-bild img{transform:scale(1.03)}
.sf-mag-body{display:flex;flex-direction:column;gap:12px;padding:24px 26px 26px;flex-grow:1}
.sf-mag-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:13.5px;color:#4A544C}
.sf-mag-label{font-weight:700;color:#257A22}
.sf-mag-title{font-size:20px;line-height:1.3;font-weight:700;font-stretch:104%;letter-spacing:-0.01em;text-wrap:pretty}
.sf-mag-excerpt{font-size:15.5px;line-height:1.55;color:#4A544C;flex-grow:1}
.sf-orte-chips{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.sf-orte-chips a{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#FFFFFF;border:1.5px solid #DDE3DA;color:#0C100D;font-size:15px;font-weight:600;text-decoration:none;transition:border-color .15s ease,transform .15s ease}
.sf-orte-chips a:hover,.sf-ort-chip:hover{border-color:#3AAA35 !important;transform:translateY(-1px)}
.sf-ort-chip{transition:border-color .15s ease,transform .15s ease}
.sf-foot-orte{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;margin:-20px 0 -28px;font-size:14px}
.sf-foot-orte span{color:#0C100D;font-weight:700}
@media (max-width:980px){.sf-artikel-wrap{grid-template-columns:minmax(0,1fr)}.sf-artikel-aside{position:static}.sf-artikel{max-width:none}}
@media (prefers-reduced-motion: reduce){.sf-mag-bild img,.sf-orte-chips a,.sf-ort-chip{transition:none}.sf-mag-card:hover .sf-mag-bild img{transform:none}}

body{margin:0}
*{box-sizing:border-box}
a{color:#257A22}a:hover{color:#1C5F1A}
.sf-nav a{color:#2A322C;text-decoration:none;white-space:nowrap;padding:6px 0;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}
.sf-nav a:hover{color:#257A22}
.sf-nav2 a{color:#4A544C;text-decoration:none;white-space:nowrap;transition:color .15s ease}
.sf-nav2 a:hover{color:#257A22}
.sf-icon-btn{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:#EAF4E7;color:#257A22;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:background-color .15s ease,color .15s ease,transform .15s ease}
.sf-icon-btn:hover{background:#D5EBD1;color:#1C5F1A;transform:translateY(-1px)}
.sf-wa{transition:transform .15s ease,box-shadow .15s ease}
.sf-wa:hover{color:#FFFFFF;transform:translateY(-2px);box-shadow:0 22px 44px -14px rgba(12,16,13,.55)}
.sf-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;text-decoration:none;font-weight:600;border-radius:10px;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}
.sf-btn:hover{transform:translateY(-1px)}
.sf-btn-primary{background:#3AAA35;color:#0C100D}
.sf-btn-primary:hover{background:#4CBF46;color:#0C100D}
.sf-btn-dark{background:#0C100D;color:#FFFFFF}
.sf-btn-dark:hover{background:#243026;color:#FFFFFF}
.sf-btn-ghost{color:#FFFFFF;border:1.5px solid rgba(255,255,255,.3)}
.sf-btn-ghost:hover{color:#FFFFFF;border-color:#3AAA35}
.sf-card{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.sf-card:hover{border-color:#3AAA35;box-shadow:0 22px 44px -28px rgba(12,16,13,.45);transform:translateY(-3px)}
.sf-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:none;transition:gap .15s ease}
.sf-link:hover{gap:12px}
.sf-foot a{color:#4A544C;text-decoration:none}
.sf-foot a:hover{color:#0C100D}
.sf-btn-outline{color:#0C100D;border:1.5px solid #CBD3C8;background:#FFFFFF}
.sf-btn-outline:hover{color:#0C100D;border-color:#0C100D}
.sf-btn-light{background:#FFFFFF;color:#0C100D}
.sf-btn-light:hover{background:#F2F5F0;color:#0C100D}
button.sf-btn{border:0;font-family:inherit;cursor:pointer}
.sf-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}
.sf-btn-quiet,button.sf-btn-quiet{background:transparent;color:#0C100D;border:1.5px solid #D5DCD2}
.sf-btn-quiet:hover{color:#0C100D;border-color:#0C100D}
.sf-nav a[aria-current="page"]{color:#257A22;border-bottom-color:#3AAA35;font-weight:600}
.sf-mnav a[aria-current="page"]{color:#257A22 !important}
.sf-crumb a{color:#4A544C;text-decoration:none}
.sf-crumb a:hover{color:#0C100D;text-decoration:underline}
.sf-legal-tabs a{display:inline-flex;align-items:center;height:44px;padding:0 18px;border-radius:999px;border:1.5px solid #D5DCD2;background:#FFFFFF;color:#0C100D;font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap;transition:border-color .15s ease,background-color .15s ease}
.sf-legal-tabs a:hover{border-color:#3AAA35}
.sf-legal-tabs a[aria-current="page"]{background:#3AAA35;border-color:#3AAA35;color:#0C100D}
.sf-legal{color:#2A322C;font-size:16.5px;line-height:1.7;overflow-wrap:break-word}
.sf-legal h2{margin:48px 0 14px;font-size:clamp(22px,2.2cqi,27px);line-height:1.25;font-weight:800;font-stretch:106%;letter-spacing:-0.015em;color:#0C100D;text-wrap:balance}
.sf-legal h3{margin:32px 0 10px;font-size:19px;line-height:1.35;font-weight:700;color:#0C100D}
.sf-legal h4{margin:24px 0 8px;font-size:16.5px;line-height:1.4;font-weight:700;color:#0C100D}
.sf-legal p{margin:0 0 14px;text-wrap:pretty}
.sf-legal ul{margin:0 0 16px;padding-left:22px}
.sf-legal li{margin:0 0 6px;padding-left:4px}
.sf-legal li::marker{color:#3AAA35}
.sf-legal strong{color:#0C100D}
.sf-legal a{color:#257A22;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.sf-legal a:hover{color:#1C5F1A}
.sf-legal>:first-child{margin-top:0}
.sf-legal h2+h3,.sf-legal h3+h4{margin-top:14px}
.sf-legal-gruppe{margin:56px 0 0;padding-top:20px;border-top:1px solid #E3E8E0;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#257A22}
.sf-legal-gruppe+h2{margin-top:16px}
.sf-legal-box{margin:20px 0 0;padding:clamp(20px,3cqi,32px);border-radius:16px;background:#F2F5F0}
.sf-legal-box p:last-child{margin-bottom:0}
.sf-legal .sf-blank{display:block;white-space:nowrap;overflow:hidden;color:#4A544C}
main img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
main :has(>img){isolation:isolate}
main div:hover>img,main article:hover>img{transform:scale(1.06)}
@media (prefers-reduced-motion: reduce){main img{transition:none}main div:hover>img,main article:hover>img{transform:none}}
.sf-marquee{max-width:1440px;margin-left:auto;margin-right:auto;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.sf-marquee-track{display:flex;width:max-content;animation:sf-marquee 36s linear infinite}
.sf-marquee:hover .sf-marquee-track{animation-play-state:paused}
@keyframes sf-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.sf-partner{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:72px;padding:0 clamp(32px,4cqi,64px);color:#4A544C;text-decoration:none;white-space:nowrap;transition:transform .2s ease}
.sf-partner:hover{color:#0C100D;transform:translateY(-2px)}
@media (prefers-reduced-motion: reduce){.sf-marquee-track{animation:none}}
[id]{scroll-margin-top:88px}
.sf-opt{display:flex;align-items:center;gap:14px;width:100%;min-height:64px;padding:14px 18px;border:1.5px solid #DDE3DA;border-radius:14px;background:#FFFFFF;color:#0C100D;font-family:inherit;font-size:16.5px;font-weight:600;line-height:1.3;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}
.sf-opt:hover{border-color:#3AAA35}
.sf-opt.is-on{border-color:#3AAA35;background:#F1F8F0;box-shadow:inset 0 0 0 1px #3AAA35}
.sf-opt-lg{flex-direction:column;align-items:flex-start;gap:12px;min-height:150px;padding:20px}
.sf-mark{flex-shrink:0;width:22px;height:22px;border:2px solid #C6CFC3;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#FFFFFF}
.sf-opt.is-multi .sf-mark{border-radius:6px}
.sf-opt.is-on .sf-mark{background:#3AAA35;border-color:#3AAA35}
.sf-opt.is-on .sf-mark::after{content:"";width:8px;height:8px;border-radius:50%;background:#0C100D}
.sf-opt.is-multi.is-on .sf-mark::after{width:10px;height:5px;border-radius:0;background:none;border-left:2.5px solid #0C100D;border-bottom:2.5px solid #0C100D;transform:translateY(-1px) rotate(-45deg)}
.sf-ico{width:52px;height:46px;border-radius:9px;background:#F2F5F0;color:#257A22;display:flex;align-items:center;justify-content:center;transform:skewX(-10deg);transition:background-color .15s ease,color .15s ease}
.sf-opt.is-on .sf-ico{background:#3AAA35;color:#0C100D}
.sf-seg{display:block;height:6px;border-radius:3px;background:#E3E8E0;transition:background-color .2s ease}
.sf-seg.is-done{background:#3AAA35}
.sf-seg.is-active{background:#0C100D}
.sf-menu-btn{display:none}
.sf-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}
.sf-feat{grid-column:span 2;grid-row:span 2}
details.sf-faq summary{list-style:none;cursor:pointer}
details.sf-faq summary::-webkit-details-marker{display:none}
details.sf-faq .sf-faq-icon{transition:transform .2s ease,background-color .2s ease}
details.sf-faq[open] .sf-faq-icon{transform:rotate(45deg);background:#3AAA35;color:#0C100D}
.sf-input{width:100%;height:52px;padding:0 16px;border:1.5px solid #D5DCD2;border-radius:10px;font:inherit;font-size:16px;color:#0C100D;background:#FFFFFF}
textarea.sf-input{height:120px;padding:14px 16px;resize:vertical}
.sf-input:focus{outline:none;border-color:#3AAA35;box-shadow:0 0 0 3px rgba(58,170,53,.25)}
select.sf-input{appearance:none;-webkit-appearance:none;padding-right:44px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#4A544C 50%),linear-gradient(135deg,#4A544C 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.sf-marken{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px}
.sf-marke{display:flex;align-items:center;justify-content:center;min-height:120px;padding:24px 28px;border-radius:16px;background:#FFFFFF;border:1.5px solid #E3E8E0;transition:border-color .15s ease,transform .15s ease}
.sf-marke:hover{border-color:#3AAA35;transform:translateY(-2px)}
.sf-marken-label{margin:0;font-size:13px;line-height:1.4;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#4A544C}
.sf-marke img{display:block;max-width:100%;max-height:46px;width:auto;height:auto;object-fit:contain}
.sf-haken{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
.sf-haken li{position:relative;padding-left:28px}
.sf-haken li::before{content:"";position:absolute;left:3px;top:.42em;width:12px;height:6px;border-left:2.4px solid #3AAA35;border-bottom:2.4px solid #3AAA35;transform:rotate(-45deg)}
.sf-job{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.sf-job:hover{border-color:#3AAA35;box-shadow:0 22px 44px -30px rgba(12,16,13,.4);transform:translateY(-3px)}
@media (prefers-reduced-motion: reduce){.sf-job:hover,.sf-marke:hover{transform:none}}
.sf-check{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1.5px solid #D5DCD2;border-radius:999px;font-size:15px;cursor:pointer}
.sf-check:hover{border-color:#3AAA35}
.sf-check input{accent-color:#3AAA35;width:16px;height:16px;margin:0}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #3AAA35;outline-offset:3px}
@container page (max-width: 1420px){.sf-nav2{display:none !important}.sf-menu-btn{display:inline-flex !important}}
@container page (max-width: 1280px){.sf-nav{display:none !important}}
@container page (max-width: 720px){.sf-hide-sm{display:none !important}.sf-logo{height:19px !important}.sf-wa-text{display:none}.sf-wa{padding:0 7px !important}}
@container page (max-width: 640px){.sf-galerie{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1 * clamp(20px, 4cqi, 40px));padding:0 clamp(20px, 4cqi, 40px)}.sf-galerie::-webkit-scrollbar{display:none}.sf-galerie>*{flex:0 0 72%;scroll-snap-align:center}}
@container page (max-width: 480px){.sf-hide-xs{display:none !important}.sf-headrow{gap:8px !important}.sf-icon-btn{width:40px;height:40px}.sf-menu-btn{width:42px !important;height:42px !important}.sf-logo{height:17px !important}}
@container page (max-width: 360px){.sf-headrow{padding:0 12px !important}.sf-logo{height:14px !important}.sf-headtools{gap:6px !important}}
@container page (max-width: 1000px){.sf-bento{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container page (max-width: 600px){.sf-bento{grid-template-columns:minmax(0,1fr)}.sf-feat{grid-column:auto;grid-row:auto}}