/*
Theme Name: Stockvideo
Description: Katalogtheme fuer stockvideo.de. Optik, Raster, Suche und Vorschau beim Ueberfahren sind von der bisherigen Seite uebernommen, damit sich fuer Besucher nichts aendert.
Version: 2.0.0
Author: Timo Rende
Requires at least: 6.0
Requires PHP: 7.4
*/

@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:300;src:url(fonts/source-sans-3-latin-300-normal.KpEPfINB.woff2) format("woff2"),url(fonts/source-sans-3-latin-300-normal.8oYadkX6.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:400;src:url(fonts/source-sans-3-latin-400-normal.DQi5PRDE.woff2) format("woff2"),url(fonts/source-sans-3-latin-400-normal.AFMiCETP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:500;src:url(fonts/source-sans-3-latin-500-normal.DiWS0tcR.woff2) format("woff2"),url(fonts/source-sans-3-latin-500-normal.BtDzq-z9.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:600;src:url(fonts/source-sans-3-latin-600-normal.DeckBYAU.woff2) format("woff2"),url(fonts/source-sans-3-latin-600-normal.BvDVuF-j.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:700;src:url(fonts/source-sans-3-latin-700-normal.CkzU-mV9.woff2) format("woff2"),url(fonts/source-sans-3-latin-700-normal.BBbVrHF_.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:400;src:url(fonts/source-sans-3-latin-ext-400-normal.UNsKFIBq.woff2) format("woff2"),url(fonts/source-sans-3-latin-ext-400-normal.BGPHfnm_.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}::selection{background:#1473e6;color:#fff}html{scroll-behavior:smooth}body{font-family:"Source Sans 3",Segoe UI,-apple-system,sans-serif;background:#1b1b1b;color:#e1e1e1;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{display:block;max-width:100%}:root{--bg-primary: #1b1b1b;--bg-elevated: #2c2c2c;--bg-card: #222222;--bg-hover: #333333;--border: #3a3a3a;--border-subtle: #2a2a2a;--accent: #1473e6;--accent-text: #4a9eff;--accent-hover: #0d66d0;--accent-dark: #0d4ea6;--text-primary: #ffffff;--text-secondary: #e1e1e1;--text-muted: #999999;--text-dim: #8a8a8a;--text-faint: #8a8a8a;--max-w: 1440px}.topbar{background:var(--bg-elevated);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.topbar-inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 24px}.logo-area{display:flex;align-items:center;gap:10px}.logo-mark{width:28px;height:28px;border-radius:6px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;font-weight:700;letter-spacing:-.5px}.logo-text{font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:-.3px}.logo-text span{color:var(--accent-text)}.nav-links{display:flex;gap:6px;align-items:center}.nav-link{color:#b3b3b3;background:none;border:none;font-size:14px;padding:8px 12px;border-radius:6px;transition:all .15s}.nav-link:hover{color:#fff;background:#ffffff0f}.btn-primary{background:var(--accent);color:#fff;border:none;padding:8px 18px;border-radius:20px;font-size:14px;font-weight:600;transition:all .15s}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid #5a5a5a;padding:7px 18px;border-radius:20px;font-size:14px;font-weight:500;transition:all .15s}.btn-outline:hover{border-color:#888;color:#fff}.hero{padding:52px 24px 36px;text-align:center;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(20,115,230,.06) 0%,transparent 70%)}.hero-title{font-size:clamp(28px,4.2vw,46px);font-weight:700;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.5px;line-height:1.15;opacity:0;transform:translateY(16px);animation:fadeUp .6s ease .1s forwards}.hero-sub{font-size:16px;color:var(--text-muted);margin-bottom:32px;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.55;opacity:0;transform:translateY(16px);animation:fadeUp .6s ease .2s forwards}.search-wrap{display:flex;justify-content:center;opacity:0;transform:translateY(16px);animation:fadeUp .6s ease .3s forwards}.search-bar{background:#3a3a3a;border:2px solid transparent;border-radius:24px;display:flex;align-items:center;max-width:680px;width:100%;transition:all .2s;overflow:hidden}.search-bar:focus-within{border-color:var(--accent-text);background:#404040}.search-icon{padding:0 4px 0 18px;color:#888;font-size:17px;line-height:1}.search-input{flex:1;background:transparent;border:none;padding:13px 16px 13px 10px;color:#fff;font-size:15px;outline:none;font-family:inherit}.search-input::placeholder{color:#777}.search-tag{background:#4a4a4a;color:#ccc;border:none;padding:6px 14px;margin-right:6px;border-radius:16px;font-size:12px;font-weight:500;transition:all .15s;white-space:nowrap}.search-tag:hover{background:#555;color:#fff}.cat-strip{display:flex;gap:2px;padding:8px 24px 0;max-width:var(--max-w);margin:0 auto;overflow-x:auto;scrollbar-width:none}.cat-strip::-webkit-scrollbar{display:none}.cat-chip{padding:9px 16px;border-radius:4px;background:transparent;color:#b3b3b3;font-size:14px;border:none;transition:all .15s;white-space:nowrap}.cat-chip:hover{background:var(--bg-hover);color:#fff}.cat-chip.active{background:var(--accent);color:#fff;font-weight:500}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;max-width:var(--max-w);margin:0 auto;border-bottom:1px solid var(--border-subtle)}.result-count{font-size:14px;color:var(--text-muted)}.toolbar-right{display:flex;gap:8px;align-items:center}.filter-btn{background:var(--bg-hover);color:#ccc;border:1px solid var(--border);padding:6px 14px;border-radius:4px;font-size:13px;transition:all .15s}.filter-btn:hover{border-color:#555}.filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent-text)}.sort-select{background:var(--bg-hover);color:#ccc;border:1px solid var(--border);padding:6px 12px;border-radius:4px;font-size:13px;font-family:inherit;outline:none}.sort-select option{background:var(--bg-elevated)}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:2px;padding:2px;max-width:var(--max-w);margin:0 auto}.video-card{position:relative;cursor:pointer;overflow:hidden;background:var(--bg-card);opacity:0;transform:translateY(12px);animation:fadeUp .4s ease forwards}.video-card:nth-child(1){animation-delay:.05s}.video-card:nth-child(2){animation-delay:.1s}.video-card:nth-child(3){animation-delay:.15s}.video-card:nth-child(4){animation-delay:.2s}.video-card:nth-child(5){animation-delay:.22s}.video-card:nth-child(6){animation-delay:.24s}.video-card:nth-child(7){animation-delay:.26s}.video-card:nth-child(8){animation-delay:.28s}.video-card:nth-child(9){animation-delay:.3s}.video-card:nth-child(10){animation-delay:.32s}.video-card:nth-child(11){animation-delay:.34s}.video-card:nth-child(12){animation-delay:.36s}.video-thumb{aspect-ratio:16 / 9;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,#000000a6);opacity:0;transition:opacity .25s}.video-card:hover .video-thumb:after{opacity:1}#videoPlayer::-webkit-media-controls{display:none!important}.v-ctrl{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;gap:10px;padding:9px 12px;background:linear-gradient(transparent,#0000008c);opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.v-ctrl.on{pointer-events:auto}#videoContainer:hover .v-ctrl.on,#videoContainer.paused .v-ctrl.on,.v-ctrl.on:focus-within{opacity:1;transform:none}.v-cbtn{background:transparent;border:0;color:#fff;cursor:pointer;font-size:16px;line-height:1;padding:4px 6px;border-radius:4px}.v-cbtn:hover{background:#ffffff2e}.v-time{color:#fff;font-size:12px;font-variant-numeric:tabular-nums;min-width:36px;text-align:center}.v-seek{flex:1;height:4px;accent-color:var(--accent-text);cursor:pointer}.v-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;width:62px;height:62px;border-radius:50%;background:#14141466;color:#fff;border:1px solid rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .15s ease,background .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.v-center svg{margin-left:3px}.v-center:hover{background:#1414149e;transform:translate(-50%,-50%) scale(1.06)}#videoContainer:not(.playing) .v-center{opacity:1;visibility:visible}.thumb-bg{position:absolute;inset:0}.thumb-texture{position:absolute;inset:0;opacity:.35}.play-btn{position:absolute;z-index:2;width:46px;height:46px;border-radius:50%;background:#fffffff2;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all .2s ease;box-shadow:0 2px 16px #00000059}.play-btn svg{margin-left:2px}.video-card:hover .play-btn{opacity:1;transform:scale(1)}.res-badge{position:absolute;top:8px;left:8px;z-index:2;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:600;letter-spacing:.5px}.res-4k{background:#1473e6e6;color:#fff}.res-hd{background:#505050e6;color:#ddd}.dur-badge{position:absolute;bottom:8px;right:8px;z-index:2;padding:2px 8px;border-radius:3px;font-size:11px;color:#fff;background:#0009;font-variant-numeric:tabular-nums}.card-actions{position:absolute;bottom:56px;right:8px;z-index:3;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translate(8px);transition:all .2s ease}.video-card:hover .card-actions{opacity:1;transform:translate(0)}.action-btn{width:32px;height:32px;border-radius:50%;background:#ffffffeb;display:flex;align-items:center;justify-content:center;border:none;font-size:15px;color:#333;transition:all .15s;box-shadow:0 1px 6px #00000040;line-height:1}.action-btn:hover{background:var(--accent);color:#fff;transform:scale(1.12)}.card-info{padding:12px 14px 14px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-title{font-size:13px;color:#ccc;line-height:1.4;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-price{font-size:16px;font-weight:700;color:var(--text-primary);white-space:nowrap}.no-results{text-align:center;padding:64px 24px;color:var(--text-dim);display:none}.no-results.visible{display:block}.no-results-icon{font-size:42px;margin-bottom:12px;opacity:.5}.no-results h3{font-size:17px;font-weight:500;color:#888;margin-bottom:6px}.no-results p{font-size:14px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:#333}.feature-card{background:#242424;padding:36px 24px;text-align:center;transition:background .2s}.feature-card:hover{background:#282828}.feature-icon{width:44px;height:44px;border-radius:10px;background:#1473e61a;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:20px;color:var(--accent-text)}.feature-title{font-size:15px;font-weight:600;color:#fff;margin-bottom:6px}.feature-desc{font-size:13px;color:#888;line-height:1.55}.pricing{padding:56px 24px;max-width:1040px;margin:0 auto;text-align:center}.pricing h2{font-size:25px;font-weight:700;color:#fff;margin-bottom:6px}.pricing>p{font-size:14px;color:#888;margin-bottom:36px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.price-card{background:#2a2a2a;border:1px solid var(--border);border-radius:10px;padding:30px 20px;transition:transform .2s,border-color .2s}.price-card:hover{transform:translateY(-4px);border-color:#555}.price-card.featured{background:linear-gradient(135deg,var(--accent),var(--accent-dark));border:none}.price-card.featured:hover{transform:translateY(-4px)}.price-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:4px}.price-card .price-label{color:#888}.price-card.featured .price-label{color:#ffffffa6}.price-res{font-size:11px;margin-bottom:14px}.price-card .price-res{color:var(--text-dim)}.price-card.featured .price-res{color:#ffffff80}.price-amount{font-size:34px;font-weight:700;color:#fff;margin-bottom:8px}.price-desc{font-size:12px;line-height:1.45}.price-card .price-desc{color:#888}.price-card.featured .price-desc{color:#ffffffa6}.footer{border-top:1px solid var(--border-subtle);padding:48px 24px 36px}.footer-inner{max-width:var(--max-w);margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:40px 56px}.footer-brand{flex:0 0 220px}.footer-brand p{font-size:12px;color:#8a8a8a;max-width:220px;line-height:1.55;margin-top:8px}.footer-col{flex:0 0 auto;min-width:110px}.footer-col-title{font-size:11px;font-weight:600;color:#9a9a9a;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:14px}.footer-link{display:block;font-size:13px;color:#8a8a8a;margin-bottom:8px;transition:color .15s}.footer-link:hover{color:var(--accent-text)}.footer-bottom{max-width:var(--max-w);margin:28px auto 0;padding:16px 24px 0;border-top:1px solid var(--border-subtle);font-size:11px;color:var(--text-faint);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.page-content{max-width:800px;margin:0 auto;padding:48px 24px}.page-content h1{font-size:clamp(24px,3vw,36px);font-weight:700;color:var(--text-primary);margin-bottom:24px}.page-content h2{font-size:20px;font-weight:600;color:var(--text-primary);margin-top:32px;margin-bottom:12px}.page-content h3{font-size:16px;font-weight:600;color:var(--text-secondary);margin-top:24px;margin-bottom:8px}.page-content p{font-size:15px;line-height:1.65;color:var(--text-secondary);margin-bottom:16px}.page-content ul,.page-content ol{margin-bottom:16px;padding-left:24px}.page-content li{font-size:15px;line-height:1.65;color:var(--text-secondary);margin-bottom:6px}.page-content a{color:var(--accent-text)}.page-content a:hover{text-decoration:underline}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.nav-desktop{display:none}.nav-links{gap:4px}.nav-link{font-size:13px;padding:6px 10px}.video-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.topbar-inner{padding:0 16px}.hero{padding:40px 16px 28px}.pricing-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.video-grid,.pricing-grid{grid-template-columns:1fr}}


/* Detailseite */
@keyframes spin{to{transform:rotate(360deg)}}.specs-wrap{margin:32px 0;padding:24px;background:#1a1a1a;border-radius:12px;border:1px solid #2a2a2a}.specs-head{margin:0 0 18px;font-size:18px}.specs-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 24px;margin:0}.specs-item{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #2a2a2a}.specs-item dt{color:#8aa;font-size:13px}.specs-item dd{margin:0;font-size:13px;color:#ddd;font-weight:500;text-align:right}.specs-note{margin-top:18px;color:#8aa;font-size:13px;line-height:1.5}.detail-badges{position:absolute;top:16px;right:16px;z-index:2;display:flex;gap:8px;align-items:center}.detail-badges>*{position:static;inset:auto;flex:0 0 auto}.detail-badges .res-badge,.detail-badges .dur-badge{padding:4px 10px;font-size:11px;border-radius:4px;line-height:1}.detail-badges .preview-badge{background:#0009;color:#fff;padding:4px 10px;border-radius:4px;font-size:11px;letter-spacing:.5px;line-height:1}.video-top-row{display:grid;grid-template-columns:1.7fr 1fr;gap:28px;align-items:start;margin-bottom:20px}.video-col{min-width:0}.price-col{min-width:0;display:flex}.price-box{flex:1;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#1a2a1a,#1e2e1e);border:1px solid #2d4a2d;border-radius:12px;padding:22px 22px 20px;overflow:visible}.price-benefits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px;color:#b5c5b5}.price-benefits li{padding-left:22px;position:relative;line-height:1.4}.price-benefits li:before{content:"✓";position:absolute;left:0;top:0;color:#4ade80;font-weight:700}.buy-trust{display:flex;align-items:flex-start;justify-content:center;gap:7px;margin:14px 0 0;font-size:11.5px;line-height:1.45;color:#7c8c7c;text-align:left}.buy-trust svg{flex:0 0 auto;margin-top:2px;color:#4ade80}.video-meta{margin-bottom:40px}.similar-wrap{margin:8px 0 44px}.similar-head{font-size:20px;font-weight:700;margin:0 0 16px;color:#eee}.similar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.similar-card{display:block;text-decoration:none;color:inherit;border-radius:8px;overflow:hidden;background:#1a1a1a;transition:transform .15s ease}.similar-card:hover{transform:translateY(-2px)}.similar-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#222}.similar-thumb img{width:100%;height:100%;object-fit:cover;display:block}.similar-bg{position:absolute;inset:0}.similar-hov{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity .18s ease;pointer-events:none}.similar-hov.playing{opacity:1}.similar-info{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.similar-title{font-size:13px;color:#ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.similar-price{font-size:13px;color:#4ade80;font-weight:600;flex-shrink:0}.tags-wrap{margin:0 0 40px;padding-top:24px;border-top:1px solid #222}.tags-head{font-size:14px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 14px}.tags-row{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{display:inline-block;background:#2c2c2c;color:#ccc;padding:6px 14px;border-radius:14px;font-size:13px;text-decoration:none;border:none;cursor:pointer;font-family:inherit;line-height:1.4;transition:background .15s ease,color .15s ease}.tag-chip:hover{background:var(--accent,#2563eb);color:#fff}.usecase-wrap{margin:8px 0 44px;padding-top:24px;border-top:1px solid #222}.usecase-head{font-size:20px;font-weight:700;margin:0 0 18px;color:#eee}.usecase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.usecase-card{background:#161616;border:1px solid #232323;border-radius:10px;padding:20px}.usecase-card h3{margin:8px 0 10px;font-size:15px;font-weight:600;color:#e5e5e5}.usecase-card p{margin:0;color:#aaa;font-size:13px;line-height:1.6}.usecase-icon{font-size:20px;color:#4ade80;line-height:1}.motive-wrap{margin:0 0 40px;padding-top:24px;border-top:1px solid #222}.motive-head{font-size:20px;font-weight:700;margin:0 0 12px;color:#eee}.motive-text{margin:0 0 18px;color:#bbb;font-size:14px;line-height:1.7;max-width:900px}.motive-sub{font-size:13px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 10px}.motive-tags-text{margin:0;color:#8a9a8a;font-size:13px;line-height:1.7}.wissen-wrap{margin:0 0 44px;padding:24px;background:#141414;border:1px solid #232323;border-radius:10px}.wissen-head{font-size:18px;font-weight:700;margin:0 0 16px;color:#eee}.wissen-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.wissen-item a{color:var(--accent-text);text-decoration:underline;font-size:14px;font-weight:600}.wissen-item p{margin:6px 0 0;color:#999;font-size:13px;line-height:1.5}.license-wrap{margin:0 0 44px;padding:24px;background:#141414;border:1px solid #232323;border-radius:10px}.license-head{font-size:18px;font-weight:700;margin:0 0 12px;color:#eee}.license-wrap p{margin:0;color:#aaa;font-size:14px;line-height:1.7}@media(max-width:900px){.video-top-row{grid-template-columns:1fr}.similar-grid{grid-template-columns:repeat(2,1fr)}.usecase-grid{grid-template-columns:1fr}}@media(max-width:520px){.similar-grid{grid-template-columns:1fr}}


/* ---------------------------------------------------------------------------
 * Ergaenzungen fuer WordPress, Shop und Textseiten
 * ------------------------------------------------------------------------- */

.page-content img { border-radius: 10px; margin: 20px 0; max-width: 100%; height: auto; }
.page-content table { width: 100%; border-collapse: collapse; margin: 18px 0; }
.page-content th, .page-content td { border: 1px solid var(--border); padding: 8px 10px; text-align: left; font-size: 14px; }

/* Knopf zum Nachladen, genau wie auf der bisherigen Seite */
.load-more-wrap{display:flex;justify-content:center;padding:28px 16px 8px}
.load-more-wrap[hidden]{display:none}
.load-more-btn{min-width:220px;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:12px 22px;background:#ffffff0f;color:inherit;font:inherit;cursor:pointer}
.load-more-btn:hover:not(:disabled){background:#ffffff1f}
.load-more-btn:disabled{cursor:wait;opacity:.5}

.sv-faq { max-width: 900px; margin: 10px auto 60px; padding: 0 24px; }
.sv-faq h2 { font-size: 22px; margin: 0 0 16px; }
.sv-faq h3 { font-size: 17px; margin: 22px 0 6px; }
.sv-faq p { margin: 0; color: var(--text-secondary); }

.sv-pager { display: flex; gap: 8px; justify-content: center; padding: 20px 0 50px; flex-wrap: wrap; }
.sv-pager .page-numbers { padding: 8px 13px; border: 1px solid var(--border); border-radius: 6px; font-size: 14px; color: var(--text-secondary); }
.sv-pager .current { background: var(--accent); border-color: var(--accent); color: #fff; }

/* WooCommerce im dunklen Layout */
.woocommerce, .woocommerce-page { color: var(--text-secondary); }
.woocommerce .page-content { max-width: 1100px; }
.woocommerce table.shop_table,
.woocommerce table.shop_table td,
.woocommerce table.shop_table th { border-color: var(--border); color: var(--text-secondary); }
.woocommerce table.shop_table { background: var(--bg-card); border-radius: 10px; }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce a.button.alt, .woocommerce button.button.alt {
	background: var(--accent); color: #fff; border-radius: 8px; font-weight: 600;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background: var(--accent-hover); color: #fff; }
.woocommerce .woocommerce-message, .woocommerce .woocommerce-info {
	background: var(--bg-elevated); border-top-color: var(--accent); color: var(--text-secondary);
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.select2-container .select2-selection--single {
	background: var(--bg-card); border: 1px solid var(--border); color: var(--text-primary);
	border-radius: 8px; padding: 10px 12px; height: auto;
}
.woocommerce-checkout #payment { background: var(--bg-card); border-radius: 10px; }
.woocommerce-checkout #payment div.payment_box { background: var(--bg-elevated); color: var(--text-secondary); }
.woocommerce .quantity .qty { background: var(--bg-card); border: 1px solid var(--border); color: var(--text-primary); }

/* Knopfbeschriftung im Preisfeld, dort faerbt die Seite Verweise sonst blau */
.price-box a.btn-primary,
.price-box a.btn-primary:hover { color: #fff; }
.price-box a.btn-outline,
.price-box a.btn-outline:hover { color: var(--text-primary); border-color: var(--border); }
.price-box a.btn-outline small { color: var(--text-muted); }
.price-box a.btn-outline:hover { background: var(--bg-hover); }

/* Videodetailseite, von der bisherigen Seite uebernommen.
   Das body davor sorgt fuer dieselbe Gewichtung wie im Original. */
@keyframes spin{to{transform:rotate(360deg)}}
body .specs-wrap{margin:32px 0;padding:24px;background:#1a1a1a;border-radius:12px;border:1px solid #2a2a2a}
body .specs-head{margin:0 0 18px;font-size:18px}
body .specs-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 24px;margin:0}
body .specs-item{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #2a2a2a}
body .specs-item dt{color:#8aa;font-size:13px}
body .specs-item dd{margin:0;font-size:13px;color:#ddd;font-weight:500;text-align:right}
body .specs-note{margin-top:18px;color:#8aa;font-size:13px;line-height:1.5}
body .detail-badges{position:absolute;top:16px;right:16px;z-index:2;display:flex;gap:8px;align-items:center}
body .detail-badges>*{position:static;inset:auto;flex:0 0 auto}
body .detail-badges .res-badge, body .detail-badges .dur-badge{padding:4px 10px;font-size:11px;border-radius:4px;line-height:1}
body .detail-badges .preview-badge{background:#0009;color:#fff;padding:4px 10px;border-radius:4px;font-size:11px;letter-spacing:.5px;line-height:1}
body .video-top-row{display:grid;grid-template-columns:1.7fr 1fr;gap:28px;align-items:start;margin-bottom:20px}
body .video-col{min-width:0}
body .price-col{min-width:0;display:flex}
body .price-box{flex:1;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#1a2a1a,#1e2e1e);border:1px solid #2d4a2d;border-radius:12px;padding:22px 22px 20px;overflow:visible}
body .price-benefits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px;color:#b5c5b5}
body .price-benefits li{padding-left:22px;position:relative;line-height:1.4}
body .price-benefits li:before{content:"✓";position:absolute;left:0;top:0;color:#4ade80;font-weight:700}
body .buy-trust{display:flex;align-items:flex-start;justify-content:center;gap:7px;margin:14px 0 0;font-size:11.5px;line-height:1.45;color:#7c8c7c;text-align:left}
body .buy-trust svg{flex:0 0 auto;margin-top:2px;color:#4ade80}
body .video-meta{margin-bottom:40px}
body .similar-wrap{margin:8px 0 44px}
body .similar-head{font-size:20px;font-weight:700;margin:0 0 16px;color:#eee}
body .similar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
body .similar-card{display:block;text-decoration:none;color:inherit;border-radius:8px;overflow:hidden;background:#1a1a1a;transition:transform .15s ease}
body .similar-card:hover{transform:translateY(-2px)}
body .similar-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#222}
body .similar-thumb img{width:100%;height:100%;object-fit:cover;display:block}
body .similar-bg{position:absolute;inset:0}
body .similar-hov{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity .18s ease;pointer-events:none}
body .similar-hov.playing{opacity:1}
body .similar-info{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px}
body .similar-title{font-size:13px;color:#ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
body .similar-price{font-size:13px;color:#4ade80;font-weight:600;flex-shrink:0}
body .tags-wrap{margin:0 0 40px;padding-top:24px;border-top:1px solid #222}
body .tags-head{font-size:14px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 14px}
body .tags-row{display:flex;flex-wrap:wrap;gap:8px}
body .tag-chip{display:inline-block;background:#2c2c2c;color:#ccc;padding:6px 14px;border-radius:14px;font-size:13px;text-decoration:none;border:none;cursor:pointer;font-family:inherit;line-height:1.4;transition:background .15s ease,color .15s ease}
body .tag-chip:hover{background:var(--accent,#2563eb);color:#fff}
body .usecase-wrap{margin:8px 0 44px;padding-top:24px;border-top:1px solid #222}
body .usecase-head{font-size:20px;font-weight:700;margin:0 0 18px;color:#eee}
body .usecase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
body .usecase-card{background:#161616;border:1px solid #232323;border-radius:10px;padding:20px}
body .usecase-card h3{margin:8px 0 10px;font-size:15px;font-weight:600;color:#e5e5e5}
body .usecase-card p{margin:0;color:#aaa;font-size:13px;line-height:1.6}
body .usecase-icon{font-size:20px;color:#4ade80;line-height:1}
body .motive-wrap{margin:0 0 40px;padding-top:24px;border-top:1px solid #222}
body .motive-head{font-size:20px;font-weight:700;margin:0 0 12px;color:#eee}
body .motive-text{margin:0 0 18px;color:#bbb;font-size:14px;line-height:1.7;max-width:900px}
body .motive-sub{font-size:13px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 10px}
body .motive-tags-text{margin:0;color:#8a9a8a;font-size:13px;line-height:1.7}
body .wissen-wrap{margin:0 0 44px;padding:24px;background:#141414;border:1px solid #232323;border-radius:10px}
body .wissen-head{font-size:18px;font-weight:700;margin:0 0 16px;color:#eee}
body .wissen-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
body .wissen-item a{color:var(--accent-text);text-decoration:underline;font-size:14px;font-weight:600}
body .wissen-item p{margin:6px 0 0;color:#999;font-size:13px;line-height:1.5}
body .license-wrap{margin:0 0 44px;padding:24px;background:#141414;border:1px solid #232323;border-radius:10px}
body .license-head{font-size:18px;font-weight:700;margin:0 0 12px;color:#eee}
body .license-wrap p{margin:0;color:#aaa;font-size:14px;line-height:1.7}
@media(max-width:900px){
  body .video-top-row{grid-template-columns:1fr}
  body .similar-grid{grid-template-columns:repeat(2,1fr)}
  body .usecase-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  body .similar-grid{grid-template-columns:1fr}
}

/* Kategorieseiten, von der bisherigen Seite uebernommen.
   Das body davor sorgt fuer dieselbe Gewichtung wie im Original. */
body .kat-breadcrumb{font-size:14px;color:var(--text-muted, #8aa);margin-bottom:16px}
body .kat-breadcrumb a{color:var(--text-muted, #8aa);text-decoration:none}
body .kat-breadcrumb a:hover{text-decoration:underline}
body .kat-lead{font-size:17px;line-height:1.65;max-width:900px}
body .kat-sub{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0}
@media(max-width:700px){
  body .kat-sub{grid-template-columns:1fr}
}
body .kat-sub-card h2{font-size:18px;margin-bottom:8px}
body .kat-sub-card p{line-height:1.6;margin-top:0}
body .kat-count{margin:24px 0;color:var(--text-muted, #8aa)}
body .kat-faq-item{margin-bottom:24px}
body .kat-faq-item h3{margin-bottom:6px}
body .kat-faq-item p{margin-top:0}
body .kat-topclips{margin:20px 0 8px}
body .kat-topclips h2{font-size:18px;margin:0 0 10px}
body .kat-topclips-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:6px 24px}
body .kat-topclips-list a{color:var(--accent-text);text-decoration:underline;font-size:14px;line-height:1.6}

/* Preisseite, von der bisherigen Seite uebernommen.
   Das body davor sorgt fuer dieselbe Gewichtung wie im Original. */
body .price-vat{font-size:12px;color:var(--text-muted, #8aa);margin-top:-4px;margin-bottom:8px}
body .pricing-vat-note{max-width:760px;margin:28px auto 0;text-align:center;font-size:13px;color:var(--text-muted, #8aa);line-height:1.55}
body .breadcrumb{font-size:14px;color:var(--text-muted, #8aa);margin-bottom:16px}
body .breadcrumb a{color:var(--text-muted, #8aa);text-decoration:none}
body .breadcrumb a:hover{text-decoration:underline}
body .lead{font-size:18px;line-height:1.6}
body .faq-item{margin-bottom:24px}
body .faq-item h3{margin-bottom:6px}
body .faq-item p{margin-top:0}

/* Datenschutzerklaerung, von der bisherigen Seite uebernommen.
   Das body davor sorgt fuer dieselbe Gewichtung wie im Original. */
body .dse{max-width:860px;margin:0 auto;padding:3rem 1.5rem 5rem;color:var(--text, #e8e8f0);line-height:1.75}
body .dse h1{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;margin-bottom:.25rem}
body .dse-intro{font-size:.875rem;color:#ffffff73;margin-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:1.25rem}
body .dse h2{font-size:1.2rem;font-weight:700;margin:2.5rem 0 .6rem;color:#fff;border-left:3px solid rgba(255,255,255,.2);padding-left:.75rem}
body .dse h3{font-size:1rem;font-weight:600;margin:1.5rem 0 .4rem;color:#ffffffd9}
body .dse p{margin:0 0 1rem;color:#ffffffa6;font-size:.925rem}
body .dse a{color:#ffffffbf;text-decoration:underline;text-decoration-color:#ffffff40}
body .dse a:hover{color:#fff}
body .dse-table{width:100%;border-collapse:collapse;font-size:.875rem;margin:1rem 0 1.5rem}
body .dse-table th{text-align:left;padding:.5rem .75rem;background:#ffffff0f;color:#ffffffb3;font-weight:600;border-bottom:1px solid rgba(255,255,255,.1)}
body .dse-table td{padding:.5rem .75rem;color:#fff9;border-bottom:1px solid rgba(255,255,255,.05)}
body .dse-table tr:last-child td{border-bottom:none}