/* sevenpress Formular-Skin: alle Export-Klassen, die im Fluent-Forms-HTML (Konfigurator, Kontakt) stehen oder per
   konfigurator.js / konfigurator.php gesetzt werden. Bricks gibt Klassen-CSS nur fuer Klassen an Bricks-Elementen
   der jeweiligen Seite aus, deshalb liegen diese Regeln hier. Generiert aus styles.css. */
.choice { background: var(--color-surface-1); box-shadow: inset 0 0 0 1px var(--color-line-3); }
.choice.is-selected { box-shadow: inset 0 0 0 1.5px var(--color-yellow); background: var(--color-surface-3); }
.swatch.choice { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08); }
.swatch.choice.is-selected { box-shadow: inset 0 0 0 2px var(--color-night), 0 0 0 2px var(--color-yellow); }
.radio-dot { box-shadow: inset 0 0 0 1.5px var(--color-gray-700); }
.radio-dot.is-selected, .is-selected > * > .radio-dot, .is-selected .radio-dot { box-shadow: inset 0 0 0 5px var(--color-yellow); }
.check { background: var(--color-line-3); }
.check.is-checked { background: var(--color-yellow); }
.chip { color: var(--color-white); background: transparent; }
.chip.is-selected { color: var(--color-night); background: var(--color-yellow); }
.progress-seg { background: var(--color-line-3); }
.progress-seg.is-active { background: var(--color-yellow); }
.accent--1 { font-family: var(--font-serif); font-style: italic; font-weight: 400; color: var(--color-yellow); letter-spacing: -0.01em; }
.label--11 { font-family: var(--font-mono); font-size: var(--fs-11); color: var(--color-gray-500); }
.label--12 { font-family: var(--font-mono); font-size: var(--fs-10); color: var(--color-gray-500); }
.row--14 { display: flex; justify-content: space-between; align-items: baseline; }
.text-inline--45 { font-size: var(--fs-20); font-weight: 600; letter-spacing: -0.02em; }
.label--22 { font-family: var(--font-mono); font-size: var(--fs-11); color: var(--color-gray-400); }
.text-inline--52 { font-size: var(--fs-13); line-height: 1.55; color: var(--color-gray-400); }
.stack--25 { display: flex; flex-direction: column; gap: var(--space-10); }
.stack--33 { display: flex; flex-direction: column; gap: var(--space-2); }
.text-inline--90 { font-size: var(--fs-14); font-weight: 600; }
.text-inline--93 { font-size: var(--fs-12); color: var(--color-gray-400); }
.stack--36 { display: flex; flex-direction: column; gap: var(--space-12); }
.row--66 { display: flex; flex-wrap: wrap; gap: var(--space-8); }
.row--77 { display: flex; flex-wrap: wrap; gap: var(--space-6); }
.field--2 { background: var(--color-surface-1); border: none; box-shadow: var(--shadow-5); border-radius: var(--radius-10); padding: var(--space-13) var(--space-14); color: var(--color-white); font-size: var(--fs-14); outline: none; }
.grid--41 { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--space-8); }
.button--4 { cursor: pointer; border: none; color: var(--color-white); background: var(--color-surface-1); border-radius: var(--radius-12); padding: var(--space-12); display: flex; flex-direction: column; gap: var(--space-2); text-align: left; }
.field--3 { background: var(--color-surface-1); border: none; box-shadow: var(--shadow-5); border-radius: var(--radius-10); padding: var(--space-13) var(--space-14); color: var(--color-white); font-size: var(--fs-14); outline: none; resize: vertical; }
.text-inline--151 { font-size: var(--fs-12); color: var(--color-gray-500); max-width: 360px; line-height: 1.5; }
.heading-1--3 { margin: 0; font-size: var(--fs-fluid-46); font-weight: 700; letter-spacing: -0.045em; line-height: 1.02; }
.text--20 { margin: 0; font-size: var(--fs-15); line-height: 1.6; color: var(--color-gray-400); max-width: 520px; }
.grid--44 { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,260px),1fr)); gap: var(--space-10); }
.button--6 { text-align: left; cursor: pointer; color: var(--color-white); border: none; border-radius: var(--radius-14); padding: var(--space-22); display: flex; flex-direction: column; gap: var(--space-14); }
.row--83 { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.text-inline--156 { width: 16px; height: 16px; border-radius: var(--radius-round); }
.row--84 { display: flex; align-items: baseline; gap: var(--space-8); border-top: 1px solid var(--color-line-3); padding-top: var(--space-14); width: 100%; }
.text-inline--157 { font-size: var(--fs-32); font-weight: 700; letter-spacing: -0.06em; }
.card-yellow--4 { color: var(--color-night); background: var(--color-yellow); padding: var(--space-2) var(--space-6); border-radius: var(--radius-4); margin-left: var(--space-6); }
.button--7 { cursor: pointer; text-align: left; border: none; background: var(--color-surface-1); color: var(--color-white); border-radius: var(--radius-12); padding: var(--space-14) var(--space-16); display: flex; align-items: center; gap: var(--space-14); box-shadow: var(--shadow-32); }
.row--85 { width: 18px; height: 18px; border-radius: var(--radius-5); flex: none; display: flex; align-items: center; justify-content: center; font-size: var(--fs-11); color: var(--color-night); }
.stack--73 { flex: 1; display: flex; flex-direction: column; gap: var(--space-2); }
.grid--45 { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr)); gap: var(--space-10); }
.button--8 { cursor: pointer; text-align: left; border: none; color: var(--color-white); background: var(--color-surface-1); border-radius: var(--radius-14); padding: var(--space-12); display: flex; flex-direction: column; gap: var(--space-12); }
.card--3 { height: 110px; border-radius: var(--radius-9); background: var(--color-demo-1); color: var(--color-night); display: flex; flex-direction: column; justify-content: flex-end; padding: var(--space-14); box-sizing: border-box; gap: var(--space-6); }
.text-inline--158 { font-family: var(--font-sans); font-size: var(--fs-26); line-height: 1; letter-spacing: -0.02em; }
.text-inline--159 { height: 3px; width: 40%; border-radius: var(--radius-2); background: var(--color-night); opacity: .4; }
.row--86 { display: flex; justify-content: space-between; align-items: center; padding: 0 var(--space-4) var(--space-4); }
.text-inline--160 { width: 16px; height: 16px; border-radius: var(--radius-round); flex: none; }
.card--4 { height: 110px; border-radius: var(--radius-9); background: var(--color-demo-2); color: var(--color-demo-3); display: flex; flex-direction: column; justify-content: flex-end; padding: var(--space-14); box-sizing: border-box; gap: var(--space-6); }
.accent--10 { font-family: var(--font-serif); font-size: var(--fs-26); line-height: 1; letter-spacing: -0.02em; }
.text-inline--161 { height: 3px; width: 40%; border-radius: var(--radius-2); background: var(--color-demo-3); opacity: .4; }
.card--5 { height: 110px; border-radius: var(--radius-9); background: var(--color-demo-4); color: var(--color-white); display: flex; flex-direction: column; justify-content: flex-end; padding: var(--space-14); box-sizing: border-box; gap: var(--space-6); }
.text-inline--162 { height: 3px; width: 40%; border-radius: var(--radius-2); background: var(--color-white); opacity: .4; }
.card--6 { height: 110px; border-radius: var(--radius-9); background: var(--color-demo-5); color: var(--color-demo-6); display: flex; flex-direction: column; justify-content: flex-end; padding: var(--space-14); box-sizing: border-box; gap: var(--space-6); }
.text-inline--163 { height: 3px; width: 40%; border-radius: var(--radius-2); background: var(--color-demo-6); opacity: .4; }
.row--87 { width: 16px; height: 16px; border-radius: var(--radius-4); flex: none; display: flex; align-items: center; justify-content: center; font-size: var(--fs-10); color: var(--color-night); }
.link--15 { text-decoration: underline; text-underline-offset: 3px; }
.text-inline--165 { font-size: var(--fs-14); font-weight: 500; }
.label--62 { font-family: var(--font-mono); font-size: var(--fs-10); color: var(--color-gray-550); margin-right: var(--space-10); }
.btn-secondary--10 { cursor: pointer; border: none; border-radius: var(--radius-pill); padding: var(--space-9) var(--space-14); font-size: var(--fs-13); box-shadow: var(--shadow-3); }
.button--20 { cursor: pointer; border: none; color: var(--color-white); background: var(--color-surface-1); border-radius: var(--radius-12); padding: var(--space-14); display: flex; flex-direction: column; gap: var(--space-3); text-align: left; }
.text-inline--167 { font-size: var(--fs-17); font-weight: 600; letter-spacing: -0.02em; }
.button--21 { cursor: pointer; text-align: left; border: none; background: transparent; color: var(--color-gray-300); display: flex; align-items: flex-start; gap: var(--space-10); padding: var(--space-4) 0; font-size: var(--fs-13); line-height: 1.5; }
.row--89 { width: 16px; height: 16px; border-radius: var(--radius-4); flex: none; margin-top: var(--space-2); display: flex; align-items: center; justify-content: center; font-size: var(--fs-10); color: var(--color-night); }
.text-inline--171 { color: var(--color-gray-400); }
.row--94 { display: flex; gap: var(--space-4); }

/* Bricks setzt in seiner Cascade-Layer textarea { line-height: inherit !important }. Ein !important in einer Layer
   laesst sich nur aus derselben Layer mit staerkerem Selektor ueberstimmen. Wert wie auf sevenpress.io (Fluent Forms). */
@layer bricks {
  textarea.ff-el-form-control { line-height: 1.4 !important; }
}