.html5_video video{width:100%;height:auto}

.videoframe{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:2}
.anleitung22-video{margin:20px 0 30px;display:block;}

.anleitung{display:flex;flex-direction:column;flex-wrap:wrap;}
.anleitung div:nth-child(1){text-align:justify;}
.anleitung div:nth-child(2):has(img){text-align:center;}
.anleitung a:has(img),.anleitung a:hover:has(img){border-bottom:0;}
.anleitung img{margin:20px 0;}
.anleitung ul{margin:25px;position:relative;list-style-type:none;}
.anleitung li{padding:5px;font-size:1rem;margin-bottom:5px;}
.anleitung li::before{font-family:'Font Awesome 6 Free';content:'\f178';font-weight:900;font-size:12px;line-height:17px;margin:3px 0;position:absolute;left:-18px;color:var(--primary_5);}
@media (min-width:960px) {
.anleitung{flex-direction:row;margin:20px 0;}
.anleitung div:nth-child(1){flex:1 60%;padding:25px 25px 10px 0;text-align: justify;}
.anleitung div:nth-child(2),.anleitung .responsive-video{flex:1 40%;}

}

.zwei-video,.anleitung-video{text-align:center;padding:20px 0 40px;}

@media only screen and (min-width: 790px) {
.zwei-video{display:flex;flex-flow:row;}
.zwei-video .responsive-video{flex:1 12rem;}
.zwei-video .responsive-video:first-child{margin-right:25px;}
}

@media only screen and (min-width:985px) {
.anleitung-video{display:flex;flex-flow:row;}

}

.responsive-video{width:100%;position:relative;margin:20px 0 30px;}
.responsive-video::before{content: "";display:block;padding-top:56.25%;}
.responsive-video > *{position:absolute;top:0;left:0;width:100%;height:100%;}