/* SG Deingemachtes – Styleguide SG OWL (Skala B, Papier-Skala, Tanne). Schrift mit !important wegen Salient/SG-Typo. */
.sgd{
	--tanne:#265c40;--tanne-hover:#174b31;--tanne-softer:#eae9d7;
	--p0:#fdfbf4;--p50:#faf4e4;--p200:#e6dcc2;--p500:#898065;--p600:#6b634c;--p800:#403a2a;--p900:#2b2619;--p950:#1a160b;
	--err:#c4000a;--brand:"EB Garamond",Garamond,"Times New Roman",serif;
	box-sizing:border-box;max-width:1200px;margin:0 auto;display:grid;gap:40px;grid-template-columns:minmax(0,1fr);
	font-family:var(--brand)!important;color:var(--p900);font-size:18px;line-height:1.55;
}
.sgd *,.sgd *::before,.sgd *::after{box-sizing:border-box}
.sgd [hidden]{display:none!important}
@media (min-width:900px){.sgd{grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:64px;align-items:start;font-size:20px}}
.sgd :focus-visible{outline:2px solid var(--tanne)!important;outline-offset:2px}
.sgd a{color:var(--tanne)!important;text-decoration:underline;text-underline-offset:3px}
.sgd p,.sgd li,.sgd label,.sgd h2,.sgd h3{font-family:var(--brand)!important;letter-spacing:0!important;text-transform:none!important}
.sgd p{margin:0!important;padding:0!important;font-size:inherit!important;line-height:1.55!important;color:inherit!important;text-wrap:pretty}

.sgd-copy{display:grid;gap:20px;min-width:0;max-width:62ch}
.sgd .sgd-h{font-size:28px!important;line-height:1.15!important;font-style:italic!important;font-weight:600!important;color:var(--p950)!important;margin:0!important;padding:0!important;text-wrap:balance}
@media (min-width:900px){.sgd .sgd-h{font-size:38px!important}}
.sgd .sgd-kicker{font-size:21px!important;font-weight:700!important;color:var(--p950)!important}
.sgd-steps{list-style:none!important;margin:4px 0 0!important;padding:0!important;display:grid;gap:10px}
.sgd .sgd-steps li{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:baseline;margin:0!important;padding:0!important;font-size:inherit!important;line-height:1.5!important;color:var(--p900)!important;list-style:none!important;background:none!important}
.sgd .sgd-steps li::before{content:none!important}
.sgd-n{font-style:italic;font-weight:600;color:var(--tanne);font-size:22px;font-variant-numeric:lining-nums}
.sgd-title{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center}
.sgd-title-text{display:grid;gap:8px;min-width:0}
.sgd-anim{width:96px;aspect-ratio:250/230}
@media (min-width:900px){.sgd-anim{width:120px}}
.sgd-anim svg{display:block}

.sgd-side{min-width:0}
.sgd-card{background:var(--p0);border:1px solid var(--p200);border-radius:8px;padding:24px;display:grid;gap:22px;margin:0}
@media (min-width:600px){.sgd-card{padding:32px}}
.sgd .sgd-fh{font-size:22px!important;line-height:1.2!important;font-style:italic!important;font-weight:600!important;color:var(--p950)!important;margin:0!important;padding:0!important;text-wrap:balance}
@media (min-width:900px){.sgd .sgd-fh{font-size:26px!important}}
.sgd .sgd-lead{margin-top:-12px!important;font-size:17px!important;color:var(--p600)!important}
.sgd-field{display:grid;gap:8px}
.sgd .sgd-field>label{font-size:17px!important;font-weight:600!important;color:var(--p900)!important;margin:0!important;padding:0!important;line-height:1.3!important}
.sgd .sgd-hint{font-size:16px!important;color:var(--p600)!important}
.sgd .sgd-inp{font-family:var(--brand)!important;font-size:18px!important;color:var(--p900)!important;background:var(--p0)!important;border:1px solid var(--p500)!important;border-radius:6px!important;padding:11px 14px!important;min-height:48px;width:100%!important;margin:0!important;box-shadow:none!important;line-height:1.45!important}
.sgd textarea.sgd-inp{min-height:132px;resize:vertical}
.sgd .sgd-inp::placeholder{color:var(--p600)!important;opacity:1}
.sgd .sgd-inp[aria-invalid="true"]{border:1.5px solid var(--err)!important}
.sgd .sgd-err{font-size:16px!important;color:var(--err)!important;font-weight:600!important}
.sgd .sgd-alert{border:1.5px solid var(--err);border-radius:8px;padding:12px 16px!important;color:var(--p900)!important;font-size:17px!important}
.sgd-pair{display:grid;gap:22px}
@media (min-width:600px){.sgd-pair{grid-template-columns:1fr 1fr;gap:16px}}
.sgd-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.sgd-submit{display:grid;gap:12px}
.sgd .sgd-btn{font-family:var(--brand)!important;font-size:17px!important;font-weight:600!important;line-height:1.2!important;background:var(--tanne)!important;color:var(--p50)!important;border:0!important;border-radius:6px!important;min-height:52px;padding:12px 24px!important;margin:0!important;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;text-decoration:none!important;box-shadow:none!important}
.sgd .sgd-btn:hover{background:var(--tanne-hover)!important}
.sgd .sgd-btn svg{width:18px;height:18px;flex:none}
.sgd .sgd-btn--ol{background:transparent!important;color:var(--tanne)!important;border:1.5px solid var(--tanne)!important;width:auto;min-height:48px}
.sgd .sgd-btn--ol:hover{background:var(--tanne-softer)!important;color:var(--tanne-hover)!important;border-color:var(--tanne-hover)!important}
.sgd .sgd-assure{display:grid;gap:4px;margin:0!important;padding:0!important;list-style:none!important}
.sgd .sgd-assure li{display:flex;gap:8px;align-items:baseline;margin:0!important;padding:0!important;font-size:16px!important;line-height:1.45!important;color:var(--p600)!important;list-style:none!important;background:none!important}
.sgd .sgd-assure li::before{content:none!important}
.sgd .sgd-assure svg{width:14px;height:14px;color:var(--tanne);flex:none;transform:translateY(2px)}
.sgd .sgd-small{font-size:16px!important;color:var(--p600)!important}
.sgd .sgd-alt{border-top:1px solid var(--p200);padding-top:18px!important;font-size:17px!important}
.sgd-ok{border:1.5px solid var(--tanne);background:var(--tanne-softer);border-radius:8px;padding:24px;display:grid;gap:12px}
.sgd-ok .sgd-fh{color:var(--tanne-hover)!important}
.sgd-ok p{color:var(--p800)!important}
@media (prefers-reduced-motion:no-preference){.sgd .sgd-btn{transition:background-color .15s,color .15s,border-color .15s}}
