/* Start custom CSS for text-editor, class: .elementor-element-7860761 */.stw-spoke-s05 {
  --stw-blue: #2070eb;
  --stw-beige: #efe7de;
  --stw-orange: #ff6004;
  --stw-charcoal: #524f4c;
  --stw-ink: #524f4c;
  --stw-muted: #6d6966;
  --stw-line: #ddd5cd;
  --stw-white: #ffffff;
  --stw-soft-blue: #edf4ff;
  --stw-shadow: 0 16px 38px rgba(82,79,76,.12);
  color: var(--stw-ink);
  font-family: inherit;
  line-height: 1.65;
}

.stw-spoke-s05 *,
.stw-spoke-s05 *::before,
.stw-spoke-s05 *::after {
  box-sizing: border-box;
}

.stw-spoke-s05 img {
  display: block;
  max-width: 100%;
  height: auto;
}

.stw-spoke-s05 a {
  color: var(--stw-blue);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.stw-spoke-s05__hero {
  position: relative;
  overflow: hidden;
  height: 440px;
  margin: 0 0 18px;
  border-radius: 22px;
  background: var(--stw-charcoal);
  box-shadow: var(--stw-shadow);
}

.stw-spoke-s05__hero-media,
.stw-spoke-s05__hero-media img {
  width: 100%;
  height: 100%;
}

.stw-spoke-s05__hero-media img {
  object-fit: cover;
}

.stw-spoke-s05__hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,rgba(82,79,76,.95) 0%,rgba(82,79,76,.79) 46%,rgba(82,79,76,.12) 100%);
}

.stw-spoke-s05__hero-content {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: clamp(24px,5vw,72px);
  width: min(660px,calc(100% - 48px));
  transform: translateY(-50%);
  color: var(--stw-white);
}

.stw-spoke-s05__eyebrow,
.stw-spoke-s05__kicker {
  margin: 0 0 8px;
  color: var(--stw-blue);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.stw-spoke-s05__hero .stw-spoke-s05__eyebrow {
  color: var(--stw-white);
}

.stw-spoke-s05__hero h1 {
  margin: 0 0 14px;
  color: var(--stw-white);
  font-size: clamp(2rem,4vw,3.45rem);
  line-height: 1.02;
  letter-spacing: -.035em;
}

.stw-spoke-s05__lead {
  max-width: 61ch;
  margin: 0;
  color: rgba(255,255,255,.94);
  font-size: 1.02rem;
  line-height: 1.5;
}

.stw-spoke-s05__hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
}

.stw-spoke-s05__button {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  border: 2px solid transparent;
  border-radius: 10px;
  font-weight: 800;
  text-decoration: none;
}

.stw-spoke-s05__button--primary {
  background: var(--stw-orange);
  color: var(--stw-white);
}

.stw-spoke-s05__button--secondary {
  border-color: var(--stw-blue);
  background: var(--stw-white);
  color: var(--stw-blue);
}

.stw-spoke-s05__jumpnav {
  display: grid;
  grid-template-columns: repeat(6,1fr);
  gap: 8px;
  margin-bottom: 44px;
}

.stw-spoke-s05__jumpnav a {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  border: 1px solid var(--stw-line);
  border-radius: 10px;
  background: var(--stw-white);
  color: var(--stw-charcoal);
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

.stw-spoke-s05 h2 {
  margin: 0 0 12px;
  color: var(--stw-charcoal);
  font-size: clamp(1.75rem,3vw,2.6rem);
  line-height: 1.15;
  letter-spacing: -.025em;
}

.stw-spoke-s05__answer {
  display: grid;
  grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr);
  gap: 30px;
  padding: clamp(34px,5vw,58px);
  border-radius: 20px;
  background: var(--stw-beige);
}

.stw-spoke-s05__answer p:last-child {
  margin-bottom: 0;
}

.stw-spoke-s05__answer-facts {
  display: grid;
  gap: 10px;
}

.stw-spoke-s05__answer-facts div {
  padding: 16px 18px;
  border-radius: 10px;
  background: var(--stw-white);
}

.stw-spoke-s05__answer-facts strong,
.stw-spoke-s05__answer-facts span {
  display: block;
}

.stw-spoke-s05__answer-facts strong {
  color: var(--stw-charcoal);
}

.stw-spoke-s05__answer-facts span {
  color: var(--stw-muted);
  font-size: .9rem;
}

.stw-spoke-s05__check,
.stw-spoke-s05__drywall,
.stw-spoke-s05__products,
.stw-spoke-s05__faq {
  padding: clamp(52px,7vw,82px) clamp(18px,4vw,54px);
}

.stw-spoke-s05__section-head,
.stw-spoke-s05__drywall-head,
.stw-spoke-s05__faq-head {
  max-width: 860px;
  margin-bottom: 30px;
}

.stw-spoke-s05__section-head > p:last-child,
.stw-spoke-s05__drywall-head > p:last-child {
  max-width: 760px;
  margin-bottom: 0;
  color: var(--stw-muted);
}

.stw-spoke-s05__check-grid {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 14px;
}

.stw-spoke-s05__check-grid article {
  min-height: 275px;
  padding: 22px;
  border: 1px solid var(--stw-line);
  border-radius: 14px;
  background: var(--stw-white);
}

.stw-spoke-s05__check-grid article > span {
  color: var(--stw-orange);
  font-weight: 900;
}

.stw-spoke-s05__check-grid h3,
.stw-spoke-s05__mounting h3,
.stw-spoke-s05__ceiling h3,
.stw-spoke-s05__drywall h3,
.stw-spoke-s05__products h3 {
  margin: 12px 0 8px;
  color: var(--stw-charcoal);
  font-size: 1.16rem;
  line-height: 1.3;
}

.stw-spoke-s05__check-grid p {
  margin: 0;
  color: var(--stw-muted);
}

.stw-spoke-s05__context-link {
  display: grid;
  grid-template-columns: 210px 1fr;
  gap: 20px;
  margin-top: 20px;
  padding: 20px 24px;
  border-radius: 14px;
  background: var(--stw-charcoal);
  color: var(--stw-white);
}

.stw-spoke-s05__context-link p {
  margin: 0;
}

.stw-spoke-s05__context-link a {
  color: var(--stw-white);
  font-weight: 800;
}

.stw-spoke-s05__mounting {
  display: grid;
  grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr);
  gap: 28px;
  padding: clamp(52px,7vw,82px) clamp(18px,4vw,54px);
  background: var(--stw-beige);
}

.stw-spoke-s05__mounting-copy > p:not(.stw-spoke-s05__kicker) {
  max-width: 760px;
  color: var(--stw-muted);
}

.stw-spoke-s05__mounting-points {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 12px;
  margin-top: 24px;
}

.stw-spoke-s05__mounting-points div {
  padding: 18px;
  border-radius: 12px;
  background: var(--stw-white);
}

.stw-spoke-s05__mounting-points span {
  display: inline-flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  border-radius: 50%;
  background: var(--stw-blue);
  color: var(--stw-white);
  font-weight: 900;
}

.stw-spoke-s05__mounting-points strong {
  display: block;
  color: var(--stw-charcoal);
}

.stw-spoke-s05__mounting-points p {
  margin-bottom: 0;
  color: var(--stw-muted);
}

.stw-spoke-s05__mounting-card {
  padding: 26px;
  border-radius: 16px;
  background: var(--stw-charcoal);
  color: var(--stw-white);
}

.stw-spoke-s05__mounting-card .stw-spoke-s05__kicker,
.stw-spoke-s05__mounting-card li {
  color: var(--stw-white);
}

.stw-spoke-s05__mounting-card ul {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 10px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.stw-spoke-s05__mounting-card li {
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 9px;
  background: rgba(255,255,255,.07);
}

.stw-spoke-s05__ceiling {
  padding: clamp(52px,7vw,82px) clamp(18px,4vw,54px);
}

.stw-spoke-s05__ceiling-head {
  max-width: 860px;
  margin-bottom: 28px;
}

.stw-spoke-s05__ceiling-head > p:last-child {
  color: var(--stw-muted);
}

.stw-spoke-s05__ceiling-layout {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 18px;
}

.stw-spoke-s05__ceiling-allowed,
.stw-spoke-s05__ceiling-not {
  padding: 26px;
  border-radius: 16px;
}

.stw-spoke-s05__ceiling-allowed {
  border-top: 6px solid var(--stw-blue);
  background: var(--stw-soft-blue);
}

.stw-spoke-s05__ceiling-not {
  border-top: 6px solid var(--stw-orange);
  background: var(--stw-beige);
}

.stw-spoke-s05__system-row {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 14px;
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 10px;
  background: var(--stw-white);
}

.stw-spoke-s05__system-row span {
  color: var(--stw-muted);
}

.stw-spoke-s05__system-row strong {
  color: var(--stw-charcoal);
}

.stw-spoke-s05__ceiling-note {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 20px;
  margin-top: 18px;
  padding: 20px 24px;
  border-radius: 14px;
  background: var(--stw-charcoal);
  color: var(--stw-white);
}

.stw-spoke-s05__ceiling-note p {
  margin: 0;
}

.stw-spoke-s05__figure {
  margin: clamp(52px,7vw,82px) clamp(18px,4vw,54px);
}

.stw-spoke-s05__figure img {
  width: 100%;
  border-radius: 18px;
  box-shadow: var(--stw-shadow);
}

.stw-spoke-s05__figure figcaption {
  max-width: 820px;
  margin: 12px auto 0;
  color: var(--stw-muted);
  font-size: .92rem;
  text-align: center;
}

.stw-spoke-s05__money-cta {
  display: grid;
  grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr);
  gap: 30px;
  align-items: center;
  margin: clamp(50px,7vw,82px) clamp(18px,4vw,54px);
  padding: clamp(28px,5vw,46px);
  border-radius: 20px;
  background: linear-gradient(135deg,var(--stw-blue),var(--stw-charcoal));
  color: var(--stw-white);
}

.stw-spoke-s05__money-cta h2,
.stw-spoke-s05__money-cta p,
.stw-spoke-s05__money-cta .stw-spoke-s05__kicker {
  color: var(--stw-white);
}

.stw-spoke-s05__money-cta p {
  margin-bottom: 0;
}

.stw-spoke-s05__money-cta .stw-spoke-s05__button {
  min-height: 58px;
  text-align: center;
}

.stw-spoke-s05__drywall {
  background: var(--stw-beige);
}

.stw-spoke-s05__drywall-flow {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 14px;
}

.stw-spoke-s05__drywall-flow article {
  padding: 22px;
  border-radius: 14px;
  background: var(--stw-white);
}

.stw-spoke-s05__drywall-flow article > span {
  display: inline-flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--stw-blue);
  color: var(--stw-white);
  font-weight: 900;
}

.stw-spoke-s05__drywall-flow p {
  margin: 0;
  color: var(--stw-muted);
}

.stw-spoke-s05__drywall-warning {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 20px;
  margin-top: 18px;
  padding: 20px 24px;
  border: 1px solid var(--stw-orange);
  border-radius: 14px;
  background: var(--stw-white);
}

.stw-spoke-s05__drywall-warning span {
  color: var(--stw-orange);
  font-weight: 900;
}

.stw-spoke-s05__drywall-warning p {
  margin: 0;
}


.stw-spoke-s05__decision {
  margin: clamp(52px,7vw,82px) clamp(18px,4vw,54px);
  padding: clamp(30px,5vw,48px);
  border: 1px solid var(--stw-line);
  border-radius: 20px;
  background: var(--stw-soft-blue);
}

.stw-spoke-s05__decision > div:first-child {
  max-width: 860px;
}

.stw-spoke-s05__decision-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 14px;
  margin-top: 24px;
}

.stw-spoke-s05__decision-grid article {
  padding: 20px;
  border-radius: 14px;
  background: var(--stw-white);
}

.stw-spoke-s05__decision-grid strong,
.stw-spoke-s05__decision-grid span {
  display: block;
}

.stw-spoke-s05__decision-grid strong {
  margin-bottom: 6px;
  color: var(--stw-charcoal);
}

.stw-spoke-s05__decision-grid span {
  color: var(--stw-muted);
}

.stw-spoke-s05__product-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;
}

.stw-spoke-s05__product-grid article {
  overflow: hidden;
  border: 1px solid var(--stw-line);
  border-radius: 16px;
  background: var(--stw-white);
  box-shadow: 0 10px 26px rgba(82,79,76,.08);
}

.stw-spoke-s05__product-grid article > a {
  display: block;
  aspect-ratio: 1/1;
  background: #f7f7f7;
}

.stw-spoke-s05__product-grid img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.stw-spoke-s05__product-grid article > div {
  padding: 20px;
}

.stw-spoke-s05__product-grid span {
  color: var(--stw-blue);
  font-size: .78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.stw-spoke-s05__product-grid h3 {
  margin: 6px 0 8px;
}

.stw-spoke-s05__product-grid h3 a {
  color: var(--stw-charcoal);
  text-decoration: none;
}

.stw-spoke-s05__product-grid p {
  color: var(--stw-muted);
}

.stw-spoke-s05__related {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 30px;
  padding: clamp(50px,7vw,82px) clamp(18px,4vw,54px);
  background: var(--stw-charcoal);
  color: var(--stw-white);
}

.stw-spoke-s05__related h2,
.stw-spoke-s05__related .stw-spoke-s05__kicker {
  color: var(--stw-white);
}

.stw-spoke-s05__related-grid {
  display: grid;
  gap: 14px;
}

.stw-spoke-s05__related-grid a {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 16px;
  padding: 22px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 14px;
  background: rgba(255,255,255,.08);
  color: var(--stw-white);
  text-decoration: none;
}

.stw-spoke-s05__related-badge {
  color: var(--stw-orange);
  font-weight: 900;
}

.stw-spoke-s05__related-grid strong,
.stw-spoke-s05__related-desc {
  color: var(--stw-white);
}

.stw-spoke-s05__related-desc {
  display: block;
  margin-top: 4px;
  opacity: .82;
}

.stw-spoke-s05__faq-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 12px;
}

.stw-spoke-s05__faq details {
  border: 1px solid var(--stw-line);
  border-radius: 12px;
  background: var(--stw-white);
}

.stw-spoke-s05__faq summary {
  padding: 18px;
  cursor: pointer;
  color: var(--stw-charcoal);
  font-weight: 800;
}

.stw-spoke-s05__faq details p {
  margin: 0;
  padding: 0 18px 18px;
  color: var(--stw-muted);
}

.stw-spoke-s05__consult {
  display: grid;
  grid-template-columns: minmax(0,1.45fr) minmax(280px,.55fr);
  gap: 28px;
  align-items: center;
  margin-top: 24px;
  padding: clamp(24px,4vw,38px);
  border-radius: 18px;
  background: var(--stw-beige);
}

.stw-spoke-s05__consult p {
  margin-bottom: 0;
}

.stw-spoke-s05__consult-actions {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.stw-spoke-s05__consult-actions span {
  color: var(--stw-muted);
  font-size: .84rem;
  text-align: center;
}


.stw-spoke-s05 a:focus-visible,
.stw-spoke-s05 summary:focus-visible {
  outline: 3px solid var(--stw-orange);
  outline-offset: 3px;
}

/* Frontend-Härtung */
html body .stw-spoke-s05,
html body .stw-spoke-s05 * {
  box-sizing: border-box;
}

html body .stw-spoke-s05 .stw-spoke-s05__hero-content {
  position: absolute !important;
  z-index: 2 !important;
  top: 50% !important;
  left: clamp(24px,5vw,72px) !important;
  width: min(660px,calc(100% - 48px)) !important;
  transform: translateY(-50%) !important;
  color: #ffffff !important;
  text-align: left !important;
}

html body .stw-spoke-s05 .stw-spoke-s05__hero h1 {
  margin: 0 0 14px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(2rem,4vw,3.45rem) !important;
  font-weight: 700 !important;
  line-height: 1.02 !important;
  letter-spacing: -.035em !important;
  text-align: left !important;
  text-transform: none !important;
}

html body .stw-spoke-s05 .stw-spoke-s05__hero .stw-spoke-s05__lead,
html body .stw-spoke-s05 .stw-spoke-s05__hero .stw-spoke-s05__eyebrow {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-align: left !important;
}

html body .stw-spoke-s05 h2 {
  color: var(--stw-charcoal) !important;
  font-size: clamp(1.75rem,3vw,2.6rem) !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  text-align: left !important;
  text-transform: none !important;
}

html body .stw-spoke-s05 .stw-spoke-s05__money-cta h2,
html body .stw-spoke-s05 .stw-spoke-s05__money-cta p,
html body .stw-spoke-s05 .stw-spoke-s05__money-cta .stw-spoke-s05__kicker,
html body .stw-spoke-s05 .stw-spoke-s05__context-link,
html body .stw-spoke-s05 .stw-spoke-s05__context-link p,
html body .stw-spoke-s05 .stw-spoke-s05__context-link strong,
html body .stw-spoke-s05 .stw-spoke-s05__context-link a,
html body .stw-spoke-s05 .stw-spoke-s05__mounting-card,
html body .stw-spoke-s05 .stw-spoke-s05__mounting-card li,
html body .stw-spoke-s05 .stw-spoke-s05__ceiling-note,
html body .stw-spoke-s05 .stw-spoke-s05__ceiling-note p,
html body .stw-spoke-s05 .stw-spoke-s05__ceiling-note strong,
html body .stw-spoke-s05 .stw-spoke-s05__related h2,
html body .stw-spoke-s05 .stw-spoke-s05__related p,
html body .stw-spoke-s05 .stw-spoke-s05__related strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .stw-spoke-s05 a.stw-spoke-s05__button--primary,
html body .stw-spoke-s05 a.stw-spoke-s05__button--primary:link,
html body .stw-spoke-s05 a.stw-spoke-s05__button--primary:visited,
html body .stw-spoke-s05 a.stw-spoke-s05__button--primary:hover,
html body .stw-spoke-s05 a.stw-spoke-s05__button--primary:focus-visible,
html body .stw-spoke-s05 a.stw-spoke-s05__button--primary:active {
  background: var(--stw-orange) !important;
  border-color: var(--stw-orange) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 1100px) {
  .stw-spoke-s05__check-grid {
    grid-template-columns: repeat(3,1fr);
  }
}

@media (max-width: 900px) {
  .stw-spoke-s05__jumpnav {
    grid-template-columns: repeat(3,1fr);
  }

  .stw-spoke-s05__answer,
  .stw-spoke-s05__mounting,
  .stw-spoke-s05__money-cta,
  .stw-spoke-s05__consult {
    grid-template-columns: 1fr;
  }

  .stw-spoke-s05__mounting-points {
    grid-template-columns: 1fr;
  }

  
.stw-spoke-s05__decision {
  margin: clamp(52px,7vw,82px) clamp(18px,4vw,54px);
  padding: clamp(30px,5vw,48px);
  border: 1px solid var(--stw-line);
  border-radius: 20px;
  background: var(--stw-soft-blue);
}

.stw-spoke-s05__decision > div:first-child {
  max-width: 860px;
}

.stw-spoke-s05__decision-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 14px;
  margin-top: 24px;
}

.stw-spoke-s05__decision-grid article {
  padding: 20px;
  border-radius: 14px;
  background: var(--stw-white);
}

.stw-spoke-s05__decision-grid strong,
.stw-spoke-s05__decision-grid span {
  display: block;
}

.stw-spoke-s05__decision-grid strong {
  margin-bottom: 6px;
  color: var(--stw-charcoal);
}

.stw-spoke-s05__decision-grid span {
  color: var(--stw-muted);
}

.stw-spoke-s05__product-grid {
    grid-template-columns: repeat(2,1fr);
  }

  .stw-spoke-s05__related {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .stw-spoke-s05__hero {
    height: 520px;
  }

  .stw-spoke-s05__hero-media::after {
    background: linear-gradient(180deg,rgba(82,79,76,.30) 0%,rgba(82,79,76,.94) 62%,rgba(82,79,76,.98) 100%);
  }

  html body .stw-spoke-s05 .stw-spoke-s05__hero-content {
    top: auto !important;
    bottom: 28px !important;
    left: 22px !important;
    width: calc(100% - 44px) !important;
    transform: none !important;
  }

  .stw-spoke-s05__check-grid,
  .stw-spoke-s05__ceiling-layout,
  .stw-spoke-s05__drywall-flow,
  .stw-spoke-s05__product-grid,
  .stw-spoke-s05__faq-grid,
  .stw-spoke-s05__decision-grid {
    grid-template-columns: 1fr;
  }

  .stw-spoke-s05__context-link,
  .stw-spoke-s05__ceiling-note,
  .stw-spoke-s05__drywall-warning {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .stw-spoke-s05__jumpnav {
    display: flex;
    overflow-x: auto;
  }

  .stw-spoke-s05__jumpnav a {
    flex: 0 0 auto;
  }

  .stw-spoke-s05__hero-actions {
    flex-direction: column;
  }

  .stw-spoke-s05__button {
    width: 100%;
  }
}/* End custom CSS */