.tve_responsive_video_container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.tcb-video-float-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.tcb-responsive-video {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
.kapitel-area .alle_uebungen_filter {
	margin-bottom:70px;
}
.uebung {
	display:flow-root;
}
.uebung h3 a {
  color: #373c46!important;
  text-decoration: none!important;
  border-bottom: 1px dashed var(--eff-color)!important;
  background-image: linear-gradient(var(--eff-ensure-contrast) 0%, var(--eff-ensure-contrast) 100%)!important;
  background-position: 0 100%!important;
  background-size: 1px 0px!important;
  background-repeat: repeat-x!important;
  line-height: 1.7em!important;
  display: inline!important;
  transition: background-size 0.3s ease, color 0.3s ease!important;
}

.uebung h3 a:hover {
  background-size: 100% 100%!important;
  color: inherit!important;
}

/* === Thrive Bild + Caption Styles === */

.uebung-content .thrv_wrapper.tve_image_caption {
  height: auto !important;
  padding: 0px!important;
  margin: 0px!important;
      
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  margin-right: 20px !important;
  float: left!important;
  z-index: 3!important;
  position: relative!important;
  --tve-alignment: left!important;
}

.uebung-content p.thrv-inline-text.wp-caption-text{
	font-size: 14px!important;
}
.uebung-content .tve_image_frame {
  width: 100%!important;
  display: block!important;
  max-width: 100%!important;
  position: relative!important;
  overflow: hidden!important;
  border:1px solid #efefef;
  border-radius:15px;}

.uebung-content .tve_image {
	display: block!important;
    padding: 0px!important;
    height: auto!important;
	max-width: 100%!important;
	width: 100%!important;
	vertical-align: middle!important;
}

.uebung-content p.wp-caption-text,
.uebung-content p.thrv-inline-text {
	text-align: center!important;
    padding: 5px !important;
    border-bottom-left-radius: 5px!important;
    border-bottom-right-radius: 5px!important;
    color: #373c46 !important;
    line-height: 1.5em!important;
}

/*Filter in Sidebar*/
.alle_uebungen_filter label.cvp-label {
    flex: 0 0 30%!important;
	width:100%!important;
	padding-top:5px!important;
	width:100px;
}
.alle_uebungen_filter .cvp-live-filter {
	width: 380px;
}
.alle_uebungen_filter input, .alle_uebungen_filter select {
    flex: 0 0 60%!important;
    width: 100%!important;
}
.cvp-live-filter .cvp-label {
	margin-right:10px!important;
}
.cvp-live-filter select {
    min-height: 20px!important;
}
h2#aktivierung, h2#spielform-1, h2#uebungsform, h2#spielform-2 {
	text-transform: uppercase;
	color: rgb(255, 211, 2);
	--tve-applied-color: var $(--tve-color, var $(--tcb-color-13));
	--tcb-applied-color: var $(--tcb-color-13);	
	border-color: rgb(67, 67, 67);
	border-radius: 7px;
	overflow: hidden;
	margin-top:20px;
	padding: 7px 22px !important;
	background-image: none !important;
	--background-image: none !important;
	--tve-applied-background-image: none !important;
	background-color: rgb(30, 47, 64) !important;
	--background-color: rgb(30, 47, 64) !important;
	--tve-applied-background-color: rgb(30, 47, 64) !important;
	}

@media screen and (max-width: 767px) {
	.uebung h3 a {
	  color: white!important;
  }
	.uebung-content .tve_image_frame {border-radius:5px;}
	.uebung-content .thrv_wrapper.tve_image_caption {
	margin-right: 0px !important;
	float:unset;
}

  h2#aktivierung, h2#spielform-1, h2#uebungsform, h2#spielform-2 {
  	color: rgb(255, 211, 2);
  	--tve-applied-color: var $(--tve-color, var $(--tcb-color-13));
  	--tcb-applied-color: var $(--tcb-color-13);	
  	padding: 7px 0px !important;
  	background-color: unset !important;
  	--background-color: unset !important;
  	--tve-applied-background-color: unset !important;
  	}
	.kapitel-aera label.cvp-label, .alle_uebungen_filter label.cvp-label {
	    flex: 0 0 30%!important;
		width:100%!important;
		padding-top:5px!important;
	}
	.kapitel-aera input, .kapitel-aera select, .alle_uebungen_filter input, .alle_uebungen_filter select {
	    flex: 0 0 60%!important;
	    width: 100%!important;
	}
	.kapitel-aera .cvp-live-filter .cvp-label, .cvp-live-filter .cvp-label {
		margin-right:10px!important;
	}
	.kapitel-aera .cvp-live-filter select, .cvp-live-filter select {
	    min-height: 20px!important;
	}
	.kapitel-aera .alle_uebungen_filter .cvp-live-filter, .alle_uebungen_filter .cvp-live-filter {
		width: 100%;
	}
	
}