/* =============================================================================
   KORTHAUER — Consent-Styling
   Das Banner selbst stellt Vibetrack (cookie.js). Hier nur:
   - Platzhalter für gesperrte Wistia-Videos
   - Footer-Link "Cookie-Einstellungen"
============================================================================= */

/* =============================================================================
   Platzhalter für gesperrte externe Videos (Wistia)
============================================================================= */
.cmp-ph {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #141416;
  color: #fff;
  border-radius: inherit;
  overflow: hidden;
  text-align: center;
}
.cmp-ph-in { padding: 22px 20px; max-width: 400px; }
.cmp-ph-ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .1);
  color: #fff;
  margin-bottom: 12px;
}
.cmp-ph-ic svg { width: 20px; height: 20px; }
.cmp-ph-t {
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 600;
  font-family: 'Geist', system-ui, sans-serif;
}
.cmp-ph-s {
  margin: 0 0 14px;
  font-size: 11.5px;
  line-height: 1.55;
  color: rgba(255, 255, 255, .65);
  font-family: 'Geist', system-ui, sans-serif;
}
.cmp-ph-s a { color: rgba(255, 255, 255, .9); }
.cmp-ph-btn {
  appearance: none;
  border: 0;
  background: #E53B29;
  color: #fff;
  font-family: 'Geist', system-ui, sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  padding: 11px 22px;
  border-radius: 7px;
  cursor: pointer;
  transition: background .15s;
}
.cmp-ph-btn:hover { background: #C92E1E; }
.cmp-ph-chk {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 12px;
  font-size: 11px;
  color: rgba(255, 255, 255, .55);
  cursor: pointer;
  font-family: 'Geist', system-ui, sans-serif;
}
.cmp-ph-chk input { accent-color: #E53B29; cursor: pointer; }

/* sehr kleine Video-Kacheln: Text reduzieren */
@media (max-width: 400px) {
  .cmp-ph-s, .cmp-ph-chk { display: none; }
}

/* =============================================================================
   Footer-Link „Cookie-Einstellungen" — übernimmt den Look der Footer-Links
============================================================================= */
.cmp-footlink {
  appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0 3px;
  font: inherit;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: color .15s;
}
.cmp-footlink:hover { color: #E53B29; }
.cmp-footlink:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; border-radius: 3px; }