/*
 * Step 2.3.68 - Startseiten-Boxdesign
 * Große Bild-/Kameraelemente auf der Startseite werden als Karten dargestellt.
 */
:root{
  --modern-home-card-bg:#eef2f5;
  --modern-home-card-border:#c7d0da;
  --modern-home-card-shadow:0 1px 4px rgba(15,23,42,.08);
  --modern-home-card-radius:10px;
}
html.modern-startpage-card-design #modern-runtime-app .modern-home-media-card{
  background:var(--modern-home-card-bg)!important;
  border:1px solid var(--modern-home-card-border)!important;
  border-radius:var(--modern-home-card-radius)!important;
  padding:10px!important;
  box-shadow:var(--modern-home-card-shadow)!important;
  overflow:hidden!important;
}
html.modern-startpage-card-design #modern-runtime-app .modern-home-media-card img,
html.modern-startpage-card-design #modern-runtime-app .modern-home-media-card iframe,
html.modern-startpage-card-design #modern-runtime-app .modern-home-media-card video{
  border-radius:4px!important;
}
html.modern-startpage-card-design #modern-runtime-app .modern-home-media-card.rt-camera .rt-point-btn{
  background:#0b1117!important;
  border:0!important;
  border-radius:4px!important;
  overflow:hidden!important;
}
html.modern-startpage-card-design #modern-runtime-app .modern-home-media-card .rt-camera-frame,
html.modern-startpage-card-design #modern-runtime-app .modern-home-media-card .rt-camera-empty{
  border-radius:4px!important;
  overflow:hidden!important;
}
html.modern-startpage-card-design #modern-runtime-app .modern-home-media-card .rt-camera-empty{
  background:#0b1117!important;
  color:#5f738a!important;
}