1<!DOCTYPE html> 2<html lang="de"> 3<head> 4<!-- Google Tag Manager -->
5<script>
vendor: 327 bytes, lines 5-9
5(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 6new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 7j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 8'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 9})(window,document,'script','dataLayer','
9GTM-57FR6ZG
vendor: 3 bytes, line 9
9');
9</script>
9 10<!-- End Google Tag Manager --> 11 12<meta charset="utf-8"> 13<meta http-equiv="X-UA-Compatible" content="IE=edge"> 14<meta name="viewport" content="width=device-width,user-scalable=0,initial-scale=1,maximum-scale=1, minimum-scale=1" /> 15<link rel="shortcut icon" href="https://www.wondershare.com/favicon.ico" mce_href="https://www.wondershare.com/favicon.ico" type="image/x-icon" /> 16<link rel="stylesheet" href="https://neveragain.allstatics.com/2019/assets/style/bootstrap-wondershare.min.css"> 17<link rel="stylesheet" href="https://www.wondershare.com/assets/global.min.css"><title>KI-gestützte Kreativtools für Video-, Bild- und Medien-Workflows | Wondershare</title> 18 19<meta name="description" content="Erstellen, bearbeiten, optimieren, konvertieren und restaurieren Sie Video-, Bild- und Medieninhalte mit dem KI-gestützten Kreativ-Ökosystem von Wondershare für intelligentere Workflows." /> 20<meta property="og:url" content="https://www.wondershare.de/products-solutions/digital-creativity/video.html" /> 21<meta property="og:type" content="article" /> 22<meta property="og:title" content="KI-gestützte Kreativtools für Video-, Bild- und Medien-Workflows | Wondershare" /> 23<meta property="og:description" content="Erstellen, bearbeiten, optimieren, konvertieren und restaurieren Sie Video-, Bild- und Medieninhalte mit dem KI-gestützten Kreativ-Ökosystem von Wondershare für intelligentere Workflows." /> 24<meta property="og:image" content="https://images.wondershare.com/images2020/og-img/home.jpg" /> 25 26 27<link rel="stylesheet" href="https://neveragain.allstatics.com/2019/assets/vendor/swiper.min.css"> 28<link rel="stylesheet" href="https://www.wondershare.com/assets/aos/aos.min.css"> 29<!-- Swiper CSS 弿¥å è½½ï¼éé¦å±å ³é®ï¼ --> 30<style> 31 /* public Style */ 32 .wsc-main { letter-spacing: -2%; } 33 .video-container video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;} 34 .video-container {position: relative;overflow: hidden;background-size: cover;} 35 .video-container::before {content: '';display: block;padding-top: var(--ratio, calc(9 / 16 * 100%));} 36 .img-container {position: relative;padding-top: var(--ratio, calc(9 / 16 * 100%));overflow: hidden;} 37 .img-container img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .3s ease-out;} 38 39 .wsc-main h1,.wsc-main h2,.wsc-main h3,.wsc-main h4,.wsc-main h5,.wsc-main h6,.wsc-main .h1,.wsc-main .h2,.wsc-main .h3,.wsc-main .h4,.wsc-main .h5,.wsc-main .h6 { font-family: "MessinaSansWeb", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } 40 .wsc-main .btn { 41 border-radius: 8px; 42 text-transform: unset; 43 } 44 .wsc-main .btn-40 { 45 padding: 7.5px 1.4375rem; 46 } 47 @media (max-width: 767.98px) { 48 .wsc-main .btn { 49 border-radius: 6px; 50 font-size: 16px; 51 padding: 11px 1.4375rem; 52 } 53 .wsc-main .btn-40 { 54 padding: 6px 13px; 55 font-size: 12px; 56 } 57 } 58 .flex-height .swiper-slide { height: auto; } 59 .rounded-24 { border-radius: 24px; } 60 .rounded-20 { border-radius: 20px; } 61 .rounded-16 { border-radius: 16px; } 62 .rounded-12 { border-radius: 12px; } 63 .rounded-8 { border-radius: 8px; } 64 .line-height-100 { line-height: 100%; } 65 .line-height-150 { line-height: 150%; } 66 .opacity-6 { opacity: 0.6; } 67 .opacity-7 { opacity: 0.7; } 68 .font-size-80 { 69 font-size: 80px; 70 } 71 .font-size-180 { 72 font-size: 180px; 73 } 74 .letter-spacing--2{ 75 letter-spacing: -2%; 76 } 77 .container-all { 78 width: 100%; 79 margin-right: auto; 80 margin-left: auto; 81 padding-right: 24px; 82 padding-left: 24px; 83 } 84 @media (min-width: 1280px) { 85 .container-all{ 86 padding-right: 20px; 87 padding-left: 20px; 88 } 89 } 90 @media (min-width: 2600px) { 91 .container-all{ 92 width: 2560px; 93 } 94 } 95 .container-all .row { 96 margin-left: -10px; 97 margin-right: -10px; 98 } 99 .container-all .col-xl-6, 100 .container-all .col-auto { 101 padding-left: 10px; 102 padding-right: 10px; 103 } 104 .py-10 { 105 padding-top: 10px; 106 padding-bottom: 10px; 107 } 108 .my-n10 { 109 margin-top: -10px; 110 margin-bottom: -10px; 111 } 112 @media (max-width: 767.98px) { 113 .py-10 { 114 padding-top: 12px; 115 padding-bottom: 12px; 116 } 117 .my-n10 { 118 margin-top: -12px; 119 margin-bottom: -12px; 120 } 121 } 122 123 @font-face { 124 font-family: 'FunnelDisplay'; 125 src: url('https://www.wondershare.com/home/20260403/FunnelDisplay-Bold.ttf') format('truetype'); 126 font-weight: 700; 127 font-style: normal; 128 font-display: swap; 129 } 130 @media (min-width: 768px) { 131 .font-weight-md-bold { 132 font-weight: 700 !important; 133 } 134 } 135 136 .function-swiper-m { --time: 5s; } 137 .function-swiper-m .swiper-pagination-bullet { background-color: rgba(0, 0, 0, 0.2); opacity: 1; border-radius: 4px; position: relative; transition: width .3s; } 138 .function-swiper-m .swiper-pagination-bullet-active { width: 3rem; background: rgba(0, 0, 0, 0.2); background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.2) 50%, #000 50%); background-size: 200%; background-position-x: 0%; animation: position var(--time) linear forwards; } 139 @keyframes position { 140 0% { background-position-x: 0%; } 141 100% { background-position-x: -100%; } 142 } 143 .function-swiper-m.swiper-container-horizontal>.swiper-pagination-bullets{ 144 position: relative; 145 margin-top: 16px; 146 bottom: 0px; 147 width: auto; 148 left: 50%; 149 transform: translateX(-50%); 150 } 151 152 /* part-banner */ 153 .part-banner .video-container { 154 --ratio:calc(800 / 1880 * 100%); 155 } 156 @media (max-width: 767.98px) { 157 .part-banner .rounded-24{ 158 border-radius: 0px; 159 } 160 .part-banner .container-all { 161 padding-left: 0; 162 padding-right: 0; 163 } 164 .part-banner .video-container.rounded-16 { 165 border-radius: 0; 166 } 167 .part-banner .video-container::before { 168 --ratio:calc(428 / 375 * 100%); 169 } 170 .m-padding-x-24 { 171 padding-left: 24px; 172 padding-right: 24px; 173 } 174 } 175
176 /* part-ai-powered */ 177 .part-ai-powered { 178 padding: 108px 0 0; 179 } 180 .part-ai-powered-item { 181 background-color: rgba(244, 245, 249, 1); 182 } 183 .part-ai-powered .text-content { 184 padding: 40px; 185 } 186 .part-ai-powered-item-tags>div { 187 border: 1px solid rgba(0, 0, 0, 0.25); 188 padding: 8px 16px; 189 } 190 .part-ai-powered-item-tags { 191 gap: 8px; 192 } 193 .part-ai-powered-item-supports { 194 gap: 8px; 195 } 196 .part-ai-powered-item-support-icon { 197 width: 32px; 198 height: 32px; 199 background-size: 100% 100%; 200 } 201 .part-ai-powered-item-text-content { 202 position: absolute; 203 top: 0; 204 left: 0; 205 padding: 40px 40px 0 40px; 206 width: 100%; 207 } 208 .part-ai-powered-item .go-icon { 209 width: 32px; 210 height: 32px; 211 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuNzUiIGQ9Ik0xNiAyQzIzLjczMiAyIDMwIDguMjY4MDEgMzAgMTZDMzAgMjMuNzMyIDIzLjczMiAzMCAxNiAzMEM4LjI2ODAxIDMwIDIgMjMuNzMyIDIgMTZDMiA4LjI2ODAxIDguMjY4MDEgMiAxNiAyWk0xNi42OTczIDkuOTA3MjNDMTYuMzU1NiA5LjU2NTUyIDE1LjgwMTcgOS41NjU1MiAxNS40NiA5LjkwNzIzQzE1LjExODQgMTAuMjQ4OSAxNS4xMTgzIDEwLjgwMjkgMTUuNDYgMTEuMTQ0NUwxOS41NDg4IDE1LjIzMzRIOUM4LjUxNjg2IDE1LjIzMzQgOC4xMjQxOSAxNS42MjUzIDguMTI0MDIgMTYuMTA4NEM4LjEyNDAyIDE2LjU5MTYgOC41MTY3NSAxNi45ODQ0IDkgMTYuOTg0NEwxOS41NDg4IDE2Ljk4MzRMMTUuNDYgMjEuMDczMkMxNS4xMTg0IDIxLjQxNDkgMTUuMTE4NCAyMS45Njg5IDE1LjQ2IDIyLjMxMDVDMTUuODAxNiAyMi42NTIxIDE2LjM1NTYgMjIuNjUyMSAxNi42OTczIDIyLjMxMDVMMjIuMjgwMyAxNi43Mjc1QzIyLjYyMiAxNi4zODU5IDIyLjYyMTkgMTUuODMxOSAyMi4yODAzIDE1LjQ5MDJMMTYuNjk3MyA5LjkwNzIzWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==); 212 opacity: 0; 213 background-size: 100% 100%; 214 transition: all 0.3s; 215 } 216 .part-ai-powered-item:hover .go-icon{ 217 opacity: 1; 218 } 219 .support-pc { 220 background-image: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC4zMzMzIDMwSDE2SDIxLjY2NjdNMTYgMjUuMTI1SDI3Ljg4ODlDMjguNzE0IDI1LjEyNSAyOS41MDUzIDI0Ljc4MjYgMzAuMDg4OCAyNC4xNzMxQzMwLjY3MjIgMjMuNTYzNiAzMSAyMi43MzcgMzEgMjEuODc1VjUuMjVDMzEgNC4zODgwNSAzMC42NzIyIDMuNTYxNCAzMC4wODg4IDIuOTUxOUMyOS41MDUzIDIuMzQyNDEgMjguNzE0IDIgMjcuODg4OSAySDQuMTExMTFDMy4yODU5OSAyIDIuNDk0NjcgMi4zNDI0MSAxLjkxMTIyIDIuOTUxOUMxLjMyNzc4IDMuNTYxNCAxIDQuMzg4MDUgMSA1LjI1VjIxLjg3NUMxIDIyLjczNyAxLjMyNzc4IDIzLjU2MzYgMS45MTEyMiAyNC4xNzMxQzIuNDk0NjcgMjQuNzgyNiAzLjI4NTk5IDI1LjEyNSA0LjExMTExIDI1LjEyNUgxNloiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo='); 221 } 222 .support-phone { 223 background-image: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjgiIHk9IjIiIHdpZHRoPSIxOCIgaGVpZ2h0PSIyOCIgcng9IjMiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNi43NSAyNi41QzE3LjIxNDEgMjYuNSAxNy42NTkyIDI2LjMxNTYgMTcuOTg3NCAyNS45ODc0QzE4LjMxNTYgMjUuNjU5MiAxOC41IDI1LjIxNDEgMTguNSAyNC43NUMxOC41IDI0LjI4NTkgMTguMzE1NiAyMy44NDA4IDE3Ljk4NzQgMjMuNTEyNkMxNy42NTkyIDIzLjE4NDQgMTcuMjE0MSAyMyAxNi43NSAyM0MxNi4yODU5IDIzIDE1Ljg0MDggMjMuMTg0NCAxNS41MTI2IDIzLjUxMjZDMTUuMTg0NCAyMy44NDA4IDE1IDI0LjI4NTkgMTUgMjQuNzVDMTUgMjUuMjE0MSAxNS4xODQ0IDI1LjY1OTIgMTUuNTEyNiAyNS45ODc0QzE1Ljg0MDggMjYuMzE1NiAxNi4yODU5IDI2LjUgMTYuNzUgMjYuNVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo='); 224 } 225 .support-ipad { 226 background-image: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjUiIHk9IjIiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyOCIgcng9IjMiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNS43NSAyNi41QzE2LjIxNDEgMjYuNSAxNi42NTkyIDI2LjMxNTYgMTYuOTg3NCAyNS45ODc0QzE3LjMxNTYgMjUuNjU5MiAxNy41IDI1LjIxNDEgMTcuNSAyNC43NUMxNy41IDI0LjI4NTkgMTcuMzE1NiAyMy44NDA4IDE2Ljk4NzQgMjMuNTEyNkMxNi42NTkyIDIzLjE4NDQgMTYuMjE0MSAyMyAxNS43NSAyM0MxNS4yODU5IDIzIDE0Ljg0MDggMjMuMTg0NCAxNC41MTI2IDIzLjUxMjZDMTQuMTg0NCAyMy44NDA4IDE0IDI0LjI4NTkgMTQgMjQuNzVDMTQgMjUuMjE0MSAxNC4xODQ0IDI1LjY1OTIgMTQuNTEyNiAyNS45ODc0QzE0Ljg0MDggMjYuMzE1NiAxNS4yODU5IDI2LjUgMTUuNzUgMjYuNVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo='); 227 } 228 .support-web { 229 background-image: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjk5ODA1IDExLjAwMDFMMjkuOTk4IDExLjA
229wMDEiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xLjY2NjAyIDI2LjYxODdWNS4zODEzM0MxLjY2NjAyIDMuNjk3MzMgMi45OTI2OCAyLjMzMzMzIDQuNjI4NjggMi4zMzMzM0gyNy4zN0MyOS4wMDYgMi4zMzMzMyAzMC4zMzI3IDMuNjk3MzMgMzAuMzMyNyA1LjM4MTMzVjI2LjYxODdDMzAuMzMyNyAyOC4zMDI3IDI5LjAwNiAyOS42NjY3IDI3LjM3IDI5LjY2NjdINC42Mjg2OEMyLjk5MjY4IDI5LjY2NjcgMS42NjYwMiAyOC4zMDI3IDEuNjY2MDIgMjYuNjE4N1oiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIvPgo8cmVjdCB4PSI2IiB5PSI1LjUiIHdpZHRoPSIyLjUiIGhlaWdodD0iMi41IiByeD0iMS4yNSIgZmlsbD0iYmxhY2siLz4KPHJlY3QgeD0iMTAuNSIgeT0iNS41IiB3aWR0aD0iMi41IiBoZWlnaHQ9IjIuNSIgcng9IjEuMjUiIGZpbGw9ImJsYWNrIi8+CjxyZWN0IHg9IjE1IiB5PSI1LjUiIHdpZHRoPSIyLjUiIGhlaWdodD0iMi41IiByeD0iMS4yNSIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg=='); 230 } 231 @media (max-width: 767.98px) { 232 .part-ai-powered { 233 padding: 64px 0 0; 234 } 235 .part-ai-powered .text-content { 236 padding: 24px 20px 20px; 237 } 238 .wsc-main .part-ai-powered .text-content .font-size-super { 239 font-size: 18px; 240 } 241 .part-ai-powered-item-tags>div { 242 padding: 6px 8px; 243 white-space: noWrap; 244 } 245 .part-ai-powered-item-tags { 246 gap: 8px; 247 flex-wrap: wrap; 248 } 249 .part-ai-powered-item-supports { 250 gap: 8px; 251 } 252 .part-ai-powered-item-support-icon { 253 width: 24px; 254 height: 24px; 255 } 256 .part-ai-powered-item-text-content { 257 display: none; 258 } 259 .part-ai-powered-item .btn { 260 font-size: 16px; 261 font-weight: bold; 262 padding: 7px 1.4375rem; 263 width: 100%; 264 } 265 } 266 267 /* part-ai-features-item */ 268 .part-ai-features { 269 padding: 190px 0; 270 } 271 .part-ai-features-item { 272 padding: 40px 0; 273 cursor: pointer; 274 border-top: 1px solid rgba(0, 0, 0, 0.15); 275 transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); 276 position: relative; 277 } 278 .part-ai-features-item::before { 279 content: ''; 280 position: absolute; 281 bottom: 0; 282 left: 0; 283 width: 0; 284 height: 1px; 285 background-color: rgba(255, 255, 255, 0.3); 286 transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); 287 } 288 .ai-features-title { 289 transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); 290 transform: translateX(0); 291 } 292 .part-ai-features-item > div { 293 flex: 1; 294 } 295 .part-ai-features-item-left-box { 296 padding: 0 120px 0 60px; 297 display: flex; 298 align-items: center; 299 justify-content: space-between; 300 width:100%; 301 } 302 .part-ai-features-item-left-box>.ai-features-num { 303 flex: 2; 304 } 305 .part-ai-features-item-left-box>.ai-features-title-icon-box { 306 flex: 3; 307 } 308 .part-ai-features-item-left-box-icon-m { 309 display: none; 310 } 311 .ai-features-num { 312 opacity: 0.2; 313 transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); 314 transform: scale(1); 315 } 316 .ai-features-desc { 317 opacity: 0.6; 318 transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); 319 transform: translateX(0); 320 flex: 1; 321 } 322 .part-ai-features-item-right-box { 323 padding: 0 80px 0 140px; 324 display: flex; 325 align-items: center; 326 justify-content: space-between; 327 width:100%; 328 } 329 .part-ai-features-item-right-box>.part-ai-features-item-right-box-wrapper { 330 flex: 1; 331 } 332 .part-ai-features-item-left-box-icon { 333 width: 64px; 334 height: 48px; 335 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjY0IiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgNjQgNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00My45MzE2IDBDNDQuMDYzMiAxMC45NzY2IDUzLjAyMzQgMTkuNzY4MiA2NCAxOS42MzY2VjI3LjgwMTVDNTMuMDIzNCAyNy45MzMyIDQ0LjM3NDYgMzYuOTM4MiA0NC41MDYyIDQ3LjkxNDhMMzcuNDA2IDQ4QzM3LjMwNjYgMzkuNzE1MiA0MC45NTI2IDMyLjc5NTggNDYuNzcxMiAyNy43NzcxSDBWMjAuNDExMkg0Ni4xMzUyQzQwLjUxNjUgMTUuNTM2NyAzNi45Mjc2IDguMTA4MTIgMzYuODMxNCAwLjA4NTE1MzdMNDMuOTMxNiAwWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==); 336 background-size: 100% 100%; 337 transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); 338 transform: rotate(0deg) scale(1); 339 } 340 .part-ai-features-item-right-box-icon { 341 width: 32px; 342 height: 32px; 343 background-size: 100% 100%; 344 flex-shrink: 0; 345 margin-left: auto; 346 transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); 347 transform: scale(1) rotate(0deg); 348 } 349 .music-icon{ 350 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yOS41IDcuMDAwMjRDMjkuNSA3LjM5ODA3IDI5LjM0MiA3Ljc3OTYgMjkuMDYwNyA4LjA2MDlDMjguNzc5NCA4LjM0MjIxIDI4LjM5NzggOC41MDAyNCAyOCA4LjUwMDI0SDI2LjVWMTAuMDAwMkMyNi41IDEwLjM5ODEgMjYuMzQyIDEwLjc3OTYgMjYuMDYwNyAxMS4wNjA5QzI1Ljc3OTQgMTEuMzQyMiAyNS4zOTc4IDExLjUwMDIgMjUgMTEuNTAwMkMyNC42MDIyIDExLjUwMDIgMjQuMjIwNiAxMS4zNDIyIDIzLjkzOTMgMTEuMDYwOUMyMy42NTggMTAuNzc5NiAyMy41IDEwLjM5ODEgMjMu
350NSAxMC4wMDAyVjguNTAwMjRIMjJDMjEuNjAyMiA4LjUwMDI0IDIxLjIyMDYgOC4zNDIyMSAyMC45MzkzIDguMDYwOUMyMC42NTggNy43Nzk2IDIwLjUgNy4zOTgwNyAyMC41IDcuMDAwMjRDMjAuNSA2LjYwMjQyIDIwLjY1OCA2LjIyMDg5IDIwLjkzOTMgNS45Mzk1OEMyMS4yMjA2IDUuNjU4MjggMjEuNjAyMiA1LjUwMDI0IDIyIDUuNTAwMjRIMjMuNVY0LjAwMDI0QzIzLjUgMy42MDI0MiAyMy42NTggMy4yMjA4OSAyMy45MzkzIDIuOTM5NThDMjQuMjIwNiAyLjY1ODI4IDI0LjYwMjIgMi41MDAyNCAyNSAyLjUwMDI0QzI1LjM5NzggMi41MDAyNCAyNS43Nzk0IDIuNjU4MjggMjYuMDYwNyAyLjkzOTU4QzI2LjM0MiAzLjIyMDg5IDI2LjUgMy42MDI0MiAyNi41IDQuMDAwMjRWNS41MDAyNEgyOEMyOC4zOTc4IDUuNTAwMjQgMjguNzc5NCA1LjY1ODI4IDI5LjA2MDcgNS45Mzk1OEMyOS4zNDIgNi4yMjA4OSAyOS41IDYuNjAyNDIgMjkuNSA3LjAwMDI0Wk0yNy41IDE1LjUwMDJWMjEuNTAwMkMyNy41MDAzIDIyLjU3NyAyNy4xNTMgMjMuNjI1MSAyNi41MDk3IDI0LjQ4ODZDMjUuODY2NSAyNS4zNTIxIDI0Ljk2MTYgMjUuOTg0OCAyMy45Mjk5IDI2LjI5MjhDMjIuODk4MSAyNi42MDA3IDIxLjc5NDQgMjYuNTY3MyAyMC43ODMyIDI2LjE5NzZDMTkuNzcxOSAyNS44Mjc4IDE4LjkwNjkgMjUuMTQxNSAxOC4zMTcxIDI0LjI0MDdDMTcuNzI3MiAyMy4zMzk5IDE3LjQ0MzkgMjIuMjcyOCAxNy41MDkyIDIxLjE5OEMxNy41NzQ2IDIwLjEyMzIgMTcuOTg1MiAxOS4wOTgzIDE4LjY3OTkgMTguMjc1NkMxOS4zNzQ2IDE3LjQ1MyAyMC4zMTYzIDE2Ljg3NjUgMjEuMzY1IDE2LjYzMjFDMjIuNDEzNiAxNi4zODc3IDIzLjUxMzEgMTYuNDg4MyAyNC41IDE2LjkxOVYxNS41MDAyQzI0LjUgMTUuMTAyNCAyNC42NTggMTQuNzIwOSAyNC45MzkzIDE0LjQzOTZDMjUuMjIwNiAxNC4xNTgzIDI1LjYwMjIgMTQuMDAwMiAyNiAxNC4wMDAyQzI2LjM5NzggMTQuMDAwMiAyNi43Nzk0IDE0LjE1ODMgMjcuMDYwNyAxNC40Mzk2QzI3LjM0MiAxNC43MjA5IDI3LjUgMTUuMTAyNCAyNy41IDE1LjUwMDJaTTI0LjUgMjEuNTAwMkMyNC41IDIxLjEwNDcgMjQuMzgyNyAyMC43MTggMjQuMTYyOSAyMC4zODkxQzIzLjk0MzIgMjAuMDYwMiAyMy42MzA4IDE5LjgwMzkgMjMuMjY1NCAxOS42NTI1QzIyLjg5OTkgMTkuNTAxMSAyMi40OTc4IDE5LjQ2MTUgMjIuMTA5OCAxOS41Mzg3QzIxLjcyMTkgMTkuNjE1OCAyMS4zNjU1IDE5LjgwNjMgMjEuMDg1OCAyMC4wODZDMjAuODA2MSAyMC4zNjU3IDIwLjYxNTYgMjAuNzIyMSAyMC41Mzg0IDIxLjExMDFDMjAuNDYxMyAyMS40OTggMjAuNTAwOSAyMS45MDAyIDIwLjY1MjIgMjIuMjY1NkMyMC44MDM2IDIyLjYzMTEgMjEuMDYgMjIuOTQzNCAyMS4zODg5IDIzLjE2MzJDMjEuNzE3OCAyMy4zODI5IDIyLjEwNDQgMjMuNTAwMiAyMi41IDIzLjUwMDJDMjMuMDMwNCAyMy41MDAyIDIzLjUzOTEgMjMuMjg5NSAyMy45MTQyIDIyLjkxNDVDMjQuMjg5MyAyMi41Mzk0IDI0LjUgMjIuMDMwNyAyNC41IDIxLjUwMDJaTTExLjUgMTUuMTcxNVYyNS41MDAyQzExLjUwMDMgMjYuNTc3IDExLjE1MyAyNy42MjUxIDEwLjUwOTcgMjguNDg4NkM5Ljg2NjQ2IDI5LjM1MjEgOC45NjE2NCAyOS45ODQ4IDcuOTI5ODUgMzAuMjkyOEM2Ljg5ODA3IDMwLjYwMDcgNS43OTQ0NCAzMC41NjczIDQuNzgzMTUgMzAuMTk3NkMzLjc3MTg3IDI5LjgyNzggMi45MDY5NSAyOS4xNDE1IDIuMzE3MDcgMjguMjQwN0MxLjcyNzE4IDI3LjMzOTkgMS40NDM4NSAyNi4yNzI4IDEuNTA5MjMgMjUuMTk4QzEuNTc0NiAyNC4xMjMyIDEuOTg1MTggMjMuMDk4MyAyLjY3OTg5IDIyLjI3NTZDMy4zNzQ2IDIxLjQ1MyA0LjMxNjMyIDIwLjg3NjUgNS4zNjQ5NiAyMC42MzIxQzYuNDEzNjEgMjAuMzg3NyA3LjUxMzE0IDIwLjQ4ODMgOC41IDIwLjkxOVY4LjAwMDI0QzguNTAwMDUgNy42NjU3NSA4LjYxMTkxIDcuMzQwODcgOC44MTc3OCA3LjA3NzI0QzkuMDIzNjYgNi44MTM2MSA5LjMxMTc0IDYuNjI2MzYgOS42MzYyNSA2LjU0NTI0TDE2LjEzNjMgNC45MjAyNEMxNi41MTk1IDQuODMxMzkgMTYuOTIyMiA0Ljg5NjYzIDE3LjI1NzggNS4xMDE5QzE3LjU5MzQgNS4zMDcxNyAxNy44MzQ5IDUuNjM2MDUgMTcuOTMwMyA2LjAxNzY4QzE4LjAyNTcgNi4zOTkzIDE3Ljk2NzQgNi44MDMxNCAxNy43Njc5IDcuMTQyMTdDMTcuNTY4NCA3LjQ4MTIxIDE3LjI0MzcgNy43MjgzMSAxNi44NjM4IDcuODMwMjRMMTEuNSA5LjE3MTQ5VjEyLjA3OUwxOC4xMzYzIDEwLjQyMDJDMTguNTE5NSAxMC4zMzE0IDE4LjkyMjIgMTAuMzk2NiAxOS4yNTc4IDEwLjYwMTlDMTkuNTkzNCAxMC44MDcyIDE5LjgzNDkgMTEuMTM2IDE5LjkzMDMgMTEuNTE3N0MyMC4wMjU3IDExLjg5OTMgMTkuOTY3NCAxMi4zMDMxIDE5Ljc2NzkgMTIuNjQyMkMxOS41Njg0IDEyLjk4MTIgMTkuMjQzNyAxMy4yMjgzIDE4Ljg2MzggMTMuMzMwMkwxMS41IDE1LjE3MTVaTTguNSAyNS41MDAyQzguNSAyNS4xMDQ3IDguMzgyNyAyNC43MTggOC4xNjI5NCAyNC4zODkxQzcuOTQzMTggMjQuMDYwMiA3LjYzMDgyIDIzLjgwMzkgNy4yNjUzNyAyMy42NTI1QzYuODk5OTIgMjMuNTAxMSA2LjQ5Nzc4IDIzLjQ2MTUgNi4xMDk4MiAyMy41Mzg3QzUuNzIxODYgMjMuNjE1OCA1LjM2NTQ5IDIzLjgwNjMgNS4wODU3OSAyNC4wODZDNC44MDYwOCAyNC4zNjU3IDQuNjE1NiAyNC43MjIxIDQuNTM4NDMgMjUuMTEwMUM0LjQ2MTI2IDI1LjQ5OCA0LjUwMDg3IDI1LjkwMDIgNC42NTIyNCAyNi4yNjU2QzQuODAzNjIgMjYuNjMxMSA1LjA1OTk2IDI2Ljk0MzQgNS4zODg4NiAyNy4xNjMyQzUuNzE3NzYgMjcuMzgyOSA2LjEwNDQ0IDI3LjUwMDIgNi41IDI3LjUwMDJDNy4wMzA0NCAyNy41MDAyIDcuNTM5MTQgMjcuMjg5NSA3LjkxNDIyIDI2LjkxNDVDOC4yODkyOSAyNi41Mzk0IDguNSAyNi4wMzA3IDguNSAyNS41MDAyWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==); 351 transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); 352 } 353 .learning-icon { 354 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy45OTkzNSA2LjY2Njc1QzcuOTk5MzUgNS45MzAzNyA4LjU5NjMgNS4zMzM0MiA5LjMzMjY4IDUuMzMzNDJIMjEuMzMyN0MyMi4wNjkx
354IDUuMzMzNDIgMjIuNjY2IDUuOTMwMzcgMjIuNjY2IDYuNjY2NzVDMjIuNjY2IDcuNDAzMTMgMjIuMDY5MSA4LjAwMDA4IDIxLjMzMjcgOC4wMDAwOEg5LjMzMjY4QzguNTk2MyA4LjAwMDA4IDcuOTk5MzUgNy40MDMxMyA3Ljk5OTM1IDYuNjY2NzVaTTYuNjY2MDIgOC4wMDAwOEM3LjQwMjQgOC4wMDAwOCA3Ljk5OTM1IDguNTk3MDQgNy45OTkzNSA5LjMzMzQyVjIxLjMzMzRDNy45OTkzNSAyMi4wNjk4IDcuNDAyNCAyMi42NjY3IDYuNjY2MDIgMjIuNjY2N0M1LjkyOTY0IDIyLjY2NjcgNS4zMzI2OCAyMi4wNjk4IDUuMzMyNjggMjEuMzMzNFY5LjMzMzQyQzUuMzMyNjggOC41OTcwNCA1LjkyOTY0IDguMDAwMDggNi42NjYwMiA4LjAwMDA4Wk04LjM4OTg3IDIxLjcyMzlMMjEuNzIzMiA4LjM5MDYxQzIyLjI0MzkgNy44Njk5MSAyMy4wODgxIDcuODY5OTEgMjMuNjA4OCA4LjM5MDYxQzI0LjEyOTUgOC45MTEzMSAyNC4xMjk1IDkuNzU1NTMgMjMuNjA4OCAxMC4yNzYyTDEwLjI3NTUgMjMuNjA5NkM5Ljc1NDc5IDI0LjEzMDMgOC45MTA1NyAyNC4xMzAzIDguMzg5ODcgMjMuNjA5NkM3Ljg2OTE3IDIzLjA4ODkgNy44NjkxNyAyMi4yNDQ2IDguMzg5ODcgMjEuNzIzOVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjMuOTk5MyA1LjMzMzQyQzIzLjI2MyA1LjMzMzQyIDIyLjY2NiA1LjkzMDM3IDIyLjY2NiA2LjY2Njc1QzIyLjY2NiA3LjQwMzEzIDIzLjI2MyA4LjAwMDA4IDIzLjk5OTMgOC4wMDAwOEMyNC43MzU3IDguMDAwMDggMjUuMzMyNyA3LjQwMzEzIDI1LjMzMjcgNi42NjY3NUMyNS4zMzI3IDUuOTMwMzcgMjQuNzM1NyA1LjMzMzQyIDIzLjk5OTMgNS4zMzM0MlpNMjcuOTk5MyA2LjY2Njc1QzI3Ljk5OTMgNC40NTc2MSAyNi4yMDg1IDIuNjY2NzUgMjMuOTk5MyAyLjY2Njc1QzIxLjc5MDIgMi42NjY3NSAxOS45OTkzIDQuNDU3NjEgMTkuOTk5MyA2LjY2Njc1QzE5Ljk5OTMgOC44NzU4OSAyMS43OTAyIDEwLjY2NjcgMjMuOTk5MyAxMC42NjY3QzI2LjIwODUgMTAuNjY2NyAyNy45OTkzIDguODc1ODkgMjcuOTk5MyA2LjY2Njc1Wk02LjY2NjAyIDUuMzMzNDFDNS45Mjk2NCA1LjMzMzQxIDUuMzMyNjggNS45MzAzNyA1LjMzMjY4IDYuNjY2NzVDNS4zMzI2OCA3LjQwMzEzIDUuOTI5NjQgOC4wMDAwOCA2LjY2NjAyIDguMDAwMDhDNy40MDI0IDguMDAwMDggNy45OTkzNSA3LjQwMzEzIDcuOTk5MzUgNi42NjY3NUM3Ljk5OTM1IDUuOTMwMzcgNy40MDI0IDUuMzMzNDEgNi42NjYwMiA1LjMzMzQxWk0xMC42NjYgNi42NjY3NUMxMC42NjYgNC40NTc2MSA4Ljg3NTE2IDIuNjY2NzUgNi42NjYwMiAyLjY2Njc1QzQuNDU2ODggMi42NjY3NSAyLjY2NjAyIDQuNDU3NjEgMi42NjYwMiA2LjY2Njc1QzIuNjY2MDIgOC44NzU4OSA0LjQ1Njg4IDEwLjY2NjcgNi42NjYwMiAxMC42NjY3QzguODc1MTYgMTAuNjY2NyAxMC42NjYgOC44NzU4OSAxMC42NjYgNi42NjY3NVpNNS4zMzI2OCAyNC4wMDAxQzUuMzMyNjggMjMuMjYzNyA1LjkyOTY0IDIyLjY2NjcgNi42NjYwMiAyMi42NjY3QzcuNDAyNCAyMi42NjY3IDcuOTk5MzUgMjMuMjYzNyA3Ljk5OTM1IDI0LjAwMDFDNy45OTkzNSAyNC43MzY1IDcuNDAyMzkgMjUuMzMzNCA2LjY2NjAyIDI1LjMzMzRDNS45Mjk2NCAyNS4zMzM0IDUuMzMyNjggMjQuNzM2NSA1LjMzMjY4IDI0LjAwMDFaTTYuNjY2MDIgMjAuMDAwMUM4Ljg3NTE1IDIwLjAwMDEgMTAuNjY2IDIxLjc5MDkgMTAuNjY2IDI0LjAwMDFDMTAuNjY2IDI2LjIwOTIgOC44NzUxNSAyOC4wMDAxIDYuNjY2MDIgMjguMDAwMUM0LjQ1Njg4IDI4LjAwMDEgMi42NjYwMiAyNi4yMDkyIDIuNjY2MDIgMjQuMDAwMUMyLjY2NjAyIDIxLjc5MDkgNC40NTY4OCAyMC4wMDAxIDYuNjY2MDIgMjAuMDAwMVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0yOS4zMzI3IDE0LjY2NjdDMjkuMzMyNyAxNS40MDMxIDI4LjczNTcgMTYuMDAwMSAyNy45OTkzIDE2LjAwMDFDMjcuMjYzIDE2LjAwMDEgMjYuNjY2IDE1LjQwMzEgMjYuNjY2IDE0LjY2NjdDMjYuNjY2IDEzLjkzMDQgMjcuMjYzIDEzLjMzMzQgMjcuOTk5MyAxMy4zMzM0QzI4LjczNTcgMTMuMzMzNCAyOS4zMzI3IDEzLjkzMDQgMjkuMzMyNyAxNC42NjY3WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTIzLjEyOTIgMTkuMzUxMUMyMy4zNTA1IDE4LjQzODYgMjQuNjQ4MiAxOC40Mzg2IDI0Ljg2OTUgMTkuMzUxMUwyNS40NzgzIDIxLjg2MTlDMjUuNTU3MyAyMi4xODc3IDI1LjgxMTcgMjIuNDQyMSAyNi4xMzc1IDIyLjUyMTFMMjguNjQ4MyAyMy4xMjk5QzI5LjU2MDggMjMuMzUxMiAyOS41NjA4IDI0LjY0OSAyOC42NDgzIDI0Ljg3MDJMMjYuMTM3NSAyNS40NzkxQzI1LjgxMTcgMjUuNTU4MSAyNS41NTczIDI1LjgxMjQgMjUuNDc4MyAyNi4xMzgyTDI0Ljg2OTUgMjguNjQ5QzI0LjY0ODIgMjkuNTYxNSAyMy4zNTA1IDI5LjU2MTUgMjMuMTI5MiAyOC42NDlMMjIuNTIwNCAyNi4xMzgyQzIyLjQ0MTQgMjUuODEyNCAyMi4xODcgMjUuNTU4MSAyMS44NjEyIDI1LjQ3OTFMMTkuMzUwNCAyNC44NzAyQzE4LjQzNzkgMjQuNjQ5IDE4LjQzNzkgMjMuMzUxMiAxOS4zNTA0IDIzLjEyOTlMMjEuODYxMiAyMi41MjExQzIyLjE4NyAyMi40NDIxIDIyLjQ0MTQgMjIuMTg3NyAyMi41MjA0IDIxLjg2MTlMMjMuMTI5MiAxOS4zNTExWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMy45OTkzIDIwLjMyMkwyMy41NjQ1IDIyLjExNTFDMjMuMzkwNyAyMi44MzE5IDIyLjgzMTEgMjMuMzkxNSAyMi4xMTQ0IDIzLjU2NTNMMjAuMzIxMyAyNC4wMDAxTDIyLjExNDQgMjQuNDM0OUMyMi44MzExIDI0LjYwODcgMjMuMzkwNyAyNS4xNjgzIDIzLjU2NDUgMjUuODg1TDIzLjk5OTMgMjcuNjc4MUwyNC40MzQyIDI1Ljg4NUMyNC42MDggMjUuMTY4MyAyNS4xNjc2IDI0LjYwODcgMjUuODg0MyAyNC40MzQ5TDI3LjY3NzQgMjQuMDAwMUwyNS44ODQzIDIzLjU2NTNDMjUuMTY3NiAyMy4zOTE1IDI0LjYwOCAyMi44MzE5IDI0LjQzNDIgMjIuMTE1MUwyMy45OTkzIDIwLjMyMlpNMjQuODY5NSAxOS4zNTExQzI0LjY0ODIgMTguNDM4NiAyMy4zNTA1IDE4LjQzODYgMjMuMTI5MiAxOS4zNTExTDIyLjUyM
354DQgMjEuODYxOUMyMi40NDE0IDIyLjE4NzcgMjIuMTg3IDIyLjQ0MjEgMjEuODYxMiAyMi41MjExTDE5LjM1MDQgMjMuMTI5OUMxOC40Mzc5IDIzLjM1MTIgMTguNDM3OSAyNC42NDkgMTkuMzUwNCAyNC44NzAyTDIxLjg2MTIgMjUuNDc5MUMyMi4xODcgMjUuNTU4MSAyMi40NDE0IDI1LjgxMjQgMjIuNTIwNCAyNi4xMzgyTDIzLjEyOTIgMjguNjQ5QzIzLjM1MDUgMjkuNTYxNSAyNC42NDgyIDI5LjU2MTUgMjQuODY5NSAyOC42NDlMMjUuNDc4MyAyNi4xMzgyQzI1LjU1NzMgMjUuODEyNCAyNS44MTE3IDI1LjU1ODEgMjYuMTM3NSAyNS40NzkxTDI4LjY0ODMgMjQuODcwMkMyOS41NjA4IDI0LjY0OSAyOS41NjA4IDIzLjM1MTIgMjguNjQ4MyAyMy4xMjk5TDI2LjEzNzUgMjIuNTIxMUMyNS44MTE3IDIyLjQ0MjEgMjUuNTU3MyAyMi4xODc3IDI1LjQ3ODMgMjEuODYxOUwyNC44Njk1IDE5LjM1MTFaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTUuOTk5MyAyOC4wMDAxQzE1Ljk5OTMgMjguNzM2NSAxNS40MDI0IDI5LjMzMzQgMTQuNjY2IDI5LjMzMzRDMTMuOTI5NiAyOS4zMzM0IDEzLjMzMjcgMjguNzM2NSAxMy4zMzI3IDI4LjAwMDFDMTMuMzMyNyAyNy4yNjM3IDEzLjkyOTYgMjYuNjY2NyAxNC42NjYgMjYuNjY2N0MxNS40MDI0IDI2LjY2NjcgMTUuOTk5MyAyNy4yNjM3IDE1Ljk5OTMgMjguMDAwMVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=); 355 } 356 .security-icon { 357 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNi43OTE0IDEuNzYwOTlDMjYuOTI5NyAxLjE5MDY3IDI3Ljc0MDggMS4xOTA2NyAyNy44NzkxIDEuNzYwOTlMMjguMjU5NyAzLjMzMDI0QzI4LjMwOSAzLjUzMzg2IDI4LjQ2OCAzLjY5Mjg0IDI4LjY3MTYgMy43NDIyMUwzMC4yNDA5IDQuMTIyNzRDMzAuODExMiA0LjI2MTAzIDMwLjgxMTIgNS4wNzIxNCAzMC4yNDA5IDUuMjEwNDNMMjguNjcxNiA1LjU5MDk2QzI4LjQ2OCA1LjY0MDMzIDI4LjMwOSA1Ljc5OTMxIDI4LjI1OTcgNi4wMDI5M0wyNy44NzkxIDcuNTcyMThDMjcuNzQwOCA4LjE0MjUgMjYuOTI5NyA4LjE0MjUgMjYuNzkxNCA3LjU3MjE4TDI2LjQxMDkgNi4wMDI5M0MyNi4zNjE1IDUuNzk5MzEgMjYuMjAyNiA1LjY0MDMzIDI1Ljk5ODkgNS41OTA5NkwyNC40Mjk3IDUuMjEwNDNDMjMuODU5NCA1LjA3MjE0IDIzLjg1OTQgNC4yNjEwMyAyNC40Mjk3IDQuMTIyNzRMMjUuOTk4OSAzLjc0MjIxQzI2LjIwMjYgMy42OTI4NCAyNi4zNjE1IDMuNTMzODYgMjYuNDEwOSAzLjMzMDI0TDI2Ljc5MTQgMS43NjA5OVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjcuMzM1MyAyLjM2NzhMMjcuMDYzNSAzLjQ4ODQ5QzI2Ljk1NDkgMy45MzY0NSAyNi42MDUyIDQuMjg2MjEgMjYuMTU3MiA0LjM5NDgzTDI1LjAzNjUgNC42NjY1OEwyNi4xNTcyIDQuOTM4MzRDMjYuNjA1MiA1LjA0Njk2IDI2Ljk1NDkgNS4zOTY3MiAyNy4wNjM1IDUuODQ0NjhMMjcuMzM1MyA2Ljk2NTM3TDI3LjYwNyA1Ljg0NDY4QzI3LjcxNTcgNS4zOTY3MiAyOC4wNjU0IDUuMDQ2OTYgMjguNTEzNCA0LjkzODM0TDI5LjYzNDEgNC42NjY1OEwyOC41MTM0IDQuMzk0ODNDMjguMDY1NCA0LjI4NjIxIDI3LjcxNTcgMy45MzY0NSAyNy42MDcgMy40ODg0OUwyNy4zMzUzIDIuMzY3OFpNMjcuODc5MSAxLjc2MDk5QzI3Ljc0MDggMS4xOTA2NyAyNi45Mjk3IDEuMTkwNjcgMjYuNzkxNCAxLjc2MDk5TDI2LjQxMDkgMy4zMzAyNEMyNi4zNjE1IDMuNTMzODYgMjYuMjAyNiAzLjY5Mjg0IDI1Ljk5ODkgMy43NDIyMUwyNC40Mjk3IDQuMTIyNzRDMjMuODU5NCA0LjI2MTAzIDIzLjg1OTQgNS4wNzIxNCAyNC40Mjk3IDUuMjEwNDNMMjUuOTk4OSA1LjU5MDk2QzI2LjIwMjYgNS42NDAzMyAyNi4zNjE1IDUuNzk5MzEgMjYuNDEwOSA2LjAwMjkzTDI2Ljc5MTQgNy41NzIxOEMyNi45Mjk3IDguMTQyNSAyNy43NDA4IDguMTQyNSAyNy44NzkxIDcuNTcyMThMMjguMjU5NyA2LjAwMjkzQzI4LjMwOSA1Ljc5OTMxIDI4LjQ2OCA1LjY0MDMzIDI4LjY3MTYgNS41OTA5NkwzMC4yNDA5IDUuMjEwNDNDMzAuODExMiA1LjA3MjE0IDMwLjgxMTIgNC4yNjEwMyAzMC4yNDA5IDQuMTIyNzRMMjguNjcxNiAzLjc0MjIxQzI4LjQ2OCAzLjY5Mjg0IDI4LjMwOSAzLjUzMzg2IDI4LjI1OTcgMy4zMzAyNEwyNy44NzkxIDEuNzYwOTlaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMzAuNjY4NiAyNS4zMzMzQzMwLjY2ODYgMjYuMDY5NiAzMC4wNzE3IDI2LjY2NjYgMjkuMzM1MyAyNi42NjY2QzI4LjU5ODkgMjYuNjY2NiAyOC4wMDIgMjYuMDY5NiAyOC4wMDIgMjUuMzMzM0MyOC4wMDIgMjQuNTk2OSAyOC41OTg5IDIzLjk5OTkgMjkuMzM1MyAyMy45OTk5QzMwLjA3MTcgMjMuOTk5OSAzMC42Njg2IDI0LjU5NjkgMzAuNjY4NiAyNS4zMzMzWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTI2LjY2ODYgMjkuMzMzM0MyNi42Njg2IDMwLjA2OTYgMjYuMDcxNyAzMC42NjY2IDI1LjMzNTMgMzAuNjY2NkMyNC41OTg5IDMwLjY2NjYgMjQuMDAyIDMwLjA2OTYgMjQuMDAyIDI5LjMzMzNDMjQuMDAyIDI4LjU5NjkgMjQuNTk4OSAyNy45OTk5IDI1LjMzNTMgMjcuOTk5OUMyNi4wNzE3IDI3Ljk5OTkgMjYuNjY4NiAyOC41OTY5IDI2LjY2ODYgMjkuMzMzM1oiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xMS45MjI3IDQuNDk4MTFDMTIuNDM0MiA0LjMwNjE4IDEyLjk5MzIgNC4yODExNSAxMy41MTk3IDQuNDI2NjFMMTMuNzQyNyA0LjQ5ODExTDIyLjgxNjggNy45MTA0NEMyMy4yNzY4IDguMDgzNDUgMjMuNjc4NCA4LjM4NDAxIDIzLjk3NDcgOC43NzcxMUMyNC4yNzEgOS4xNzAyIDI0LjQ0OTggOS42Mzk2NCAyNC40OTAzIDEwLjEzMDdMMjQuNDk5MyAxMC4zNDUyVjE3LjMxNjhDMjQuNDk5MyAxOS40MjMyIDIzLjkzMjEgMjEuNDkwNiAyMi44NTc3IDIzLjMwMDZDMjEuNzgzMyAyNS4xMTA3IDIwLjI0MTUgMjYuNTk2MiAxOC4zOTU
357xIDI3LjYwMDVMMTguMDUwMyAyNy43ODEyTDEzLjcwMjUgMjkuOTYxMkMxMy40NjMxIDMwLjA4MTEgMTMuMjAxNiAzMC4xNTAxIDEyLjkzNDQgMzAuMTY0QzEyLjY2NzIgMzAuMTc3OCAxMi40IDMwLjEzNjMgMTIuMTQ5NSAzMC4wNDE4TDExLjk2MjkgMjkuOTYxMkw3LjYxNTA5IDI3Ljc4MTJDNS43MzYyNSAyNi44MzkyIDQuMTQ1OTEgMjUuNDA1OSAzLjAxMTk1IDIzLjYzMjZDMS44Nzc5OCAyMS44NTk0IDEuMjQyNDcgMTkuODEyMSAxLjE3MjUgMTcuNzA2N0wxLjE2NjAyIDE3LjMxNjhWMTAuMzQ1MkMxLjE2NjAyIDkuODUyNzEgMS4zMDU1MyA5LjM3MDMzIDEuNTY4MyA4Ljk1NDI1QzEuODMxMDcgOC41MzgxNiAyLjIwNjI5IDguMjA1NDggMi42NTAyNyA3Ljk5NDkzTDIuODQ4NjEgNy45MTA0NEwxMS45MjI3IDQuNDk4MTFaTTEyLjgzMjcgNi45MzI4OUwzLjc1ODYxIDEwLjM0NTJWMTcuMzE2OEMzLjc1ODY0IDE4Ljk0ODIgNC4xOTYwNSAyMC41NDk2IDUuMDI1MDMgMjEuOTUzM0M1Ljg1NDAyIDIzLjM1NzEgNy4wNDQwOSAyNC41MTE1IDguNDcwNjUgMjUuMjk1OEw4Ljc3NTI3IDI1LjQ1NTZMMTIuODMyNyAyNy40OUwxNi44OTAxIDI1LjQ1NTZDMTguMzQ1NSAyNC43MjYxIDE5LjU3ODUgMjMuNjE3NCAyMC40NTk5IDIyLjI0NTlDMjEuMzQxNCAyMC44NzQ0IDIxLjgzODkgMTkuMjkwNSAyMS45MDAzIDE3LjY1OTlMMjEuOTA2OCAxNy4zMTY4VjEwLjM0NTJMMTIuODMyNyA2LjkzMjg5Wk0xNy4yODI5IDEyLjg2MTlDMTcuNTE2MSAxMi42Mjg3IDE3LjgyOTIgMTIuNDkzNCAxOC4xNTg0IDEyLjQ4MzNDMTguNDg3NiAxMi40NzMyIDE4LjgwODIgMTIuNTg5MiAxOS4wNTUzIDEyLjgwNzZDMTkuMzAyMyAxMy4wMjYgMTkuNDU3MiAxMy4zMzA2IDE5LjQ4ODQgMTMuNjU5NEMxOS41MTk2IDEzLjk4ODEgMTkuNDI0OSAxNC4zMTY1IDE5LjIyMzQgMTQuNTc3OEwxOS4xMTU4IDE0LjdMMTIuMzMxIDIxLjUwNTFDMTIuMDgzOSAyMS43NTMgMTEuNzU0NiAyMS45MDExIDExLjQwNTcgMjEuOTIxNUMxMS4wNTY4IDIxLjk0MTggMTAuNzEyNiAyMS44MzMgMTAuNDM4NCAyMS42MTU2TDEwLjMxNCAyMS41MDUxTDcuMTk3NjggMTguMzgwMUM2Ljk2MjcyIDE4LjE0NjcgNi44MjU2IDE3LjgzMjEgNi44MTQzOSAxNy41MDA2QzYuODAzMTggMTcuMTY5MiA2LjkxODcyIDE2Ljg0NiA3LjEzNzM2IDE2LjU5NzFDNy4zNTYgMTYuMzQ4MyA3LjY2MTIyIDE2LjE5MjcgNy45OTA1MyAxNi4xNjIyQzguMzE5ODQgMTYuMTMxNiA4LjY0ODM0IDE2LjIyODQgOC45MDg3OSAxNi40MzI4TDkuMDMwNjUgMTYuNTQwN0wxMS4zMjI1IDE4LjgzOUwxNy4yODI5IDEyLjg2MTlaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K); 358 transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); 359 transform: scale(1) rotate(0deg); 360 } 361 .camera-icon { 362 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMzIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzMgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNi4yMzkgMy4zMzAyNEMyNi4yMzkgNC4wNjY2MiAyNS42NDIxIDQuNjYzNTcgMjQuOTA1NyA0LjY2MzU3QzI0LjE2OTMgNC42NjM1NyAyMy41NzIzIDQuMDY2NjIgMjMuNTcyMyAzLjMzMDI0QzIzLjU3MjMgMi41OTM4NiAyNC4xNjkzIDEuOTk2OTEgMjQuOTA1NyAxLjk5NjkxQzI1LjY0MjEgMS45OTY5MSAyNi4yMzkgMi41OTM4NiAyNi4yMzkgMy4zMzAyNFoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0yLjc4OTQ4IDEuNzYwOTlDMi45Mjc3OCAxLjE5MDY3IDMuNzM4ODkgMS4xOTA2NyAzLjg3NzE4IDEuNzYwOTlMNC4yNTc3IDMuMzMwMjRDNC4zMDcwOCAzLjUzMzg2IDQuNDY2MDYgMy42OTI4NCA0LjY2OTY4IDMuNzQyMjFMNi4yMzg5MyA0LjEyMjc0QzYuODA5MjQgNC4yNjEwMyA2LjgwOTI0IDUuMDcyMTQgNi4yMzg5MyA1LjIxMDQ0TDQuNjY5NjggNS41OTA5NkM0LjY0NDIzIDUuNTk3MTMgNC42MTk0NyA1LjYwNTAxIDQuNTk1NTQgNS42MTQ0OEM0LjQyODAzIDUuNjgwNzcgNC4zMDA5MSA1LjgyNDc2IDQuMjU3NyA2LjAwMjkzTDMuODc3MTggNy41NzIxOEMzLjg2ODU0IDcuNjA3ODMgMy44NTcyNyA3LjY0MTI0IDMuODQzNyA3LjY3MjQzQzMuNjQwMTMgOC4xNDAyNyAyLjkxOTEzIDguMTA2ODUgMi43ODk0OCA3LjU3MjE4TDIuNDA4OTYgNi4wMDI5M0MyLjQwNTg4IDUuOTkwMiAyLjQwMjM2IDUuOTc3NjUgMi4zOTg0NCA1Ljk2NTI5QzIuMzM5NTQgNS43Nzk4NyAyLjE4Nzg4IDUuNjM3MjQgMS45OTY5OSA1LjU5MDk2TDAuNDI3NzM1IDUuMjEwNDRDMC4zOTIwOSA1LjIwMTc5IDAuMzU4Njc0IDUuMTkwNTIgMC4zMjc0ODUgNS4xNzY5NUMtMC4xNDAzNSA0Ljk3MzM4IC0wLjEwNjkzNCA0LjI1MjM4IDAuNDI3NzM1IDQuMTIyNzRMMS45OTY5OSAzLjc0MjIxQzIuMjAwNjEgMy42OTI4NCAyLjM1OTU5IDMuNTMzODYgMi40MDg5NiAzLjMzMDI0TDIuNzg5NDggMS43NjA5OVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0zMi42NTU3IDcuMjQ5OTJDMzIuNjU1NyA3Ljk4NjMgMzIuMDU4NyA4LjU4MzI2IDMxLjMyMjMgOC41ODMyNkMzMC41ODYgOC41ODMyNiAyOS45ODkgNy45ODYzIDI5Ljk4OSA3LjI0OTkyQzI5Ljk4OSA2LjUxMzU0IDMwLjU4NiA1LjkxNjU5IDMxLjMyMjMgNS45MTY1OUMzMi4wNTg3IDUuOTE2NTkgMzIuNjU1NyA2LjUxMzU0IDMyLjY1NTcgNy4yNDk5MloiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xMy43MzYzIDE2LjEwNjVDMTMuNzM2MyAxNS4zODE0IDE0LjUwNDUgMTQuOTMxIDE1LjExNTIgMTUuMjk2M0wyMC4wMTQ2IDE4LjIyNTZDMjAuMTMyOCAxOC4yOTYyIDIwLjIzMDkgMTguMzk3MiAyMC4yOTkgMTguNTE4NkMyMC4zNjcxIDE4LjY0IDIwLjQwMyAxOC43Nzc2IDIwLjQwMyAxOC45MTc2QzIwLjQwMyAxOS4wNTc3IDIwLjM2NzEgMTkuMTk1MiAyMC4yOTkgMTkuMzE2N0MyMC4yMzA5IDE5LjQzODEgMjAuMTMyOCAxOS41MzkxIDIwLjAxNDYgMTkuNjA5N0wxNS4xMTUyIDIyLjUzOUMxNC45NzU5IDIyLjYyMjEgMTQuODE3NyAyMi42NjYxIDE0LjY1NjUgMjIuNjY2N0MxNC40OTUzIDIyLjY2NzMgMTQuMzM2OCAyMi42MjQ0IDE0LjE5NyAyMi41NDI0QzE0LjA1NzIgMjIuNDYwMyAxMy45NDEgMjIuMzQyIDEzLjg2MDEgMjIuMTk5M0MxMy43NzkyIDIyLjA1NjYgMTMuNzM2NSAyMS44OTQ2IDEzLjczNjMgMjEuNzI5N1YxNi4xMDY1WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjMyMDMxIDEzLjQ5OTlDMy4zMjAzMSAxMC41MDg0IDUuNzQ1NDQgOC4wODMyNSA4LjczNjk4IDguMDgzMjVIMjMuNzM3QzI2LjcyODUgOC4wODMyNSAyOS4xNTM2IDEwLjUwODQgMjkuMTUzNiAxMy40OTk5VjI0LjMzMzNDMjkuMTUzNiAyNy4zMjQ4IDI2LjcyODUgMjkuNzQ5OSAyMy43MzcgMjkuNzQ5OUg4LjczNjk4QzUuNzQ1NDQgMjkuNzQ5OSAzLjMyMDMxIDI3LjMyNDggMy4zMjAzMSAyNC4zMzMzVjEzLjQ5OTlaTTguNzM2OTggMTAuNTgzM0M3LjEyNjE1IDEwLjU4MzMgNS44MjAzMSAxMS44ODkxIDUuODIwMzEgMTMuNDk5OVYyNC4zMzMzQzUuODIwMzEgMjUuOTQ0MSA3LjEyNjE1IDI3LjI0OT
362kgOC43MzY5OCAyNy4yNDk5SDIzLjczN0MyNS4zNDc4IDI3LjI0OTkgMjYuNjUzNiAyNS45NDQxIDI2LjY1MzYgMjQuMzMzM1YxMy40OTk5QzI2LjY1MzYgMTEuODg5MSAyNS4zNDc4IDEwLjU4MzMgMjMuNzM3IDEwLjU4MzNIOC43MzY5OFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=); 363 transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); 364 transform: scale(1); 365 } 366 .ai-icon { 367 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNyAxNS42NjY2SDI2LjgxMzNDMjYuMDQ2NyAxMi4yMzk5IDIyLjk4NjcgOS42NjY2MSAxOS4zMzMzIDkuNjY2NjFIMTdWOC44MTMyOEMxOC4xNiA4LjM5OTk1IDE5IDcuMjk5OTUgMTkgNS45OTk5NUMxOSA0LjM0NjYxIDE3LjY1MzMgMi45OTk5NSAxNiAyLjk5OTk1QzE0LjM0NjcgMi45OTk5NSAxMyA0LjM0NjYxIDEzIDUuOTk5OTVDMTMgNy4yOTk5NSAxMy44NCA4LjM5OTk1IDE1IDguODEzMjhWOS42NjY2MUgxMi42NjY3QzkuMDEzMzMgOS42NjY2MSA1Ljk1MzMzIDEyLjIzOTkgNS4xODY2NyAxNS42NjY2SDVDMy45IDE1LjY2NjYgMyAxNi41NjY2IDMgMTcuNjY2NlYxOS42NjY2QzMgMjAuNzY2NiAzLjkgMjEuNjY2NiA1IDIxLjY2NjZINS4zNjY2N0M2LjE1MzMzIDI0LjExOTkgOC4xNCAyNi4wMjY2IDEwLjYzMzMgMjYuNzJDMTAuNDQ2NyAyNy4xMTMzIDEwLjMzMzMgMjcuNTM5OSAxMC4zMzMzIDI4QzEwLjMzMzMgMjguNTUzMyAxMC43OCAyOSAxMS4zMzMzIDI5SDIwLjY2NjdDMjEuMjIgMjkgMjEuNjY2NyAyOC41NTMzIDIxLjY2NjcgMjhDMjEuNjY2NyAyNy41Mzk5IDIxLjU1MzMgMjcuMTA2NiAyMS4zNjY3IDI2LjcyQzIzLjg2IDI2LjAzMzMgMjUuODQ2NyAyNC4xMTk5IDI2LjYzMzMgMjEuNjY2NkgyN0MyOC4xIDIxLjY2NjYgMjkgMjAuNzY2NiAyOSAxOS42NjY2VjE3LjY2NjZDMjkgMTYuNTY2NiAyOC4xIDE1LjY2NjYgMjcgMTUuNjY2NlpNMTYgNC45OTk5NUMxNi41NTMzIDQuOTk5OTUgMTcgNS40NDY2MSAxNyA1Ljk5OTk1QzE3IDYuNTUzMjggMTYuNTUzMyA2Ljk5OTk1IDE2IDYuOTk5OTVDMTUuNDQ2NyA2Ljk5OTk1IDE1IDYuNTUzMjggMTUgNS45OTk5NUMxNSA1LjQ0NjYxIDE1LjQ0NjcgNC45OTk5NSAxNiA0Ljk5OTk1Wk0xOS4zMzMzIDI1SDEyLjY2NjdDOS41NCAyNSA3IDIyLjQ1OTkgNyAxOS4zMzMzVjE3LjMzMzNDNyAxNC4yMDY2IDkuNTQgMTEuNjY2NiAxMi42NjY3IDExLjY2NjZIMTkuMzMzM0MyMi40NiAxMS42NjY2IDI1IDE0LjIwNjYgMjUgMTcuMzMzM1YxOS4zMzMzQzI1IDIyLjQ1OTkgMjIuNDYgMjUgMTkuMzMzMyAyNVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xMi4zMzMzIDE0LjMzMzNDMTEuMjMzMyAxNC4zMzMzIDEwLjMzMzMgMTUuMjMzMyAxMC4zMzMzIDE2LjMzMzNWMTguMzMzM0MxMC4zMzMzIDE5LjQzMzMgMTEuMjMzMyAyMC4zMzMzIDEyLjMzMzMgMjAuMzMzM0MxMy40MzMzIDIwLjMzMzMgMTQuMzMzMyAxOS40MzMzIDE0LjMzMzMgMTguMzMzM1YxNi4zMzMzQzE0LjMzMzMgMTUuMjMzMyAxMy40MzMzIDE0LjMzMzMgMTIuMzMzMyAxNC4zMzMzWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTE5LjY2NjcgMTQuMzMzM0MxOC41NjY3IDE0LjMzMzMgMTcuNjY2NyAxNS4yMzMzIDE3LjY2NjcgMTYuMzMzM1YxOC4zMzMzQzE3LjY2NjcgMTkuNDMzMyAxOC41NjY3IDIwLjMzMzMgMTkuNjY2NyAyMC4zMzMzQzIwLjc2NjcgMjAuMzMzMyAyMS42NjY3IDE5LjQzMzMgMjEuNjY2NyAxOC4zMzMzVjE2LjMzMzNDMjEuNjY2NyAxNS4yMzMzIDIwLjc2NjcgMTQuMzMzMyAxOS42NjY3IDE0LjMzMzNaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNOS4wMiA0Ljk0NjYxTDExLjAyIDUuNjEzMjhDMTEuMTI2NyA1LjY0NjYxIDExLjIzMzMgNS42NjY2MSAxMS4zMzMzIDUuNjY2NjFDMTEuNzUzMyA1LjY2NjYxIDEyLjE0IDUuMzk5OTUgMTIuMjggNC45Nzk5NUMxMi40NTMzIDQuNDUzMjggMTIuMTczMyAzLjg4NjYxIDExLjY0NjcgMy43MTMyOEw5LjY0NjY3IDMuMDQ2NjFDOS4xMjY2NyAyLjg3MzI4IDguNTYgMy4xNTMyOCA4LjM4IDMuNjc5OTVDOC4yIDQuMjA2NjEgOC40ODY2NyA0Ljc3MzI4IDkuMDEzMzMgNC45NDY2MUg5LjAyWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTkuMzMzMzMgOC45OTk5NUM5LjQ0IDguOTk5OTUgOS41NDY2NyA4Ljk4NjYxIDkuNjQ2NjcgOC45NDY2MUwxMS42NDY3IDguMjc5OTVDMTIuMTczMyA4LjEwNjYxIDEyLjQ1MzMgNy41Mzk5NSAxMi4yOCA3LjAxMzI4QzEyLjEwNjcgNi40ODY2MSAxMS41NCA2LjIwNjYxIDExLjAxMzMgNi4zNzk5NUw5LjAxMzMzIDcuMDQ2NjFDOC40ODY2NyA3LjIxOTk1IDguMjA2NjcgNy43ODY2MSA4LjM4IDguMzEzMjhDOC41MiA4LjczMzI4IDguOTA2NjcgOC45OTk5NSA5LjMyNjY3IDguOTk5OTVIOS4zMzMzM1oiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0yMC42NjY3IDUuNjY2NjFDMjAuNzczMyA1LjY2NjYxIDIwLjg4IDUuNjUzMjggMjAuOTggNS42MTMyOEwyMi45OCA0Ljk0NjYxQzIzLjUwNjcgNC43NzMyOCAyMy43ODY3IDQuMjA2NjEgMjMuNjEzMyAzLjY3OTk1QzIzLjQ0IDMuMTUzMjggMjIuODczMyAyLjg3MzI4IDIyLjM0NjcgMy4wNDY2MUwyMC4zNDY3IDMuNzEzMjhDMTkuODIgMy44ODY2MSAxOS41NCA0LjQ1MzI4IDE5LjcxMzMgNC45Nzk5NUMxOS44NTMzIDUuMzk5OTUgMjAuMjQgNS42NjY2MSAyMC42NiA1LjY2NjYxSDIwLjY2NjdaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMjAuMzUzMyA4LjI3OTk1TDIyLjM1MzMgOC45NDY2MUMyMi40NiA4Ljk3OTk1IDIyLjU2NjcgOC45OTk5NSAyMi42NjY3IDguOTk5OTVDMjMuMDg2NyA4Ljk5OTk1IDIzLjQ3MzMgOC43MzMyOCAyMy42MTMzIDguMzEzMjhDMjMuNzg2NyA3Ljc4NjYxIDIzLjUwNjcgNy4yMTk5NSAyMi45OCA3LjA0NjYxTDIwLjk4IDYuMzc5OTVDMjAuNDYgNi4yMDY2MSAxOS44ODY3IDYuNDg2NjEgMTkuNzEzMyA3LjAxMzI4QzE5LjU0IDcuNTM5OTUgMTkuODIgOC4xMDY2MSAyMC4zNDY3IDguMjc5OTVIMjAuMzUzM1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=); 368 transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); 369 transform: rotate(0deg); 370 } 371 @media (min-width: 1280px) { 372 .part-ai-features-item:hover { 373 background-color: #000; 374 color: #fff; 375 padding: 48px 0; 376 } 377 .part-ai-features-item:last-child { 378 border-bottom: 1px solid rgba(0, 0, 0, 0.15); 379 } 380 .part-ai-features-item:hover::before { 381 width: 100%; 382 } 383 .part-ai-features-item:hover .ai-features-title { 384 transform: translateX(12px); 385 } 386 .part-ai-features-item:hover .ai-features-num { 387 opacity: 1; 388 transform: scale(1.1); 389 } 390 .part-ai-features-item:hover .ai-features-desc { 391 opacity: 1; 392 transform: translateX(8px); 393 font-weight: 700; 394 } 395 .part-ai-features-item:hover .part-ai-features-item-left-box-icon { 396 transform: rotate(15deg) scale(1.1); 397 } 398 .part-ai-features-item:hover .part-ai-features-item-right-box-icon { 399 transform: scale(1.2) rotate(12deg); 400 }
401 @keyframes musicIconBounce { 402 0%, 100% { transform: translateY(0); } 403 50% { transform: translateY(-8px); } 404 } 405 .part-ai-features-item:hover .music-icon { 406 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yOS41IDcuMDAwMjRDMjkuNSA3LjM5ODA3IDI5LjM0MiA3Ljc3OTYgMjkuMDYwNyA4LjA2MDlDMjguNzc5NCA4LjM0MjIxIDI4LjM5NzggOC41MDAyNCAyOCA4LjUwMDI0SDI2LjVWMTAuMDAwMkMyNi41IDEwLjM5ODEgMjYuMzQyIDEwLjc3OTYgMjYuMDYwNyAxMS4wNjA5QzI1Ljc3OTQgMTEuMzQyMiAyNS4zOTc4IDExLjUwMDIgMjUgMTEuNTAwMkMyNC42MDIyIDExLjUwMDIgMjQuMjIwNiAxMS4zNDIyIDIzLjkzOTMgMTEuMDYwOUMyMy42NTggMTAuNzc5NiAyMy41IDEwLjM5ODEgMjMuNSAxMC4wMDAyVjguNTAwMjRIMjJDMjEuNjAyMiA4LjUwMDI0IDIxLjIyMDYgOC4zNDIyMSAyMC45MzkzIDguMDYwOUMyMC42NTggNy43Nzk2IDIwLjUgNy4zOTgwNyAyMC41IDcuMDAwMjRDMjAuNSA2LjYwMjQyIDIwLjY1OCA2LjIyMDg5IDIwLjkzOTMgNS45Mzk1OEMyMS4yMjA2IDUuNjU4MjggMjEuNjAyMiA1LjUwMDI0IDIyIDUuNTAwMjRIMjMuNVY0LjAwMDI0QzIzLjUgMy42MDI0MiAyMy42NTggMy4yMjA4OSAyMy45MzkzIDIuOTM5NThDMjQuMjIwNiAyLjY1ODI4IDI0LjYwMjIgMi41MDAyNCAyNSAyLjUwMDI0QzI1LjM5NzggMi41MDAyNCAyNS43Nzk0IDIuNjU4MjggMjYuMDYwNyAyLjkzOTU4QzI2LjM0MiAzLjIyMDg5IDI2LjUgMy42MDI0MiAyNi41IDQuMDAwMjRWNS41MDAyNEgyOEMyOC4zOTc4IDUuNTAwMjQgMjguNzc5NCA1LjY1ODI4IDI5LjA2MDcgNS45Mzk1OEMyOS4zNDIgNi4yMjA4OSAyOS41IDYuNjAyNDIgMjkuNSA3LjAwMDI0Wk0yNy41IDE1LjUwMDJWMjEuNTAwMkMyNy41MDAzIDIyLjU3NyAyNy4xNTMgMjMuNjI1MSAyNi41MDk3IDI0LjQ4ODZDMjUuODY2NSAyNS4zNTIxIDI0Ljk2MTYgMjUuOTg0OCAyMy45Mjk5IDI2LjI5MjhDMjIuODk4MSAyNi42MDA3IDIxLjc5NDQgMjYuNTY3MyAyMC43ODMyIDI2LjE5NzZDMTkuNzcxOSAyNS44Mjc4IDE4LjkwNjkgMjUuMTQxNSAxOC4zMTcxIDI0LjI0MDdDMTcuNzI3MiAyMy4zMzk5IDE3LjQ0MzkgMjIuMjcyOCAxNy41MDkyIDIxLjE5OEMxNy41NzQ2IDIwLjEyMzIgMTcuOTg1MiAxOS4wOTgzIDE4LjY3OTkgMTguMjc1NkMxOS4zNzQ2IDE3LjQ1MyAyMC4zMTYzIDE2Ljg3NjUgMjEuMzY1IDE2LjYzMjFDMjIuNDEzNiAxNi4zODc3IDIzLjUxMzEgMTYuNDg4MyAyNC41IDE2LjkxOVYxNS41MDAyQzI0LjUgMTUuMTAyNCAyNC42NTggMTQuNzIwOSAyNC45MzkzIDE0LjQzOTZDMjUuMjIwNiAxNC4xNTgzIDI1LjYwMjIgMTQuMDAwMiAyNiAxNC4wMDAyQzI2LjM5NzggMTQuMDAwMiAyNi43Nzk0IDE0LjE1ODMgMjcuMDYwNyAxNC40Mzk2QzI3LjM0MiAxNC43MjA5IDI3LjUgMTUuMTAyNCAyNy41IDE1LjUwMDJaTTI0LjUgMjEuNTAwMkMyNC41IDIxLjEwNDcgMjQuMzgyNyAyMC43MTggMjQuMTYyOSAyMC4zODkxQzIzLjk0MzIgMjAuMDYwMiAyMy42MzA4IDE5LjgwMzkgMjMuMjY1NCAxOS42NTI1QzIyLjg5OTkgMTkuNTAxMSAyMi40OTc4IDE5LjQ2MTUgMjIuMTA5OCAxOS41Mzg3QzIxLjcyMTkgMTkuNjE1OCAyMS4zNjU1IDE5LjgwNjMgMjEuMDg1OCAyMC4wODZDMjAuODA2MSAyMC4zNjU3IDIwLjYxNTYgMjAuNzIyMSAyMC41Mzg0IDIxLjExMDFDMjAuNDYxMyAyMS40OTggMjAuNTAwOSAyMS45MDAyIDIwLjY1MjIgMjIuMjY1NkMyMC44MDM2IDIyLjYzMTEgMjEuMDYgMjIuOTQzNCAyMS4zODg5IDIzLjE2MzJDMjEuNzE3OCAyMy4zODI5IDIyLjEwNDQgMjMuNTAwMiAyMi41IDIzLjUwMDJDMjMuMDMwNCAyMy41MDAyIDIzLjUzOTEgMjMuMjg5NSAyMy45MTQyIDIyLjkxNDVDMjQuMjg5MyAyMi41Mzk0IDI0LjUgMjIuMDMwNyAyNC41IDIxLjUwMDJaTTExLjUgMTUuMTcxNVYyNS41MDAyQzExLjUwMDMgMjYuNTc3IDExLjE1MyAyNy42MjUxIDEwLjUwOTcgMjguNDg4NkM5Ljg2NjQ2IDI5LjM1MjEgOC45NjE2NCAyOS45ODQ4IDcuOTI5ODUgMzAuMjkyOEM2Ljg5ODA3IDMwLjYwMDcgNS43OTQ0NCAzMC41NjczIDQuNzgzMTUgMzAuMTk3NkMzLjc3MTg3IDI5LjgyNzggMi45MDY5NSAyOS4xNDE1IDIuMzE3MDcgMjguMjQwN0MxLjcyNzE4IDI3LjMzOTkgMS40NDM4NSAyNi4yNzI4IDEuNTA5MjMgMjUuMTk4QzEuNTc0NiAyNC4xMjMyIDEuOTg1MTggMjMuMDk4MyAyLjY3OTg5IDIyLjI3NTZDMy4zNzQ2IDIxLjQ1MyA0LjMxNjMyIDIwLjg3NjUgNS4zNjQ5NiAyMC42MzIxQzYuNDEzNjEgMjAuMzg3NyA3LjUxMzE0IDIwLjQ4ODMgOC41IDIwLjkxOVY4LjAwMDI0QzguNTAwMDUgNy42NjU3NSA4LjYxMTkxIDcuMzQwODcgOC44MTc3OCA3LjA3NzI0QzkuMDIzNjYgNi44MTM2MSA5LjMxMTc0IDYuNjI2MzYgOS42MzYyNSA2LjU0NTI0TDE2LjEzNjMgNC45MjAyNEMxNi41MTk1IDQuODMxMzkgMTYuOTIyMiA0Ljg5NjYzIDE3LjI1NzggNS4xMDE5QzE3LjU5MzQgNS4zMDcxNyAxNy44MzQ5IDUuNjM2MDUgMTcuOTMwMyA2LjAxNzY4QzE4LjAyNTcgNi4zOTkzIDE3Ljk2NzQgNi44MDMxNCAxNy43Njc5IDcuMTQyMTdDMTcuNTY4NCA3LjQ4MTIxIDE3LjI0MzcgNy43MjgzMSAxNi44NjM4IDcuODMwMjRMMTEuNSA5LjE3MTQ5VjEyLjA3OUwxOC4xMzYzIDEwLjQyMDJDMTguNTE5NSAxMC4zMzE0IDE4LjkyMjIgMTAuMzk2NiAxOS4yNTc4IDEwLjYwMTlDMTkuNTkzNCAxMC44MDcyIDE5LjgzNDkgMTEuMTM2IDE5LjkzMDMgMTEuNTE3N0MyMC4wMjU3IDExLjg5OTMgMTkuOTY3NCAxMi4zMDMxIDE5Ljc2NzkgMTIuNjQyMkMxOS41Njg0IDEyLjk4MTIgMTkuMjQzNyAxMy4yMjgzIDE4Ljg2MzggMTMuMzMwMkwxMS41IDE1LjE3MTVaTTguNSAyNS41MDAyQzguNSAyNS4xMDQ3IDguMzgyNyAyNC43MTggOC4xNjI5NCAyNC4zODkxQzcuOTQzMTggMjQuMDYwMiA3LjYzMDgyIDIzLjgwMzkgNy4yNjUzNyAyMy42NTI1QzYuODk5OTIgMjMuNTAxMSA2LjQ5Nzc4IDIzLjQ2MTUgNi4xMDk4MiAyMy41Mzg3QzUuNzIxODYgMjMuNjE1OCA1LjM2NTQ5IDIzLjgwNjMgNS4wODU3OSAyNC4wODZDNC44MDYwOCAyNC4zNjU3IDQuNjE1NiAyNC43MjIxIDQuNTM4NDMgMjUuMTEwMUM0LjQ2MTI2IDI1LjQ5OCA0LjUwMDg3IDI1LjkwMDIgNC42NTIyNCAyNi4yNjU2QzQuODAzNjIgMjYuNjMxMSA1LjA1OTk2IDI2Ljk0MzQgNS4zODg4NiAyNy4xNjMyQzUuNzE3NzYgMjcuMzgyOSA2LjEwNDQ0IDI3LjUwMDIgNi41IDI3LjUwMDJDNy4wMzA0NCAyNy41MDAyIDcuNTM5MTQgMjcuMjg5NSA3LjkxNDIyIDI2LjkxNDVDOC4yODkyOSAyNi41Mzk0IDguNSAyNi4wMzA3IDguNSAyNS41MDAyWiIgZmlsbD0id2hp
406dGUiLz4KPC9zdmc+Cg==); 407 animation: musicIconBounce 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) infinite; 408 } 409 .part-ai-features-item:hover .learning-icon{ 410 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy45OTkzNSA2LjY2Njc1QzcuOTk5MzUgNS45MzAzNyA4LjU5NjMgNS4zMzM0MiA5LjMzMjY4IDUuMzMzNDJIMjEuMzMyN0MyMi4wNjkxIDUuMzMzNDIgMjIuNjY2IDUuOTMwMzcgMjIuNjY2IDYuNjY2NzVDMjIuNjY2IDcuNDAzMTMgMjIuMDY5MSA4LjAwMDA4IDIxLjMzMjcgOC4wMDAwOEg5LjMzMjY4QzguNTk2MyA4LjAwMDA4IDcuOTk5MzUgNy40MDMxMyA3Ljk5OTM1IDYuNjY2NzVaTTYuNjY2MDIgOC4wMDAwOEM3LjQwMjQgOC4wMDAwOCA3Ljk5OTM1IDguNTk3MDQgNy45OTkzNSA5LjMzMzQyVjIxLjMzMzRDNy45OTkzNSAyMi4wNjk4IDcuNDAyNCAyMi42NjY3IDYuNjY2MDIgMjIuNjY2N0M1LjkyOTY0IDIyLjY2NjcgNS4zMzI2OCAyMi4wNjk4IDUuMzMyNjggMjEuMzMzNFY5LjMzMzQyQzUuMzMyNjggOC41OTcwNCA1LjkyOTY0IDguMDAwMDggNi42NjYwMiA4LjAwMDA4Wk04LjM4OTg3IDIxLjcyMzlMMjEuNzIzMiA4LjM5MDYxQzIyLjI0MzkgNy44Njk5MSAyMy4wODgxIDcuODY5OTEgMjMuNjA4OCA4LjM5MDYxQzI0LjEyOTUgOC45MTEzMSAyNC4xMjk1IDkuNzU1NTMgMjMuNjA4OCAxMC4yNzYyTDEwLjI3NTUgMjMuNjA5NkM5Ljc1NDc5IDI0LjEzMDMgOC45MTA1NyAyNC4xMzAzIDguMzg5ODcgMjMuNjA5NkM3Ljg2OTE3IDIzLjA4ODkgNy44NjkxNyAyMi4yNDQ2IDguMzg5ODcgMjEuNzIzOVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjMuOTk5MyA1LjMzMzQyQzIzLjI2MyA1LjMzMzQyIDIyLjY2NiA1LjkzMDM3IDIyLjY2NiA2LjY2Njc1QzIyLjY2NiA3LjQwMzEzIDIzLjI2MyA4LjAwMDA4IDIzLjk5OTMgOC4wMDAwOEMyNC43MzU3IDguMDAwMDggMjUuMzMyNyA3LjQwMzEzIDI1LjMzMjcgNi42NjY3NUMyNS4zMzI3IDUuOTMwMzcgMjQuNzM1NyA1LjMzMzQyIDIzLjk5OTMgNS4zMzM0MlpNMjcuOTk5MyA2LjY2Njc1QzI3Ljk5OTMgNC40NTc2MSAyNi4yMDg1IDIuNjY2NzUgMjMuOTk5MyAyLjY2Njc1QzIxLjc5MDIgMi42NjY3NSAxOS45OTkzIDQuNDU3NjEgMTkuOTk5MyA2LjY2Njc1QzE5Ljk5OTMgOC44NzU4OSAyMS43OTAyIDEwLjY2NjcgMjMuOTk5MyAxMC42NjY3QzI2LjIwODUgMTAuNjY2NyAyNy45OTkzIDguODc1ODkgMjcuOTk5MyA2LjY2Njc1Wk02LjY2NjAyIDUuMzMzNDFDNS45Mjk2NCA1LjMzMzQxIDUuMzMyNjggNS45MzAzNyA1LjMzMjY4IDYuNjY2NzVDNS4zMzI2OCA3LjQwMzEzIDUuOTI5NjQgOC4wMDAwOCA2LjY2NjAyIDguMDAwMDhDNy40MDI0IDguMDAwMDggNy45OTkzNSA3LjQwMzEzIDcuOTk5MzUgNi42NjY3NUM3Ljk5OTM1IDUuOTMwMzcgNy40MDI0IDUuMzMzNDEgNi42NjYwMiA1LjMzMzQxWk0xMC42NjYgNi42NjY3NUMxMC42NjYgNC40NTc2MSA4Ljg3NTE2IDIuNjY2NzUgNi42NjYwMiAyLjY2Njc1QzQuNDU2ODggMi42NjY3NSAyLjY2NjAyIDQuNDU3NjEgMi42NjYwMiA2LjY2Njc1QzIuNjY2MDIgOC44NzU4OSA0LjQ1Njg4IDEwLjY2NjcgNi42NjYwMiAxMC42NjY3QzguODc1MTYgMTAuNjY2NyAxMC42NjYgOC44NzU4OSAxMC42NjYgNi42NjY3NVpNNS4zMzI2OCAyNC4wMDAxQzUuMzMyNjggMjMuMjYzNyA1LjkyOTY0IDIyLjY2NjcgNi42NjYwMiAyMi42NjY3QzcuNDAyNCAyMi42NjY3IDcuOTk5MzUgMjMuMjYzNyA3Ljk5OTM1IDI0LjAwMDFDNy45OTkzNSAyNC43MzY1IDcuNDAyMzkgMjUuMzMzNCA2LjY2NjAyIDI1LjMzMzRDNS45Mjk2NCAyNS4zMzM0IDUuMzMyNjggMjQuNzM2NSA1LjMzMjY4IDI0LjAwMDFaTTYuNjY2MDIgMjAuMDAwMUM4Ljg3NTE1IDIwLjAwMDEgMTAuNjY2IDIxLjc5MDkgMTAuNjY2IDI0LjAwMDFDMTAuNjY2IDI2LjIwOTIgOC44NzUxNSAyOC4wMDAxIDYuNjY2MDIgMjguMDAwMUM0LjQ1Njg4IDI4LjAwMDEgMi42NjYwMiAyNi4yMDkyIDIuNjY2MDIgMjQuMDAwMUMyLjY2NjAyIDIxLjc5MDkgNC40NTY4OCAyMC4wMDAxIDYuNjY2MDIgMjAuMDAwMVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yOS4zMzI3IDE0LjY2NjdDMjkuMzMyNyAxNS40MDMxIDI4LjczNTcgMTYuMDAwMSAyNy45OTkzIDE2LjAwMDFDMjcuMjYzIDE2LjAwMDEgMjYuNjY2IDE1LjQwMzEgMjYuNjY2IDE0LjY2NjdDMjYuNjY2IDEzLjkzMDQgMjcuMjYzIDEzLjMzMzQgMjcuOTk5MyAxMy4zMzM0QzI4LjczNTcgMTMuMzMzNCAyOS4zMzI3IDEzLjkzMDQgMjkuMzMyNyAxNC42NjY3WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTIzLjEyOTIgMTkuMzUxMUMyMy4zNTA1IDE4LjQzODYgMjQuNjQ4MiAxOC40Mzg2IDI0Ljg2OTUgMTkuMzUxMUwyNS40NzgzIDIxLjg2MTlDMjUuNTU3MyAyMi4xODc3IDI1LjgxMTcgMjIuNDQyMSAyNi4xMzc1IDIyLjUyMTFMMjguNjQ4MyAyMy4xMjk5QzI5LjU2MDggMjMuMzUxMiAyOS41NjA4IDI0LjY0OSAyOC42NDgzIDI0Ljg3MDJMMjYuMTM3NSAyNS40NzkxQzI1LjgxMTcgMjUuNTU4MSAyNS41NTczIDI1LjgxMjQgMjUuNDc4MyAyNi4xMzgyTDI0Ljg2OTUgMjguNjQ5QzI0LjY0ODIgMjkuNTYxNSAyMy4zNTA1IDI5LjU2MTUgMjMuMTI5MiAyOC42NDlMMjIuNTIwNCAyNi4xMzgyQzIyLjQ0MTQgMjUuODEyNCAyMi4xODcgMjUuNTU4MSAyMS44NjEyIDI1LjQ3OTFMMTkuMzUwNCAyNC44NzAyQzE4LjQzNzkgMjQuNjQ5IDE4LjQzNzkgMjMuMzUxMiAxOS4zNTA0IDIzLjEyOTlMMjEuODYxMiAyMi41MjExQzIyLjE4NyAyMi40NDIxIDIyLjQ0MTQgMjIuMTg3NyAyMi41MjA0IDIxLjg2MTlMMjMuMTI5MiAxOS4zNTExWiIgZmlsbD0id2hp
410dGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMy45OTkzIDIwLjMyMkwyMy41NjQ1IDIyLjExNTFDMjMuMzkwNyAyMi44MzE5IDIyLjgzMTEgMjMuMzkxNSAyMi4xMTQ0IDIzLjU2NTNMMjAuMzIxMyAyNC4wMDAxTDIyLjExNDQgMjQuNDM0OUMyMi44MzExIDI0LjYwODcgMjMuMzkwNyAyNS4xNjgzIDIzLjU2NDUgMjUuODg1TDIzLjk5OTMgMjcuNjc4MUwyNC40MzQyIDI1Ljg4NUMyNC42MDggMjUuMTY4MyAyNS4xNjc2IDI0LjYwODcgMjUuODg0MyAyNC40MzQ5TDI3LjY3NzQgMjQuMDAwMUwyNS44ODQzIDIzLjU2NTNDMjUuMTY3NiAyMy4zOTE1IDI0LjYwOCAyMi44MzE5IDI0LjQzNDIgMjIuMTE1MUwyMy45OTkzIDIwLjMyMlpNMjQuODY5NSAxOS4zNTExQzI0LjY0ODIgMTguNDM4NiAyMy4zNTA1IDE4LjQzODYgMjMuMTI5MiAxOS4zNTExTDIyLjUyMDQgMjEuODYxOUMyMi40NDE0IDIyLjE4NzcgMjIuMTg3IDIyLjQ0MjEgMjEuODYxMiAyMi41MjExTDE5LjM1MDQgMjMuMTI5OUMxOC40Mzc5IDIzLjM1MTIgMTguNDM3OSAyNC42NDkgMTkuMzUwNCAyNC44NzAyTDIxLjg2MTIgMjUuNDc5MUMyMi4xODcgMjUuNTU4MSAyMi40NDE0IDI1LjgxMjQgMjIuNTIwNCAyNi4xMzgyTDIzLjEyOTIgMjguNjQ5QzIzLjM1MDUgMjkuNTYxNSAyNC42NDgyIDI5LjU2MTUgMjQuODY5NSAyOC42NDlMMjUuNDc4MyAyNi4xMzgyQzI1LjU1NzMgMjUuODEyNCAyNS44MTE3IDI1LjU1ODEgMjYuMTM3NSAyNS40NzkxTDI4LjY0ODMgMjQuODcwMkMyOS41NjA4IDI0LjY0OSAyOS41NjA4IDIzLjM1MTIgMjguNjQ4MyAyMy4xMjk5TDI2LjEzNzUgMjIuNTIxMUMyNS44MTE3IDIyLjQ0MjEgMjUuNTU3MyAyMi4xODc3IDI1LjQ3ODMgMjEuODYxOUwyNC44Njk1IDE5LjM1MTFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTUuOTk5MyAyOC4wMDAxQzE1Ljk5OTMgMjguNzM2NSAxNS40MDI0IDI5LjMzMzQgMTQuNjY2IDI5LjMzMzRDMTMuOTI5NiAyOS4zMzM0IDEzLjMzMjcgMjguNzM2NSAxMy4zMzI3IDI4LjAwMDFDMTMuMzMyNyAyNy4yNjM3IDEzLjkyOTYgMjYuNjY2NyAxNC42NjYgMjYuNjY2N0MxNS40MDI0IDI2LjY2NjcgMTUuOTk5MyAyNy4yNjM3IDE1Ljk5OTMgMjguMDAwMVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=); 411 } 412 @keyframes securityPulse { 413 0%, 100% { transform: scale(1) rotate(0deg); } 414 50% { transform: scale(1.08) rotate(-5deg); } 415 } 416 .part-ai-features-item:hover .security-icon { 417 animation: securityPulse 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) infinite; 418 } 419 .part-ai-features-item:hover .security-icon{ 420 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNi43OTE0IDEuNzYwOTlDMjYuOTI5NyAxLjE5MDY3IDI3Ljc0MDggMS4xOTA2NyAyNy44NzkxIDEuNzYwOTlMMjguMjU5NyAzLjMzMDI0QzI4LjMwOSAzLjUzMzg2IDI4LjQ2OCAzLjY5Mjg0IDI4LjY3MTYgMy43NDIyMUwzMC4yNDA5IDQuMTIyNzRDMzAuODExMiA0LjI2MTAzIDMwLjgxMTIgNS4wNzIxNCAzMC4yNDA5IDUuMjEwNDNMMjguNjcxNiA1LjU5MDk2QzI4LjQ2OCA1LjY0MDMzIDI4LjMwOSA1Ljc5OTMxIDI4LjI1OTcgNi4wMDI5M0wyNy44NzkxIDcuNTcyMThDMjcuNzQwOCA4LjE0MjUgMjYuOTI5NyA4LjE0MjUgMjYuNzkxNCA3LjU3MjE4TDI2LjQxMDkgNi4wMDI5M0MyNi4zNjE1IDUuNzk5MzEgMjYuMjAyNiA1LjY0MDMzIDI1Ljk5ODkgNS41OTA5NkwyNC40Mjk3IDUuMjEwNDNDMjMuODU5NCA1LjA3MjE0IDIzLjg1OTQgNC4yNjEwMyAyNC40Mjk3IDQuMTIyNzRMMjUuOTk4OSAzLjc0MjIxQzI2LjIwMjYgMy42OTI4NCAyNi4zNjE1IDMuNTMzODYgMjYuNDEwOSAzLjMzMDI0TDI2Ljc5MTQgMS43NjA5OVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjcuMzM1MyAyLjM2NzhMMjcuMDYzNSAzLjQ4ODQ5QzI2Ljk1NDkgMy45MzY0NSAyNi42MDUyIDQuMjg2MjEgMjYuMTU3MiA0LjM5NDgzTDI1LjAzNjUgNC42NjY1OEwyNi4xNTcyIDQuOTM4MzRDMjYuNjA1MiA1LjA0Njk2IDI2Ljk1NDkgNS4zOTY3MiAyNy4wNjM1IDUuODQ0NjhMMjcuMzM1MyA2Ljk2NTM3TDI3LjYwNyA1Ljg0NDY4QzI3LjcxNTcgNS4zOTY3MiAyOC4wNjU0IDUuMDQ2OTYgMjguNTEzNCA0LjkzODM0TDI5LjYzNDEgNC42NjY1OEwyOC41MTM0IDQuMzk0ODNDMjguMDY1NCA0LjI4NjIxIDI3LjcxNTcgMy45MzY0NSAyNy42MDcgMy40ODg0OUwyNy4zMzUzIDIuMzY3OFpNMjcuODc5MSAxLjc2MDk5QzI3Ljc0MDggMS4xOTA2NyAyNi45Mjk3IDEuMTkwNjcgMjYuNzkxNCAxLjc2MDk5TDI2LjQxMDkgMy4zMzAyNEMyNi4zNjE1IDMuNTMzODYgMjYuMjAyNiAzLjY5Mjg0IDI1Ljk5ODkgMy43NDIyMUwyNC40Mjk3IDQuMTIyNzRDMjMuODU5NCA0LjI2MTAzIDIzLjg1OTQgNS4wNzIxNCAyNC40Mjk3IDUuMjEwNDNMMjUuOTk4OSA1LjU5MDk2QzI2LjIwMjYgNS42NDAzMyAyNi4zNjE1IDUuNzk5MzEgMjYuNDEwOSA2LjAwMjkzTDI2Ljc5MTQgNy41NzIxOEMyNi45Mjk3IDguMTQyNSAyNy43NDA4IDguMTQyNSAyNy44NzkxIDcuNTcyMThMMjguMjU5NyA2LjAwMjkzQzI4LjMwOSA1Ljc5OTMxIDI4LjQ2OCA1LjY0MDMzIDI4LjY3MTYgNS41OTA5NkwzMC4yNDA5IDUuMjEwNDNDMzAuODExMiA1LjA3MjE0IDMwLjgxMTIgNC4yNjEwMyAzMC4yNDA5IDQuMTIyNzRMMjguNjcxNiAzLjc0MjIxQzI4LjQ2OCAzLjY5Mjg0IDI4LjMwOSAzLjUzMzg2IDI4LjI1OTcgMy4zMzAyNEwyNy44NzkxIDEuNzYwOTlaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMzAuNjY4NiAyNS4zMzMzQzMwLjY2ODYgMjYuMDY5NiAzMC4wNzE3IDI2LjY2NjYgMjkuMzM1MyAyNi42NjY2QzI4LjU5ODkgMjYuNjY2NiAyO
420C4wMDIgMjYuMDY5NiAyOC4wMDIgMjUuMzMzM0MyOC4wMDIgMjQuNTk2OSAyOC41OTg5IDIzLjk5OTkgMjkuMzM1MyAyMy45OTk5QzMwLjA3MTcgMjMuOTk5OSAzMC42Njg2IDI0LjU5NjkgMzAuNjY4NiAyNS4zMzMzWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTI2LjY2ODYgMjkuMzMzM0MyNi42Njg2IDMwLjA2OTYgMjYuMDcxNyAzMC42NjY2IDI1LjMzNTMgMzAuNjY2NkMyNC41OTg5IDMwLjY2NjYgMjQuMDAyIDMwLjA2OTYgMjQuMDAyIDI5LjMzMzNDMjQuMDAyIDI4LjU5NjkgMjQuNTk4OSAyNy45OTk5IDI1LjMzNTMgMjcuOTk5OUMyNi4wNzE3IDI3Ljk5OTkgMjYuNjY4NiAyOC41OTY5IDI2LjY2ODYgMjkuMzMzM1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMS45MjI3IDQuNDk4MTFDMTIuNDM0MiA0LjMwNjE4IDEyLjk5MzIgNC4yODExNSAxMy41MTk3IDQuNDI2NjFMMTMuNzQyNyA0LjQ5ODExTDIyLjgxNjggNy45MTA0NEMyMy4yNzY4IDguMDgzNDUgMjMuNjc4NCA4LjM4NDAxIDIzLjk3NDcgOC43NzcxMUMyNC4yNzEgOS4xNzAyIDI0LjQ0OTggOS42Mzk2NCAyNC40OTAzIDEwLjEzMDdMMjQuNDk5MyAxMC4zNDUyVjE3LjMxNjhDMjQuNDk5MyAxOS40MjMyIDIzLjkzMjEgMjEuNDkwNiAyMi44NTc3IDIzLjMwMDZDMjEuNzgzMyAyNS4xMTA3IDIwLjI0MTUgMjYuNTk2MiAxOC4zOTUxIDI3LjYwMDVMMTguMDUwMyAyNy43ODEyTDEzLjcwMjUgMjkuOTYxMkMxMy40NjMxIDMwLjA4MTEgMTMuMjAxNiAzMC4xNTAxIDEyLjkzNDQgMzAuMTY0QzEyLjY2NzIgMzAuMTc3OCAxMi40IDMwLjEzNjMgMTIuMTQ5NSAzMC4wNDE4TDExLjk2MjkgMjkuOTYxMkw3LjYxNTA5IDI3Ljc4MTJDNS43MzYyNSAyNi44MzkyIDQuMTQ1OTEgMjUuNDA1OSAzLjAxMTk1IDIzLjYzMjZDMS44Nzc5OCAyMS44NTk0IDEuMjQyNDcgMTkuODEyMSAxLjE3MjUgMTcuNzA2N0wxLjE2NjAyIDE3LjMxNjhWMTAuMzQ1MkMxLjE2NjAyIDkuODUyNzEgMS4zMDU1MyA5LjM3MDMzIDEuNTY4MyA4Ljk1NDI1QzEuODMxMDcgOC41MzgxNiAyLjIwNjI5IDguMjA1NDggMi42NTAyNyA3Ljk5NDkzTDIuODQ4NjEgNy45MTA0NEwxMS45MjI3IDQuNDk4MTFaTTEyLjgzMjcgNi45MzI4OUwzLjc1ODYxIDEwLjM0NTJWMTcuMzE2OEMzLjc1ODY0IDE4Ljk0ODIgNC4xOTYwNSAyMC41NDk2IDUuMDI1MDMgMjEuOTUzM0M1Ljg1NDAyIDIzLjM1NzEgNy4wNDQwOSAyNC41MTE1IDguNDcwNjUgMjUuMjk1OEw4Ljc3NTI3IDI1LjQ1NTZMMTIuODMyNyAyNy40OUwxNi44OTAxIDI1LjQ1NTZDMTguMzQ1NSAyNC43MjYxIDE5LjU3ODUgMjMuNjE3NCAyMC40NTk5IDIyLjI0NTlDMjEuMzQxNCAyMC44NzQ0IDIxLjgzODkgMTkuMjkwNSAyMS45MDAzIDE3LjY1OTlMMjEuOTA2OCAxNy4zMTY4VjEwLjM0NTJMMTIuODMyNyA2LjkzMjg5Wk0xNy4yODI5IDEyLjg2MTlDMTcuNTE2MSAxMi42Mjg3IDE3LjgyOTIgMTIuNDkzNCAxOC4xNTg0IDEyLjQ4MzNDMTguNDg3NiAxMi40NzMyIDE4LjgwODIgMTIuNTg5MiAxOS4wNTUzIDEyLjgwNzZDMTkuMzAyMyAxMy4wMjYgMTkuNDU3MiAxMy4zMzA2IDE5LjQ4ODQgMTMuNjU5NEMxOS41MTk2IDEzLjk4ODEgMTkuNDI0OSAxNC4zMTY1IDE5LjIyMzQgMTQuNTc3OEwxOS4xMTU4IDE0LjdMMTIuMzMxIDIxLjUwNTFDMTIuMDgzOSAyMS43NTMgMTEuNzU0NiAyMS45MDExIDExLjQwNTcgMjEuOTIxNUMxMS4wNTY4IDIxLjk0MTggMTAuNzEyNiAyMS44MzMgMTAuNDM4NCAyMS42MTU2TDEwLjMxNCAyMS41MDUxTDcuMTk3NjggMTguMzgwMUM2Ljk2MjcyIDE4LjE0NjcgNi44MjU2IDE3LjgzMjEgNi44MTQzOSAxNy41MDA2QzYuODAzMTggMTcuMTY5MiA2LjkxODcyIDE2Ljg0NiA3LjEzNzM2IDE2LjU5NzFDNy4zNTYgMTYuMzQ4MyA3LjY2MTIyIDE2LjE5MjcgNy45OTA1MyAxNi4xNjIyQzguMzE5ODQgMTYuMTMxNiA4LjY0ODM0IDE2LjIyODQgOC45MDg3OSAxNi40MzI4TDkuMDMwNjUgMTYuNTQwN0wxMS4zMjI1IDE4LjgzOUwxNy4yODI5IDEyLjg2MTlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K); 421 } 422 @keyframes cameraZoom { 423 0%, 100% { transform: scale(1); } 424 50% { transform: scale(1.15); } 425 } 426 .part-ai-features-item:hover .camera-icon { 427 animation: cameraZoom 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) infinite; 428 } 429 .part-ai-features-item:hover .camera-icon{ 430 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMzIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzMgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNi4yMzkgMy4zMzAyNEMyNi4yMzkgNC4wNjY2MiAyNS42NDIxIDQuNjYzNTcgMjQuOTA1NyA0LjY2MzU3QzI0LjE2OTMgNC42NjM1NyAyMy41NzIzIDQuMDY2NjIgMjMuNTcyMyAzLjMzMDI0QzIzLjU3MjMgMi41OTM4NiAyNC4xNjkzIDEuOTk2OTEgMjQuOTA1NyAxLjk5NjkxQzI1LjY0MjEgMS45OTY5MSAyNi4yMzkgMi41OTM4NiAyNi4yMzkgMy4zMzAyNFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yLjc4OTQ4IDEuNzYwOTlDMi45Mjc3OCAxLjE5MDY3IDMuNzM4ODkgMS4xOTA2NyAzLjg3NzE4IDEuNzYwOTlMNC4yNTc3IDMuMzMwMjRDNC4zMDcwOCAzLjUzMzg2IDQuNDY2MDYgMy42OTI4NCA0LjY2OTY4IDMuNzQyMjFMNi4yMzg5MyA0LjEyMjc0QzYuODA5MjQgNC4yNjEwMyA2LjgwOTI0IDUuMDcyMTQgNi4yMzg5MyA1LjIxMDQ0TDQuNjY5NjggNS41OTA5NkM0LjY0NDIzIDUuNTk3MTMgNC42MTk0NyA1LjYwNTAxIDQuNTk1NTQgNS42MTQ0OEM0LjQyODAzIDUuNjgwNzcgNC4zMDA5MSA1LjgyNDc2IDQuMjU3NyA2LjAwMjkzTDMuODc3MTggNy41NzIxOEMzLjg2ODU0IDcuNjA3ODMgMy44NTcyNyA3LjY0MTI0IDMuODQzNyA3LjY3MjQzQzMuNjQwMTMgOC4xNDAyNyAyLjkxOTEzIDguMTA2ODUgMi43ODk0OCA3LjU3MjE4TDIuNDA4OTYgNi4wMDI5M0MyLjQwNTg4IDUuOTkwMiAyLjQwMjM2IDUuOTc3NjUgMi4zOTg0NCA1Ljk2NTI5QzIuMzM5NTQgNS43Nzk4NyAyLjE4Nzg4IDUuNjM3MjQgMS45OTY5OSA1LjU5MDk2TDAuNDI3NzM1IDUuMjEwNDRDMC4zOTIwOSA1LjIwMTc5IDAuMzU4Njc0IDUuMTkwNTIgMC4zMjc0ODUgNS4xNzY5NUMtMC4xNDAzNSA0Ljk3MzM4IC0wLjEwNjkzNCA0LjI1MjM4IDAuNDI3NzM1IDQuMTIyNzRMMS45OTY5OSAzLjc0MjIxQzIuMjAwNjEgMy42OTI4NCAyLjM1OTU5IDMuNTMzODYgMi40MDg5NiAzLjMzMDI0TDIu
430Nzg5NDggMS43NjA5OVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zMi42NTU3IDcuMjQ5OTJDMzIuNjU1NyA3Ljk4NjMgMzIuMDU4NyA4LjU4MzI2IDMxLjMyMjMgOC41ODMyNkMzMC41ODYgOC41ODMyNiAyOS45ODkgNy45ODYzIDI5Ljk4OSA3LjI0OTkyQzI5Ljk4OSA2LjUxMzU0IDMwLjU4NiA1LjkxNjU5IDMxLjMyMjMgNS45MTY1OUMzMi4wNTg3IDUuOTE2NTkgMzIuNjU1NyA2LjUxMzU0IDMyLjY1NTcgNy4yNDk5MloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMy43MzYzIDE2LjEwNjVDMTMuNzM2MyAxNS4zODE0IDE0LjUwNDUgMTQuOTMxIDE1LjExNTIgMTUuMjk2M0wyMC4wMTQ2IDE4LjIyNTZDMjAuMTMyOCAxOC4yOTYyIDIwLjIzMDkgMTguMzk3MiAyMC4yOTkgMTguNTE4NkMyMC4zNjcxIDE4LjY0IDIwLjQwMyAxOC43Nzc2IDIwLjQwMyAxOC45MTc2QzIwLjQwMyAxOS4wNTc3IDIwLjM2NzEgMTkuMTk1MiAyMC4yOTkgMTkuMzE2N0MyMC4yMzA5IDE5LjQzODEgMjAuMTMyOCAxOS41MzkxIDIwLjAxNDYgMTkuNjA5N0wxNS4xMTUyIDIyLjUzOUMxNC45NzU5IDIyLjYyMjEgMTQuODE3NyAyMi42NjYxIDE0LjY1NjUgMjIuNjY2N0MxNC40OTUzIDIyLjY2NzMgMTQuMzM2OCAyMi42MjQ0IDE0LjE5NyAyMi41NDI0QzE0LjA1NzIgMjIuNDYwMyAxMy45NDEgMjIuMzQyIDEzLjg2MDEgMjIuMTk5M0MxMy43NzkyIDIyLjA1NjYgMTMuNzM2NSAyMS44OTQ2IDEzLjczNjMgMjEuNzI5N1YxNi4xMDY1WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjMyMDMxIDEzLjQ5OTlDMy4zMjAzMSAxMC41MDg0IDUuNzQ1NDQgOC4wODMyNSA4LjczNjk4IDguMDgzMjVIMjMuNzM3QzI2LjcyODUgOC4wODMyNSAyOS4xNTM2IDEwLjUwODQgMjkuMTUzNiAxMy40OTk5VjI0LjMzMzNDMjkuMTUzNiAyNy4zMjQ4IDI2LjcyODUgMjkuNzQ5OSAyMy43MzcgMjkuNzQ5OUg4LjczNjk4QzUuNzQ1NDQgMjkuNzQ5OSAzLjMyMDMxIDI3LjMyNDggMy4zMjAzMSAyNC4zMzMzVjEzLjQ5OTlaTTguNzM2OTggMTAuNTgzM0M3LjEyNjE1IDEwLjU4MzMgNS44MjAzMSAxMS44ODkxIDUuODIwMzEgMTMuNDk5OVYyNC4zMzMzQzUuODIwMzEgMjUuOTQ0MSA3LjEyNjE1IDI3LjI0OTkgOC43MzY5OCAyNy4yNDk5SDIzLjczN0MyNS4zNDc4IDI3LjI0OTkgMjYuNjUzNiAyNS45NDQxIDI2LjY1MzYgMjQuMzMzM1YxMy40OTk5QzI2LjY1MzYgMTEuODg5MSAyNS4zNDc4IDEwLjU4MzMgMjMuNzM3IDEwLjU4MzNIOC43MzY5OFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=); 431 } 432 @keyframes aiSpinSpin { 433 0% { transform: rotate(0deg); } 434 100% { transform: rotate(360deg); } 435 } 436 .part-ai-features-item:hover .ai-icon { 437 animation: aiSpinSpin 1.5s linear infinite; 438 } 439 .part-ai-features-item:hover .ai-icon{ 440 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNyAxNS42NjY2SDI2LjgxMzNDMjYuMDQ2NyAxMi4yMzk5IDIyLjk4NjcgOS42NjY2MSAxOS4zMzMzIDkuNjY2NjFIMTdWOC44MTMyOEMxOC4xNiA4LjM5OTk1IDE5IDcuMjk5OTUgMTkgNS45OTk5NUMxOSA0LjM0NjYxIDE3LjY1MzMgMi45OTk5NSAxNiAyLjk5OTk1QzE0LjM0NjcgMi45OTk5NSAxMyA0LjM0NjYxIDEzIDUuOTk5OTVDMTMgNy4yOTk5NSAxMy44NCA4LjM5OTk1IDE1IDguODEzMjhWOS42NjY2MUgxMi42NjY3QzkuMDEzMzMgOS42NjY2MSA1Ljk1MzMzIDEyLjIzOTkgNS4xODY2NyAxNS42NjY2SDVDMy45IDE1LjY2NjYgMyAxNi41NjY2IDMgMTcuNjY2NlYxOS42NjY2QzMgMjAuNzY2NiAzLjkgMjEuNjY2NiA1IDIxLjY2NjZINS4zNjY2N0M2LjE1MzMzIDI0LjExOTkgOC4xNCAyNi4wMjY2IDEwLjYzMzMgMjYuNzJDMTAuNDQ2NyAyNy4xMTMzIDEwLjMzMzMgMjcuNTM5OSAxMC4zMzMzIDI4QzEwLjMzMzMgMjguNTUzMyAxMC43OCAyOSAxMS4zMzMzIDI5SDIwLjY2NjdDMjEuMjIgMjkgMjEuNjY2NyAyOC41NTMzIDIxLjY2NjcgMjhDMjEuNjY2NyAyNy41Mzk5IDIxLjU1MzMgMjcuMTA2NiAyMS4zNjY3IDI2LjcyQzIzLjg2IDI2LjAzMzMgMjUuODQ2NyAyNC4xMTk5IDI2LjYzMzMgMjEuNjY2NkgyN0MyOC4xIDIxLjY2NjYgMjkgMjAuNzY2NiAyOSAxOS42NjY2VjE3LjY2NjZDMjkgMTYuNTY2NiAyOC4xIDE1LjY2NjYgMjcgMTUuNjY2NlpNMTYgNC45OTk5NUMxNi41NTMzIDQuOTk5OTUgMTcgNS40NDY2MSAxNyA1Ljk5OTk1QzE3IDYuNTUzMjggMTYuNTUzMyA2Ljk5OTk1IDE2IDYuOTk5OTVDMTUuNDQ2NyA2Ljk5OTk1IDE1IDYuNTUzMjggMTUgNS45OTk5NUMxNSA1LjQ0NjYxIDE1LjQ0NjcgNC45OTk5NSAxNiA0Ljk5OTk1Wk0xOS4zMzMzIDI1SDEyLjY2NjdDOS41NCAyNSA3IDIyLjQ1OTkgNyAxOS4zMzMzVjE3LjMzMzNDNyAxNC4yMDY2IDkuNTQgMTEuNjY2NiAxMi42NjY3IDExLjY2NjZIMTkuMzMzM0MyMi40NiAxMS42NjY2IDI1IDE0LjIwNjYgMjUgMTcuMzMzM1YxOS4zMzMzQzI1IDIyLjQ1OTkgMjIuNDYgMjUgMTkuMzMzMyAyNVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMi4zMzMzIDE0LjMzMzNDMTEuMjMzMyAxNC4zMzMzIDEwLjMzMzMgMTUuMjMzMyAxMC4zMzMzIDE2LjMzMzNWMTguMzMzM0MxMC4zMzMzIDE5LjQzMzMgMTEuMjMzMyAyMC4zMzMzIDEyLjMzMzMgMjAuMzMzM0MxMy40MzMzIDIwLjMzMzMgMTQuMzMzMyAxOS40MzMzIDE0LjMzMzMgMTguMzMzM1YxNi4zMzMzQzE0LjMzMzMgMTUuMjMzMyAxMy40MzMzIDE0LjMzMzMgMTIuMzMzMyAxNC4zMzMzWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTE5LjY2NjcgMTQuMzMzM0MxOC41NjY3IDE0LjMzMzMgMTcuNjY2NyAxNS4yMzMzIDE3LjY2NjcgMTYuMzMzM1YxOC4zMzMzQzE3LjY2NjcgMTkuNDMzMyAxOC41NjY3IDIwLjMzMzMgMTkuNjY2NyAyMC4zMzMzQzIwLjc2NjcgMjAuMzMzMyAyMS42NjY3IDE5LjQzMzMgMjEuNjY2NyAxOC4zMzMzVjE2LjMzMzNDMjEuNjY2NyAxNS4yMzMzIDIwLjc2NjcgMTQuMzMzMyAxOS42NjY3IDE0LjMzMzNaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNOS4wMiA0Ljk0NjYxTDExLjAyIDUuNjEzMjhDMTEuMTI2NyA1LjY0NjYxIDExLjIzMzMgNS42NjY2MSAxMS4zMzMzIDUuNjY2NjFDMTEuNzUzMyA1LjY2NjYxIDEyLjE0IDUuMzk5OTUgMTIuMjggNC45Nzk5NUMxMi40NTMzIDQuNDUzMjggMTIuMTczMyAzLjg4NjYxIDExLjY0NjcgMy43MTMyOEw5LjY0NjY3IDMuMDQ2NjFDOS4xMjY2NyAyLjg3MzI4IDguNTYgMy4xNTMyOCA4LjM4IDMuNjc5OTVDOC4yIDQuMjA2NjEgOC40ODY2NyA0Ljc3MzI4IDkuMDEzMzMgNC45NDY2MUg5LjAyWiIgZmlsbD0id2hp
440dGUiLz4KPHBhdGggZD0iTTkuMzMzMzMgOC45OTk5NUM5LjQ0IDguOTk5OTUgOS41NDY2NyA4Ljk4NjYxIDkuNjQ2NjcgOC45NDY2MUwxMS42NDY3IDguMjc5OTVDMTIuMTczMyA4LjEwNjYxIDEyLjQ1MzMgNy41Mzk5NSAxMi4yOCA3LjAxMzI4QzEyLjEwNjcgNi40ODY2MSAxMS41NCA2LjIwNjYxIDExLjAxMzMgNi4zNzk5NUw5LjAxMzMzIDcuMDQ2NjFDOC40ODY2NyA3LjIxOTk1IDguMjA2NjcgNy43ODY2MSA4LjM4IDguMzEzMjhDOC41MiA4LjczMzI4IDguOTA2NjcgOC45OTk5NSA5LjMyNjY3IDguOTk5OTVIOS4zMzMzM1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yMC42NjY3IDUuNjY2NjFDMjAuNzczMyA1LjY2NjYxIDIwLjg4IDUuNjUzMjggMjAuOTggNS42MTMyOEwyMi45OCA0Ljk0NjYxQzIzLjUwNjcgNC43NzMyOCAyMy43ODY3IDQuMjA2NjEgMjMuNjEzMyAzLjY3OTk1QzIzLjQ0IDMuMTUzMjggMjIuODczMyAyLjg3MzI4IDIyLjM0NjcgMy4wNDY2MUwyMC4zNDY3IDMuNzEzMjhDMTkuODIgMy44ODY2MSAxOS41NCA0LjQ1MzI4IDE5LjcxMzMgNC45Nzk5NUMxOS44NTMzIDUuMzk5OTUgMjAuMjQgNS42NjY2MSAyMC42NiA1LjY2NjYxSDIwLjY2NjdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjAuMzUzMyA4LjI3OTk1TDIyLjM1MzMgOC45NDY2MUMyMi40NiA4Ljk3OTk1IDIyLjU2NjcgOC45OTk5NSAyMi42NjY3IDguOTk5OTVDMjMuMDg2NyA4Ljk5OTk1IDIzLjQ3MzMgOC43MzMyOCAyMy42MTMzIDguMzEzMjhDMjMuNzg2NyA3Ljc4NjYxIDIzLjUwNjcgNy4yMTk5NSAyMi45OCA3LjA0NjYxTDIwLjk4IDYuMzc5OTVDMjAuNDYgNi4yMDY2MSAxOS44ODY3IDYuNDg2NjEgMTkuNzEzMyA3LjAxMzI4QzE5LjU0IDcuNTM5OTUgMTkuODIgOC4xMDY2MSAyMC4zNDY3IDguMjc5OTVIMjAuMzUzM1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=); 441 } 442 } 443 @media (max-width: 1279.98px) { 444 .part-ai-features { 445 padding: 80px 24px 84px; 446 } 447 .part-ai-features-item { 448 border-top: unset; 449 text-align: center; 450 background-color: #F4F5F9; 451 border-radius: 16px; 452 } 453 .part-ai-features-item-left-box { 454 padding: 0 38px; 455 flex-direction: column; 456 } 457 .part-ai-features-item-right-box { 458 padding: 0 38px; 459 flex-direction: column; 460 } 461 .part-ai-features-item-left-box-icon { 462 display: none; 463 } 464 .part-ai-features-item-left-box .ai-features-num { 465 display: none; 466 } 467 .part-ai-features-item-right-box>.part-ai-features-item-right-box-wrapper { 468 display: none; 469 } 470 .part-ai-features-item-left-box-icon-m { 471 display: block; 472 width: 40px; 473 height: 40px; 474 margin-bottom: 16px; 475 background-size: 100% 100%; 476 } 477 .part-ai-features-item-right-box .btn { 478 margin-top: 24px; 479 font-size: 16px; 480 font-weight: bold; 481 height: 48px; 482 width: 220px; 483 border-radius: 8px; 484 text-align: center; 485 } 486 .part-ai-features-item-right-box .btn:hover, 487 .part-ai-features-item-right-box .btn:active { 488 color: unset !important; 489 background-color: unset !important; 490 border-color: unset !important; 491 box-shadow:none !important;; 492 } 493 } 494 495 /* part-marquee */ 496 .part-marquee { 497 padding-top: 74px; 498 padding-bottom: 96px; 499 } 500 .marquee { 501 display: flex; 502 align-items: center; 503 flex-wrap: nowrap; 504 font-size: 0; 505 border-top: 1px solid rgba(0, 0, 0, .15); 506 border-bottom: 1px solid rgba(0, 0, 0, .15) 507 } 508 509 .marquee .marquee-item { 510 display: flex; 511 flex-wrap: nowrap; 512 animation: marquee 45s linear infinite 513 } 514 515 .marquee-card { 516 font-size: 180px; 517 letter-spacing: 0; 518 line-height: 1; 519 font-weight: 700; 520 margin: 0 20px; 521 white-space: noWrap; 522 padding: 28px 0; 523 font-family: 'FunnelDisplay', "HarmonyOS Sans", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif; 524 } 525 526 @keyframes marquee { 527 0% { 528 transform: translate(0) 529 } 530 531 to { 532 transform: translate(-100%) 533 } 534 } 535 536 @media(max-width:1599.98px) { 537 .marquee-card { 538 font-size: 140px; 539 } 540 } 541 542 @media(max-width:1279.98px) { 543 .marquee-card { 544 font-size: 100px; 545 } 546 } 547 548 @media(max-width:767.98px) { 549 .part-marquee { 550 padding: 0px 0 48px; 551 } 552 .marquee-card { 553 padding: 8px 0; 554 font-size: 48px; 555 } 556 } 557 558 /* part-enhancer */ 559 .part-enhancer-item { 560 background-color: rgba(244, 245, 249, 1); 561 display: flex; 562 align-items: center; 563 } 564 .part-enhancer-item-left-box { 565 width: 32%; 566 padding: 32px 75px 32px 64px; 567 } 568 .part-enhancer-item-right-box { 569 width: 68%; 570 } 571 .line-box { 572 height: 1px; 573 width: 100%; 574 background-color: rgba(0, 0, 0, 0.15); 575 margin-top: 24px; 576 margin-bottom: 24px; 577 } 578 .tag-box-wrapper { 579 display: flex; 580 align-items: center; 581 flex-wrap: wrap; 582 gap: 12px; 583 } 584 .tag-box { 585 border: 2px solid #000; 586 border-radius: 56px; 587 transition: all 0.3s; 588 } 589 .tag-box:hover { 590 background-color: #000; 591 color: #fff; 592 } 593 .part-enhancer .nav { 594 background-color: rgba(240, 240, 240, 1); 595 padding: 8px; 596 display: flex; 597 align-items: center; 598 gap: 8px; 599 border-radius: 185px; 600 } 601 .part-enhancer .nav .nav-item { 602 font-size: 24px; 603 line-height: 1.25; 604 font-weight: bold; 605 color: rgba(24, 24, 24, 0.7); 606 padding: 16px 70px; 607 transition: all 0.3s; 608 border-radius: 60px; 609 cursor: pointer; 610 } 611 .part-enhancer .nav .nav-item:hover { 612 background: rgba(0, 0, 0, 0.05); 613 } 614 .part-enhancer .nav .nav-item.active { 615 background-color: rgba(0, 0, 0, 1); 616 color: #fff; 617 } 618 @media(max-width:1599.98px) { 619 .part-enhancer-item-left-box { 620 width: 50%; 621 padding: 24px 24px 24px 24px; 622 } 623 .part-enhancer-item-right-box { 624 width: 50%; 625 } 626 } 627 @media(max-width:1279.98px) { 628 .part-enhancer .function-swiper-m { 629 padding-bottom: 64px; 630 } 631 .part-enhancer-title-m { 632 font-size: 28px; 633 font-weight: bold; 634 text-align: center; 635 margin-bottom: 32px; 636 } 637 .tag-box-wrapper { 638 gap: 8px; 639 } 640 .part-enhancer-item { 641 flex-direction: column; 642 height: 100%; 643 } 644 .part-enhancer-item-left-box { 645 width: 100%; 646 padding: 24px 16px 32px 16px; 647 order: 2; 648 } 649 .part-enhancer-item-left-box-content .font-size-small {
650 line-height: 1.66; 651 } 652 .part-enhancer-item-right-box { 653 width: 100%; 654 padding: 0 0px 0px; 655 order: 1; 656 } 657 .wsc-main .tag-box.font-size-normal { 658 font-size: 12px; 659 } 660 .line-box { 661 margin-top: 10px; 662 margin-bottom: 10px; 663 } 664 .part-enhancer .nav { 665 padding: 8px; 666 gap: 6px; 667 } 668 .part-enhancer .nav .nav-item { 669 font-size: 16px; 670 padding: 8px 18px; 671 } 672 } 673 674 675 .part-faq { 676 padding: 196px 0; 677 } 678 .part-faq-wrapper { 679 display: flex; 680 justify-content: space-between; 681 padding: 0 96px 0 64px; 682 } 683 .part-faq-left-box { 684 width: 24%; 685 } 686 .part-faq-right-box { 687 width: 65%; 688 } 689 .faq-list-item { 690 position: relative; 691 border-top: 1px solid rgba(0, 0, 0, 0.25); 692 cursor: pointer; 693 padding-top: 32px; 694 padding-bottom: 32px; 695 } 696 .faq-list-item:last-child { 697 border-bottom: 1px solid rgba(0, 0, 0, 0.25); 698 } 699 .faq-line { 700 width: 0%; 701 height: 2px; 702 background-color: rgba(0, 0, 0, 1); 703 position: absolute; 704 top: 0; 705 transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); 706 } 707 .faq-list-item:hover .faq-line{ 708 width: 100%; 709 } 710 .faq-tltle { 711 font-size: 20px; 712 line-height: 1.4; 713 font-weight: 700; 714 } 715 .faq-tltle-box { 716 display: flex; 717 align-items: center; 718 justify-content: space-between; 719 } 720 .open-close-wrapper { 721 justify-content: center; 722 align-items: center; 723 width: 18px; 724 min-height: 18px; 725 display: flex; 726 position: relative; 727 } 728 .open-close-line-2 { 729 border-radius: 0; 730 flex: none; 731 width: 100%; 732 height: 1.5px; 733 min-height: 0; 734 position: absolute; 735 background-color: #000; 736 transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); 737 } 738 .open-close-line-2.second-line { 739 transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(90deg) skew(0deg, 0deg); 740 transform-style: preserve-3d; 741 } 742 .faq-content-box { 743 overflow: hidden; 744 transition: height 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); 745 height: 0; 746 } 747 .faq-content-box.is-open { 748 height: auto; 749 } 750 .faq-content-box>div { 751 width: 95%; 752 padding-top: 16px; 753 font-size: 16px; 754 } 755 @media(max-width:1599.98px) { 756 .part-faq-wrapper { 757 padding: 0 32px 0 32px; 758 } 759 } 760 @media(max-width:1279.98px) { 761 .part-faq-wrapper { 762 flex-direction: column; 763 } 764 .part-faq { 765 padding: 0px 0 64px; 766 } 767 .faq-tltle { 768 font-size: 14px; 769 width: 88%; 770 } 771 .open-close-wrapper { 772 width: 14px; 773 min-height: 14px; 774 } 775 .faq-content-box>div { 776 font-size: 14px; 777 color: #636363; 778 } 779 .part-faq-wrapper { 780 padding: 0; 781 } 782 .part-faq-left-box { 783 width: 100%; 784 margin-bottom: 24px; 785 } 786 .part-faq-right-box { 787 width: 100%; 788 } 789 .faq-list-item { 790 padding-top: 16px; 791 padding-bottom: 16px; 792 } 793 } 794 795 .part-bottom { 796 padding-bottom: 20px; 797 } 798 .part-bottom .text-content { 799 position: absolute; 800 top: 50%; 801 left: 50%; 802 transform: translate(-50%,-50%); 803 } 804 @media(max-width:767.98px) { 805 .part-bottom { 806 padding-bottom: 0px; 807 } 808 .part-bottom .container-all { 809 padding-right: 0px; 810 padding-left: 0px; 811 } 812 .part-bottom .text-content { 813 width: 100%; 814 } 815 .part-bottom .rounded-24 { 816 border-radius: 0; 817 } 818 .part-bottom .video-container { 819 --ratio:calc(320 / 375 * 100%) !important; 820 } 821 .part-bottom.font-size-80 { 822 font-size: 32px; 823 } 824 .part-bottom .btn { 825 font-size: 16px; 826 font-weight: bold; 827 height: 48px; 828 width: 280px; 829 border-radius: 8px; 830 text-align: center; 831 } 832 .part-bottom .btn:hover, 833 .part-bottom .btn:active { 834 color: #fff !important; 835 background-color: transparent !important; 836 border-color: #fff !important; 837 box-shadow:none !important;; 838 } 839 } 840</style> 841<style> 842 843 @media (max-width: 767.98px) { 844 .line-height-100 { line-height: 120%; } 845 .line-height-m-170 { 846 line-height: 170%; 847 } 848 .rounded-24 { border-radius: 16px; } 849 .wsc-main .font-size-80 { 850 font-size: 40px; 851 } 852 .wsc-main .font-size-180 { 853 font-size: 40px; 854 } 855 .wsc-main .display-1 { 856 font-size: 28px; 857 } 858 .wsc-main .h1 { 859 font-size: 18px; 860 } 861 .wsc-main .h2 { 862 font-size: 22px; 863 } 864 .wsc-main .h3 { 865 font-size: 20px; 866 } 867 .wsc-main .display-3 { 868 font-size: 18px; 869 } 870 .wsc-main .display-4 { 871 font-size: 22px; 872 } 873 .wsc-main .lead { 874 font-size: 18px; 875 } 876 .wsc-main .h4 {
877 font-size: 22px; 878 } 879 .font-size-super { 880 font-size: 16px; 881 } 882 .wsc-main .font-size-extra { 883 font-size: 18px; 884 } 885 .wsc-main .font-size-huge{ 886 font-size: 14px; 887 } 888 .wsc-main .font-size-large{ 889 font-size: 14px; 890 } 891 .wsc-main .font-size-normal { 892 font-size: 14px; 893 } 894 .wsc-main .font-size-small { 895 font-size: 12px; 896 } 897 } 898</style> 899 900 901<link rel="canonical" href="https://www.wondershare.de/products-solutions/digital-creativity/video.html" /> 902
903<script type="text/javascript"> 904 var CHANNEL_ID = "6"; 905 var SITE_ID = "1"; 906 var CMS_LANGUAGE = "de"; 907 var TEMPLATE_ID = "10006798"; 908 var PAGE_ID = "666006"; 909 var TEMPLATE_MODULE = "other"; 910 var TEMPLATE_TYPE = "index"; 911</script>
911</head> 912 913<body data-pro="wondershare" data-cat="template" data-nav="basic" data-sys="auto" data-dev="auto"> 914 915<!-- 头é¨å ¬å ±æ ·å¼åï¼è·è±è¯ä¸æ · --> 916<!-- 头æä»¶æ ·å¼ --> 917<style> 918 .wsc-header2020 { 919 position: sticky; 920 top: 0; 921 z-index: 49; 922 } 923 924 .wsc-header2020 .wsc-header2020-navbar-master { 925 background-color: #fff; 926 position: absolute; 927 top: 0; 928 z-index: 49; 929 width: 100%; 930 box-sizing: border-box; 931 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2); 932 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2); 933 } 934 .wsc-header2020.is-subsite .wsc-header2020-navbar-master { 935 position: absolute; 936 } 937 938 .wsc-header2020 .wsc-header2020-navbar-master, 939 .wsc-header2020 .wsc-header2020-navbar-master a, 940 .wsc-header2020 .wsc-header2020-navbar-master a:hover { 941 color: #000000; 942 } 943 944 .account_name { 945 display: none !important; 946 } 947 948 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-collapse { 949 background-color: transparent; 950 } 951 952 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown, 953 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-item { 954 position: relative; 955 } 956 957 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-toggle, 958 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-item .wsc-header2020-navbar-link { 959 opacity: 1; 960 } 961 962 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-menu { 963 background-color: #FFFFFF; 964 line-height: 1; 965 } 966 967 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-linkBtn { 968 margin: 12px 16px; 969 padding: 12px 26px; 970 border: 1px solid #006DFF; 971 font-size: 14px; 972 font-weight: 400; 973 border-radius: 8px; 974 background-color: #006DFF; 975 color: #FFFFFF; 976 line-height: 100%; 977 } 978 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-linkBtn:hover { 979 background-color: #005DD9; 980 border-color: #0057CC; 981 color: #FFFFFF; 982 } 983 984 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-toggle[aria-expanded="true"]+.wsc-header2020-navbarDropdown-menu { 985 transition: none; 986 } 987 988 989 990 @media (min-width:1280px) { 991 .wsc-header2020.is-subsite { 992 position: sticky; 993 top: 0; 994 z-index: 49; 995 } 996 997 .wsc-header2020 .wsc-header2020-navbar-master { 998 color: #000; 999 } 1000 1001 .wsc-operate-login .wondershare-user-panel .avatar { 1002 margin: 0 16px; 1003 } 1004 1005 /*æ ¸å¿åºå宽度 */ 1006 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-container { 1007 max-width: 1232px; 1008 } 1009 1010 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-collapse { 1011 overflow: visible !important; 1012 } 1013 1014 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-item { 1015 padding: 0; 1016 } 1017 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-nav .wsc-header2020-navbar-item.log-out { 1018 position: absolute; 1019 right: 4px; 1020 } 1021 1022 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-nav { 1023 margin: 0 auto; 1024 } 1025 1026 /* å¿ é¡» */ 1027 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown { 1028 position: static; 1029 } 1030 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown.wsc-header2020-navbar-dropdown-about { 1031 position: relative; 1032 } 1033 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-toggle, 1034 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-link { 1035 font-size: 14px; 1036 font-weight: 700; 1037 height: 64px; 1038 padding: 0 16px; 1039 } 1040 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-toggle { 1041 transition: none; 1042 } 1043 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-toggle[aria-expanded="true"] { 1044 color: #006DFF; 1045 font-weight: 700; 1046 } 1047 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-toggle::before { 1048 background-color: rgba(0, 0, 0, .5); 1049 transition: none; 1050 z-index: -1; 1051 position: fixed; 1052 top: 64px; 1053 } 1054 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-link { 1055 line-height: 64px; 1056 } 1057 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-link:hover { 1058 color: #006DFF; 1059 } 1060 1061 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-menu { 1062 top: 72px; 1063 } 1064 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-menu { 1065 position: absolute; 1066 left: 50%; 1067 transform: translateX(-50%); 1068 width: unset; 1069 background-color: #fff; 1070 border-radius: 16px; 1071 -webkit-box-shadow: unset; 1072 box-shadow: unset; 1073 -webkit-backdrop-filter: unset; 1074 backdrop-filter:unset; 1075 } 1076 .wsc-header2020.is-subsite .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .wsc-header2020-navbarDropdown-menu { 1077 left:unset; 1078 transform: unset; 1079 right:12px; 1080 max-width: calc(100% - 24px); 1081 } 1082 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-toggle[aria-expanded="true"]+.wsc-header2020-navbarDropdown-menu { 1083 border: 1px solid rgba(0, 0, 0, 0.08); 1084 padding: 24px; 1085 box-shadow: 0.24px 2.3px 3.15px 0px rgba(0, 0, 0, 0.01), 1086 1.08px 10.13px 6.52px 0px rgba(0, 0, 0, 0.02), 1087 2.64px 24.86px 13px 0px rgba(0, 0, 0, 0.03), 1088 5.09px 47.88px 25.48px 0px rgba(0, 0, 0, 0.03), 1089 8.57px 80.56px 46.85px 0px rgba(0, 0, 0, 0.04), 1090 13.22px 124.3px 80px 0px rgba(0, 0, 0, 0.05); 1091 } 1092 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-toggle[aria-expanded="true"] .wsc-header2020-dropdown-icon svg { 1093 -webkit-transform: rotate(180deg) !important; 1094 -ms-transform: rotate(180deg) !important; 1095 transform: rotate(180deg) !important; 1096 } 1097 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-dropdownMenu-body { 1098 padding: 0px 0; 1099 } 1100 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-dropdownMenu-body .wsc-header2020-dropdownMenuBody-content { 1101 margin: 0 -24px; 1102 justify-content: center; 1103 } 1104 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-dropdownMenuBody-content-item { 1105 padding: 0 24px; 1106 } 1107 1108 1109 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-menu .wsc-header2020-dropdownMenuBody-content-title { 1110 padding-bottom: 16px; 1111 font-size: 14px; 1112 line-height: 100%; 1113 border-bottom: 1px solid rgba(0, 0, 0, 0.075); 1114 color: rgba(0, 0, 0, 0.5); 1115 } 1116 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-about .wsc-header2020-navbarDropdown-menu .wsc-header2020-dropdownMenuBody-content-title { 1117 display: none; 1118 } 1119 1120 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-dropdownMenuBody-content-box { 1121 display: flex; 1122 margin-left: -24px; 1123 margin-right: -24px; 1124 } 1125 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-dropdownMenuBody-item { 1126 padding: 0 24px; 1127 max-width: none; 1128 } 1129 1130 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .wsc-header2020-dropdownMenuBody-box, 1131 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-business .wsc-header2020-dropdownMenuBody-box { 1132 padding-top: 16px; 1133 } 1134 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-about .wsc-header2020-dropdownMenuBody-box { 1135 padding-top: 0; 1136 } 1137 1138 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .wsc-header2020-dropdownMenuBody-title, 1139 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-business .wsc-header2020-dropdownMenuBody-title, 1140 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-about .wsc-header2020-dropdownMenuBody-title { 1141 min-height: 38px; 1142 color: rgba(0, 0, 0, 0.5); 1143 font-size: 14px; 1144 line-height: 100%; 1145 width: max-content; 1146 } 1147 1148 .wsc-header2020 .wsc-header2020-dropdownMenuBody-list { 1149 white-space: unset; 1150 } 1151 1152 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .wsc-header2020-dropdownMenuBody-list { 1153 padding: 0; 1154 width: 220px; 1155 /* æ ¹æ®å级liæ ç¾æ¶é¤ä¸¤ç«¯padding */ 1156 margin: -8px 0; 1157 } 1158 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-business .wsc-header2020-dropdownMenuBody-list { 1159 padding: 0; 1160 width: 155px; 1161 /* æ ¹æ®å级liæ ç¾æ¶é¤ä¸¤ç«¯padding */ 1162 margin: -12px 0; 1163 } 1164 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-about .wsc-header2020-dropdownMenuBody-list { 1165 padding: 0; 1166 width: 140px; 1167 margin: -12px 0; 1168 } 1169 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .master-site-specific-item .wsc-header2020-dropdownMenuBody-list, 1170 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-business .specific-item .wsc-header2020-dropdownMenuBody-list { 1171 width: 120px; 1172 margin: -12px 0; 1173 } 1174 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .sub-site-specific-item .wsc-header2020-dropdownMenuBody-list { 1175 /* æ ¹æ®å级liæ ç¾æ¶é¤ä¸¤ç«¯padding */ 1176 margin: -12px 0; 1177 } 1178 1179 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .wsc-header2020-dropdownMenuBody-list li { 1180 padding: 8px 0; 1181 } 1182 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-business .wsc-header2020-dropdownMenuBody-list li { 1183 padding: 12px 0; 1184 } 1185 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-about .wsc-header2020-dropdownMenuBody-list li { 1186 padding: 12px 0; 1187 } 1188 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .master-site-specific-item .wsc-header2020-dropdownMenuBody-list li, 1189 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .sub-site-specific-item .wsc-header2020-dropdownMenuBody-list li, 1190 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-business .specific-item .wsc-header2020-dropdownMenuBody-list lii{ 1191 padding: 12px 0; 1192 } 1193 1194 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-dropdownMenuBody-list-li-title { 1195 font-size: 14px; 1196 line-height: 16px; 1197 font-weight: bold; 1198 display: flex; 1199 align-items: center; 1200 } 1201 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-dropdownMenuBody-list-li-title .wsc-header2020-dropdownMenuBody-list-li-title-tag { 1202 padding: 4px; 1203 margin-left: 4px; 1204 font-size: 12px; 1205 background: linear-gradient(229.4deg, #FF792E -1.84%, #FC02B6 87.33%); 1206 color: #fff; 1207 border-radius: 4px 4px 4px 0; 1208 line-height: 1; 1209 font-weight: 500; 1210 } 1211 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .master-site-specific-item .wsc-header2020-dropdownMenuBody-list-li-title, 1212 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .sub-site-specific-item .wsc-header2020-dropdownMenuBody-list-li-title, 1213 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-business .specific-item .wsc-header2020-dropdownMenuBody-list-li-title, 1214 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-about .wsc-header2020-dropdownMenuBody-list-li-title { 1215 color: rgba(0, 0, 0, 0.7); 1216 font-weight: 400; 1217 } 1218 1219 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .wsc-header2020-dropdownMenuBody-list-li-detail { 1220 font-size: 12px; 1221 line-height: 16px; 1222 color: rgba(0, 0, 0, 0.7); 1223 } 1224 1225 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .wsc-header2020-navbarDropdown-menu .wsc-header2020-dropdown-learnMore { 1226 padding: 9px 16px; 1227 border: 0; 1228 text-align: center; 1229 background: rgba(0, 0, 0, 0.05); 1230 margin-top: 24px; 1231 font-size: 14px; 1232 line-height: 22px; 1233 border-radius: 8px; 1234 } 1235 1236 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .wsc-header2020-navbarDropdown-menu .wsc-header2020-dropdown-learnMore a:hover { 1237 color: #006DFF; 1238 text-decoration: underline; 1239 } 1240 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-dropdownMenuBody-item { 1241 flex: 0; 1242 } 1243 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-dropdownMenuBody-list li a:hover { 1244 text-decoration: none; 1245 } 1246 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-dropdownMenuBody-list li a:hover .wsc-header2020-dropdownMenuBody-list-li-title { 1247 color: #006DFF; 1248 text-decoration: underline; 1249 } 1250 } 1251 1252 @media (min-width: 1600px) { 1253 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-container { 1254 max-width: 1442px; 1255 } 1256 } 1257 @media (max-width: 1279.98px) { 1258 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-service-hotline-m { 1259 margin: 32px 24px 0 24px; 1260 border-radius: 8px; 1261 border: 1px solid rgba(0, 0, 0, 0.14); 1262 display: flex; 1263 justify-content: center; 1264 align-items: center; 1265 padding: 16px 24px; 1266 } 1267 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-service-hotline-m>p:first-child { 1268 font-size: 20px; 1269 line-height: 100%; 1270 margin-bottom: 0; 1271 } 1272 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-service-hotline-m>p:last-child { 1273 font-size: 20px; 1274 line-height: 100%; 1275 font-weight: bold; 1276 margin-bottom: 0; 1277 color: #006DFF; 1278 } 1279 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-content { 1280 justify-content: flex-end; 1281 } 1282 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-collapse-toggle { 1283 color:#000; 1284 position: static; 1285 left: unset; 1286 height: 40px; 1287 } 1288 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-collapse { 1289 background-color: #FFFFFF; 1290 top: 40px; 1291 height: calc(100vh - 40px); 1292 } 1293 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-collapse-toggle[aria-expanded="true"]+.wsc-header2020-navbar-collapse { 1294 max-height: calc(100vh - 40px); 1295 border-top: 1px solid #EDEDED; 1296 } 1297 1298 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-toggle, 1299 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-item .wsc-header2020-navbar-link { 1300 font-size: 14px; 1301 font-weight: 700; 1302 line-height: 18px; 1303 padding: 16px 19px 16px 16px; 1304 } 1305 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-menu .wsc-header2020-dropdownMenuBody-content-title { 1306 padding-left: 16px; 1307 padding-top: 8px; 1308 padding-bottom: 8px; 1309 color: #696969; 1310 } 1311 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-menu .wsc-header2020-dropdownMenuBody-content { 1312 padding-bottom: 16px; 1313 } 1314 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown::after, 1315 .wsc-header2020 .wsc-header2020-navbar
1315-master .wsc-header2020-navbar-item:not(.log-out,.log-in)::after{ 1316 content: ''; 1317 width: calc(100% - 32px); 1318 height: 1px; 1319 background: rgba(0, 0, 0, .1); 1320 position: absolute; 1321 bottom: -1px; 1322 left: 50%; 1323 transform: translateX(-50%); 1324 } 1325 1326 /* ç§»å¨ç«¯æ°æ¹æ¡ç¹æ®å¤ç */ 1327 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-about .wsc-header2020-navbarDropdown-menu{ 1328 display: none; 1329 } 1330 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-about .wsc-header2020-navbarDropdown-toggle .wsc-header2020-dropdown-icon svg{ 1331 transform: rotate(270deg); 1332 } 1333 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .wsc-header2020-dropdownMenuBody-content-box, 1334 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-business .wsc-header2020-dropdownMenuBody-content-box{ 1335 display: none; 1336 } 1337 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .wsc-header2020-dropdown-learnMore { 1338 display: none; 1339 } 1340 /* ç§»å¨ç«¯æ°æ¹æ¡ç¹æ®å¤ç */ 1341 1342 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-nav { 1343 height: 100%; 1344 position: relative; 1345 } 1346 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-nav .wsc-header2020-navbar-item.log-out { 1347 position: absolute; 1348 bottom: 0; 1349 width: 100%; 1350 } 1351 /* è¦çwsc-common-2025.jsä¸çæ ·å¼ */ 1352 .wsc-header2020 .wsc-header2020-navbar-master .wondershare-user-panel .ws-user-panel-dropdown { 1353 left: 0px !important; 1354 transform: translate3d(-113px, 0px, 0px) !important; 1355 } 1356 /* æ¶é¤position: relative; -> position: fixed çè¿æ¸¡æ*/ 1357 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-nav .wsc-header2020-navbar-item.log-in { 1358 opacity: 0; 1359 } 1360 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-collapse-toggle[aria-expanded="true"] + .wsc-header2020-navbar-collapse .wsc-header2020-navbar-nav .wsc-header2020-navbar-item.log-in { 1361 opacity: 1; 1362 position: fixed; 1363 top: 5px; 1364 right: 48px; 1365 z-index: 19; 1366 } 1367 .wsc-operate-login .wondershare-user-panel .avatar { 1368 width: 28px; 1369 height: 28px; 1370 margin: 8px 0 12px 0px; 1371 cursor: pointer; 1372 border-radius: 50%; 1373 } 1374 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-linkBtn { 1375 margin: 16px 16px; 1376 display: block; 1377 } 1378 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-nav .wsc-header2020-navbar-item.wsc-header2020-navbar-item-search { 1379 padding-top: 24px; 1380 padding-left: 16px; 1381 padding-right: 16px; 1382 } 1383 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-nav .wsc-header2020-navbar-item.wsc-header2020-navbar-item-search>div { 1384 border: 1px solid rgba(0, 0, 0, 0.2); 1385 border-radius: 4px; 1386 } 1387 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-nav .wsc-header2020-navbar-item.wsc-header2020-navbar-item-search .wsc-header2020-navbar-link { 1388 padding: 0; 1389 width: 100%; 1390 } 1391 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-nav .wsc-header2020-navbar-item.wsc-header2020-navbar-item-search>div svg { 1392 width: 24px; 1393 height: 24px; 1394 margin: 8px 12px; 1395 } 1396 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-nav .wsc-header2020-navbar-item.wsc-header2020-navbar-item-search>div .wsc-header2020-navbar-item-search-text { 1397 font-size: 16px; 1398 line-height: 18px; 1399 color: rgba(0, 0, 0, 0.5); 1400 } 1401 .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-nav .wsc-header2020-navbar-item.wsc-header2020-navbar-item-search::after { 1402 display: none; 1403 } 1404 } 1405 /* ç§»å¨ç«¯popup */ 1406 .lv2-popup { 1407 position: fixed; 1408 top: 0; 1409 left: 0; 1410 height: 100%; 1411 width: 100%; 1412 background-color: #fff; 1413 transition: translate 0.4s ease-out, opacity 0.2s ease, visibility 0s linear 0.5s; 1414 opacity: 0; 1415 visibility: hidden; 1416 translate: 300vw 0; 1417 z-index: 50; 1418 display: flex; 1419 flex-direction: column; 1420 } 1421 @media (max-width: 1279.98px) { 1422 .lv2-popup.active { 1423 translate: 0px; 1424 opacity: 1; 1425 visibility: visible; 1426 transition: translate 0.4s ease-out, opacity 0.4s, visibility linear; 1427 z-index: 50; 1428 } 1429 .lv2-popup-nav { 1430 display: flex; 1431 align-items: center; 1432 justify-content: space-between; 1433 height: 40px; 1434 padding: 0 16px 0 16px; 1435 border-bottom: 0.5px solid rgba(0, 0, 0, 0.1); 1436 } 1437 .lv2-popup-nav-return-btn { 1438 display: flex; 1439 align-items: center; 1440 position: relative; 1441 margin-left: 16px; 1442 font-size: 12px; 1443 line-height: 16px; 1444 font-weight: 700; 1445 } 1446 .lv2-popup-nav-return-btn::before { 1447 content: ''; 1448 width: 16px; 1449 height: 16px; 1450 background-image: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMCAxMkw2IDhMMTAgNCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo='); 1451 position: absolute; 1452 top: 50%; 1453 transform: translateY(-50%); 1454 left: -16px; 1455 } 1456 .lv2-popup-nav-close-btn { 1457 width: 16px; 1458 height: 16px; 1459 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjA5Mzc1IDExLjkwNTRMMTEuOTk5MiAz
1459Ljk5OTk5IiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTEyIDExLjkwNTRMNC4wOTQ1OSAzLjk5OTk5IiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==); 1460 } 1461 .lv2-popup-title { 1462 padding: 19px 0 19px 16px; 1463 font-size: 18px; 1464 line-height: 100%; 1465 font-weight: bold; 1466 border-bottom: 0.5px solid rgba(0, 0, 0, 0.1); 1467 } 1468 .lv2-popup-content-wrapper { 1469 display: flex; 1470 border-bottom: 0.5px solid rgba(0, 0, 0, 0.1); 1471 flex: 1; 1472 } 1473 .lv2-popup-tabs { 1474 width: 28%; 1475 display: flex; 1476 flex-direction: column; 1477 border-right: 0.5px solid rgba(0, 0, 0, 0.1); 1478 padding: 18px 0; 1479 } 1480 .lv2-popup-tab { 1481 font-size: 12px; 1482 line-height: 16px; 1483 padding: 8px 8px 8px 16px; 1484 margin: 6px 0; 1485 font-weight: 700; 1486 display: flex; 1487 align-items: center; 1488 min-height: 48px; 1489 } 1490 .lv2-popup-tab.active { 1491 background-color: #000; 1492 color: #fff; 1493 } 1494 .lv2-popup-items { 1495 flex: 1; 1496 padding: 20px 16px 0 32px; 1497 } 1498 .lv2-popup-item { 1499 display: none; 1500 flex-direction: column; 1501 } 1502 .lv2-popup-item.active { 1503 display: flex; 1504 } 1505 .lv2-popup-item-link { 1506 position: relative; 1507 padding: 12px 0; 1508 border-bottom: 0.5px solid rgba(0, 0, 0, 0.1); 1509 min-height: 48px; 1510 display: flex; 1511 flex-direction: column; 1512 justify-content: center; 1513 } 1514 .lv2-popup-item-link::after { 1515 content: ''; 1516 width: 16px; 1517 height: 16px; 1518 background-image: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDRMMTAgOEw2IDEyIiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=='); 1519 position: absolute; 1520 top: 50%; 1521 transform: translateY(-50%); 1522 right: 0; 1523 } 1524 .lv2-popup-item-link-title { 1525 font-size: 14px; 1526 font-weight: bold; 1527 line-height: 100%; 1528 margin-bottom: 2px; 1529 color: #000; 1530 display: flex; 1531 align-items: center; 1532 } 1533 .lv2-popup-item-link-detail { 1534 color: rgba(0, 0, 0, 0.5); 1535 font-size: 12px; 1536 line-height: 100%; 1537 width: 92%; 1538 } 1539 .lv2-popup-learn-more { 1540 font-size: 12px; 1541 line-height: 20px; 1542 padding: 6px 16px; 1543 margin-top: 20px; 1544 border: 1px solid #636363; 1545 border-radius: 4px; 1546 color: #636363; 1547 display: flex; 1548 justify-content: center; 1549 align-items: center; 1550 width: fit-content; 1551 } 1552 header.wsc-header2020 .lv2-popup-log a { 1553 margin: 16px; 1554 display: block; 1555 padding: 12px 35px; 1556 border: 1px solid #006DFF; 1557 font-size: 14px; 1558 font-weight: 400; 1559 border-radius: 8px; 1560 background-color: #006DFF; 1561 color: #FFFFFF; 1562 line-height: 100%; 1563 } 1564 header.wsc-header2020.is-subsite .lv2-popup-log { 1565 display: none; 1566 } 1567 } 1568 /* ç§»å¨ç«¯popup */ 1569</style> 1570 1571 1572<!--åçlogo 客æç线 产åæå䏿 åªå¨ç§»å¨ç«¯æ¾ç¤º--> 1573<style> 1574/* åçlogo */ 1575.wsc-header2020 .wsc-header2020-navbar-brand-ws a{ 1576 height: 100%; 1577 background-size: auto 100%; 1578 display: block; 1579 background-repeat: no-repeat; 1580 background-position: left center; 1581} 1582/* å³ä¸è§å®¢æç线 */ 1583.wsc-header2020 .wsc-header2020-navbar-service-hotline { 1584 z-index: 50; 1585} 1586.wsc-header2020 .trigger-exploration-box { 1587 display: none; 1588 transition: all 0.2s; 1589} 1590.wsc-header2020 .trigger-exploration-box svg { 1591 transition: all 0.2s; 1592} 1593.wsc-header2020 .trigger-exploration-box.active { 1594 color: #006DFF; 1595} 1596.wsc-header2020 .trigger-exploration-box.active svg { 1597 transform: rotate(180deg); 1598} 1599/* 产åæå䏿 主ç«é»è®¤ä¸æ¾ç¤º */ 1600.wsc-header2020 .wsc-header2020-navbar-master .sub-site-specific-item { 1601 display: none; 1602} 1603/* explore moreå¨åç«ä¸æ¾ç¤º */ 1604.wsc-header2020.is-subsite .wsc-header2020-navbar-master .master-site-specific-item { 1605 display: none; 1606} 1607 1608@media (min-width: 1280px) { 1609 .wsc-header2020 { 1610 min-height: 64px; 1611 } 1612 /*é«äºå¤´é¨swiperæ¶åçå±çº§*/ 1613 .wsc-header2020.is-subsite .wsc-header2020-navbar-master { 1614 z-index: 9!important; 1615 height: 0; 1616 } 1617 /* åçlogo */ 1618 .wsc-header2020 .wsc-header2020-navbar-brand-ws { 1619 position: absolute; 1620 top: 0; 1621 left: 20px; 1622 height: 64px; 1623 padding: 4px 0; 1624 display: flex; 1625 align-content: center; 1626 } 1627 .wsc-header2020 .wsc-header2020-navbar-brand-ws a{ 1628 background-image: url(https://neveragain.allstatics.com/2019/assets/icon/logo/wondershare-vertical.svg); 1629 height: 100%; 1630 width: 105px; 1631 } 1632 1633 .wsc-header2020 .wsc-header2020-navbar-service-hotline { 1634 position: fixed; 1635 top: 0; 1636 right: 0px; 1637 height: 64px; 1638 display: flex; 1639 } 1640 .wsc-header2020.is-subsite .wsc-header2020-navbar-service-hotline { 1641 position: absolute; 1642 } 1643 .wsc-header2020.is-subsite .trigger-exploration-box { 1644 height: 100%; 1645 display: flex; 1646 align-items: center; 1647 font-size: 14px; 1648 line-height: 100%; 1649 font-weight: bold; 1650 padding: 16px 24px; 1651 border-left: 1px solid rgba(209, 209, 209, 1); 1652 cursor: pointer; 1653 color: #000; 1654 } 1655 .wsc-header2020.is-subsite .wsc-header2020-navbarDropdown-toggle::before { 1656 display: none; 1657 } 1658 /* æå䏿 å¨åç«pc端æä¼æ¾ç¤º */ 1659 .wsc-header2020.is-subsite .wsc-header2020-navbar-master .sub-site-specific-item { 1660 display: block; 1661 } 1662} 1663@media (max-width: 1279.98px) { 1664 .wsc-header2020 { 1665 min-height: 40px; 1666 } 1667 .wsc-header2020.is-subsite .wsc-header2020-navbar-master { 1668 position: relative !important; 1669 } 1670 .wsc-header2020 .wsc-header2020-navbar-brand-ws { 1671 position: absolute; 1672 top: 0; 1673 left: 15px; 1674 height: 40px; 1675 } 1676 .wsc-header2020 .wsc-header2020-navbar-brand-ws a{ 1677 background-image: url(https://neveragain.allstatics.com/2019/assets/icon/logo/wondershare-square.svg); 1678 width: 42px; 1679 background-size: 100% auto; 1680 } 1681 .wsc-header2020 .wsc-header2020-navbar-main .wsc-header2020-navbar-brand-ws{ 1682 display: none; 1683 } 1684 .wsc-header2020 .wsc-header2020-navbar-service-hotline { 1685 display: none; 1686 } 1687 .wsc-header2020.is-subsite .wsc-header2020-navbar-master { 1688 height: unset; 1689 } 1690 .wsc-header2020 .wsc-header2020-navbar-main .wsc-header2020-navbar-collapse-toggle[aria-expanded="true"]::before { 1691 /*48 + 56*/ 1692 /*top: 104px;*/ 1693 opacity: 0; 1694 } 1695 .wsc-header2020 .wsc-header2020-navbar-collapse-toggle[aria-expanded="true"]::before { 1696 opacity: 0; 1697 } 1698} 1699</style> 1700<!--åçlogo 客æç线 产åæå䏿 åªå¨ç§»å¨ç«¯æ¾ç¤º--> 1701 1702<!-- é»è²ä¸»é¢ --> 1703<style> 1704.wsc-header2020.dark-theme .wsc-header2020-navbar-master { 1705 background-color: black; 1706} 1707.wsc-header2020.dark-theme .trigger-exploration-box { 1708 border-left: 1px solid rgba(209, 209, 209, 0.4); 1709 color: #fff; 1710} 1711.wsc-header2020.dark-theme .wsc-header2020-dropdownMenuBody-list li a { 1712 color: rgba(255, 255, 255, 1); 1713} 1714.wsc-header2020.dark-theme .wsc-header2020-navbar-master, .wsc-header2020.dark-theme .wsc-header2020-navbar-master a, .wsc-header2020.dark-theme .wsc-header2020-navbar-master a:hover {
1715 color: rgba(255, 255, 255, 1); 1716} 1717.wsc-header2020.dark-theme .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-menu { 1718 background-color: #000; 1719} 1720.wsc-header2020.dark-theme .lv2-popup { 1721 background-color: #000; 1722 color: #fff; 1723} 1724@media (min-width: 1280px) { 1725 .wsc-header2020.dark-theme .wsc-header2020-navbar-brand-ws a{ 1726 background-image: url(https://neveragain.allstatics.com/2019/assets/icon/logo/wondershare-vertical-white.svg); 1727 } 1728 .wsc-header2020.dark-theme .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-menu { 1729 background-color: rgba(14, 14, 14, 1); 1730 } 1731 .wsc-header2020.dark-theme .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-toggle[aria-expanded="true"]+.wsc-header2020-navbarDropdown-menu { 1732 border: 1px solid rgba(255, 255, 255, 0.08); 1733 } 1734 .wsc-header2020.dark-theme .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-menu .wsc-header2020-dropdownMenuBody-content-title { 1735 color: rgba(255, 255, 255, 0.5); 1736 border-bottom: 1px solid rgba(255, 255, 255, 0.075); 1737 } 1738 .wsc-header2020.dark-theme .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .wsc-header2020-dropdownMenuBody-title { 1739 color: rgba(255, 255, 255, 0.5); 1740 } 1741 .wsc-header2020.dark-theme .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .sub-site-specific-item .wsc-header2020-dropdownMenuBody-list-li-title { 1742 color: rgba(255, 255, 255, 0.7); 1743 } 1744 .wsc-header2020.dark-theme .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .wsc-header2020-dropdownMenuBody-list-li-detail { 1745 color: rgba(255, 255, 255, 0.7); 1746 } 1747 .wsc-header2020.dark-theme .wsc-header2020-navbar-master .wsc-header2020-navbar-dropdown-product .wsc-header2020-navbarDropdown-menu .wsc-header2020-dropdown-learnMore { 1748 background: rgba(255, 255, 255, 0.05); 1749 } 1750} 1751@media (max-width: 1279.98px) { 1752 .wsc-header2020.dark-theme .wsc-header2020-navbar-master .wsc-header2020-navbar-collapse-toggle { 1753 color: #fff; 1754 } 1755 .wsc-header2020.dark-theme .wsc-header2020-navbar-brand-ws a { 1756 background-image: url(https://neveragain.allstatics.com/2019/assets/icon/logo/wondershare-square-white.svg); 1757 } 1758 .wsc-header2020.dark-theme .wsc-header2020-navbar-master .wsc-header2020-navbar-collapse { 1759 background-color: #000; 1760 } 1761 .wsc-header2020.dark-theme .wsc-header2020-navbar-master .wsc-header2020-navbar-collapse-toggle[aria-expanded="true"]+.wsc-header2020-navbar-collapse { 1762 border-top: 1px solid rgba(255, 255, 255, 0.1); 1763 } 1764 .wsc-header2020.dark-theme .wsc-header2020-navbar-master .wsc-header2020-navbarDropdown-menu .wsc-header2020-dropdownMenuBody-content-title { 1765 color: #fff; 1766 } 1767 .wsc-header2020.dark-theme .lv2-popup-nav-return-btn::before { 1768 background-image: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMCAxMkw2IDhMMTAgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo='); 1769 } 1770 .wsc-header2020.dark-theme .lv2-popup-nav-close-btn { 1771 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjA5NDczIDExLjkwNTVMMTIuMDAwMSA0LjAwMDExIiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTEyIDExLjkwNTVMNC4wOTQ1OSA0LjAwMDExIiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==); 1772 } 1773 .wsc-header2020.dark-theme .lv2-popup-tab.active { 1774 background-color: #fff; 1775 color: #000; 1776 } 1777 .wsc-header2020.dark-theme .lv2-popup-item-link { 1778 border-bottom: 0.5px solid rgba(255, 255, 255, 0.1); 1779 } 1780 .wsc-header2020.dark-theme .lv2-popup-item-link-title { 1781 color: #fff; 1782 } 1783 .wsc-header2020.dark-theme .lv2-popup-item-link-detail { 1784 color: rgba(255, 255, 255, 0.5); 1785 } 1786 .wsc-header2020.dark-theme .lv2-popup-title { 1787 border-bottom: 0.5px solid rgba(255, 255, 255, 0.1); 1788 } 1789 .wsc-header2020.dark-theme .lv2-popup-tabs { 1790 border-right: 0.5px solid rgba(255, 255, 255, 0.1); 1791 } 1792 .wsc-header2020.dark-theme .lv2-popup-learn-more { 1793 border: 1px solid rgba(255, 255, 255, 1); 1794 color: rgba(255, 255, 255, 1); 1795 } 1796 .wsc-header2020.dark-theme .lv2-popup-item-link::after { 1797 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDRMMTAgOEw2IDEyIiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==); 1798 } 1799} 1800</style> 1801<!-- é»è²ä¸»é¢ --> 1802 1803<!--header-footer-2026--> 1804<style> 1805 .wsc-header2020 .wsc-header2020-navbar-main .wsc-header2020-navbar-brand{ 1806 height: 48px; 1807 } 1808 .wsc-header2020 .wsc-header2020-navbar-main .wsc-header2020-navbar-collapse{ 1809 top: 48px; 1810 } 1811 .wsc-header2020 .wsc-header2020-navbar-collapse-toggle[aria-expanded="true"]+.wsc-header2020-navbar-collapse{ 1812 max-height: calc(100vh - 48px); 1813 } 1814 @media (min-width: 1280px) { 1815 .wsc-header2020 .wsc-header2020-navbar-main .wsc-header2020-navbar-brand{ 1816 height: 64px; 1817 } 1818 .wsc-header2020 .wsc-header2020-navbar-main .wsc-header2020-navbar-brand{ 1819 padding: 16px 0; 1820 } 1821 .wsc-header2020 .wsc-header2020-navbar-main .wsc-header2020-navbar-link, .wsc-header2020 .wsc-header2020-navbar-main .wsc-header2020-navbarDropdown-toggle{ 1822 font-size: 14px; 1823 font-weight: 600; 1824 } 1825 .wsc-footer2020.wsc-footer2021 .wsc-footer202004-top .wsc-footer2020-container { 1826 max-width: 1410px; 1827 } 1828 .wsc-footer2020.wsc-footer2021 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) { 1829 width: auto; 1830 display: block; 1831 padding-top: 8px; 1832 } 1833 .wsc-footer2020.wsc-footer2021 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) .wsc-footer2020-dropdown-toggle { 1834 margin-bottom: 10px; 1835 } 1836 .wsc-footer2020.wsc-footer2021 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) .wsc-footer2020-dropdown-title { 1837 font-size: 22px; 1838 } 1839 .wsc-footer2020.wsc-footer2021 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) ul { 1840 display: block; 1841 } 1842 1843 .wsc-header2020 .wsc-header2020-navbarDropdown-menu .wsc-header2020-container{ 1844 padding: 2rem; 1845 } 1846 .wsc-header2020 .wsc-header2020-dropdownMenu-body{ 1847 padding: 0 0 2rem 0; 1848 } 1849 .wsc-header2020 .wsc-header2020-navbar-main .wsc-header2020-navbarDropdown-menu{ 1850 top: 72px; 1851 width: auto; 1852 left: 50%; 1853 transform: translateX(-50%); 1854 border-radius: 1.25rem; 1855 } 1856 } 1857 @media (max-width: 1499px) { 1858 .wsc-header2020 .wsc-header2020-navbar-link, .wsc-header2020 .wsc-header2020-navbarDropdown-toggle{ 1859 padding: 8px; 1860 } 1861} 1862 1863.device-1366{ 1864 display: none; 1865} 1866@media (max-width: 1799.98px) { 1867 .device-hide1799{ 1868 display: none; 1869 } 1870} 1871@media (max-width: 1399.98px) { 1872 .device-1366{ 1873 display: block; 1874 margin: 0 .5rem; 1875 }
1876 .device-other{ 1877 display: none; 1878 } 1879 .wondershare-user-panel .avatar { 1880 margin: 0 8px; 1881 } 1882} 1883@media (max-width: 1279.98px) { 1884 .device-1366{ 1885 display: none; 1886 } 1887 .device-hide1799{ 1888 display: block; 1889 } 1890 .device-other{ 1891 display: block; 1892 } 1893 .wsc-header2020 .wsc-header2020-navbar-linkBtn{ 1894 margin: 1.25rem 0.5rem; 1895 } 1896 .wsc-header2020 .wsc-header2020-navbar-linkBtn-outline{ 1897 margin: 1.25rem 0.5rem; 1898 } 1899 .wsc-header2020 .wsc-header2020-navbar-main .wsc-header2020-navbar-nav{ 1900 padding: 0 16px; 1901 } 1902 .wsc-header2020 .wsc-header2020-navbar-link, .wsc-header2020 .wsc-header2020-navbarDropdown-toggle{ 1903 padding: 1rem 0; 1904 } 1905 .wsc-header2020 .wsc-header2020-navbar-main .wsc-header2020-navbar-brand{ 1906 padding: 8px 0; 1907 } 1908 .wsc-header2020 .wsc-header2020-navbar-main .wsc-header2020-dropdownMenuBody-box{ 1909 padding: 8px; 1910 } 1911 .wsc-header2020 .wsc-operate-login .wondershare-user-panel.log-out .login-link{ 1912 display: inline-block; 1913 padding: 8px 18px; 1914 background-color: #266ef2; 1915 border: 2px solid #266ef2; 1916 color: #fff !important; 1917 height: 48px; 1918 margin: 1.25rem .5rem 1.25rem 0; 1919 border-radius: 0.5rem; 1920 } 1921 .wsc-header2020 .wsc-operate-login .wondershare-user-panel.log-out span{ 1922 font-size: 18px; 1923 font-weight: 600; 1924 color: #fff; 1925 } 1926 .wsc-header2020 .wsc-operate-login .wondershare-user-panel.log-in{ 1927 margin: 1.25rem .5rem 1.25rem 0; 1928 } 1929 .wsc-header2020 .ws-user-panel-dropdown{ 1930 z-index: 9; 1931 } 1932 .wsc-header2020-navbar-item.boxshadow-none { 1933 box-shadow: none !important; 1934 } 1935 .navbar-search { 1936 display: block; 1937 margin: 1rem 0; 1938 padding: 0.5rem; 1939 border: 1px solid rgba(0, 0, 0, 1); 1940 border-radius: 4px; 1941 opacity: 0.3; 1942 font-size: 1rem; 1943 } 1944} 1945@media (max-width: 767.98px) { 1946 .wsc-header2020 .wsc-navbar-operate{ 1947 justify-content: stretch; 1948 gap: 12px; 1949 } 1950 .wsc-navbar-operate .dev-desktop{ 1951 display: none; 1952 }
1953 .wsc-navbar-operate .device-other{ 1954 width: 100%; 1955 } 1956 .wsc-navbar-operate .wsc-operate-login{ 1957 width: 100%; 1958 } 1959 .wsc-header2020 .wsc-operate-login .wondershare-user-panel.log-out .login-link{ 1960 width: 100%; 1961 text-align: center; 1962 } 1963 .wsc-header2020 .wsc-navbar-operate .wsc-header2020-navbar-linkBtn-outline { 1964 width: 100%; 1965 margin: 1.25rem 0 !important; 1966 } 1967} 1968</style> 1969<!--header-footer-2026--> 1970 <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 1970-1971
1970 1971 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1971GTM-57FR6ZG
vendor: 87 bytes, lines 1971-1973
1971" 1972 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 1973
1973<!-- End Google Tag Manager (noscript) --> 1974 1975 <style> 1976 .wsc-header2020-navbar-nav-toggle .explore { white-space: normal } 1977 </style> 1978 1979 1980 <header class="wsc-header2020 wsc-header-de"> 1981 <!-- 头é¨å ¬å ±æ ·å¼å --> 1982 <nav class="wsc-header2020-navbar-master"> 1983<div class="wsc-header2020-navbar-brand-ws"> <a href="https://www.wondershare.de/" target="_blank"><span style="display: none;">wondershare</span></a> </div> 1984<div class="wsc-header2020-container"> 1985<div class="wsc-header2020-navbar-content"> 1986<button class="wsc-header2020-navbar-collapse-toggle" type="button" aria-expanded="false"> 1987<svg class="wsc-header2020-navbar-collapse-toggle-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 1988<path d="M2 3H14" stroke="currentColor" stroke-linecap="round"/> 1989<path d="M2 8H14" stroke="currentColor" stroke-linecap="round"/> 1990<path d="M2 13H14" stroke="currentColor" stroke-linecap="round"/> 1991</svg> 1992<svg class="wsc-header2020-navbar-collapse-toggle-icon-close" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 1993<path d="M4.09473 11.9054L12.0001 4" stroke="currentColor" stroke-linecap="round"/> 1994<path d="M12 11.9054L4.09459 4" stroke="currentColor" stroke-linecap="round"/> 1995</svg> 1996</button> 1997<div class="wsc-header2020-navbar-collapse"> 1998<ul class="wsc-header2020-navbar-nav active_menu"> 1999<li class="wsc-header2020-navbar-dropdown wsc-header2020-navbar-dropdown-product"> 2000<nav class="wsc-header2020-navbarDropdown-toggle" aria-expanded="false"> 2001<span>Top-Produkte</span> 2002<div class="wsc-header2020-dropdown-icon"> 2003<svg width="10" height="7" viewBox="0 0 10 7" fill="none" 2004xmlns="http://www.w3.org/2000/svg"> 2005<path d="M9 1L5 5L1 1" stroke="currentColor" stroke-width="2" 2006stroke-linecap="round" /> 2007</svg> 2008</div> 2009</nav> 2010<div class="wsc-header2020-navbarDropdown-menu"> 2011<div class="wsc-header2020-dropdownMenu-content"> 2012<div class="wsc-header2020-dropdownMenu-body"> 2013<div class="wsc-header2020-dropdownMenuBody-content"> 2014<div class="wsc-header2020-dropdownMenuBody-content-item"> 2015<div class="wsc-header2020-dropdownMenuBody-content-title" trigger-lv2-popup="false" lv2-popup-learn-more> 2016KI-gestützte digitale Kreativität 2017</div> 2018<div class="wsc-header2020-dropdownMenuBody-content-box"> 2019<div class="wsc-header2020-dropdownMenuBody-item"> 2020<div class="wsc-header2020-dropdownMenuBody-box"> 2021<nav class="wsc-header2020-dropdownMenuBody-title" lv2-popup-tab="false"> 2022Produkte für Videokreativität 2023</nav> 2024<ul class="wsc-header2020-dropdownMenuBody-list"> 2025<li> 2026<a href="https://filmora.wondershare.de/" target="_blank"> 2027<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2028Filmora 2029</div> 2030<div class="wsc-header2020-dropdownMenuBody-list-li-detail"> 2031Komplettes Tool für die Videobearbeitung. 2032</div> 2033</a> 2034</li> 2035<li> 2036<a href="https://uniconverter.wondershare.de/" target="_blank"> 2037<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2038UniConverter 2039</div> 2040<div class="wsc-header2020-dropdownMenuBody-list-li-detail"> 2041Medienkonvertierung in hoher Geschwindigkeit. 2042</div> 2043</a> 2044</li> 2045<li> 2046<a href="https://www.media.io/de/" target="_blank"> 2047<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2048Media.io 2049</div> 2050<div class="wsc-header2020-dropdownMenuBody-list-li-detail"> 2051KI-Generator für Videos, Bilder und Musik. 2052</div> 2053</a> 2054</li> 2055</ul> 2056</div> 2057</div> 2058<div class="wsc-header2020-dropdownMenuBody-item"> 2059<div class="wsc-header2020-dropdownMenuBody-box"> 2060<nav class="wsc-header2020-dropdownMenuBody-title" lv2-popup-tab="false"> 2061Diagramm- & Grafikprodukte 2062</nav> 2063<ul class="wsc-header2020-dropdownMenuBody-list"> 2064<li> 2065<a href="https://www.edrawsoft.com/de/edraw-max/" target="_blank"> 2066<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2067EdrawMax 2068</div> 2069<div class="wsc-header2020-dropdownMenuBody-list-li-detail"> 2070Einfaches Erstellen von Diagrammen. 2071</div> 2072</a> 2073</li> 2074<li> 2075<a href="https://www.edrawsoft.com/de/edrawmind/" target="_blank"> 2076<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2077EdrawMind 2078</div> 2079<div class="wsc-header2020-dropdownMenuBody-list-li-detail"> 2080Kollaboratives Mindmapping. 2081</div> 2082</a> 2083</li> 2084<!--<li> 2085<a href="https://www.edraw.ai/" target="_blank"> 2086<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2087Edraw.AI 2088</div> 2089<div class="wsc-header2020-dropdownMenuBody-list-li-detail"> 2090Online-Plattform für visuelle Zusammenarbeit. 2091</div> 2092</a> 2093</li>--> 2094</ul> 2095</div> 2096</div> 2097<div class="wsc-header2020-dropdownMenuBody-item"> 2098<div class="wsc-header2020-dropdownMenuBody-box"> 2099<nav class="wsc-header2020-dropdownMenuBody-title" lv2-popup-tab="false"> 2100Produkte für PDF-Lösungen 2101</nav> 2102<ul class="wsc-header2020-dropdownMenuBody-list"> 2103<li> 2104<a href="https://pdf.wondershare.de/" target="_blank"> 2105<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2106PDFelement 2107</div> 2108<div class="wsc-header2020-dropdownMenuBody-list-li-detail"> 2109PDFs erstellen und bearbeiten. 2110</div> 2111</a> 2112</li> 2113<li> 2114<a href="https://pdf.wondershare.de/document-cloud/" target="_blank"> 2115<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2116PDFelement Cloud 2117</div> 2118<div class="wsc-header2020-dropdownMenuBody-list-li-detail"> 2119Cloudbasiertes Dokumentenmanagement. 2120</div> 2121</a> 2122</li> 2123<li> 2124<a href="https://pdf.wondershare.de/online-pdf.html" target="_blank"> 2125<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2126PDFelement Online 2127</div> 2128<div class="wsc-header2020-dropdownMenuBody-list-li-detail"> 2129Kostenlose Online-PDF-Tools. 2130</div> 2131</a> 2132</li> 2133<li> 2134<a href="https://www.hipdf.com/de/" target="_blank"> 2135<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2136HiPDF 2137</div> 2138<div class="wsc-header2020-dropdownMenuBody-list-li-detail"> 2139Kostenloses All-in-One-Online-PDF-Tool. 2140</div> 2141</a> 2142</li> 2143</ul> 2144</div> 2145</div> 2146<!-- master-site-specific-itemæ ææ¯ä¸»ç«ç¹æ --> 2147<div class="wsc-header2020-dropdownMenuBody-item master-site-specific-item"> 2148<div class="wsc-header2020-dropdownMenuBody-box"> 2149<nav class="wsc-header2020-dropdownMenuBody-title" lv2-popup-tab="false"> 2150KI-Lösungen 2151</nav> 2152<ul class="wsc-header2020-dropdownMenuBody-list"> 2153<li> 2154<a href="https://www.wondershare.de/ai.html" target="_blank"> 2155<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2156KI-Hub 2157</div> 2158</a> 2159</li> 2160<li> 2161<a href="https://www.wondershare.de/ai-solutions/social-media.html" target="_blank"> 2162<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2163Social Media 2164</div> 2165</a> 2166</li> 2167<li> 2168<a href="https://www.wondershare.de/ai-solutions/marketing.html" target="_blank"> 2169<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2170Marketing 2171</div> 2172</a> 2173</li> 2174<li> 2175<a href="https://www.wondershare.de/products-solutions/digital-creativity/video.html" target="_blank"> 2176<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2177Digitale Kreativität 2178</div> 2179</a> 2180</li> 2181</ul> 2182</div> 2183</div> 2184</div> 2185</div> 2186<div class="wsc-header2020-dropdownMenuBody-content-item"> 2187<div class="wsc-header2020-dropdownMenuBody-content-title" trigger-lv2-popup="false" lv2-popup-learn-more> 2188Dienstprogramme 2189</div> 2190<div class="wsc-header2020-dropdownMenuBody-content-box"> 2191<div class="wsc-header2020-dropdownMenuBody-item"> 2192<div class="wsc-header2020-dropdownMenuBody-box"> 2193<nav class="wsc-header2020-dropdownMenuBody-title" lv2-popup-tab="false"> 2194Utility-Produkte 2195</nav> 2196<ul class="wsc-header2020-dropdownMenuBody-list"> 2197<li> 2198<a href="https://recoverit.wondershare.de/" target="_blank"> 2199<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2200Recoverit 2201</div> 2202<div class="wsc-header2020-dropdownMenuBody-list-li-detail"> 2203Wiederherstellung verlorener Dateien. 2204</div> 2205</a> 2206</li> 2207<li>
2208<a href="https://recoverit.wondershare.de/video-repair-tool.html" target="_blank"> 2209<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2210Repairit 2211</div> 2212<div class="wsc-header2020-dropdownMenuBody-list-li-detail"> 2213Repariert beschädigte Videos, Fotos & mehr. 2214</div> 2215</a> 2216</li> 2217<li> 2218<a href="https://drfone.wondershare.de/" target="_blank"> 2219<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2220Dr.Fone 2221</div> 2222<div class="wsc-header2020-dropdownMenuBody-list-li-detail"> 2223Verwaltung mobiler Geräte. 2224</div> 2225</a> 2226</li> 2227<li> 2228<a href="https://mobiletrans.wondershare.com/de/" target="_blank"> 2229<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2230MobileTrans 2231</div> 2232<div class="wsc-header2020-dropdownMenuBody-list-li-detail"> 2233Datenübertragung von Telefon zu Telefon. 2234</div> 2235</a> 2236</li> 2237<li> 2238<a href="https://famisafe.wondershare.com/de/" target="_blank"> 2239<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2240FamiSafe 2241</div> 2242<div class="wsc-header2020-dropdownMenuBody-list-li-detail"> 2243App für Kindersicherung. 2244</div> 2245</a> 2246</li> 2247</ul> 2248</div> 2249</div> 2250</div> 2251</div> 2252<!-- sub-site-specific-itemæ ææ¯åç«ç¹æ --> 2253<div class="wsc-header2020-dropdownMenuBody-content-item sub-site-specific-item"> 2254<div class="wsc-header2020-dropdownMenuBody-content-title"> 2255Ãber Wondershare 2256</div> 2257<div class="wsc-header2020-dropdownMenuBody-content-box"> 2258<div class="wsc-header2020-dropdownMenuBody-item"> 2259<div class="wsc-header2020-dropdownMenuBody-box"> 2260<ul class="wsc-header2020-dropdownMenuBody-list"> 2261<li> 2262<a href="https://www.wondershare.de/business/enterprise.html" target="_blank"> 2263<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2264Business 2265</div> 2266</a> 2267</li> 2268<li> 2269<a href="https://www.wondershare.de/about/" target="_blank"> 2270<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2271Ãber uns 2272</div> 2273</a> 2274</li> 2275<li> 2276<a href="https://www.wondershare.de/news/" target="_blank"> 2277<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2278Presseraum 2279</div> 2280</a> 2281</li> 2282<li> 2283<a href="https://www.wondershare.de/shop/individuals.html" target="_blank"> 2284<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2285Shop 2286</div> 2287</a> 2288</li> 2289<li> 2290<a href="https://support.wondershare.de/" target="_blank"> 2291<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2292Support 2293</div> 2294</a> 2295</li> 2296</ul> 2297</div> 2298</div> 2299</div> 2300</div> 2301</div> 2302</div> 2303</div> 2304<div class="wsc-header2020-dropdown-learnMore"> 2305<a href="https://www.wondershare.de/shop/individuals.html" 2306class="d-inline-flex align-items-center"> 2307<span class="mr-2">Alle Produkte ansehen</span> 2308<svg width="7" height="9" viewBox="0 0 7 9" fill="none" xmlns="http://www.w3.org/2000/svg"> 2309<path d="M0.3125 8.39038L5.3125 4.39038L0.3125 0.390381" stroke="currentColor"/> 2310</svg> 2311</a> 2312</div> 2313</div> 2314</li> 2315<li class="wsc-header2020-navbar-dropdown wsc-header2020-navbar-dropdown-business"> 2316<nav class="wsc-header2020-navbarDropdown-toggle" aria-expanded="false"> 2317<span>Business</span> 2318<div class="wsc-header2020-dropdown-icon"> 2319<svg width="10" height="7" viewBox="0 0 10 7" fill="none" 2320xmlns="http://www.w3.org/2000/svg"> 2321<path d="M9 1L5 5L1 1" stroke="currentColor" stroke-width="2" 2322stroke-linecap="round" /> 2323</svg> 2324</div> 2325</nav> 2326<div class="wsc-header2020-navbarDropdown-menu"> 2327<div class="wsc-header2020-dropdownMenu-content"> 2328<div class="wsc-header2020-dropdownMenu-body"> 2329<div class="wsc-header2020-dropdownMenuBody-content"> 2330<div class="wsc-header2020-dropdownMenuBody-content-item specific-item"> 2331<div class="wsc-header2020-dropdownMenuBody-content-title" trigger-lv2-popup="false"> 2332Ãberblick 2333</div> 2334<div class="wsc-header2020-dropdownMenuBody-content-box"> 2335<div class="wsc-header2020-dropdownMenuBody-item"> 2336<div class="wsc-header2020-dropdownMenuBody-box"> 2337<nav class="wsc-header2020-dropdownMenuBody-title d-none" lv2-popup-tab="false"> 2338Ãberblick 2339</nav> 2340<ul class="wsc-header2020-dropdownMenuBody-list"> 2341<li> 2342<a href="https://www.wondershare.de/business/enterprise.html" target="_blank"> 2343<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2344Enterprise 2345</div> 2346</a> 2347</li> 2348<li> 2349<a href="https://www.wondershare.de/business/education.html" target="_blank"> 2350<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2351Education 2352</div> 2353</a> 2354</li> 2355<li> 2356<a href="https://www.wondershare.de/business/resellers.html" target="_blank"> 2357<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2358Partners 2359</div> 2360</a> 2361</li> 2362<li> 2363<a href="https://www.wondershare.de/business/affiliate.html" target="_blank"> 2364<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2365Affiliate 2366</div> 2367</a> 2368</li> 2369<li> 2370<a href="https://www.wondershare.de/business/resources.html" target="_blank"> 2371<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2372Ressourcen 2373</div> 2374</a> 2375</li> 2376</ul> 2377</div> 2378</div> 2379</div> 2380</div> 2381<div class="wsc-header2020-dropdownMenuBody-content-item"> 2382<div class="wsc-header2020-dropdownMenuBody-content-title" trigger-lv2-popup="false"> 2383Lösungen 2384</div> 2385<div class="wsc-header2020-dropdownMenuBody-content-box"> 2386<div class="wsc-header2020-dropdownMenuBody-item"> 2387<div class="wsc-header2020-dropdownMenuBody-box"> 2388<nav class="wsc-header2020-dropdownMenuBody-title" lv2-popup-tab="false"> 2389PDF-Lösungen 2390</nav> 2391<ul class="wsc-header2020-dropdownMenuBody-list"> 2392<li> 2393<a href="https://pdf.wondershare.de/business/" target="_blank"> 2394<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2395PDFelement 2396</div> 2397</a> 2398</li> 2399</ul> 2400</div> 2401</div> 2402<div class="wsc-header2020-dropdownMenuBody-item"> 2403<div class="wsc-header2020-dropdownMenuBody-box"> 2404<nav class="wsc-header2020-dropdownMenuBody-title" lv2-popup-tab="false"> 2405Diagramme & Grafik 2406</nav> 2407<ul class="wsc-header2020-dropdownMenuBody-list"> 2408<li> 2409<a href="https://www.edrawsoft.com/de/store/edrawmind-business.html" target="_blank"> 2410<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2411EdrawMind 2412</div> 2413</a> 2414</li> 2415<li> 2416<a href="https://www.edrawsoft.com/de/store/business.html" target="_blank"> 2417<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2418EdrawMax 2419</div> 2420</a> 2421</li> 2422</ul> 2423</div> 2424</div> 2425<div class="wsc-header2020-dropdownMenuBody-item"> 2426<div class="wsc-header2020-dropdownMenuBody-box"> 2427<nav class="wsc-header2020-dropdownMenuBody-title" lv2-popup-tab="false"> 2428Videokreativität 2429</nav> 2430<ul class="wsc-header2020-dropdownMenuBody-list"> 2431<li> 2432<a href="https://filmora.wondershare.de/shop/buy/buy-video-editor-business.html" target="_blank"> 2433<div class="wsc-header2020-dropdownMenuBody-list-li-title">
2434Filmora 2435</div> 2436</a> 2437</li> 2438<li> 2439<a href="https://uniconverter.wondershare.de/store/business.html" target="_blank"> 2440<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2441UniConverter 2442</div> 2443</a> 2444</li> 2445<li> 2446<a href="https://dc.wondershare.de/store/business.html" target="_blank"> 2447<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2448DemoCreator 2449</div> 2450</a> 2451</li> 2452</ul> 2453</div> 2454</div> 2455<div class="wsc-header2020-dropdownMenuBody-item"> 2456<div class="wsc-header2020-dropdownMenuBody-box"> 2457<nav class="wsc-header2020-dropdownMenuBody-title" lv2-popup-tab="false"> 2458Dienstprogramme 2459</nav> 2460<ul class="wsc-header2020-dropdownMenuBody-list"> 2461<li> 2462<a href="https://drfone.wondershare.de/business/volume-license.html" target="_blank"> 2463<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2464Dr.Fone 2465</div> 2466</a> 2467</li> 2468<li> 2469<a href="https://recoverit.wondershare.de/buy/business.html" target="_blank"> 2470<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2471Recoverit 2472</div> 2473</a> 2474</li> 2475<li> 2476<a href="https://mobiletrans.wondershare.com/de/buy/pricing-for-business.html" target="_blank"> 2477<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2478MobileTrans 2479</div> 2480</a> 2481</li> 2482</ul> 2483</div> 2484</div> 2485</div> 2486</div> 2487</div> 2488</div> 2489</div> 2490</div> 2491</li> 2492<li class="wsc-header2020-navbar-dropdown wsc-header2020-navbar-dropdown-about"> 2493<nav class="wsc-header2020-navbarDropdown-toggle" aria-expanded="false" trigger-lv2-popup="false"> 2494<span>Ãber uns</span> 2495<div class="wsc-header2020-dropdown-icon"> 2496<svg width="10" height="7" viewBox="0 0 10 7" fill="none" 2497xmlns="http://www.w3.org/2000/svg"> 2498<path d="M9 1L5 5L1 1" stroke="currentColor" stroke-width="2" 2499stroke-linecap="round" /> 2500</svg> 2501</div> 2502</nav> 2503<div class="wsc-header2020-navbarDropdown-menu"> 2504<div class="wsc-header2020-dropdownMenu-content"> 2505<div class="wsc-header2020-dropdownMenu-body"> 2506<div class="wsc-header2020-dropdownMenuBody-content"> 2507<div class="wsc-header2020-dropdownMenuBody-content-item specific-item"> 2508<div class="wsc-header2020-dropdownMenuBody-content-title d-none" lv2-popup-tab="false"> 2509Ãber uns 2510</div> 2511<div class="wsc-header2020-dropdownMenuBody-content-box"> 2512<div class="wsc-header2020-dropdownMenuBody-item"> 2513<div class="wsc-header2020-dropdownMenuBody-box"> 2514<ul class="wsc-header2020-dropdownMenuBody-list"> 2515<li> 2516<a href="https://www.wondershare.de/about/" target="_blank"> 2517<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2518Ãber uns 2519</div> 2520</a> 2521</li> 2522<li> 2523<a href="https://www.wondershare.de/about/our-story.html" target="_blank"> 2524<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2525Unsere Geschichte 2526</div> 2527</a> 2528</li> 2529<li> 2530<a href="https://www.wondershare.de/about/careers.html" target="_blank"> 2531<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2532Karriere 2533</div> 2534</a> 2535</li> 2536<li> 2537<a href="https://www.wondershare.de/about/contact-us.html" target="_blank"> 2538<div class="wsc-header2020-dropdownMenuBody-list-li-title"> 2539Kontakt 2540</div> 2541</a> 2542</li> 2543</ul> 2544</div> 2545</div> 2546</div> 2547</div> 2548</div> 2549</div> 2550</div> 2551</div> 2552</li> 2553<li class="wsc-header2020-navbar-item"><a class="wsc-header2020-navbar-link" 2554href="https://www.wondershare.de/news/" target="_blank">Presseraum</a></li> 2555<li class="wsc-header2020-navbar-item"><a class="wsc-header2020-navbar-link" 2556href="https://www.wondershare.de/shop/individuals.html" target="_blank">Shop</a></li> 2557<li class="wsc-header2020-navbar-item"><a class="wsc-header2020-navbar-link" 2558href="https://support.wondershare.de/" target="_blank">Support</a></li> 2559 <li class="wsc-header2020-navbar-item wondershare-user-panel log-out"> 2560 <a data-href="https://accounts.wondershare.de/" data-source="" class="wsc-header2020-navbar-linkBtn login-link" style="background-color: #006dff;color: #fff;font-weight: 600;border-radius: 4px;">Anmelden</a> 2561 </li> 2562 <li class="wsc-header2020-navbar-item wondershare-user-panel log-in" > 2563 <img class="avatar" src="https://images.wondershare.com/images2020/avatar-default.png" width="30" height="30" alt="avatar"> 2564 2565 <div class="ws-user-panel-dropdown" >
2566 <span class="ws-dropdown-item account_name" ></span> 2567 <a class="ws-dropdown-item account_url" >Konto-Center</a> 2568 <a class="ws-dropdown-item account_url_sign_out" >Abmelden</a> 2569 </div> 2570 </li> 2571 <li class="wsc-header2020-navbar-item wsc-header2020-navbar-item-search"> 2572 <div class="d-flex align-items-center px-xl-2"> 2573 <a class="wsc-header2020-navbar-link px-xl-0" href="https://www.wondershare.de/search.html" target="_blank"> 2574 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 2575 <path d="M21.3562 20.4118L26.9445 26M23.5915 14.8235C23.5915 19.1444 20.0888 22.6471 15.768 22.6471C11.4472 22.6471 7.94446 19.1444 7.94446 14.8235C7.94446 10.5027 11.4472 7 15.768 7C20.0888 7 23.5915 10.5027 23.5915 14.8235Z" stroke="black" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round"/> 2576 </svg> 2577 <span class="wsc-header2020-navbar-item-search-text d-xl-none">Suchen</span> 2578 </a> 2579 </div> 2580 </li> 2581 </ul> 2582 </div> 2583 </div> 2584 </div> 2585 </nav> 2586 </header> 2587<main id="wsc-main" class="wsc-main px-0" style="overflow: visible;"> 2588 <section class="part-banner position-relative text-center pt-md-5 pt-4"> 2589 <div class="container-all pt-md-3 pt-1"> 2590 <div class="m-padding-x-24"> 2591 <h1 class="font-weight-bold display-1 mb-md-3 mb-2 pb-md-0 pb-1">KI-gestützte Kreativtools für Video-,<br class="d-xl-block d-none"> Bild- und Medien-Workflows</h1> 2592 <p class="font-size-huge font-weight-md-bold mb-md-5 mb-4">Erstellen, bearbeiten, optimieren, konvertieren und restaurieren Sie Inhalte mit<br class="d-xl-block d-none"> dem globalen, KI-gestützten Kreativ-Ökosystem von Wondershare.</p> 2593 </div> 2594 <div class="video-container rounded-24"> 2595 <!-- é«ä¼å 级 LCP å¾çï¼ååºå¼å è½½ï¼è§é¢ææ¾åéè - ç§»å¨ç«¯ä¼å ä½¿ç¨ WebP --> 2596 <picture style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;"> 2597 <source media="(max-width: 767px)" srcset="https://images.wondershare.com/images2026/overview/part-banner-video1-bg-m.jpg"> 2598 <img src="https://images.wondershare.com/images2026/overview/part-banner-video1-bg.jpg" fetchpriority="high" alt="ä¸å ´ç§æ" style="width:100%;height:100%;object-fit:cover;" onload="var v=this.closest('.video-container').querySelector('video');v.addEventListener('playing',function(){var p=this.closest('.video-container').querySelector('picture');if(p)p.style.display='none'})"> 2599 </picture> 2600 <video preload="none" muted="" loop="" webkit-playsinline="" playsinline="true" class="banner-video"></video> 2601 </div> 2602 </div> 2603 </section> 2604 <section class="part-ai-powered"> 2605 <div class="container-all"> 2606 <div class="d-flex flex-xl-row flex-column justify-content-between align-items-center text-xl-left text-center mb-xl-5 mb-3 pb-md-0 pb-3" data-aos="fade-up"> 2607 <h2 class="font-size-80 line-height-100 mb-xl-0 mb-2 pb-md-0 pb-1">KI-gestützte<br class="d-md-none d-block"> Produkte</h2> 2608 <p class="font-size-large mb-0">Entdecken Sie eine vielfältige Auswahl an Lösungen für die Erstellung<br class="d-md-none d-block"> von Inhalten, die Erstellung von<br class="d-xl-block d-none"> Diagrammen, das Erstellen von Prototypen, die Dateireparatur,<br class="d-md-none d-block"> die Datenwiederherstellung und vieles mehr.</p> 2609 </div> 2610 <div class="row my-n10"> 2611 <div class="col-xl-6 py-10" data-aos="fade-up" data-aos-duration="800" data-aos-delay="200"> 2612 <div class="part-ai-powered-item rounded-24 overflow-hidden"> 2613 <a href="https://filmora.wondershare.de/" target="_blank" class="video-container rounded-24 d-block" style="--ratio:calc(524 / 930 * 100%)"> 2614 <video data-src="https://www.wondershare.com/videos/videos2026/overview/part-ai-powered-filmora.mp4" data-poster="https://images.wondershare.com/images2026/overview/part-ai-powered-filmora-bg.jpg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" class="lazy-video"></video>
2615 <div class="part-ai-powered-item-text-content"> 2616 <div class="w-100 d-flex align-items-center justify-content-between"> 2617 <img src="https://neveragain.allstatics.com/2019/assets/icon/logo/filmora-horizontal-white.svg" style="width: auto;height: 2.5rem;" alt="ws"> 2618 <div class="go-icon"></div> 2619 </div> 2620 </div> 2621 </a> 2622 <div class="text-content"> 2623 <div class="d-md-none d-flex justify-content-between align-items-center mb-4 pb-1"> 2624 <img src="https://neveragain.allstatics.com/2019/assets/icon/logo/filmora-horizontal.svg" style="width: auto;height: 2rem;" alt="ws"> 2625 <div class="part-ai-powered-item-supports d-flex align-items-center"> 2626 <div class="part-ai-powered-item-support-icon support-pc"></div> 2627 <div class="part-ai-powered-item-support-icon support-phone"></div> 2628 <div class="part-ai-powered-item-support-icon support-ipad"></div> 2629 </div> 2630 </div> 2631 <p class="font-size-normal font-weight-bold opacity-6 mb-2">KI-Video-Editor</p> 2632 <h3 class="font-size-super font-weight-bold mb-md-2 mb-3 pb-md-1">Bearbeiten Sie außergewöhnliche Videos auf intelligentere Weise.</h3> 2633 <div class="d-flex flex-md-row flex-column justify-content-between align-items-md-center"> 2634 <div class="part-ai-powered-item-tags d-flex align-items-center mb-md-0 mb-3"> 2635 <div class="font-size-tiny font-weight-bold rounded-8"> KI Bild zu Video </div> 2636 <div class="font-size-tiny font-weight-bold rounded-8"> KI Audio zu Video </div> 2637 <div class="font-size-tiny font-weight-bold rounded-8"> KI-Musik Generator </div> 2638 <div class="font-size-tiny font-weight-bold rounded-8"> Intelligente kurze Clips </div> 2639 </div> 2640 <div class="part-ai-powered-item-supports d-md-flex d-none align-items-center"> 2641 <div class="part-ai-powered-item-support-icon support-pc"></div> 2642 <div class="part-ai-powered-item-support-icon support-phone"></div> 2643 <div class="part-ai-powered-item-support-icon support-ipad"></div> 2644 </div> 2645 <div class="d-md-none d-block text-center"> 2646 <a href="https://filmora.wondershare.de/" target="_blank" class="btn btn-black">Mehr erfahren ></a> 2647 </div> 2648 </div> 2649 </div> 2650 </div> 2651 </div> 2652 <div class="col-xl-6 py-10" data-aos="fade-up" data-aos-duration="800" data-aos-delay="400"> 2653 <div class="part-ai-powered-item rounded-24 overflow-hidden"> 2654 <a href="https://uniconverter.wondershare.de/" target="_blank" class="video-container rounded-24 d-block" style="--ratio:calc(524 / 930 * 100%)"> 2655 <video data-src="https://www.wondershare.com/videos/videos2026/overview/part-ai-powered-uniconverter.mp4" data-poster="https://images.wondershare.com/images2026/overview/part-ai-powered-uniconverter-bg.jpg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" class="lazy-video"></video> 2656 <div class="part-ai-powered-item-text-content"> 2657 <div class="w-100 d-flex align-items-center justify-content-between"> 2658 <img src="https://neveragain.allstatics.com/2019/assets/icon/logo/uniconverter-horizontal-white.svg" style="width: auto;height: 2.5rem;" alt="ws"> 2659 <div class="go-icon"></div> 2660 </div> 2661 </div> 2662 </a> 2663 <div class="text-content"> 2664 <div class="d-md-none d-flex justify-content-between align-items-center mb-4 pb-1"> 2665 <img src="https://neveragain.allstatics.com/2019/assets/icon/logo/uniconverter-horizontal.svg" style="width: auto;height: 2rem;" alt="ws">
2666 <div class="part-ai-powered-item-supports d-flex align-items-center"> 2667 <div class="part-ai-powered-item-support-icon support-pc"></div> 2668 <div class="part-ai-powered-item-support-icon support-web"></div> 2669 </div> 2670 </div> 2671 <p class="font-size-normal font-weight-bold opacity-6 mb-2">Neudefinition der Videokonvertierung</p> 2672 <h3 class="font-size-super font-weight-bold mb-md-2 mb-3 pb-md-1">Entfalten Sie das Potenzial Ihrer Medien mit KI für Audio, Video und Bilder.</h3> 2673 <div class="d-flex flex-md-row flex-column justify-content-between align-items-md-center"> 2674 <div class="part-ai-powered-item-tags d-flex align-items-center mb-md-0 mb-3"> 2675 <div class="font-size-tiny font-weight-bold rounded-8"> Videokonvertierung </div> 2676 <div class="font-size-tiny font-weight-bold rounded-8"> Videokompressor </div> 2677 <div class="font-size-tiny font-weight-bold rounded-8"> KI-Video-Verbesserer </div> 2678 <div class="font-size-tiny font-weight-bold rounded-8"> Gesangsentferner </div> 2679 </div> 2680 <div class="part-ai-powered-item-supports d-md-flex d-none align-items-center"> 2681 <div class="part-ai-powered-item-support-icon support-pc"></div> 2682 <div class="part-ai-powered-item-support-icon support-web"></div> 2683 </div> 2684 <div class="d-md-none d-block text-center"> 2685 <a href="https://uniconverter.wondershare.de/" target="_blank" class="btn btn-black">Mehr erfahren ></a> 2686 </div> 2687 </div> 2688 </div> 2689 </div> 2690 </div> 2691 <div class="col-xl-6 py-10" data-aos="fade-up" data-aos-duration="800" data-aos-delay="600"> 2692 <div class="part-ai-powered-item rounded-24 overflow-hidden"> 2693 <a href="https://www.tomoviee.ai/" target="_blank" class="video-container rounded-24 d-block" style="--ratio:calc(524 / 930 * 100%)"> 2694 <video data-src="https://www.wondershare.com/videos/videos2026/overview/part-ai-powered-tomoviee.mp4" data-poster="https://images.wondershare.com/images2026/overview/part-ai-powered-tomoviee-bg.jpg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" class="lazy-video"></video> 2695 <div class="part-ai-powered-item-text-content"> 2696 <div class="w-100 d-flex align-items-center justify-content-between"> 2697 <img src="https://neveragain.allstatics.com/2019/assets/icon/logo/tomoviee-ai-horizontal-white.svg" style="width: auto;height: 2.5rem;" alt="ws"> 2698 <div class="go-icon"></div> 2699 </div> 2700 </div> 2701 </a> 2702 <div class="text-content"> 2703 <div class="d-md-none d-flex justify-content-between align-items-center mb-4 pb-1"> 2704 <img src="https://neveragain.allstatics.com/2019/assets/icon/logo/tomoviee-ai-horizontal.svg" style="width: auto;height: 1.5rem;" alt="ws"> 2705 <div class="part-ai-powered-item-supports d-flex align-items-center"> 2706 <div class="part-ai-powered-item-support-icon support-phone"></div> 2707 <div class="part-ai-powered-item-support-icon support-web"></div> 2708 </div> 2709 </div> 2710 <p class="font-size-normal font-weight-bold opacity-6 mb-2">KI-Generierungsstudio</p> 2711 <h3 class="font-size-super font-weight-bold mb-md-2 mb-3 pb-md-1">Von der Fantasie zur Verwirklichung.</h3> 2712 <div class="d-flex flex-md-row flex-column justify-content-between align-items-md-center"> 2713 <div class="part-ai-powered-item-tags d-flex align-items-center mb-md-0 mb-3"> 2714 <div class="font-size-tiny font-weight-bold rounded-8"> Video-Extender </div> 2715 <div class="font-size-tiny font-weight-bold rounded-8"> Bild zu Bild </div> 2716 <div class="font-size-tiny font-weight-bold rounded-8"> Teilweise Überarbeitung </div> 2717 </div>
2718 <div class="part-ai-powered-item-supports d-md-flex d-none align-items-center"> 2719 <div class="part-ai-powered-item-support-icon support-phone"></div> 2720 <div class="part-ai-powered-item-support-icon support-web"></div> 2721 </div> 2722 <div class="d-md-none d-block text-center"> 2723 <a href="https://www.tomoviee.ai/" target="_blank" class="btn btn-black">Mehr erfahren ></a> 2724 </div> 2725 </div> 2726 </div> 2727 </div> 2728 </div> 2729 <div class="col-xl-6 py-10" data-aos="fade-up" data-aos-duration="800" data-aos-delay="800"> 2730 <div class="part-ai-powered-item rounded-24 overflow-hidden"> 2731 <a href="https://www.media.io/" target="_blank" class="video-container rounded-24 d-block" style="--ratio:calc(524 / 930 * 100%)"> 2732 <video data-src="https://www.wondershare.com/videos/videos2026/overview/part-ai-powered-media.mp4" data-poster="https://images.wondershare.com/images2026/overview/part-ai-powered-media-bg.jpg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" class="lazy-video"></video> 2733 <div class="part-ai-powered-item-text-content"> 2734 <div class="w-100 d-flex align-items-center justify-content-between"> 2735 <img src="https://neveragain.allstatics.com/2019/assets/icon/logo/media-io-horizontal-white.svg" style="width: auto;height: 2.5rem;" alt="ws"> 2736 <div class="go-icon"></div> 2737 </div> 2738 </div> 2739 </a> 2740 <div class="text-content"> 2741 <div class="d-md-none d-flex justify-content-between align-items-center mb-4 pb-1"> 2742 <img src="https://neveragain.allstatics.com/2019/assets/icon/logo/media-io-horizontal.svg" style="width: auto;height: 2rem;" alt="ws"> 2743 <div class="part-ai-powered-item-supports d-flex align-items-center"> 2744 <div class="part-ai-powered-item-support-icon support-web"></div> 2745 </div> 2746 </div> 2747 <p class="font-size-normal font-weight-bold opacity-6 mb-2">Online KI Studio</p> 2748 <h3 class="font-size-super font-weight-bold mb-md-2 mb-3 pb-md-1">All-in-One-Plattform für KI-gestützte Kreativarbeit.</h3> 2749 <div class="d-flex flex-md-row flex-column justify-content-between align-items-md-center"> 2750 <div class="part-ai-powered-item-tags d-flex align-items-center mb-md-0 mb-3"> 2751 <div class="font-size-tiny font-weight-bold rounded-8"> Bild zu Video </div> 2752 <div class="font-size-tiny font-weight-bold rounded-8"> Bewegungssteuerung </div> 2753 <div class="font-size-tiny font-weight-bold rounded-8"> KI-Charakter </div> 2754 </div> 2755 <div class="part-ai-powered-item-supports d-md-flex d-none align-items-center"> 2756 <div class="part-ai-powered-item-support-icon support-web"></div> 2757 </div> 2758 <div class="d-md-none d-block text-center"> 2759 <a href="https://www.media.io/" target="_blank" class="btn btn-black">Mehr erfahren ></a> 2760 </div> 2761 </div> 2762 </div> 2763 </div> 2764 </div> 2765 <div class="col-xl-6 py-10" data-aos="fade-up" data-aos-duration="800" data-aos-delay="1000"> 2766 <div class="part-ai-powered-item rounded-24 overflow-hidden"> 2767 <a href="https://recoverit.wondershare.de/repairit-app.html" target="_blank" class="video-container rounded-24 d-block" style="--ratio:calc(524 / 930 * 100%)"> 2768 <video data-src="https://www.wondershare.com/videos/videos2026/overview/part-ai-powered-relumi.mp4" data-poster="https://images.wondershare.com/images2026/overview/part-ai-powered-relumi-bg.jpg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" class="lazy-video"></video>
2769 <div class="part-ai-powered-item-text-content"> 2770 <div class="w-100 d-flex align-items-center justify-content-between"> 2771 <img src="https://neveragain.allstatics.com/2019/assets/icon/logo/relumi-horizontal-white.svg" style="width: auto;height: 2.5rem;" alt="ws"> 2772 <div class="go-icon"></div> 2773 </div> 2774 </div> 2775 </a> 2776 <div class="text-content"> 2777 <div class="d-md-none d-flex justify-content-between align-items-center mb-4 pb-1"> 2778 <img src="https://neveragain.allstatics.com/2019/assets/icon/logo/relumi-horizontal.svg" style="width: auto;height: 2rem;" alt="ws"> 2779 <div class="part-ai-powered-item-supports d-flex align-items-center"> 2780 <div class="part-ai-powered-item-support-icon support-phone"></div> 2781 </div> 2782 </div> 2783 <p class="font-size-normal font-weight-bold opacity-6 mb-2">Mobiler KI-Fotoverbesserer</p> 2784 <h3 class="font-size-super font-weight-bold mb-md-2 mb-3 pb-md-1">Erneut aufnehmen. Animieren. KI Foto erstellen.</h3> 2785 <div class="d-flex flex-md-row flex-column justify-content-between align-items-md-center"> 2786 <div class="part-ai-powered-item-tags d-flex align-items-center mb-md-0 mb-3"> 2787 <div class="font-size-tiny font-weight-bold rounded-8"> Erneute Aufnahme mit KI </div> 2788 <div class="font-size-tiny font-weight-bold rounded-8"> Fotoanimierung </div> 2789 <div class="font-size-tiny font-weight-bold rounded-8"> Fotokorrektur </div> 2790 </div> 2791 <div class="part-ai-powered-item-supports d-md-flex d-none align-items-center"> 2792 <div class="part-ai-powered-item-support-icon support-phone"></div> 2793 </div> 2794 </div> 2795 <div class="d-md-none d-block text-center"> 2796 <a href="https://recoverit.wondershare.de/repairit-app.html" target="_blank" class="btn btn-black">Mehr erfahren ></a> 2797 </div> 2798 </div> 2799 </div> 2800 </div> 2801 <div class="col-xl-6 py-10" data-aos="fade-up" data-aos-duration="800" data-aos-delay="1200"> 2802 <div class="part-ai-powered-item rounded-24 overflow-hidden"> 2803 <a href="https://recoverit.wondershare.de/video-repair-tool.html" target="_blank" class="video-container rounded-24 d-block" style="--ratio:calc(524 / 930 * 100%)"> 2804 <video data-src="https://www.wondershare.com/videos/videos2026/overview/part-ai-powered-repairit.mp4" data-poster="https://images.wondershare.com/images2026/overview/part-ai-powered-repairit-bg.jpg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" class="lazy-video"></video> 2805 <div class="part-ai-powered-item-text-content"> 2806 <div class="w-100 d-flex align-items-center justify-content-between"> 2807 <img src="https://neveragain.allstatics.com/2019/assets/icon/logo/repairit-horizontal-white.svg" style="width: auto;height: 2.5rem;" alt="ws"> 2808 <div class="go-icon"></div> 2809 </div> 2810 </div> 2811 </a> 2812 <div class="text-content"> 2813 <div class="d-md-none d-flex justify-content-between align-items-center mb-4 pb-1"> 2814 <img src="https://neveragain.allstatics.com/2019/assets/icon/logo/repairit-horizontal.svg" style="width: auto;height: 2rem;" alt="ws"> 2815 <div class="part-ai-powered-item-supports d-flex align-items-center"> 2816 <div class="part-ai-powered-item-support-icon support-pc"></div> 2817 <div class="part-ai-powered-item-support-icon support-web"></div> 2818 </div> 2819 </div> 2820 <p class="font-size-normal font-weight-bold opacity-6 mb-2">KI-gestützte Datenreparatur</p> 2821 <h3 class="font-size-super font-weight-bold mb-md-2 mb-3 pb-md-1">Reparieren Sie Ihre beschä
2821digten oder fehlerhaften Videos und Fotos.</h3> 2822 <div class="d-flex flex-md-row flex-column justify-content-between align-items-md-center"> 2823 <div class="part-ai-powered-item-tags d-flex align-items-center mb-md-0 mb-3"> 2824 <div class="font-size-tiny font-weight-bold rounded-8"> Videoreparatur </div> 2825 <div class="font-size-tiny font-weight-bold rounded-8"> Fotoreparatur </div> 2826 <div class="font-size-tiny font-weight-bold rounded-8"> Dateireparatur </div> 2827 </div> 2828 <div class="part-ai-powered-item-supports d-md-flex d-none align-items-center"> 2829 <div class="part-ai-powered-item-support-icon support-pc"></div> 2830 <div class="part-ai-powered-item-support-icon support-web"></div> 2831 </div> 2832 </div> 2833 <div class="d-md-none d-block text-center"> 2834 <a href="https://recoverit.wondershare.de/video-repair-tool.html" target="_blank" class="btn btn-black">Mehr erfahren ></a> 2835 </div> 2836 </div> 2837 </div> 2838 </div> 2839 </div> 2840 </div> 2841 </section> 2842 <section class="part-ai-features"> 2843 <div class="mb-xl-5 mb-4 pb-xl-5" data-aos="fade-up" data-aos-duration="800"> 2844 <h2 class="font-size-180 line-height-100 mb-0 pl-md-3 ml-md-3 text-md-left text-center">KI-Funktionen</h2> 2845 </div> 2846 <div class="function-swiper-m function-swiper1-m"> 2847 <div class="ai-features-list swiper-wrapper-m" data-aos="fade-up" data-aos-duration="800" data-aos-delay="200"> 2848 <a href="https://filmora.wondershare.de/ai-music-generator.html" target="_blank" class="part-ai-features-item d-flex align-items-xl-center flex-xl-row flex-column"> 2849 <div class="part-ai-features-item-left-box"> 2850 <div class="part-ai-features-item-left-box-icon-m music-icon"></div> 2851 <div class="ai-features-num font-size-super font-weight-bold line-height-100">01</div> 2852 <div class="ai-features-title-icon-box d-flex align-items-center justify-content-xl-between justify-content-center"> 2853 <div class="ai-features-title h1 font-weight-bold line-height-100 mb-0">KI Musik</div> 2854 <div class="part-ai-features-item-left-box-icon"></div> 2855 </div> 2856 </div> 2857 <div class="part-ai-features-item-right-box mt-xl-0 mt-3"> 2858 <div class="ai-features-desc font-size-normal">Erstellen Sie in Sekundenschnelle musikalische Meisterwerke verschiedener Genres und Stile für die kommerzielle Nutzung.</div> 2859 <div class="part-ai-features-item-right-box-wrapper"> 2860 <div class="part-ai-features-item-right-box-icon music-icon"></div> 2861 </div> 2862 <div class="btn btn-outline-black d-xl-none d-inline-block"> Mehr erfahren > </div> 2863 </div> 2864 </a> 2865 <a href="https://filmora.wondershare.de/video-editing/video-recognition-ai.html" target="_blank" class="part-ai-features-item d-flex align-items-xl-center flex-xl-row flex-column"> 2866 <div class="part-ai-features-item-left-box"> 2867 <div class="part-ai-features-item-left-box-icon-m learning-icon"></div> 2868 <div class="ai-features-num font-size-super font-weight-bold line-height-100">02</div> 2869 <div class="ai-features-title-icon-box d-flex align-items-center justify-content-xl-between justify-content-center"> 2870 <div class="ai-features-title h1 font-weight-bold line-height-100 mb-0">Deep Learning</div> 2871 <div class="part-ai-features-item-left-box-icon"></div> 2872 </div> 2873 </div> 2874 <div class="part-ai-features-item-right-box mt-xl-0 mt-3"> 2875 <div class="ai-features-desc font-size-normal">Deep Learning findet in verschiedenen Bereichen breite Anwendung, insbesondere bei der Videoerkennung und -bearbeitung.</div> 2876 <div class="part-ai-features-item-right-box-wrapper"> 2877 <div class="part-ai-features-item-right-box-icon learning-icon"></div> 2878 </div> 2879 <div class="btn btn-outline-black d-xl-none d-inline-block"> Mehr erfahren > </div> 2880 </div> 2881 </a> 2882 <a href="https://recoverit.wondershare.de/windows-computer-tips/ai-software-for-pc.html" target="_blank" class="part-ai-features-item d-flex align-items-xl-center flex-xl-row flex-column"> 2883 <div class="part-ai-features-item-left-box"> 2884 <div class="part-ai-features-item-left-box-icon-m security-icon"></div> 2885 <div class="ai-features-num font-size-super font-weight-bold line-height-100">03</div> 2886 <div class="ai-features-title-icon-box d-flex align-items-center justify-content-xl-between justify-content-center"> 2887 <div class="ai-features-title h1 font-weight-bold line-height-100 mb-0">KI Sicherheit</div> 2888 <div class="part-ai-features-item-left-box-icon"></div> 2889 </div> 2890 </div> 2891 <div class="part-ai-features-item-right-box mt-xl-0 mt-3"> 2892 <div class="ai-features-desc font-size-normal">KI spielt mittlerweile eine entscheidende Rolle in der Cybersicherheit. Entdecken Sie die besten KI-gestützten Sicherheitstools, die Sie kennen sollten.</div> 2893 <div class="part-ai-features-item-right-box-wrapper"> 2894 <div class="part-ai-features-item-right-box-icon security-icon"></div> 2895 </div> 2896 <div class="btn btn-outline-black d-xl-none d-inline-block"> Mehr erfahren > </div> 2897 </div> 2898 </a> 2899 <a href="https://filmora.wondershare.de/ai-features.html" target="_blank" class="part-ai-features-item d-flex align-items-xl-center flex-xl-row flex-column"> 2900 <div class="part-ai-features-item-left-box"> 2901 <div class="part-ai-features-item-left-box-icon-m camera-icon"></div> 2902 <div class="ai-features-num font-size-super font-weight-bold line-height-100">04</div> 2903 <div class="ai-features-title-icon-box d-flex align-items-center justify-content-xl-between justify-content-center"> 2904 <div class="ai-features-title h1 font-weight-bold line-height-100 mb-0">KI Videobearbeitung</div> 2905 <div class="part-ai-features-item-left-box-icon"></div> 2906 </div> 2907 </div> 2908 <div class="part-ai-features-item-right-box mt-xl-0 mt-3"> 2909 <div class="ai-features-desc font-size-normal">Wandeln Sie Text in ein Video oder ein Video in Text um und bearbeiten Sie es wie ein Dokument. Entfernen Sie Objekte in Bildern n
2909ach Belieben.</div> 2910 <div class="part-ai-features-item-right-box-wrapper"> 2911 <div class="part-ai-features-item-right-box-icon camera-icon"></div> 2912 </div> 2913 <div class="btn btn-outline-black d-xl-none d-inline-block"> Mehr erfahren > </div> 2914 </div> 2915 </a> 2916 <a href="https://filmora.wondershare.de/ai-copilot-editing.html" target="_blank" class="part-ai-features-item d-flex align-items-xl-center flex-xl-row flex-column"> 2917 <div class="part-ai-features-item-left-box"> 2918 <div class="part-ai-features-item-left-box-icon-m ai-icon"></div> 2919 <div class="ai-features-num font-size-super font-weight-bold line-height-100">05</div> 2920 <div class="ai-features-title-icon-box d-flex align-items-center justify-content-xl-between justify-content-center"> 2921 <div class="ai-features-title h1 font-weight-bold line-height-100 mb-0">KI Kumpel</div> 2922 <div class="part-ai-features-item-left-box-icon"></div> 2923 </div> 2924 </div> 2925 <div class="part-ai-features-item-right-box mt-xl-0 mt-3"> 2926 <div class="ai-features-desc font-size-normal">Der KI-Assistent ist der ideale Teamkollege, der Ihnen Live-Unterstützung bietet und Fehler in Echtzeit erkennt.</div> 2927 <div class="part-ai-features-item-right-box-wrapper"> 2928 <div class="part-ai-features-item-right-box-icon ai-icon"></div> 2929 </div> 2930 <div class="btn btn-outline-black d-xl-none d-inline-block"> Mehr erfahren > </div> 2931 </div> 2932 </a> 2933 </div> 2934 <div class="swiper-pagination"></div> 2935 </div> 2936 </section> 2937 <section class="part-enhancer"> 2938 <div class="d-xl-flex d-none justify-content-center" data-aos="fade-up" data-aos-duration="800"> 2939 <div class="nav" role="tablist"> 2940 <div class="nav-item active" id="step-1-tab" data-toggle="tab" data-target="#step-1" role="tab" aria-controls="step-1" aria-selected="true"> Videoverbesserer </div> 2941 <div class="nav-item" id="step-2-tab" data-toggle="tab" data-target="#step-2" role="tab" aria-controls="step-2" aria-selected="false"> Bildverbesserer </div> 2942 </div> 2943 </div> 2944 <div class="part-marquee overflow-hidden" data-aos="fade-up" data-aos-duration="800" data-aos-delay="200"> 2945 <div class="marquee"> 2946 <div class="marquee-item"> 2947 <div class="marquee-card"> Praktische Anwendungsbeispiele </div> 2948 <div class="marquee-card"> Praktische Anwendungsbeispiele </div> 2949 <div class="marquee-card"> Praktische Anwendungsbeispiele </div> 2950 <div class="marquee-card"> Praktische Anwendungsbeispiele </div> 2951 </div> 2952 2953 <div class="marquee-item"> 2954 <div class="marquee-card"> Praktische Anwendungsbeispiele </div> 2955 <div class="marquee-card"> Praktische Anwendungsbeispiele </div> 2956 <div class="marquee-card"> Praktische Anwendungsbeispiele </div> 2957 <div class="marquee-card"> Praktische Anwendungsbeispiele </div> 2958 </div> 2959 </div> 2960 </div> 2961 <div class="container-all" data-aos="fade-up" data-aos-duration="800" data-aos-delay="400"> 2962 <div class="tab-content"> 2963 <div class="tab-pane fade active show function-swiper-m function-swiper2-m" id="step-1" role="tabpanel" aria-labelledby="step-1-tab"> 2964 <div class="d-xl-none d-block part-enhancer-title-m"> Videoverbesserer </div> 2965 <div class="my-n10 swiper-wrapper-m"> 2966 <div class="py-10"> 2967 <div class="part-enhancer-item rounded-24 overflow-hidden"> 2968 <div class="part-enhancer-item-left-box"> 2969 <div class="part-enhancer-item-left-box-content"> 2970 <h3 class="display-3 font-weight-bold mb-0">Content Creator und Social Media Vlogger</h3> 2971 <div class="line-box"></div> 2972 <div class="font-size-large font-weight-bold mb-md-4 mb-3 pb-md-0 pb-1"> Steigern Sie die Attraktivität Ihrer Inhalte und erstellen Sie schnell hochwertige Grafiken oder kurze Videos, ohne dabei an Anziehungskraft und Wirkung einzubüßen. </div> 2973 <div class="tag-box-wrapper mb-md-4 mb-3">
2973 <a href="https://filmora.wondershare.de/ai-image-to-video.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> KI Bild zu Video </a> <a href="https://filmora.wondershare.de/long-video-to-short-video.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> Intelligente kurze Clips </a> <a href="https://filmora.wondershare.de/text-to-speech.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> TTS/STT </a> </div> 2974 <p class="font-size-small opacity-7 mb-0"> Ganz gleich, ob Sie tägliche Vlogs drehen, Storyboards entwerfen, Markenbilder erstellen oder verlorene Mediendateien wiederherstellen, diese Tools helfen Ihnen dabei, jeden Schritt Ihres Workflows zu optimieren. Sie sind ideal für Content-Ersteller und Social-Media-Vlogger und ermöglichen eine schnellere Bearbeitung, eine übersichtlichere Planung, eine reibungslosere Prototypenerstellung sowie eine zuverlässige Dateiverwaltung â damit Sie sich ganz auf die Erstellung ansprechender, hochwertiger Inhalte konzentrieren können. </p> 2975 </div> 2976 </div> 2977 <div class="part-enhancer-item-right-box"> 2978 <div class="video-container rounded-24" style="--ratio:calc(720 / 1280 * 100%)"> 2979 <video data-src="https://www.wondershare.com/videos/videos2026/overview/part-enhancer-video1-1.mp4" data-poster="https://images.wondershare.com/images2026/overview/part-enhancer-video1-1-bg.jpg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" class="lazy-video"></video> 2980 </div> 2981 </div> 2982 </div> 2983 </div> 2984 <div class="py-10"> 2985 <div class="part-enhancer-item rounded-24 overflow-hidden"> 2986 <div class="part-enhancer-item-left-box"> 2987 <div class="part-enhancer-item-left-box-content"> 2988 <h3 class="display-3 font-weight-bold mb-0">Pädagogen und Schulungsleiter</h3> 2989 <div class="line-box"></div> 2990 <div class="font-size-large font-weight-bold mb-md-4 mb-3 pb-md-0 pb-1"> Erstellen Sie auf effiziente Weise ansprechende Videos für Bildungs-, Schulungs- oder Werbezwecke. </div> 2991 <div class="tag-box-wrapper mb-md-4 mb-3"> <a href="https://uniconverter.wondershare.de/ai-video-enhancer.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> KI Videoverbesserer </a> <a href="https://uniconverter.wondershare.de/record-video.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> Bildschirmaufnahme </a> <a href="https://www.media.io/ai/de/ai-character" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> KI Avatar </a> </div> 2992 <p class="font-size-small opacity-7 mb-0"> Diese Lösung eignet sich ideal für Lehrkräfte, Unternehmensschulungsleiter und Kursentwickler und hilft dabei, Unterrichtspläne, Einführungsmaterialien, Produktwissen und Workshop-Inhalte innerhalb weniger Minuten in professionell gestaltete Videos umzuwandeln. Bieten Sie anschauliche Erklärungen, ein einheitliches Markenbild und interaktive Lernerfahrungen, die die Aufmerksamkeit fesseln, den Wissenserhalt verbessern und sowohl den Präsenzunterricht als auch Fernschulungen in großem Umfang unterstützen. </p> 2993 </div> 2994 </div> 2995 <div class="part-enhancer-item-right-box"> 2996 <div class="video-container rounded-24" style="--ratio:calc(720 / 1280 * 100%)"> 2997 <video data-src="https://www.wondershare.com/videos/videos2026/overview/part-enhancer-video1-2.mp4" data-poster="https://images.wondershare.com/images2026/overview/part-enhancer-video1-2-bg.jpg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" class="lazy-video"></video> 2998 </div> 2999 </div> 3000 </div> 3001 </div> 3002 <div class="py-10"> 3003 <div class="part-enhancer-item rounded-24 overflow-hidden"> 3004 <div class="part-enhancer-item-left-box"> 3005 <div class="part-enhancer-item-left-box-content"> 3006 <h3 class="display-3 font-weight-bold mb-0">Vermarkter und Marken-Promotor </h3> 3007 <div class="line-box"></div> 3008 <div class="font-size-large font-weight-bold mb-md-4 mb-3 pb-md-0 pb-1"> Erstellen Sie ganz einfach hochwertige, markengerechte Werbematerialien, um sich auf dem Markt abzuheben und dabei stets professionell zu wirken. </
3008div> 3009 <div class="tag-box-wrapper mb-md-4 mb-3"> <a href="https://filmora.wondershare.de/ai-music-generator.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> KI Musik Generator </a> <a href="https://filmora.wondershare.de/audio-to-video.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> KI Audio zu Video </a> <a href="https://www.media.io/de/video-watermark-remover.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> Wasserzeichenentferner </a> </div> 3010 <p class="font-size-small opacity-7 mb-0"> Diese Lösung eignet sich ideal für Vermarkter, Markenmanager und Werbeteams und unterstützt Sie bei der Erstellung professioneller Kampagnenvideos, Produktvorstellungen, Social-Media-Anzeigen und Veranstaltungswerbung mit einheitlicher Markenidentität. Passen Sie Inhalte schnell an verschiedene Kanäle an, sprechen Sie Ihre Zielgruppen effektiver an und bewahren Sie ein professionelles Erscheinungsbild, während Sie gleichzeitig die Produktion von Inhalten für Produkteinführungen, saisonale Kampagnen und den täglichen Marketingbedarf beschleunigen. </p> 3011 </div> 3012 </div> 3013 <div class="part-enhancer-item-right-box"> 3014 <div class="video-container rounded-24" style="--ratio:calc(720 / 1280 * 100%)"> 3015 <video data-src="https://www.wondershare.com/videos/videos2026/overview/part-enhancer-video1-3.mp4" data-poster="https://images.wondershare.com/images2026/overview/part-enhancer-video1-3-bg.jpg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" class="lazy-video"></video> 3016 </div> 3017 </div> 3018 </div> 3019 </div> 3020 <div class="py-10"> 3021 <div class="part-enhancer-item rounded-24 overflow-hidden"> 3022 <div class="part-enhancer-item-left-box"> 3023 <div class="part-enhancer-item-left-box-content"> 3024 <h3 class="display-3 font-weight-bold mb-0">Erfahrene Video-Editoren und Digitalkreative</h3> 3025 <div class="line-box"></div> 3026 <div class="font-size-large font-weight-bold mb-md-4 mb-3 pb-md-0 pb-1"> So können sich Produzenten auf die kreative Arbeit konzentrieren, während technische Aufgaben wie die Aufbereitung von Material mit niedriger Auflösung und die Szenenschnittarbeit automatisiert werden. </div> 3027 <div class="tag-box-wrapper mb-md-4 mb-3"> <a href="https://filmora.wondershare.de/multicam-editing.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> Mehrkamerabearbeitung </a> <a href="https://filmora.wondershare.de/smart-scene-cut.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> Intelligenter Szenenausschnitt </a> <!--<a href="https://videoconverter.wondershare.com/video-convert.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> Videokonvertierung </a>--> </div> 3028 <p class="font-size-small opacity-7 mb-0"> Diese Lösung wurde für professionelleVideo-Editoren, Postproduktionsteams und Kreative im digitalen Bereich entwickelt und rationalisiert anspruchsvolle Workflows durch die Automatisierung zeitaufwändiger Aufgaben wie die Verbesserung von Filmmaterial, die Verfeinerung von Szenen und die Qualitätsoptimierung. Dadurch müssen Kreative weniger Zeit für technische Korrekturen aufwenden und haben mehr Zeit, um das visuelle Storytelling zu gestalten, Konzepte zu verfeinern und herausragende, hochwertige Inhalte schneller zu liefern. </p> 3029 </div> 3030 </div> 3031 <div class="part-enhancer-item-right-box"> 3032 <div class="video-container rounded-24" style="--ratio:calc(720 / 1280 * 100%)"> 3033 <video data-src="https://www.wondershare.com/videos/videos2026/overview/part-enhancer-video1-4.mp4" data-poster="https://images.wondershare.com/images2026/overview/part-enhancer-video1-4-bg.jpg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" class="lazy-video"></video> 3034 </div> 3035 </div> 3036 </div> 3037 </div> 3038 </div> 3039 <div class="swiper-pagination"></div> 3040 </div> 3041 <div class="tab-pane fade function-swiper-m function-swiper3-m" id="step-2" role="tabpanel" aria-labelledby="step-2-tab"> 3042 <div class="d-xl-none d-block part-enhancer-title-m"> Bildverbesserer </div> 3043 <div class="my-n10 swiper-wrapper-m"> 3044 <div class="py-10"> 3045 <div class="part-enhancer-item rounded-24 overflow-hidden"> 3046 <div class="part-enhancer-item-left-box"> 3047 <div class="part-enhancer-item-left-box-content"> 3048 <h3 class="display-3 font-weight-bold mb-0">Professionelle Fotografen und Bewahrer von Erinnerungen</h3> 3049 <div class="line-box"></div> 3050 <div class="font-size-large font-weight-bold mb-md-4 mb-3 pb-md-0 pb-1"> Restaurieren und optimieren Sie Fotos mit KI und stellen Sie beschädigte, verblasste und fehlerhafte Bilder mit professionellen Ergebnissen wieder her. </div> 3051 <div class="tag-box-wrapper mb-md-4 mb-3"> <a href="https://recoverit.wondershare.de/online-old-photo-restoration.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> KI-Fotorestaurierung </a> <a href="https://recoverit.wondershare.de/photo-repair.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> Schadensbehebung </a> <a href="https://www.media.io/ai/de/effect?tag=image&category=face_editor" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> Gesichtsretusche </a> </div> 3052 <p class="font-size-small opacity-7 mb-0"> Stellen Sie unscharfe, verblasste oder beschädigte Fotos mithilfe von KI wieder her, die die Bildschärfe verbessert und dabei die Authentizität bewahrt. Stellen Sie beschädigte Fotos und Archivmaterial wieder her und erwecken Sie verlorene Details und Erinnerungen wieder zum Leben. Optimieren Sie Gesichter, wiederholen Sie Gruppenaufnahmen und animieren Sie Porträts mit natürlichen, lebensechten Ergebnissen. </p> 3053 </div> 3054 </div> 3055 <div class="part-enhancer-item-right-box"> 3056 <div class="video-container rounded-24" style="--ratio:calc(720 / 1280 * 100%)"> 3057 <video data-src="https://www.wondershare.com/videos/videos2026/overview/part-enhancer-video2-1.mp4" data-poster="https://images.wondershare.com/images2026/overview/part-enhancer-video2-1-bg.jpg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" class="lazy-video"></video> 3058 </div> 3059 </div> 3060 </div> 3061 </div> 3062 <div class="py-10"> 3063 <div class="part-enhancer-item rounded-24 overflow-hidden"> 3064 <div class="part-enhancer-item-left-box"> 3065 <div class="part-enhancer-item-left-box-content"> 3066 <h3 class="display-3 font-weight-bold mb-0">Experten für digitales Marketing und E-Commerce</h3> 3067 <div class="line-box"></div> 3068 <div class="font-size-large font-weight-bold mb-md-4 mb-3 pb-md-0 pb-1"> Erstellen und optimieren Sie Produktbilder mithilfe von KI, um die Wirkung zu steigern und die Konversionsrate zu erhöhen. </div> 3069 <div class="tag-box-wrapper mb-md-4 mb-3"> <a href="https://filmora.wondershare.de/ai-image.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> KI-Bildgenerierung </a> <a href="https://filmora.wondershare.de/ai-video-object-remover.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3">
3069 Objektentfernung und -optimierung </a> <a href="https://filmora.wondershare.de/ai-image-to-video.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> KI Bild-zu-Video </a> </div> 3070 <p class="font-size-small opacity-7 mb-0"> Generieren und bearbeiten Sie Produktbilder mithilfe von KI, entfernen Sie unerwünschte Elemente und senken Sie die Kosten für Nachaufnahmen. Beseitigen Sie störende Elemente und betonen Sie Details, um makellose, für den E-Commerce geeignete Bilder zu erhalten. Verwandeln Sie Bilder in ansprechende Produktvideos, die die Wirkung und die Konversionsrate steigern. </p> 3071 </div> 3072 </div> 3073 <div class="part-enhancer-item-right-box"> 3074 <div class="video-container rounded-24" style="--ratio:calc(720 / 1280 * 100%)"> 3075 <video data-src="https://www.wondershare.com/videos/videos2026/overview/part-enhancer-video2-2.mp4" data-poster="https://images.wondershare.com/images2026/overview/part-enhancer-video2-2-bg.jpg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" class="lazy-video"></video> 3076 </div> 3077 </div> 3078 </div> 3079 </div> 3080 <div class="py-10"> 3081 <div class="part-enhancer-item rounded-24 overflow-hidden"> 3082 <div class="part-enhancer-item-left-box"> 3083 <div class="part-enhancer-item-left-box-content"> 3084 <h3 class="display-3 font-weight-bold mb-0">Familienarchivare und Denkmalschützer</h3> 3085 <div class="line-box"></div> 3086 <div class="font-size-large font-weight-bold mb-md-4 mb-3 pb-md-0 pb-1"> Steigern Sie die Attraktivität Ihrer Inhalte und erstellen Sie schnell hochwertige Grafiken oder kurze Videos, ohne dabei an Anziehungskraft und Wirkung einzubüßen. </div> 3087 <div class="tag-box-wrapper mb-md-4 mb-3"> <a href="https://recoverit.wondershare.de/photo-enhancer.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> KI-Fotoverbesserer </a> <a href="https://repairit.wondershare.com/animate-photo.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> KI-Fotoanimation </a> <a href="https://repairit.wondershare.com/group-photo-editor.html" target="_blank" class="tag-box font-size-normal font-weight-bold py-2 px-3"> Gruppenfoto-Editor </a> </div> 3088 <p class="font-size-small opacity-7 mb-0"> Restaurieren Sie verblasste und beschädigte Fotos und bewahren Sie dabei ihren ursprünglichen Charakter und ihre Geschichte. Verschönern und beleben Sie Porträts, um alte Erinnerungen wieder zum Leben zu erwecken. Restaurieren und optimieren Sie Fotos ganz einfach auf Ihrem Mobilgerät, jederzeit und überall. </p> 3089 </div> 3090 </div> 3091 <div class="part-enhancer-item-right-box"> 3092 <div class="video-container rounded-24" style="--ratio:calc(720 / 1280 * 100%)"> 3093 <video data-src="https://www.wondershare.com/videos/videos2026/overview/part-enhancer-video2-3.mp4" data-poster="https://images.wondershare.com/images2026/overview/part-enhancer-video2-3-bg.jpg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" class="lazy-video"></video> 3094 </div> 3095 </div> 3096 </div> 3097 </div> 3098 </div> 3099 <div class="swiper-pagination"></div> 3100 </div> 3101 </div> 3102 </div> 3103 </section> 3104 <section class="part-faq"> 3105 <div class="container-all"> 3106 <div class="part-faq-wrapper"> 3107 <div class="part-faq-left-box" data-aos="fade-up" data-aos-duration="800"> 3108 <div class="font-size-80 font-weight-bold text-xl-left text-center" style="line-height: 1.1;"> Häufig<br class="d-xl-none d-block"> gestellte Fragen </div> 3109 </div> 3110 <div class="part-faq-right-box" data-aos="fade-up" data-aos-duration="800" data-aos-delay="200"> 3111 <div class="faq-list"> 3112 <div class="faq-list-item"> 3113 <div class="faq-line"></div> 3114 <div class="faq-tltle-box"> 3115 <h3 class="faq-tltle mb-0">1. Welcher ist der beste Kurzvideo-Editor für ehemalige TikTok-Nutzer und RedNote-Nutzer?</h3> 3116 <div class="open-close-button"> 3117 <div class="open-close-wrapper"> 3118 <div class="open-close-line-2"></div> 3119 <div class="open-close-line-2 second-line"></div> 3120 </div> 3121 </div> 3122 </div> 3123 <div class="faq-content-box"> 3124 <div> Für Nutzer von TikTok und RedNote (Xiaohongshu) ist Filmora der ideale Editor für Kurzvideos. Er vereint benutzerfreundliche Funktionen mit leistungsstarken Tools, um schnell hochwertige Inhalte zu erstellen. Hier erfahren
3124Sie, warum sich Filmora abhebt:<br><br> Einfaches Zuschneiden und Kürzen â Schneiden Sie Videos nahtlos zu und kürzen Sie sie, um mit nur wenigen Klicks ansprechende kurze Inhalte zu erstellen.<br><br> Vorgefertigte Vorlagen und Effekte â Optimierte Vorlagen und Effekte, die speziell auf TikTok und andere Social-Media-Plattformen zugeschnitten sind und Ihre Videos mühelos hervorheben.<br><br> Schnelle Exportoptionen â Exportieren Sie Ihre bearbeiteten Videos im Handumdrehen und teilen Sie sie direkt auf TikTok oder einer anderen sozialen Plattform.<br><br> KI-gestützte Verbesserungen â Die KI-Tools von Filmora optimieren automatisch die Videoqualität und sorgen so selbst für Anfänger für professionell aussehende Ergebnisse.<br><br> Kompatibilität mit Mobilgeräten und Desktop-Computern â Bearbeiten Sie Ihre Videos überall mit den flexiblen Mobil- und Desktop-Versionen von Filmora. </div> 3125 </div> 3126 </div> 3127 <div class="faq-list-item"> 3128 <div class="faq-line"></div> 3129 <div class="faq-tltle-box"> 3130 <h3 class="faq-tltle mb-0">2. Wie kann ich Videos auf einfache Weise in verschiedene Formate konvertieren?</h3> 3131 <div class="open-close-button"> 3132 <div class="open-close-wrapper"> 3133 <div class="open-close-line-2"></div> 3134 <div class="open-close-line-2 second-line"></div> 3135 </div> 3136 </div> 3137 </div> 3138 <div class="faq-content-box"> 3139 <div> Der Uniconverter ist eine leistungsstarke Lösung für die Konvertierung von Videoformaten. Er unterstützt einen Hochgeschwindigkeits-Videoconverter und -kompressor mit über 20 Funktionen und eignet sich somit ideal für die Bearbeitung von 4K-, 8K- und HDR-Dateien für alle Videobegeisterten und Pädagogen. </div> 3140 </div> 3141 </div> 3142 <div class="faq-list-item"> 3143 <div class="faq-line"></div> 3144 <div class="faq-tltle-box"> 3145 <h3 class="faq-tltle mb-0">3. Welche Plattformen werden von diesen Lösungen unterstützt?</h3> 3146 <div class="open-close-button"> 3147 <div class="open-close-wrapper"> 3148 <div class="open-close-line-2"></div> 3149 <div class="open-close-line-2 second-line"></div> 3150 </div> 3151 </div> 3152 </div> 3153 <div class="faq-content-box"> 3154 <div> Der Uniconverter ist eine leistungsstarke Lösung für die Konvertierung von Videoformaten. Er unterstützt einen Hochgeschwindigkeits-Videoconverter und -kompressor mit über 20 Funktionen und eignet sich somit ideal für die Bearbeitung von 4K-, 8K- und HDR-Dateien für alle Videobegeisterten und Pädagogen. </div> 3155 </div> 3156 </div> 3157 <div class="faq-list-item"> 3158 <div class="faq-line"></div> 3159 <div class="faq-tltle-box"> 3160 <h3 class="faq-tltle mb-0">4. Was ist das beste kostenlose Online-Tool zur Umwandlung von URLs in Videos?</h3> 3161 <div class="open-close-button"> 3162 <div class="open-close-wrapper"> 3163 <div class="open-close-line-2"></div> 3164 <div class="open-close-line-2 second-line"></div> 3165 </div> 3166 </div> 3167 </div> 3168 <div class="faq-content-box"> 3169 <div> Wondershare Virbo ist die erste Wahl, wenn es darum geht, Produkt-URLs und Unternehmensseiten in Marketingvideos umzuwandeln. Dieses einsteigerfreundliche Tool nutzt künstliche Intelligenz, um durch einfaches Einfügen einer URL sofort Videos zu erstellen. Es bietet anpassbare Videoskripte, realistische Avatare, Unterstützung für über 90 Sprachen sowie verschiedene regionale Akzente, um den vielfältigen Anforderungen von Unternehmen gerecht zu werden. Ideal für Unternehmen, die schnell professionelle, mehrsprachige Marketinginhalte erstellen möchten, ohne über Vorkenntnisse im Bereich der Textbearbeitung zu verfügen. </div> 3170 </div> 3171 </div> 3172 <div class="faq-list-item"> 3173 <div class="faq-line"></div> 3174 <div class="faq-tltle-box"> 3175 <h3 class="faq-tltle mb-0">5. Was bietet der UniConverter fü
3175r Film- und Musikliebhaber?</h3> 3176 <div class="open-close-button"> 3177 <div class="open-close-wrapper"> 3178 <div class="open-close-line-2"></div> 3179 <div class="open-close-line-2 second-line"></div> 3180 </div> 3181 </div> 3182 </div> 3183 <div class="faq-content-box"> 3184 <div> Mit dem UniConverter können Film- und Musikliebhaber ihre Dateien in verschiedene gängige Formate konvertieren, beispielsweise MOV in MP4, AVI in MP4, AVI in MOV, MP4 in MP3 und so weiter, ohne jegliche Einschränkungen. </div> 3185 </div> 3186 </div> 3187 <div class="faq-list-item"> 3188 <div class="faq-line"></div> 3189 <div class="faq-tltle-box"> 3190 <h3 class="faq-tltle mb-0">6. Gibt es für diese Produkte kostenlose Testversionen?</h3> 3191 <div class="open-close-button"> 3192 <div class="open-close-wrapper"> 3193 <div class="open-close-line-2"></div> 3194 <div class="open-close-line-2 second-line"></div> 3195 </div> 3196 </div> 3197 </div> 3198 <div class="faq-content-box"> 3199 <div> Ja, wir bieten für die meisten unserer Softwareprogramme kostenlose Testversionen an, damit Sie deren Funktionen kennenlernen und entscheiden können, welche Lösung Ihren kreativen Anforderungen am besten entspricht. Auf der jeweiligen Produktseite finden Sie Informationen zur Testversion sowie Download-Optionen. </div> 3200 </div> 3201 </div> 3202 <div class="faq-list-item"> 3203 <div class="faq-line"></div> 3204 <div class="faq-tltle-box"> 3205 <h3 class="faq-tltle mb-0">7. Was ist die beste KI-Videobearbeitungssoftware für Anfänger und Profis?</h3> 3206 <div class="open-close-button"> 3207 <div class="open-close-wrapper"> 3208 <div class="open-close-line-2"></div> 3209 <div class="open-close-line-2 second-line"></div> 3210 </div> 3211 </div> 3212 </div> 3213 <div class="faq-content-box"> 3214 <div> Filmora ist sowohl für Anfänger als auch für Profis die erste Wahl. Es verbindet eine benutzerfreundliche Oberfläche mit fortschrittlichen Funktionen wie KI-gestützten Effekten, Bewegungsverfolgung und Keyframing. Ganz gleich, ob Sie Heimvideos bearbeiten oder professionelle Inhalte erstellen, Filmora bietet Ihnen alles, was Sie dafür benötigen. </div> 3215 </div> 3216 </div> 3217 </div> 3218 </div> 3219 </div> 3220 </div> 3221 </section> 3222 <section class="part-bottom text-center" data-aos="fade-up" data-aos-duration="800"> 3223 <div class="container-all"> 3224 <div class="video-container rounded-24" style="--ratio:calc(551 / 1880 * 100%)"> 3225 <video data-src="https://www.wondershare.com/videos/videos2026/overview/part-bottom-video1.mp4" data-poster="https://images.wondershare.com/images2026/overview/part-bottom-video1-bg.jpg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" class="lazy-video"></video> 3226 <div class="text-content"> 3227 <h2 class="font-size-80 font-weight-bold text-white line-height-100 mb-md-4 mb-3 pb-1">Entdecken Sie alle<br> Wondershare-KI-Produkte</h2> 3228 <a href="https://www.wondershare.de/shop/individuals.html" class="btn btn-outline-white">Mehr entdecken</a> 3229 </div> 3230 </div> 3231 </div> 3232 </section> 3233</main> 3234 3235<div class="parameter" data-toggle="gotop" data-type="ws2020"></div> 3236 3237<!-- èé¨å ¬å ±å --> 3238<style> 3239 .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-nav .wsc-footer2020-nav-logo { 3240 width: 246px; 3241 } 3242 3243 @media (min-width: 1440px) { 3244 .wsc-footer2020 .wsc-footer202004-bottom .wsc-footer2020-mobile-language-menu { 3245 right: 50%; 3246 transform: translateX(50%); 3247 } 3248 } 3249 3250 @media (min-width: 1280px) { 3251 .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-nav .wsc-footer2020-nav-logo { 3252 3253 margin-top: 56px; 3254 } 3255 3256 .wsc-footer2020 .wsc-footer202004-bottom .wsc-footer2020-mobile-language-menu { 3257 padding: 12px 0; 3258 } 3259 3260 .wsc-footer2020 .wsc-footer202004-bottom .wsc-footer2020-mobile-language-link { 3261 padding: 4px 24px; 3262 } 3263 3264 .wsc-footer2020.wsc-footer2021 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) .wsc-footer2020-subnav-item { 3265 padding: 8px 0; 3266 } 3267 3268 .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-nav { 3269 3270 flex-direction: column; 3271 align-items: start; 3272 justify-content: start; 3273 gap: 32px; 3274 } 3275 3276 .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-subnav { 3277 padding: 48px 0 60px 96px; 3278 } 3279 } 3280</style> 3281<footer class="wsc-footer2020 wsc-footer2021"> 3282 <div class="wsc-footer2020-top wsc-footer202004-top"> 3283 <div class="wsc-footer2020-container"> 3284 <div class="wsc-footer2020-top-content"> 3285 <div class="wsc-footer2020-nav"> 3286 <a href="https://www.wondershare.de/" target="_blank"><img class="wsc-footer2020-nav-logo" src="https://neveragain.allstatics.com/2019/assets/icon/logo/wondershare-slogan-vertical-white.svg" alt="wondershare creativity simplified"></a> 3287 <div> 3288 <a class="active_menu_a" href="https://business.facebook.com/WondershareDeutsch/" rel="nofollow" target="_blank"> 3289 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 3290 <path 3291 d="M29.8698 25.5619L30.5537 21.2166H26.3408V18.3922C26.3408 17.204 26.929 16.043 28.8097 16.043H30.752V12.3427C29.6209 12.1624 28.478 12.0648 27.3325 12.0508C23.8651 12.0508 21.6014 14.1352 21.6014 17.9034V21.2166H17.7578V25.5619H21.6014V36.0721H26.3408V25.5619H29.8698Z" 3292 fill="white" fill-opacity="0.6" /> 3293 </svg> 3294 </a> 3295 <a class="active_menu_a" href="https://www.instagram.com/wondershare/" rel="nofollow" target="_blank"> 3296 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 3297 <path 3298 d="M20.0054 24.0614C20.0054 21.8504 21.7968 20.0576 24.0072 20.0576C26.2176 20.0576 28.0099 21.8504 28.0099 24.0614C28.0099 26.2725 26.2176 28.0653 24.0072 28.0653C21.7968 28.0653 20.0054 26.2725 20.0054 24.0614ZM17.8416 24.0614C17.8416 27.4677 20.602 30.2288 24.0072 30.2288C27.4124 30.2288 30.1728 27.4677 30.1728 24.0614C30.1728 20.6552 27.4124 17.8941 24.0072 17.8941C20.602 17.8941 17.8416 20.6552 17.8416 24.0614ZM28.976 17.6496C28.9759 17.9346 29.0603 18.2133 29.2185 18.4504C29.3767 18.6875 29.6017 18.8723 29.8649 18.9815C30.1281 19.0907 30.4178 19.1194 30.6974 19.0639C30.9769 19.0084 31.2337 18.8712 31.4353 18.6697C31.6369 18.4682 31.7742 18.2115 31.8299 17.9319C31.8856 17.6523 31.8572 17.3625 31.7482
329817.0991C31.6393 16.8357 31.4547 16.6106 31.2178 16.4521C30.9809 16.2936 30.7024 16.209 30.4174 16.2089H30.4168C30.0349 16.2091 29.6686 16.3609 29.3984 16.631C29.1282 16.9011 28.9763 17.2675 28.976 17.6496V17.6496ZM19.1563 33.8378C17.9856 33.7845 17.3494 33.5895 16.9265 33.4247C16.3659 33.2064 15.9659 32.9464 15.5454 32.5263C15.1248 32.1062 14.8645 31.7065 14.6473 31.1457C14.4824 30.7229 14.2874 30.0863 14.2342 28.9153C14.176 27.6493 14.1644 27.269 14.1644 24.0615C14.1644 20.8541 14.177 20.4749 14.2342 19.2078C14.2875 18.0368 14.484 17.4014 14.6473 16.9774C14.8655 16.4166 15.1254 16.0165 15.5454 15.5958C15.9654 15.1752 16.365 14.9148 16.9265 14.6975C17.3492 14.5326 17.9856 14.3375 19.1563 14.2843C20.4219 14.2261 20.8021 14.2144 24.0072 14.2144C27.2123 14.2144 27.5928 14.227 28.8596 14.2843C30.0302 14.3376 30.6654 14.5341 31.0893 14.6975C31.6499 14.9148 32.0499 15.1758 32.4705 15.5958C32.891 16.0159 33.1503 16.4166 33.3686 16.9774C33.5334 17.4001 33.7284 18.0368 33.7816 19.2078C33.8399 20.4749 33.8515 20.8541 33.8515 24.0615C33.8515 27.269 33.8399 27.6482 33.7816 28.9153C33.7283 30.0863 33.5324 30.7228 33.3686 31.1457C33.1503 31.7065 32.8904 32.1066 32.4705 32.5263C32.0505 32.946 31.6499 33.2064 31.0893 33.4247C30.6667 33.5896 30.0302 33.7846 28.8596 33.8378C27.5939 33.8961 27.2137 33.9077 24.0072 33.9077C20.8007 33.9077 20.4216 33.8961 19.1563 33.8378V33.8378ZM19.0569 12.1235C17.7786 12.1817 16.9052 12.3845 16.1424 12.6814C15.3524 12.988 14.6837 13.3993 14.0154 14.0667C13.3471 14.7342 12.9369 15.4042 12.6304 16.1944C12.3336 16.9579 12.1309 17.8311 12.0727 19.1097C12.0135 20.3903 12 20.7997 12 24.0614C12 27.3232 12.0135 27.7326 12.0727 29.0132C12.1309 30.2919 12.3336 31.165 12.6304 31.9285C12.9369 32.7183 13.3472 33.389 14.0154 34.0561C14.6836 34.7233 15.3524 35.134 16.1424 35.4415C16.9066 35.7384 17.7786 35.9411 19.0569 35.9994C20.3378 36.0576 20.7464 36.0721 24.0072 36.0721C27.268 36.0721 27.6773 36.0586 28.9575 35.9994C30.2359 35.9411 31.1087 35.7384 31.872 35.4415C32.6615 35.134 33.3307 34.7236 33.999 34.0561C34.6673 33.3887 35.0766 32.7183 35.384 31.9285C35.6808 31.165 35.8844 30.2918 35.9417 29.0132C35.9999 27.7316 36.0134 27.3232 36.0134 24.0614C36.0134 20.7997 35.9999 20.3903 35.9417 19.1097C35.8835 17.831 35.6808 16.9574 35.384 16.1944C35.0766 15.4046 34.6662 14.7352 33.999 14.0667C33.3318 13.3983 32.6615 12.988 31.873 12.6814C31.1087 12.3845 30.2358 12.1808 28.9585 12.1235C27.6782 12.0653 27.2689 12.0508 24.0082 12.0508C20.7474 12.0508 20.3378 12.0643 19.0569 12.1235Z" 3299 fill="white" fill-opacity="0.6" /> 3300 </svg> 3301 </a> 3302 <a class="active_menu_a" href="https://twitter.com/wondershare" rel="nofollow" target="_blank"> 3303 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 3304 <path 3305 d="M31.2327 12.8867H35.0747L26.6811 22.2057L36.5555 34.8867H28.8227L22.767 27.1957L15.8379 34.8867H11.9936L20.9715 24.919L11.5 12.8867H19.4268L24.9006 19.9166L31.2304 12.8867H31.2327ZM29.8843 32.6529H32.0132L18.2711 15.0032H15.9866L29.8843 32.6529Z" 3306 fill="white" fill-opacity="0.6" /> 3307 </svg> 3308 </a> 3309 <a class="active_menu_a" href="https://linktr.ee/wondershare_deutsch" rel="nofollow" target="_blank"> 3310 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 3311 <path 3312 d="M24.2383 14.3984C24.2383 14.3984 32.796 14.3991 34.9287 14.9707C36.108 15.2893 37.0352 16.2185 37.3486 17.3965C37.9188 19.5347 37.9189 23.999 37.9189 23.999C37.9189 24.0231 37.9173 28.4692 37.3486 30.6016C37.0308 31.7838 36.1036 32.7131 34.9287 33.0273C32.796 33.599 24.2383 33.5986 24.2383 33.5986C24.1789 33.5986 15.6786 33.597 13.5488 33.0273C12.3694 32.7088 11.4424 31.7795 11.1289 30.6016C10.5603 28.4692 10.5586 24.0231 10.5586 23.999C10.5586 23.999 10.5587 19.5347 11.1289 17.3965C11.4467 16.2141 12.3737 15.2849 13.5488 14.9707C15.6785 14.4011 24.179 14.3984 24.2383 14.3984ZM21.5059 28.1133L28.6133 23.999L21.5059 19.8838V28.1133Z" 3313 fill="white" fill-opacity="0.6" /> 3314 </svg> 3315 </a> 3316 <a class="active_menu_a" href="https://www.wondershare.de/about/social-media.html" target="_blank"> 3317 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 3318 <g opacity="0.8"> 3319 <circle opacity="0.8" cx="16" cy="24" r="2" fill="white" /> 3320 <circle opacity="0.8" cx="24" cy="24" r="2" fill="white" /> 3321 <circle opacity="0.8" cx="32" cy="24" r="2" fill="white" /> 3322 </g> 3323 </svg> 3324 </a> 3325 </div> 3326 </div> 3327 <div class="wsc-footer2020-subnav"> 3328 <div class="wsc-footer2020-subnav-content"> 3329 <div class="wsc-footer2020-dropdown"> 3330 <nav class="wsc-footer2020-dropdown-toggle" aria-expanded="false"> 3331 <h5 class="wsc-footer2020-dropdown-title">Hero Produkte</h5> 3332 <div class="wsc-footer2020-dropdown-icon"> 3333 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="https://www.w3.org/2000/svg"> 3334 <path d="M6 9L12 15L18 9" stroke="white" stroke-width="1.5"></path> 3335 </svg> 3336 </div> 3337 </nav> 3338 <div class="wsc-footer2020-dropdown-menu"> 3339 <ul> 3340 <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://filmora.wondershare.de/" target="_blank">Filmora</a> </li> 3341 <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://uniconverter.wondershare.de/" target="_blank">UniConverter</a> </li> 3342 <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://recoverit.wondershare.de/" target="_blank">Recoverit</a> </li> 3343 <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://drfone.wondershare.de/" target="_blank">Dr.Fone</a> </li> 3344 <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://pdf.wondershare.de/" target="_blank">PDFelement</a> </li> 3345 <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://famisafe.wondershare.com/de/" rel="nofollow" target="_blank">FamiSafe</a> </li> 3346 <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://www.wondershare.de/products-solutions/all-products.html" target="_blank">Alle Produkte</a> </li> 3347 </ul> 3348 </div> 3349 </div> 3350 <div class="wsc-footer2020-dropdown"> 3351 <nav class="wsc-footer2020-dropdown-toggle" aria-expanded="false"> 3352 <h5 class="wsc-footer2020-dropdown-title">Wondershare</h5> 3353 <div class="wsc-footer2020-dropdown-icon"> 3354 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="https://www.w3.org/2000/svg"> 3355 <path d="M6 9L12 15L18 9" stroke="white" stroke-width="1.5"></path> 3356 </svg> 3357 </div> 3358 </nav> 3359 <div class="wsc-footer2020-dropdown-menu"> 3360 <ul> 3361 <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://www.wondershare.de/products-solutions/digital-creativity/" target="_blank">
3361Creative Center</a> </li> 3362 <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://www.wondershare.de/about/" target="_blank">Ãber uns</a> </li> 3363 <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://www.wondershare.de/news/" target="_blank">Newsroom</a> </li> 3364 <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://www.wondershare.de/about/global-presence.html" target="_blank">Globale Präsenz</a> </li> 3365 <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://www.wondershare.de/about/our-story.html" target="_blank">Rede des Gründers</a> </li> 3366 <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://www.wondershare.de/about/careers.html" target="_blank">Karriere</a> </li> 3367 <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://www.wondershare.de/educational-discount.html" target="_blank">Bildung</a> </li> 3368 3369 </ul> 3370 </div> 3371 </div> 3372 <div class="wsc-footer2020-dropdown"> 3373 <nav class="wsc-footer2020-dropdown-toggle" aria-expanded="false"> 3374 <h5 class="wsc-footer2020-dropdown-title">KI entdecken</h5> 3375 <div class="wsc-footer2020-dropdown-icon"> 3376 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="https://www.w3.org/2000/svg"> 3377 <path d="M6 9L12 15L18 9" stroke="white" stroke-width="1.5"></path> 3378 </svg> 3379 </div> 3380 </nav> 3381 <div class="wsc-footer2020-dropdown-menu"> 3382 <ul> 3383 <li class="wsc-footer2020-subnav-item"><a class="wsc-footer2020-subnav-link" 3384 href="https://www.wondershare.de/ai.html" target="_blank">KI-Tools</a></li> 3385 <li class="wsc-footer2020-subnav-item"><a class="wsc-footer2020-subnav-link" 3386 href="https://www.wondershare.de/ai-solutions/marketing.html" target="_blank">Marketing</a> 3387 </li> 3388 <li class="wsc-footer2020-subnav-item"><a class="wsc-footer2020-subnav-link" 3389 href="https://www.wondershare.de/ai-solutions/social-media.html" target="_blank">Social Media</a></li> 3390 <li class="wsc-footer2020-subnav-item"><a class="wsc-footer2020-subnav-link" 3391 href="https://www.wondershare.de/ai-solutions/education.html" target="_blank">Bildung</a> 3392 </li> 3393 <li class="wsc-footer2020-subnav-item"><a class="wsc-footer2020-subnav-link" 3394 href="https://www.wondershare.de/ai-solutions/business.html" target="_blank">Business</a></li> 3395 </ul> 3396 </div> 3397 </div> 3398 <div class="wsc-footer2020-dropdown"> 3399 <nav class="wsc-footer2020-dropdown-toggle" aria-expanded="false"> 3400 <h5 class="wsc-footer2020-dropdown-title">Hilfe-Center</h5> 3401 <div class="wsc-footer2020-dropdown-icon"> 3402 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="https://www.w3.org/2000/svg"> 3403 <path d="M6 9L12 15L18 9" stroke="white" stroke-width="1.5"></path> 3404 </svg> 3405 </div> 3406 </nav> 3407 <div class="wsc-footer2020-dropdown-menu"> 3408 <ul> 3409 <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://www.wondershare.de/about/contact-us.html" target="_blank">Kontakt</a> </li> 3410 <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://www.wondershare.com/explore/inspiration.html" rel="nofollow" target="_blank">Video Community</a> </li> 3411 <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://support.wondershare.de/" target="_blank">Support-Center</a> </li> 3412 <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-link" href="https://accounts.wondershare.de/web/login?f=sitefoot" target="_blank">Konto</a> </li> 3413 </ul> 3414 </div> 3415 </div> 3416 <!--<div class="wsc-footer2020-dropdown">--> 3417 <!-- <div class="wsc-footer2020-dropdown-menu">--> 3418 <!-- <nav class="wsc-footer2020-dropdown-toggle sub-menu
3418-title" aria-expanded="true">--> 3419 <!-- <h5 class="wsc-footer2020-dropdown-title">Folg uns</h5>--> 3420 <!-- </nav>--> 3421 <!-- <ul>--> 3422 <!-- <li class="wsc-footer2020-subnav-item"> <a class="wsc-footer2020-subnav-iconlink" href="https://business.facebook.com/WondershareDeutsch/" rel="nofollow" target="_blank">--> 3423 <!-- <img src="https://images.wondershare.com/icon/footer-facebook-icon.svg" width="28" height="28" alt="Facebook">--> 3424 <!-- </a> <a class="wsc-footer2020-subnav-iconlink" href="https://www.instagram.com/wondershare/" rel="nofollow" target="_blank">--> 3425 <!-- <img src="https://images.wondershare.com/icon/footer-ins-icon.svg" width="28" height="28" alt="Ins">--> 3426 <!-- </a> <a class="wsc-footer2020-subnav-iconlink" href="https://twitter.com/wondershare" rel="nofollow" target="_blank">--> 3427 <!-- <img src="https://images.wondershare.com/icon/footer-twitter-icon.svg" width="28" height="28" alt="Twitter">--> 3428 <!-- </a> <a class="wsc-footer2020-subnav-iconlink" href="https://linktr.ee/wondershare_deutsch" rel="nofollow" target="_blank">--> 3429 <!-- <img src="https://images.wondershare.com/icon/footer-youtube-icon.svg" width="28" height="28" alt="Youtube" style="transform: scale(1.15);">--> 3430 <!-- </a> <a class="wsc-footer2020-subnav-iconlink" href="https://www.wondershare.de/about/social-media.html" target="_blank">--> 3431 <!-- <svg width="16" height="4" viewBox="0 0 16 4" fill="none" xmlns="https://www.w3.org/2000/svg">--> 3432 <!-- <circle opacity="0.8" cx="2" cy="2" r="2" fill="white"></circle>--> 3433 <!-- <circle opacity="0.8" cx="8" cy="2" r="2" fill="white"></circle>--> 3434 <!-- <circle opacity="0.8" cx="14" cy="2" r="2" fill="white"></circle>--> 3435 <!-- </svg>--> 3436 <!-- </a>--> 3437 <!-- </li>--> 3438 <!-- </ul>--> 3439 <!-- </div>--> 3440 <!--</div>--> 3441 </div> 3442 </div> 3443 </div> 3444 </div> 3445 </div> 3446 <div class="wsc-footer2020-bottom wsc-footer202004-bottom"> 3447 <div class="wsc-footer2020-container"> 3448 <div class="wsc-footer2020-bottom-content"> 3449 <div class="wsc-footer2020-copyright"> 3450 <div class="wsc-footer2020-copyright-top"> 3451 <a class="wsc-footer2020-copyright-link" 3452 href="https://www.wondershare.de/company/terms_conditions.html">Unsere AGB</a> 3453 <a class="wsc-footer2020-copyright-link" href="https://www.wondershare.de/privacy.html">Datenschutzerklärung</a> 3454 <a class="wsc-footer2020-copyright-link" href="https://www.wondershare.de/impressum.html">Impressum</a> 3455 <a class="wsc-footer2020-copyright-link" id="cookie-preference-link" 3456 href="#cmpscreencustom" target="_self">Cookie-Einstellungen</a> 3457 <a class="wsc-footer2020-copyright-link" 3458 href="https://www.wondershare.de/company/terms-of-use.html">Nutzungsbedingungen</a> 3459 <a class="wsc-footer2020-copyright-link" href="https://www.wondershare.de/refund-policy.html">Rückerstattung</a> 3460 <a class="wsc-footer2020-copyright-link" href="https://www.wondershare.de/uninstall.html">Deinstallieren</a> 3461 </div> 3462 <div class="wsc-footer2020-copyright-bottom"> 3463 <p>Copyright © <span id="copyright-year"></span>
3463<script> document.querySelector('#copyright-year').outerHTML = new Date().getFullYear() </script>
3463 Wondershare. Alle Rechte vorbehalten.</p> 3464 </div> 3465 </div> 3466 <div class="wsc-footer2020-mobile-language"> 3467 <nav class="wsc-footer2020-mobile-language-toggle" aria-expanded="false"> 3468 <span>Sprache</span> 3469 <div class="wsc-footer2020-mobile-language-icon"> 3470 <svg width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="https://www.w3.org/2000/svg"> 3471 <path d="M5 5L0.669873 0.499999L9.33013 0.5L5 5Z" fill="#C4C4C4"></path> 3472 </svg> 3473 </div> 3474 </nav> 3475 <div class="wsc-footer2020-mobile-language-menu"> 3476 <a class="wsc-footer2020-mobile-language-link" href="https://www.wondershare.com/" target="_blank">English</a> 3477 <a class="wsc-footer2020-mobile-language-link" href="https://www.wondershare.ae" target="_blank">Arabic - Ø§ÙØ¹Ø±Ø¨ÙØ©</a> 3478 <a class="wsc-footer2020-mobile-language-link" href="https://www.wondershare.kr" target="_blank">Korean - íêµì´</a> 3479 <a class="wsc-footer2020-mobile-language-link" href="https://www.wondershare.it" target="_blank">Italian - Italiano</a> 3480 <a class="wsc-footer2020-mobile-language-link" href="https://www.wondershare.fr" target="_blank">French - Français</a> 3481 <a class="wsc-footer2020-mobile-language-link active" href="https://www.wondershare.de" target="_blank">German - Deutsch</a> 3482 <a class="wsc-footer2020-mobile-language-link" href="https://www.wondershare.es" target="_blank">Spanish - Español</a> 3483 <a class="wsc-footer2020-mobile-language-link" href="https://www.wondershare.com.ru" target="_blank">Russian - PÑÑÑкий</a> 3484 <a class="wsc-footer2020-mobile-language-link" href="https://www.wondershare.jp" target="_blank">Japanese - æ¥æ¬èª</a> 3485 <a class="wsc-footer2020-mobile-language-link" href="https://www.wondershare.cn" target="_blank">Chinese - ç®ä½ä¸æ</a> 3486<a class="wsc-footer2020-mobile-language-link" href="https://www.wondershare.tw" target="_blank">Chinese Traditional - ç¹é«ä¸æ</a> 3487 <a class="wsc-footer2020-mobile-language-link" href="https://www.wondershare.com.br" target="_blank">Portuguese - Português</a> 3488 <a class="wsc-footer2020-mobile-language-link" href="https://www.wondershare.co.id" target="_blank">Indonesian - Bahasa Indonesia</a> 3489 </div> 3490 </div> 3491 </div> 3492 </div> 3493 </div> 3494 </footer> 3495<!--主ç«å¤´é¨åç§»å¨ç«¯å¨æèæ¬-->
3496<script src="https://www.wondershare.com/assets/js/lv2-popup.js"></script>
3496 3497 <!--主ç«å¯¼èªå¢å¼ºèæ¬-->
3498<script src="https://www.wondershare.com/assets/js/wsc-navbar-enhance-2026.js" defer></script>
vendor: 2 bytes, line 3498
3498
3499<script src="https://neveragain.allstatics.com/2019/assets/script/wsc-header-footer-2020.js"></script>
vendor: 2 bytes, line 3499
3499
3500<script src="https://www.wondershare.com/assets/haeder-footer-2026.js"></script>
vendor: 2 bytes, line 3500
3500
3501<script> 3502 (async function() { 3503 setTimeout(function(){ 3504 var link = document.querySelector('a#cookie-preference-link'); 3505 if (link) { 3506 link.target = '_self'; 3507 } 3508 },500) 3509 })(); 3510</script>
3510 3511 3512
3512<script src="https://neveragain.allstatics.com/2019/assets/vendor/wsc-vendor.js"></script>
3512 3513
3513<script src="https://neveragain.allstatics.com/2019/assets/script/wsc-override-ws.js"></script>
3513 3514
3514<script src="https://neveragain.allstatics.com/2019/assets/script/wsc-common.js"></script>
3514 3515
3515<script> 3516 $(function () { 3517 wsc.common.init() 3518 }) 3519 </script>
3519 3520
3521<script type="text/javascript" src="https://images.wondershare.com/assets/js/chunk-vendors.js"></script>
vendor: 1 bytes, line 3521
3521
3522<script type="text/javascript" src="https://images.wondershare.com/assets/js/app.js"></script>
3522 3523 3524<!--web notification code-->
3525<script> 3526 var _NOTIFICATION_CONFIG = { 3527 worker: 'https://www.wondershare.de/web-notification/sw.js', 3528 wsNotificationJsPath: 'https://dc-static.wondershare.com/notification/wsNotification.js', 3529 trackUrl: 'https://prod-web.wondershare.cc/api/v1/prodweb/notification' 3530 }; 3531 (function() { 3532 var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 3533 g.type='text/javascript'; g.async=true; g.defer=true; g.src=_NOTIFICATION_CONFIG.wsNotificationJsPath; s.parentNode.insertBefore(g,s); 3534 })(); 3535</script>
3535 3536<!-- end web notification code-->
3537<script type="text/javascript" src="https://images.wondershare.com/scripts/affiliate.js"></script>
vendor: 1 bytes, line 3537
3537
3538<script type="text/javascript"> 3539 var addthis_config = { 3540 data_ga_property: 'UA-4839360-2', 3541 data_ga_social : true, 3542 data_track_clickback:false 3543 }; 3544</script>
vendor: 1 bytes, line 3544
3544
3545<script type="text/javascript"> 3546/* <![CDATA[ */ 3547var google_conversion_id = 1004581587; 3548var google_conversion_label = "_Id7COW6vwMQ0-WC3wM"; 3549var google_custom_params = window.google_tag_params; 3550var google_remarketing_only = true; 3551/* ]]> */ 3552</script>
vendor: 1 bytes, line 3552
3552
3553<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"> 3554</script>
3554 3555<noscript> 3556<div style="display:none;"> <img height="0" width="0" style="border-style:none;" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/1004581587/?value=0&label=_Id7COW6vwMQ0-WC3wM&guid=ON&script=0"/> </div> 3557</noscript> 3558 3559<!-- Hotjar Tracking Code for https://www.wondershare.com/ -->
3560<script>
vendor: 154 bytes, lines 3560-3566
3560 3561 (function (h, o, t, j, a, r) { 3562 h.hj = h.hj || function () { 3563 (h.hj.q = h.hj.q || []).push(arguments) 3564 }; 3565 h._hjSettings = { 3566 hjid:
35661065729
vendor: 275 bytes, lines 3566-3574
3566, 3567 hjsv: 6 3568 }; 3569 a = o.getElementsByTagName('head')[0]; 3570 r = o.createElement('script'); 3571 r.async = 1; 3572 r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv; 3573 a.appendChild(r); 3574 })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
3575</script>
vendor: 1 bytes, line 3575
3575
3576<script src="https://www.wondershare.com/ga360/js/ga360-add.js"></script>
3576 3577 3578<!-- Start of wondershare chatbot Widget script -->
3579<script> 3580 if (!(navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i))) { 3581 var script = document.createElement('script'); 3582 script.id = "ws-snippet"; 3583 script.type = 'text/javascript'; 3584 script.async = true; 3585 script.src = "https://crm-static.wondershare.cc/chatbot/latest/assets/snippet.js?key=1471201a-2d77-a159-56c2-1886ea06d75c"; 3586 document.body.appendChild(script); 3587 } 3588</script>
3588 3589<!-- End of wondershare chatbot Widget script --> 3590 3591<!-- ç§»å¨ç«¯fxååå¼å¯¼ç»åå¼¹çª -->
3592<script> 3593 var configAppCombinationModalData = { 3594 proLogo: 'https://neveragain.allstatics.com/2019/assets/icon/logo/filmora-square.svg', 3595 bottomTitle: 'Filmora - KI Video Editor', 3596 bottomDesc: 'Bearbeiten Sie schneller, intelligenter und einfacher!', 3597 bottomBtnText: 'ÃFFNEN', 3598 bottomJumpUrl: 'https://app.adjust.com/o5pmr5w_1c00iql', 3599 modalText: "Filmora - KI Video Editor", 3600 modalJumpUrl: 'https://app.adjust.com/o5pmr5w_1c00iql', 3601 modalContentList: ['Auto-erstellen Sie filmreife Geschichten aus Ihren Highlights', 'Verwandeln Sie Ihre Eingaben in fesselnde Videos','Entfernen Sie mühelos unerwünschte Videoelemente','Unendliche Vorlagen & Ressourcen für jeden Stil'], 3602 modalWhiteBtnText: 'Verstanden', 3603 modalActionBtnText: 'App öffnen', 3604 hideLinkArr: [] 3605 } 3606</script>
vendor: 1 bytes, line 3606
3606
3607<script src="https://www.wondershare.com/assets/js/ws-fx-app-modal.js"></script>
3607<script src="https://neveragain.allstatics.com/2019/assets/vendor/swiper.min.js"></script>
vendor: 1 bytes, line 3607
3607
3608<script src="https://www.wondershare.com/assets/aos/aos.min.js"></script>
vendor: 1 bytes, line 3608
3608
3609<script src="https://www.wondershare.com/assets/js/lenis.min.js" defer=""></script>
vendor: 1 bytes, line 3609
3609
3610<script> 3611 $(function() { 3612 if(window.innerWidth > 1279) { 3613 // Lenis å»¶è¿åå§åï¼çå¾ èæ¬å è½½ï¼æå¤éè¯60次=3ç§ï¼ 3614 var lenisRetry = 0; 3615 function initLenis() { 3616 if (typeof Lenis !== 'undefined') { 3617 try { 3618 var lenis = new Lenis({ 3619 lerp: 0.1, 3620 smooth: true, 3621 wheelMultiplier: 1, 3622 }); 3623 function raf(time) { 3624 lenis.raf(time); 3625 requestAnimationFrame(raf); 3626 } 3627 requestAnimationFrame(raf); 3628 } catch(e) { 3629 // Lenis åå§å失败ï¼ä¸å½±å页颿£å¸¸ä½¿ç¨ 3630 } 3631 } else if (lenisRetry < 60) { 3632 lenisRetry++; 3633 setTimeout(initLenis, 50); 3634 } 3635 // è¶ è¿éè¯æ¬¡æ°åæ¾å¼ï¼é¡µé¢ä½¿ç¨é»è®¤æ»å¨ 3636 } 3637 initLenis(); 3638 } 3639 }) 3640 3641 // åå§å AOSï¼ç§»å¨ç«¯ä¼åçæ¬ 3642 function initAOS() { 3643 var isMobile = window.innerWidth < 1280; 3644 3645 if (typeof AOS !== 'undefined') { 3646 AOS.init({ 3647 offset: 200, 3648 duration: isMobile ? 200 : 800, // ç§»å¨ç«¯ç¼©çå° 200ms 3649 easing: 'ease-out', // æ¹ä¸º ease-outï¼æè§æ´å¿« 3650 delay: 0, 3651 disable: false, // â ä¿æå¯ç¨ 3652 once: true, // â å ç´ åªå¨ç»ä¸æ¬¡ 3653 mirror: false, // â ç¦ç¨ååå¨ç» 3654 throttle: isMobile ? 199 : 99 // â ç§»å¨ç«¯ 199ms èæµ 3655 }); 3656 3657 // â ææè®¾å¤é½å¯ç¨å¿«éæ»å¨å åºï¼ç¡®ä¿ AOS æ£ç¡®è§¦å 3658 var checkVisibilityTimer; 3659 var lastScrollTop = -1; 3660 var scrollSpeedThreshold = isMobile ? 50 : 100; // ç§»å¨ç«¯ææåº¦æ´é« 3661 3662 window.addEventListener('scroll', function() { 3663 clearTimeout(checkVisibilityTimer); 3664 var currentScrollTop = window.pageYOffset || document.documentElement.scrollTop; 3665 var delta = Math.abs(currentScrollTop - lastScrollTop); 3666 lastScrollTop = currentScrollTop; 3667 3668 // å¿«éæ»å¨æ¶ç¡®ä¿å ç´ å¯è§ 3669 if (delta > scrollSpeedThreshold) { 3670 checkVisibilityTimer = setTimeout(function() { 3671 var aosElements = document.querySelectorAll('[data-aos]'); 3672 aosElements.forEach(function(el) { 3673 var computedStyle = window.getComputedStyle(el); 3674 if ((el.style.opacity === '0' || computedStyle.opacity === '0') && 3675 el.getBoundingClientRect().top < window.innerHeight * 1.2) { 3676 el.style.opacity = '1'; 3677 el.style.visibility = 'visible'; 3678 } 3679 }); 3680 }, isMobile ? 100 : 300); // ç§»å¨ç«¯æ´å¿«ååº 3681 } 3682 }, { passive: true }); 3683 } else if (typeof AOS === 'undefined') { 3684 setTimeout(initAOS, 50); 3685 } 3686 } 3687 3688 if (document.readyState === 'loading') { 3689 document.addEventListener('DOMContentLoaded', initAOS); 3690 } else { 3691 initAOS(); 3692 } 3693</script>
vendor: 1 bytes, line 3693
3693
3694<script> 3695 document.addEventListener('DOMContentLoaded', function() { 3696 (function(){ 3697 3698 var bannerVideo = document.querySelector('.banner-video'); 3699 if (bannerVideo) { 3700 var loadBannerVideo = function() { 3701 bannerVideo.src = 'https://www.wondershare.com/videos/videos2026/overview/part-banner-video1.mp4'; 3702 bannerVideo.setAttribute('autoplay', ''); 3703 }; 3704 var lcpImg = document.querySelector('.part-banner picture img'); 3705 if (lcpImg && lcpImg.complete) { 3706 setTimeout(loadBannerVideo, 100); 3707 } else if (lcpImg) { 3708 lcpImg.addEventListener('load', function() { setTimeout(loadBannerVideo, 100); }); 3709 } else { 3710 setTimeout(loadBannerVideo, 1000); 3711 } 3712 } 3713 3714 // æå è½½è§é¢ï¼ä½¿ç¨ IntersectionObserver æ¿ä»£ scroll äºä»¶ 3715 var lazy_videos = document.querySelectorAll('.lazy-video'); 3716 if ('IntersectionObserver' in window) { 3717 var videoObserver = new IntersectionObserver(function(entries) { 3718 entries.forEach(function(entry) { 3719 if (entry.isIntersecting) { 3720 var el = entry.target; 3721 el.poster = el.getAttribute('data-poster'); 3722 if(document.body.clientWidth >= 768){ 3723 el.src = el.getAttribute('data-src'); 3724 } else { 3725 el.src = el.getAttribute('data-src-m') || el.getAttribute('data-src'); 3726 } 3727 if (el.getAttribute('autoplay') === null && document.body.clientWidth < 768) { 3728 el.setAttribute('autoplay', 'true'); 3729 } 3730 videoObserver.unobserve(el); 3731 } 3732 }); 3733 }, { rootMargin: '200px 0px' }); 3734 lazy_videos.forEach(function(el) { videoObserver.observe(el); }); 3735 } else { 3736 // åéï¼ç´æ¥å è½½ 3737 lazy_videos.forEach(function(el) { 3738 el.poster = el.getAttribute('data-poster'); 3739 el.src = (document.body.clientWidth >= 768) ? el.getAttribute('data-src') : (el.getAttribute('data-src-m') || el.getAttribute('data-src')); 3740 }); 3741 } 3742 3743 })() 3744 }); 3745</script>
vendor: 1 bytes, line 3745
3745
3746<script> 3747 document.querySelectorAll('.faq-list-item').forEach(function(item) { 3748 item.addEventListener('click', function() { 3749 var contentBox = this.querySelector('.faq-content-box'); 3750 if (!contentBox) return; 3751 3752 var isCurrentOpen = contentBox.classList.contains('is-open'); 3753 3754 // å ³éææå ¶ä»ç项 3755 document.querySelectorAll('.faq-list-item').forEach(function(otherItem) { 3756 if (otherItem !== item) { 3757 var otherContentBox = otherItem.querySelector('.faq-content-box'); 3758 var otherSecondLine = otherItem.querySelector('.open-close-wrapper .open-close-line-2:nth-child(2)'); 3759 3760 if (otherContentBox && otherContentBox.classList.contains('is-open')) { 3761 // å ³éå ¶ä»é¡¹ 3762 otherContentBox.style.height = otherContentBox.scrollHeight + 'px'; 3763 otherContentBox.offsetHeight; // å¼ºå¶ reflow 3764 otherContentBox.style.height = '0'; 3765 otherContentBox.classList.remove('is-open'); 3766 } 3767 3768 // ç¡®ä¿ææå ¶ä»é¡¹çç¬¬äºæ¡çº¿é½æ second-line ç±»ï¼æ¢å¤å°åå§å ³éç¶æï¼ 3769 if (otherSecondLine) { 3770 otherSecondLine.classList.add('second-line'); 3771 } 3772 } 3773 }); 3774 3775 // å¤çå½åç¹å»é¡¹çå¼å ³ 3776 var secondLine = this.querySelector('.open-close-wrapper .open-close-line-2:nth-child(2)'); 3777 if (secondLine) { 3778 secondLine.classList.toggle('second-line'); 3779 } 3780 3781 if (isCurrentOpen) { 3782 // å ³éï¼å 设为å½åé«åº¦ï¼åè¿æ¸¡å°0 3783 contentBox.style.height = contentBox.scrollHeight + 'px'; 3784 contentBox.offsetHeight; // å¼ºå¶ reflow 3785 contentBox.style.height = '0'; 3786 contentBox.classList.remove('is-open'); 3787 } else { 3788 // å±å¼ï¼å ç¡®ä¿é«åº¦ä¸º0ï¼åè¿æ¸¡å° scrollHeight 3789 contentBox.style.height = '0'; 3790 contentBox.offsetHeight; // å¼ºå¶ reflow 3791 contentBox.classList.add('is-open'); 3792 contentBox.style.height = contentBox.scrollHeight + 'px'; 3793 contentBox.addEventListener('transitionend', function handler() { 3794 if (contentBox.classList.contains('is-open')) { 3795 contentBox.style.height = 'auto'; 3796 } 3797 contentBox.removeEventListener('transitionend', handler); 3798 }); 3799 } 3800 }); 3801 }); 3802</script>
3802 3803
3804<script> 3805 function createCommonSwiper(elm){ 3806 $(elm).addClass('swiper-container').addClass('flex-height') 3807 $(elm).children('.swiper-wrapper-m').addClass('swiper-wrapper').children().not('.swiper-item-hide').addClass('swiper-slide') 3808 if($(elm).children().hasClass('row')) { 3809 $(elm).children().removeClass('row') 3810 } 3811 if($(elm).children().children().hasClass('col-xl-6')) { 3812 $(elm).children().children().removeClass('col-xl-6') 3813 } 3814 var slideCount = $(elm).children('.swiper-wrapper-m').children().length; 3815 return new Swiper(elm, { 3816 slidesPerView: 1, 3817 spaceBetween: 0, 3818 loop: true, 3819 loopedSlides: slideCount, 3820 pagination: { 3821 el: elm + ' .swiper-pagination', 3822 clickable :true, 3823 }, 3824 on: { 3825 paginationRender: function () { 3826 var a = document.querySelectorAll('.swiper-pagination-bullet') 3827 var that = this 3828 a.forEach(function (el) { 3829 el.addEventListener('animationend', function () { 3830 that.slideNext() 3831 }) 3832 }) 3833 } 3834 } 3835 }) 3836 } 3837 if(window.innerWidth < 1280) { 3838 createCommonSwiper('.function-swiper1-m'); 3839 3840 $('.tab-content .tab-pane').addClass('active').addClass('show') 3841 createCommonSwiper('.function-swiper2-m'); 3842 createCommonSwiper('.function-swiper3-m'); 3843 } 3844</script>
3844 3845</body> 3846</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.