/* R73 — visible service scope before the specific demonstration products. */
#konfiguratortypen .r73-home-planning {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 1fr);
  gap: clamp(24px, 4vw, 54px);
  align-items: center;
  margin: 0 0 28px;
  padding: clamp(22px, 3vw, 38px);
  color: #203f43;
  background: #edf1e9;
  border: 1px solid #c3d0c5;
  border-radius: 12px;
}
#konfiguratortypen .r73-home-planning-copy,
#konfiguratortypen .r73-home-planning-visual { min-width: 0; }
#konfiguratortypen .r73-home-planning h4 {
  margin: 9px 0 14px;
  max-width: 23ch;
  font-size: clamp(24px, 2.25vw, 32px);
  line-height: 1.2;
  letter-spacing: -.02em;
}
#konfiguratortypen .r73-home-planning-copy > p:not(.cf-home-kicker) {
  margin: 0;
  max-width: 60ch;
  font-size: 16px;
  line-height: 1.6;
}
#konfiguratortypen .r73-home-planning-uses {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 22px;
  margin: 22px 0 14px;
  padding: 0;
  list-style: none;
}
#konfiguratortypen .r73-home-planning-uses li {
  margin: 0;
  padding: 10px 0;
  border-top: 1px solid #c3d0c5;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}
#konfiguratortypen .r73-home-text-link {
  display: inline-flex;
  gap: 12px;
  align-items: center;
  min-height: 44px;
  padding: 7px 0;
  color: #1c464a;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: 5px;
}
#konfiguratortypen .r73-home-planning-visual { margin: 0; }
#konfiguratortypen .r73-home-planning-visual img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 8px;
}
#konfiguratortypen .r73-home-planning-visual figcaption {
  margin-top: 10px;
  color: #526967;
  font-size: 13px;
  line-height: 1.5;
}
#schulungssoftware .r73-home-training-head { margin-top: 12px; }
#schulungssoftware .r73-home-training-head .ct-home-title { min-width: 0; }
#schulungssoftware .r73-home-training-head h3 { max-width: 23ch; line-height: 1.2; }
#schulungssoftware .r73-home-learning {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 12px;
  margin: 24px 0 16px;
}
#schulungssoftware .r73-home-learning-goal {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 1px solid #c4d0c7;
  border-radius: 8px;
  background: #fffdf8;
  color: #203f43;
  overflow: clip;
}
#schulungssoftware .r73-home-learning-goal summary {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 113px;
  padding: 20px 42px 20px 20px;
  list-style: none;
  cursor: pointer;
}
#schulungssoftware .r73-home-learning-goal summary::-webkit-details-marker { display: none; }
#schulungssoftware .r73-home-learning-goal summary::after {
  content: '+';
  position: absolute;
  top: 18px;
  right: 18px;
  color: #906433;
  font-size: 23px;
  line-height: 1;
}
#schulungssoftware .r73-home-learning-goal summary strong { font-size: 17px; line-height: 1.35; }
#schulungssoftware .r73-home-learning-goal summary span { color: #526967; font-size: 14px; line-height: 1.5; }
#schulungssoftware .r73-home-learning-goal[open] { border-color: #54796b; background: #f2f5ee; }
#schulungssoftware .r73-home-learning-goal[open] summary::after { content: '−'; }
#schulungssoftware .r73-home-learning-goal > p {
  margin: 0 20px 20px;
  padding-top: 14px;
  border-top: 1px solid #c4d0c7;
  font-size: 15px;
  line-height: 1.65;
  color: #405c5d;
}
#schulungssoftware .r73-home-training-audience {
  margin: 0 0 28px;
  color: #526967;
  font-size: 15px;
  line-height: 1.6;
}
#schulungssoftware .r73-home-demo-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 24px;
  margin: 0 0 16px;
  padding-top: 24px;
  border-top: 1px solid #c4d0c7;
}
#schulungssoftware .r73-home-demo-heading h4 { max-width: none; margin: 0; font-size: 21px; line-height: 1.35; }
#schulungssoftware .r73-home-demo-heading > span { color: #526967; font-size: 15px; line-height: 1.5; }
#konfiguratortypen .r73-home-text-link:focus-visible,
#schulungssoftware .r73-home-learning-goal summary:focus-visible {
  outline: 3px solid #936124;
  outline-offset: -3px;
  border-radius: 4px;
}
@media (max-width: 1000px) {
  #konfiguratortypen .r73-home-planning { grid-template-columns: minmax(0, 1fr); }
  #konfiguratortypen .r73-home-planning-visual { max-width: 680px; width: 100%; justify-self: center; }
  #konfiguratortypen .r73-home-planning h4 { max-width: none; }
  #schulungssoftware .r73-home-learning { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  #konfiguratortypen .r73-home-planning { padding: 20px 18px; gap: 22px; }
  #konfiguratortypen .r73-home-planning-uses { grid-template-columns: minmax(0, 1fr); margin-top: 18px; }
  #konfiguratortypen .r73-home-planning-uses li { font-size: 15px; }
  #schulungssoftware .r73-home-learning { grid-template-columns: minmax(0, 1fr); gap: 9px; }
  #schulungssoftware .r73-home-learning-goal summary { min-height: 90px; padding: 16px 42px 16px 16px; }
  #schulungssoftware .r73-home-learning-goal > p { margin: 0 16px 18px; }
  #schulungssoftware .r73-home-training-head h3 { max-width: none; font-size: 29px; }
}
#individuell.cf-home[data-r54-service-layout] .cf-service-image.r73-home-service-concept { position: relative; background: #eaf0e9; }
#individuell.cf-home[data-r54-service-layout] .cf-service-image.r73-home-service-concept img { object-fit: contain; object-position: center; }
#individuell .r73-home-concept-label { position: absolute; left: 8px; bottom: 7px; padding: 3px 5px; border-radius: 3px; background: #fffdf8f0; color: #405c5d; font-size: 10px; line-height: 1.3; }
