/* /SKG_website_swissasia/static/src/css/site.css */
 @font-face{font-family: "Rubik"; src: url("/SKG_website_swissasia/static/src/fonts/rubik-var-latin.woff2") format("woff2"); font-weight: 300 700; font-style: normal; font-display: swap;}#wrapwrap.sat-site{--sat-rot: #d42525; --sat-rot-tief: #a81616; --sat-tinte: #0e0e10; --sat-text: #3b3b40; --sat-leise: #6a6a70; --sat-papier: #ffffff; --sat-nebel: #f5f4f2; --sat-linie: #e4e2de; --sat-nacht: #0e0e10; --sat-nacht-karte: #18181c; --sat-nacht-linie: #2a2a30; --sat-auf-nacht: #c9c9cf; --sat-schrift: "Rubik", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --sat-max: 1200px; --sat-rand: clamp(20px, 4vw, 48px); --sat-block: clamp(64px, 8vw, 120px); --sat-radius: 14px; --sat-schatten: 0 14px 40px rgb(14 14 16 / 0.08); --sat-kopf: 76px; --sat-ease: cubic-bezier(0.2, 0.7, 0.2, 1);}html:has(#wrapwrap.sat-site){-webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth;}body:has(> #wrapwrap.sat-site){margin: 0; background: #fff;}.sat-site [hidden]{display: none !important;}#wrapwrap.sat-site > .o_skip_to_content, .sat-schlank #website_cookies_bar, .sat-schlank #o_shared_blocks{display: none;}#wrapwrap.sat-site{font-family: var(--sat-schrift); font-size: 17px; font-weight: 400; line-height: 1.6; color: var(--sat-text); background: var(--sat-papier); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: clip;}.sat-site *, .sat-site *::before, .sat-site *::after{box-sizing: border-box;}.sat-site :where(h1, h2, h3, h4, p, ul, ol, figure, blockquote, address){margin: 0; padding: 0;}.sat-site :where(h1, h2, h3, h4){font-family: inherit; font-weight: 500; line-height: 1.12; letter-spacing: -0.02em; color: var(--sat-tinte); text-wrap: balance;}.sat-site :where(p, li){text-wrap: pretty;}.sat-site :where(ul, ol){list-style: none;}.sat-site :where(address){font-style: normal;}.sat-site :where(a){color: inherit; text-decoration: none;}.sat-site :where(img, svg){display: block; max-width: 100%;}.sat-site :where(img){height: auto;}.sat-site :where(strong, b){font-weight: 600; color: var(--sat-tinte);}.sat-site :where(button, input, textarea){margin: 0; font: inherit; color: inherit;}.sat-site ::selection{background: var(--sat-rot); color: #fff;}.sat-site :focus-visible{outline: 3px solid var(--sat-rot); outline-offset: 3px; border-radius: 4px;}.sat-site [id]{scroll-margin-top: calc(var(--sat-kopf) + 16px);}.sat-sr{position: absolute !important; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;}.sat-skip{position: absolute; left: 16px; top: -100px; z-index: 100; padding: 12px 18px; background: var(--sat-tinte); color: #fff; border-radius: 8px;}.sat-skip:focus{top: 16px;}.sat-container{width: 100%; max-width: var(--sat-max); margin-inline: auto; padding-inline: var(--sat-rand);}.sat-section{padding-block: var(--sat-block);}.sat-section + .sat-section:not(.sat-section--dark){border-top: 1px solid var(--sat-linie);}.sat-section--dark{background: var(--sat-nacht); color: var(--sat-auf-nacht);}.sat-section--dark :where(h1, h2, h3, h4, strong, b){color: #fff;}.sat-btn, .sat-site .button{display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 12px 28px; border: 2px solid var(--sat-rot); border-radius: 999px; background: var(--sat-rot); color: #fff; font-weight: 500; line-height: 1.2; cursor: pointer; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;}.sat-btn:hover{background: var(--sat-rot-tief); border-color: var(--sat-rot-tief); transform: translateY(-1px);}.sat-btn--block{width: 100%;}.sat-btn--linie{background: transparent; color: var(--sat-rot);}.sat-btn--linie:hover{color: #fff;}.sat-eyebrow{margin-bottom: 18px; font-size: 13px; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase;}.sat-heading-center{max-width: 780px; margin: 0 auto clamp(36px, 4vw, 56px); text-align: center;}.sat-heading-center h1, .sat-heading-center h2{font-size: clamp(30px, 3.6vw, 48px);}.sat-heading-center p{margin-top: 16px; font-size: 19px;}.sat-rule{width: 56px; height: 4px; margin: 20px auto 0; border: 0; border-radius: 2px; background: var(--sat-rot);}.sat-grid{display: grid; gap: clamp(16px, 2vw, 24px);}.sat-grid--2{grid-template-columns: repeat(2, minmax(0, 1fr));}.sat-grid--3{grid-template-columns: repeat(3, minmax(0, 1fr));}.sat-grid--4{grid-template-columns: repeat(4, minmax(0, 1fr));}.sat-card{padding: 32px 28px; border: 1px solid var(--sat-nacht-linie); border-radius: var(--sat-radius); background: var(--sat-nacht-karte); transition: border-color 0.25s ease, transform 0.25s var(--sat-ease);}.sat-card:hover{border-color: var(--sat-rot); transform: translateY(-3px);}.sat-card__icon{display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 22px; border-radius: 14px; background: var(--sat-rot);}.sat-card__icon svg{width: 26px; height: 26px; fill: #fff;}.sat-card h3, .sat-card h2.sat-h3{margin-bottom: 10px; font-size: 21px;}.sat-card p{font-size: 16px;}.sat-service{display: flex; flex-direction: column; gap: 10px; padding: 30px 28px; border: 1px solid var(--sat-linie); border-radius: var(--sat-radius); background: var(--sat-papier); transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s var(--sat-ease);}.sat-service:hover{border-color: var(--sat-rot); box-shadow: var(--sat-schatten); transform: translateY(-3px);}.sat-service h3, .sat-service h2.sat-h3{font-size: 22px;}.sat-service p{flex: 1; font-size: 16px;}.sat-service__more{font-weight: 500; color: var(--sat-rot);}.sat-service__time{align-self: flex-start; padding: 3px 14px; border: 1px solid var(--sat-rot); border-radius: 999px; font-size: 13px; color: var(--sat-rot);}.sat-redcard{position: relative; padding: 36px 32px 32px; border: 1px solid var(--sat-linie); border-top: 4px solid var(--sat-rot); border-radius: var(--sat-radius); background: var(--sat-papier); box-shadow: var(--sat-schatten);}.sat-redcard h3, .sat-redcard h2.sat-h3{margin-bottom: 14px; font-size: 24px;}.sat-redcard p + p, .sat-redcard ul{margin-top: 12px;}.sat-quote{display: flex; flex-direction: column; padding: 32px; border: 1px solid var(--sat-nacht-linie); border-radius: var(--sat-radius); background: var(--sat-nacht-karte); color: var(--sat-auf-nacht);}.sat-quote p{flex: 1; margin-bottom: 22px; font-size: 17px; line-height: 1.55;}.sat-quote__name{font-weight: 500; color: #fff;}.sat-quote__meta{font-size: 14px; color: var(--sat-auf-nacht);}.sat-checklist{max-width: 820px; margin-inline: auto;}.sat-checklist li{position: relative; padding: 14px 0 14px 40px; border-bottom: 1px solid var(--sat-linie);}.sat-checklist li::before{content: ""; position: absolute; left: 6px; top: 21px; width: 14px; height: 8px; border-left: 3px solid var(--sat-rot); border-bottom: 3px solid var(--sat-rot); transform: rotate(-45deg);}.sat-section--dark .sat-checklist li{border-color: var(--sat-nacht-linie);}.sat-punch{margin-top: 32px; font-size: clamp(20px, 2vw, 26px); font-weight: 500; letter-spacing: -0.01em; text-align: center; color: var(--sat-rot);}.sat-section--dark .sat-punch{color: #ff6b6b;}.sat-steps{display: grid; gap: 16px; max-width: 860px; margin-inline: auto; counter-reset: sat-schritt;}.sat-steps > li{position: relative; padding: 28px 28px 28px 92px; border: 1px solid var(--sat-linie); border-radius: var(--sat-radius); counter-increment: sat-schritt;}.sat-steps > li::before{content: counter(sat-schritt, decimal-leading-zero); position: absolute; left: 28px; top: 26px; font-size: 30px; font-weight: 500; line-height: 1; color: var(--sat-rot);}.sat-steps h3, .sat-steps h2.sat-h3{margin-bottom: 8px; font-size: 21px;}.sat-kopf{position: sticky; top: 0; z-index: 40; background: rgb(255 255 255 / 0.9); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--sat-linie);}.sat-kopf__innen{display: flex; align-items: center; gap: 20px; max-width: 1320px; min-height: var(--sat-kopf); margin-inline: auto; padding-inline: var(--sat-rand);}.sat-kopf__logo{flex-shrink: 0;}.sat-kopf__logo img{display: block; width: auto; height: 48px; aspect-ratio: 472 / 100; object-fit: contain;}.sat-menu{margin-left: auto;}.sat-menu__schalter, .sat-menu__knopf{display: none;}.sat-nav{display: flex; align-items: center; gap: clamp(14px, 2vw, 30px); font-size: 16px; font-weight: 500; color: var(--sat-tinte);}.sat-nav a{display: block; padding-block: 12px; transition: color 0.2s ease;}.sat-nav a:hover{color: var(--sat-rot);}.sat-nav__gruppe{position: relative;}.sat-nav__gruppe > a::after{content: ""; display: inline-block; width: 7px; height: 7px; margin-left: 8px; border-right: 2px solid currentcolor; border-bottom: 2px solid currentcolor; transform: translateY(-3px) rotate(45deg);}.sat-nav__gruppe > ul{position: absolute; left: -18px; top: 100%; min-width: 220px; padding: 10px 18px; border: 1px solid var(--sat-linie); border-radius: var(--sat-radius); background: var(--sat-papier); box-shadow: var(--sat-schatten); opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;}.sat-nav__gruppe:hover > ul, .sat-nav__gruppe:focus-within > ul{opacity: 1; visibility: visible; transform: none;}.sat-nav__gruppe > ul a{padding-block: 9px; font-weight: 400;}.sat-nav__sprache{display: flex; gap: 2px; padding: 3px; border: 1px solid var(--sat-linie); border-radius: 999px; font-size: 13px;}.sat-nav__sprache a{padding: 5px 11px; border-radius: 999px;}.sat-nav__sprache a[aria-current="true"]{background: var(--sat-tinte); color: #fff;}.sat-kopf__cta{min-height: 44px; padding: 9px 22px; font-size: 15px;}.sat-fuss{background: var(--sat-nacht); color: var(--sat-auf-nacht); font-size: 15px; line-height: 1.5;}.sat-fuss__innen{display: grid; grid-template-columns: 1.2fr 1fr 1.5fr 0.8fr; gap: 40px; max-width: var(--sat-max); margin-inline: auto; padding: clamp(56px, 6vw, 88px) var(--sat-rand) 48px;}.sat-fuss h2{margin-bottom: 16px; font-size: 16px; letter-spacing: 0; color: #fff;}.sat-fuss a{display: inline-block; padding-block: 5px; transition: color 0.2s ease;}.sat-fuss a:hover{color: #fff;}.sat-fuss address + p{margin-top: 14px;}.sat-fuss__zweispaltig{columns: 2; column-gap: 24px;}.sat-fuss__unten{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 24px; max-width: var(--sat-max); margin-inline: auto; padding: 20px var(--sat-rand) 28px; border-top: 1px solid var(--sat-nacht-linie); font-size: 14px;}.sat-fuss__unten ul{display: flex; gap: 22px;}.sat-fuss__einstellung{padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer;}.sat-fuss__einstellung:hover{color: #fff;}.sat-cookie{position: fixed; inset: auto 0 0; z-index: 60; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; padding: 16px var(--sat-rand); background: var(--sat-nacht); color: #fff; font-size: 15px; line-height: 1.5; box-shadow: 0 -8px 24px rgb(14 14 16 / 0.18);}.sat-cookie p{flex: 1 1 320px;}.sat-cookie a{color: inherit; text-decoration: underline; text-underline-offset: 3px;}.sat-cookie__knoepfe{display: flex; flex-wrap: wrap; gap: 10px;}.sat-cookie .sat-btn{min-height: 44px; padding: 10px 22px; font-size: 15px;}.sat-cookie .sat-btn--linie{border-color: rgb(255 255 255 / 0.6); color: #fff;}.sat-hero, .sat-banner{position: relative; display: grid; align-items: center; isolation: isolate; overflow: hidden; color: #fff; background: var(--sat-nacht);}.sat-hero{min-height: min(78vh, 760px);}.sat-banner{min-height: clamp(300px, 38vw, 460px);}.sat-hero__bg, .sat-banner__bg{position: absolute; inset: 0; z-index: -1;}.sat-hero__bg img, .sat-banner__bg img{width: 100%; height: 100%; object-fit: cover;}.sat-hero__bg::after, .sat-banner__bg::after{content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, rgb(14 14 16 / 0.86) 0%, rgb(14 14 16 / 0.62) 46%, rgb(14 14 16 / 0.18) 100%);}.sat-hero__inner, .sat-banner__inner{width: 100%; max-width: var(--sat-max); margin-inline: auto; padding: clamp(56px, 8vw, 110px) var(--sat-rand);}.sat-hero__inner > *, .sat-banner__inner > *{max-width: 680px;}.sat-hero h1{margin-bottom: 22px; font-size: clamp(38px, 5.6vw, 76px); font-weight: 500; line-height: 1.02; letter-spacing: -0.035em; color: #fff;}.sat-hero p{margin-bottom: 32px; font-size: clamp(17px, 1.5vw, 20px); color: rgb(255 255 255 / 0.9);}.sat-banner h1, .sat-banner h2{font-size: clamp(32px, 4.4vw, 60px); font-weight: 500; line-height: 1.05; letter-spacing: -0.03em; color: #fff;}.sat-banner .sat-eyebrow{margin-bottom: 14px; color: rgb(255 255 255 / 0.8);}.sat-banner p{margin-top: 14px; font-size: clamp(17px, 1.5vw, 20px); color: rgb(255 255 255 / 0.9);}.sat-seite > article > header, .sat-seite > header{max-width: var(--sat-max); margin-inline: auto; padding: clamp(40px, 5vw, 72px) var(--sat-rand) clamp(24px, 3vw, 40px);}.sat-seite > article > header h1, .sat-seite > header h1{font-size: clamp(34px, 4.6vw, 64px); letter-spacing: -0.03em; text-transform: none;}.sat-site .sat-h1b{font-size: clamp(28px, 3.4vw, 44px);}.sat-prosa > :where(h2, h3, h4, p, ul, ol){max-width: 78ch;}.sat-prosa > h2, .sat-prosa > h3, .sat-prosa > h4{margin-top: 1.5em; margin-bottom: 0.45em;}.sat-prosa > h2{font-size: clamp(26px, 2.8vw, 38px);}.sat-prosa > h3, .sat-prosa > h2.sat-h3{font-size: clamp(18px, 1.6vw, 21px); font-weight: 400; line-height: 1.45; letter-spacing: 0; color: var(--sat-text);}.sat-prosa > h4{font-size: 19px;}.sat-prosa > h4 a{color: var(--sat-rot);}.sat-prosa > p + p{margin-top: 0.9em;}.sat-prosa > :where(ul, ol){margin-top: 0.8em; padding-left: 1.2em; list-style: disc;}.sat-prosa > ol{list-style: decimal;}.sat-prosa > :first-child{margin-top: 0;}.sat-merkmale{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 16px; margin-block: 28px;}.sat-merkmal{padding: 22px 24px; border: 1px solid var(--sat-linie); border-radius: var(--sat-radius); background: var(--sat-nebel);}.sat-merkmal h3{margin-bottom: 10px; font-size: 15px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--sat-rot);}.sat-merkmal li{padding-block: 3px;}.sat-seite :where(.sat-container) > h2{margin-top: 1.6em; margin-bottom: 0.5em; font-size: clamp(26px, 2.8vw, 38px);}.sat-seite :where(.sat-container) > h3{margin-top: 1.4em; margin-bottom: 0.4em; font-size: clamp(19px, 1.7vw, 23px); font-weight: 400; line-height: 1.4; letter-spacing: 0; color: var(--sat-text);}.sat-seite :where(.sat-container) > h4{margin-top: 1.4em; margin-bottom: 0.3em; font-size: 19px;}.sat-seite :where(.sat-container) > p + p{margin-top: 0.9em;}.sat-seite :where(.sat-container) > :where(ul, ol):not([class]){margin-top: 0.8em; padding-left: 1.2em; list-style: disc;}.sat-seite :where(.sat-container) > ol:not([class]){list-style: decimal;}.sat-seite :where(.sat-container, .sat-redcard, .sat-faq-answer) a:not([class]){color: var(--sat-rot); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; overflow-wrap: anywhere;}.sat-seite figure{margin: 0; overflow: hidden; border-radius: var(--sat-radius); background: var(--sat-nebel);}.sat-seite figure img{width: 100%; aspect-ratio: 4 / 5; object-fit: cover; transition: transform 0.5s var(--sat-ease);}.sat-seite figure:hover img{transform: scale(1.04);}.sat-galerie{display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: 16px; margin-block: 28px;}.sat-team-card{text-align: center;}.sat-team-card img, .sat-team-foto{width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: var(--sat-radius); background: var(--sat-nebel);}.sat-team-card h3{margin-top: 16px; font-size: 20px;}.sat-team-role{font-size: 15px; color: var(--sat-leise);}.sat-faq-list{max-width: 860px; margin-inline: auto;}.sat-faq-item{border-bottom: 1px solid var(--sat-linie);}.sat-faq-item > summary{position: relative; padding: 22px 48px 22px 0; font-size: 19px; font-weight: 500; color: var(--sat-tinte); cursor: pointer; list-style: none;}.sat-faq-item > summary::-webkit-details-marker{display: none;}.sat-faq-item > summary::after{content: ""; position: absolute; right: 8px; top: 28px; width: 10px; height: 10px; border-right: 2px solid var(--sat-rot); border-bottom: 2px solid var(--sat-rot); transform: rotate(45deg); transition: transform 0.25s ease;}.sat-faq-item[open] > summary::after{transform: translateY(5px) rotate(-135deg);}.sat-faq-answer{padding: 0 48px 24px 0;}.sat-faq-answer p + p{margin-top: 0.8em;}.sat-form{display: grid; gap: 16px; max-width: 860px; margin-inline: auto;}.sat-form label{display: grid; gap: 6px; font-size: 15px; font-weight: 500; color: var(--sat-tinte);}.sat-form input, .sat-form textarea{width: 100%; min-height: 52px; padding: 13px 16px; border: 1px solid #cfcdc8; border-radius: 10px; background: #fff; font-weight: 400; transition: border-color 0.2s ease, box-shadow 0.2s ease;}.sat-form textarea{resize: vertical;}.sat-form input:focus-visible, .sat-form textarea:focus-visible{outline: none; border-color: var(--sat-rot); box-shadow: 0 0 0 4px rgb(212 37 37 / 0.14);}.sat-form input[type="file"]{padding: 9px;}.sat-form ::placeholder{color: #8b8b90;}.sat-section--dark .sat-form:not(.sat-form--light) label{color: #fff;}.sat-form--light{padding: clamp(20px, 3vw, 36px); border-radius: var(--sat-radius); background: var(--sat-papier);}.sat-falle{position: absolute !important; left: -9999px;}.sat-karte{margin-top: 20px;}@media (prefers-reduced-motion: no-preference){@view-transition{navigation: auto;}@supports (animation-timeline: view()){.sat-heading-center, .sat-grid > *, .sat-steps > li, .sat-checklist li, .sat-faq-item, .sat-merkmal, .sat-seite figure{animation: sat-auf linear both; animation-timeline: view(); animation-range: entry 0% entry 60%;}}.sat-hero__bg img{animation: sat-zoom 14s var(--sat-ease) both;}}@keyframes sat-auf{from{opacity: 0; translate: 0 28px;}}@keyframes sat-zoom{from{scale: 1.08;}}.sat-pd-hero{padding-block: clamp(40px, 6vw, 88px); background: linear-gradient(180deg, var(--sat-nebel) 0%, #fff 100%);}.sat-pd-hero__innen{display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); align-items: center; gap: clamp(32px, 5vw, 72px);}.sat-pd-hero h1{font-size: clamp(38px, 5vw, 64px); line-height: 1.02;}.sat-pd-unter{margin-top: 14px; color: var(--sat-rot); font-size: clamp(19px, 1.8vw, 24px); font-weight: 500;}.sat-pd-hero__text > p:not(.sat-pd-unter){margin-top: 18px; max-width: 60ch; font-size: 18px; line-height: 1.6;}.sat-pd-knoepfe{display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px;}.sat-pd-hero__bild{margin: 0; border-radius: 24px; overflow: hidden; box-shadow: var(--sat-schatten);}.sat-pd-hero__bild img, .sat-pd-foto img, .sat-pd-liste img{display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover;}.sat-pd-lead{margin-top: 12px; max-width: 70ch; font-size: 18px; color: var(--sat-leise);}.sat-pd-merkmale h2, .sat-pd-galerie h2, .sat-pd-ablauf h2, .sat-pd-weitere h2{font-size: clamp(28px, 3vw, 40px);}.sat-pd-karten{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 18px; margin-top: 32px;}.sat-pd-karte{padding: 24px; border: 1px solid var(--sat-linie); border-radius: var(--sat-radius); background: #fff;}.sat-pd-karte h3{font-size: 13px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: var(--sat-rot);}.sat-pd-chips{display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 0; padding: 0; list-style: none;}.sat-pd-chips li{padding: 7px 14px; border-radius: 999px; background: var(--sat-nebel); font-size: 15px; line-height: 1.3;}.sat-pd-galerie{background: var(--sat-nebel);}.sat-pd-fotos{display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); gap: 14px; margin-top: 32px;}.sat-pd-foto{display: block; border-radius: var(--sat-radius); overflow: hidden; background: #f4f3f0; cursor: zoom-in;}.sat-pd-foto img{transition: scale 0.5s var(--sat-ease);}.sat-pd-foto:hover img, .sat-pd-foto:focus-visible img{scale: 1.04;}.sat-pd-schritte{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 32px 0 0; padding: 0; list-style: none; counter-reset: none;}.sat-pd-schritte a{display: flex; flex-direction: column; gap: 10px; height: 100%; padding: 28px; border: 1px solid var(--sat-linie); border-radius: var(--sat-radius); transition: border-color 0.2s ease, translate 0.2s ease;}.sat-pd-schritte a:hover{border-color: var(--sat-rot); translate: 0 -2px;}.sat-pd-nr{color: var(--sat-rot); font-size: 34px; font-weight: 500; line-height: 1;}.sat-pd-schritte strong{font-size: 21px;}.sat-pd-schritte span:last-child{color: var(--sat-leise); line-height: 1.5;}.sat-pd-cta__kasten{display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: center; gap: 32px; padding: clamp(28px, 4vw, 56px); border-radius: 24px; background: var(--sat-nacht); color: #fff;}.sat-pd-cta__kasten h2{color: #fff; font-size: clamp(26px, 2.8vw, 38px);}.sat-pd-cta__kasten p{margin-top: 12px; color: rgb(255 255 255 / 0.75); font-size: 18px;}.sat-pd-cta__wege{display: grid; gap: 14px;}.sat-pd-cta__weg{display: grid; padding: 14px 20px; border: 1px solid var(--sat-nacht-linie); border-radius: var(--sat-radius); color: #fff; font-size: 19px; font-weight: 500; transition: border-color 0.2s ease;}.sat-pd-cta__weg:hover{border-color: rgb(255 255 255 / 0.6);}.sat-pd-cta__weg small{color: rgb(255 255 255 / 0.65); font-size: 13px; font-weight: 400;}.sat-pd-liste{display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; margin: 28px 0 0; padding: 0; list-style: none;}.sat-pd-liste a{display: grid; gap: 10px; font-weight: 500;}.sat-pd-liste img{border-radius: var(--sat-radius); background: #f4f3f0; transition: scale 0.4s var(--sat-ease);}.sat-pd-liste a:hover img{scale: 1.03;}.sat-pd-liste a:hover span{color: var(--sat-rot);}.sat-seite--produkt .sat-section + .sat-section{border-top: 0;}.sat-seite--produkt .sat-section{padding-block: clamp(48px, 6vw, 88px);}.sat-seite .sat-pd-schritte a, .sat-seite .sat-pd-liste a{color: inherit; text-decoration: none;}.sat-lightbox{width: min(92vw, 1000px); max-height: 92vh; padding: 0; border: 0; border-radius: 18px; background: #f4f3f0; overflow: visible;}.sat-lightbox::backdrop{background: rgb(14 14 16 / 0.82);}.sat-lightbox img{display: block; width: 100%; max-height: 92vh; object-fit: contain; border-radius: 18px;}.sat-lightbox button{position: absolute; display: grid; place-items: center; width: 48px; height: 48px; border: 0; border-radius: 50%; background: #fff; color: var(--sat-tinte); font-size: 26px; line-height: 1; cursor: pointer; box-shadow: var(--sat-schatten);}.sat-lightbox [data-zu]{top: 12px; right: 12px;}.sat-lightbox [data-zurueck]{top: 50%; left: -24px; translate: 0 -50%;}.sat-lightbox [data-weiter]{top: 50%; right: -24px; translate: 0 -50%;}@media (max-width: 900px){.sat-pd-hero__innen, .sat-pd-cta__kasten{grid-template-columns: minmax(0, 1fr);}.sat-pd-hero__bild{order: -1; max-width: 520px;}.sat-pd-fotos{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;}.sat-pd-schritte{grid-template-columns: minmax(0, 1fr);}.sat-lightbox [data-zurueck]{left: 8px;}.sat-lightbox [data-weiter]{right: 8px;}}.sat-start-produkte{background: var(--sat-nebel);}.sat-pd-liste--start{grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px;}.sat-pd-liste--start img{background: #fff;}.sat-start-weiter{margin-top: 36px; text-align: center;}.sat-start-arten{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px;}.sat-seite .sat-start-art{display: flex; flex-direction: column; gap: 12px; padding: 30px; border: 1px solid var(--sat-linie); border-radius: var(--sat-radius); color: inherit; text-decoration: none; transition: border-color 0.2s ease, translate 0.2s ease;}.sat-start-art:hover{border-color: var(--sat-rot); translate: 0 -2px;}.sat-start-art__dauer{align-self: flex-start; padding: 6px 14px; border-radius: 999px; background: var(--sat-rot); color: #fff; font-size: 14px; font-weight: 500;}.sat-start-art h3{font-size: 24px;}.sat-start-art p{color: var(--sat-leise); line-height: 1.55;}.sat-start-art .sat-service__more{margin-top: auto;}.sat-start-vae__innen{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px 48px;}.sat-start-vae__innen > div{flex: 1 1 520px;}.sat-start-vae h2{font-size: clamp(28px, 3vw, 40px);}.sat-start-vae p{margin-top: 12px; max-width: 62ch; font-size: 18px;}@media (max-width: 900px){.sat-start-arten{grid-template-columns: minmax(0, 1fr);}.sat-pd-liste--start{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px;}}@media (max-width: 520px){.sat-pd-liste--start{grid-template-columns: repeat(2, minmax(0, 1fr));}}.sat-checklist + p, .sat-checklist + div{max-width: 820px; margin: 28px auto 0;}.sat-seite--kontakt .sat-service p{flex: none;}.sat-seite--kontakt .sat-grid + p{margin-top: 28px; font-size: 18px; text-align: center;}.sat-seite--kontakt .sat-karte{max-width: var(--sat-max); margin: 0 auto; padding: 48px var(--sat-rand) 72px; text-align: center;}.sat-vae-hero h1{max-width: 18ch;}.sat-vae-lead{margin-top: 18px; max-width: 62ch; font-size: clamp(18px, 1.6vw, 21px); line-height: 1.55;}.sat-vae-claim{max-width: 820px;}.sat-vae-claim h2{font-size: clamp(28px, 3vw, 40px);}.sat-vae-claim p{margin-top: 16px; font-size: 18px; line-height: 1.65;}.sat-vae-karte p{margin-top: 12px; line-height: 1.55;}.sat-vae-versprechen{margin-top: 28px; color: #fff; font-size: 19px;}@media (max-width: 760px){.sat-grid--4:has(> .sat-team-card){grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px;}.sat-team-card .sat-btn{min-height: 40px; padding: 8px 14px; font-size: 14px;}}.sat-container > p + .sat-btn, .sat-container > p + p > .sat-btn:only-child{margin-top: 28px;}.sat-container > h2 + p{margin-top: 16px;}@media (max-width: 1080px){.sat-grid--4{grid-template-columns: repeat(2, minmax(0, 1fr));}.sat-fuss__innen{grid-template-columns: repeat(2, minmax(0, 1fr));}.sat-menu{order: 3; margin-left: 0;}.sat-kopf__cta{margin-left: auto;}.sat-menu__schalter{display: block; position: absolute; width: 48px; height: 48px; margin: 0; opacity: 0; cursor: pointer;}.sat-menu__knopf{display: grid; gap: 6px; width: 48px; height: 48px; padding: 14px 10px; border-radius: 10px;}.sat-menu__schalter:focus-visible + .sat-menu__knopf{outline: 3px solid var(--sat-rot);}.sat-menu__knopf i{display: block; height: 2px; background: var(--sat-tinte); transition: transform 0.25s ease, opacity 0.2s ease;}.sat-menu__schalter:checked + .sat-menu__knopf i:nth-of-type(1){transform: translateY(8px) rotate(45deg);}.sat-menu__schalter:checked + .sat-menu__knopf i:nth-of-type(2){opacity: 0;}.sat-menu__schalter:checked + .sat-menu__knopf i:nth-of-type(3){transform: translateY(-8px) rotate(-45deg);}.sat-menu > nav{display: none;}.sat-menu__schalter:checked ~ nav{display: block;}.sat-menu > nav{position: absolute; inset: 100% 0 auto; max-height: calc(100vh - var(--sat-kopf)); overflow-y: auto; padding: 8px var(--sat-rand) 28px; border-bottom: 1px solid var(--sat-linie); background: var(--sat-papier); box-shadow: var(--sat-schatten);}.sat-nav{flex-direction: column; align-items: stretch; gap: 0; font-size: 18px;}.sat-nav > li{border-bottom: 1px solid var(--sat-linie);}.sat-nav a{padding-block: 14px;}.sat-nav__gruppe > a::after{display: none;}.sat-nav__gruppe > ul{position: static; min-width: 0; padding: 0 0 10px 16px; border: 0; box-shadow: none; opacity: 1; visibility: visible; transform: none;}.sat-nav__gruppe > ul a{padding-block: 10px; font-size: 16px;}.sat-nav__sprache{align-self: flex-start; margin-top: 18px; border-bottom: 1px solid var(--sat-linie) !important;}.sat-nav__sprache a{padding: 10px 18px;}}@media (max-width: 760px){#wrapwrap.sat-site{font-size: 16px; --sat-kopf: 68px;}.sat-grid--2, .sat-grid--3, .sat-grid--4{grid-template-columns: minmax(0, 1fr);}.sat-kopf__logo img{height: 34px;}.sat-kopf__cta{padding-inline: 16px; font-size: 14px;}.sat-hero{min-height: 0;}.sat-hero__bg::after, .sat-banner__bg::after{background: rgb(14 14 16 / 0.72);}.sat-steps > li{padding: 24px 22px 24px 22px;}.sat-steps > li::before{position: static; display: block; margin-bottom: 10px;}.sat-fuss__innen{grid-template-columns: minmax(0, 1fr); gap: 32px;}.sat-fuss a{padding-block: 9px;}.sat-faq-item > summary{font-size: 17px;}}@media print{.sat-kopf, .sat-fuss, .sat-cookie, .sat-skip{display: none;}}@media (max-width: 480px){.sat-kopf__innen{gap: 10px;}.sat-kopf__logo img{height: 30px;}.sat-kopf__cta{min-height: 40px; padding: 8px 14px; font-size: 13px; white-space: nowrap;}}@media (max-width: 360px){.sat-kopf__innen{gap: 6px; padding-inline: 14px;}.sat-kopf__logo img{height: 23px;}.sat-kopf__cta{padding: 8px 11px; font-size: 12px;}.sat-menu__knopf, .sat-menu__schalter{width: 40px; height: 40px; padding: 11px 8px;}}