.tierclip_single { max-width:900px; margin:0 auto 20px auto; padding:0 15px; box-sizing:border-box; }

.tierclip_video_wrap { width:100%; margin:35px 0; }
.tierclip_video_ratio { position:relative; width:100%; padding-top:56.25%; background:#000000; }
.tierclip_video_ratio iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0; }

.tierclip_video_consent { position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center; background-color:#000000; cursor:pointer; }
.tierclip_video_consent_overlay { position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; padding:20px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(0,0,0,0.55); }
.tierclip_video_consent_text { max-width:500px; padding:15px 20px; margin:0 0 20px 0; border-radius:4px; background:rgba(0,0,0,0.75); color:#ffffff; line-height:150%; }
.tierclip_video_consent_button { display:inline-flex; align-items:center; gap:10px; padding:14px 30px; border:0; border-radius:30px; background:#ffffff; color:#222222; font-weight:600; font-size:15px; letter-spacing:0.3px; cursor:pointer; box-shadow:0 4px 14px rgba(0,0,0,0.35); transition:transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease, color 0.15s ease; }
.tierclip_video_consent_button:hover { background:#1f4d1f; color:#ffffff; transform:translateY(-2px); box-shadow:0 6px 18px rgba(0,0,0,0.45); }
.tierclip_video_consent_button:active { transform:translateY(0); box-shadow:0 3px 10px rgba(0,0,0,0.35); }
.tierclip_video_consent_button_icon { width:0; height:0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:11px solid #222222; transition:border-left-color 0.15s ease; }
.tierclip_video_consent_button:hover .tierclip_video_consent_button_icon { border-left-color:#ffffff; }
.tierclip_video_consent_button:disabled { opacity:0.7; cursor:default; transform:none; }

.tierclip_geo_message { max-width:500px; margin:15px 0 0 0; padding:12px 20px; border-radius:4px; background:rgba(0,0,0,0.75); color:#ffffff; line-height:150%; }

.tierclip_geo_privacy_text { max-width:900px; margin:15px auto 0 auto; font-size:13px; color:#666666; line-height:150%; }

.tierclip_thumbnail { max-width:100%; height:auto; margin-top:20px; }

/* Touch-Geräte (Handy/Tablet) erkennen unabhängig von der Seitenbreite, da das Theme kein Viewport-Meta-Tag setzt */
@media (hover:none) and (pointer:coarse) {

	.tierclip_single { padding:0 20px; }
	.tierclip_video_consent_overlay { padding:16px; }
	.tierclip_video_consent_text { font-size:16px; padding:14px 16px; }
	.tierclip_video_consent_button { width:100%; max-width:340px; padding:16px 20px; font-size:17px; min-height:52px; box-sizing:border-box; justify-content:center; }
	.tierclip_geo_message { font-size:16px; }
	.tierclip_geo_privacy_text { font-size:14px; }

}