{"id":1283,"date":"2025-07-09T17:51:16","date_gmt":"2025-07-09T17:51:16","guid":{"rendered":"https:\/\/www.bookstream.shop\/?page_id=1283"},"modified":"2026-03-15T19:17:30","modified_gmt":"2026-03-15T19:17:30","slug":"pricing","status":"publish","type":"page","link":"https:\/\/www.bookstream.shop\/en\/pricing\/","title":{"rendered":"Pricing"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n BookStream Preise<\/title>\r\n <style>\r\n \/* BookStream Modern Pricing Section *\/\r\n .bookstream-modern-pricing {\r\n padding: 20px 20px 80px 20px;\r\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 50%, #f1f3f4 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Floating Background Elements *\/\r\n .bookstream-pricing-bg-modern {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n pointer-events: none;\r\n z-index: 1;\r\n }\r\n\r\n .bookstream-modern-shape {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, rgba(44, 95, 111, 0.05), rgba(212, 175, 55, 0.05));\r\n animation: bookstream-modernFloat 25s ease-in-out infinite;\r\n }\r\n\r\n .bookstream-modern-shape:nth-child(1) {\r\n width: 300px;\r\n height: 300px;\r\n top: -150px;\r\n right: -150px;\r\n animation-delay: 0s;\r\n }\r\n\r\n .bookstream-modern-shape:nth-child(2) {\r\n width: 200px;\r\n height: 200px;\r\n bottom: -100px;\r\n left: -100px;\r\n animation-delay: 10s;\r\n }\r\n\r\n .bookstream-modern-shape:nth-child(3) {\r\n width: 150px;\r\n height: 150px;\r\n top: 30%;\r\n left: 10%;\r\n animation-delay: 20s;\r\n }\r\n\r\n .bookstream-pricing-modern-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 10;\r\n }\r\n\r\n \/* Header *\/\r\n .bookstream-pricing-modern-header {\r\n text-align: center;\r\n margin-bottom: 80px;\r\n opacity: 0;\r\n transform: translateY(50px);\r\n animation: bookstream-modernFadeUp 1s ease-out 0.3s forwards;\r\n }\r\n\r\n .bookstream-pricing-modern-title {\r\n font-size: 3.5rem;\r\n font-weight: 900;\r\n color: #2c5f6f;\r\n margin-bottom: 20px;\r\n position: relative;\r\n }\r\n\r\n .bookstream-pricing-modern-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -15px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 100px;\r\n height: 5px;\r\n background: linear-gradient(135deg, #d4af37, #b8941f);\r\n border-radius: 3px;\r\n animation: bookstream-modernLineExpand 1s ease-out 1.5s both;\r\n }\r\n\r\n .bookstream-pricing-modern-subtitle {\r\n font-size: 1.3rem;\r\n color: #666;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n opacity: 0;\r\n animation: bookstream-modernFadeUp 1s ease-out 0.8s forwards;\r\n }\r\n\r\n \/* Free Trial Banner *\/\r\n .bookstream-trial-banner {\r\n background: linear-gradient(135deg, #f8f9ff, #e8f4f8);\r\n border: 2px solid #2c5f6f;\r\n border-radius: 20px;\r\n padding: 25px;\r\n margin: 40px auto 60px;\r\n max-width: 600px;\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n opacity: 0;\r\n animation: bookstream-modernFadeUp 1s ease-out 1s forwards;\r\n box-shadow: 0 8px 25px rgba(44, 95, 111, 0.1);\r\n }\r\n\r\n .bookstream-trial-icon {\r\n font-size: 3rem;\r\n line-height: 1;\r\n animation: bookstream-modernFloat 3s ease-in-out infinite;\r\n }\r\n\r\n .bookstream-trial-content {\r\n flex: 1;\r\n }\r\n\r\n .bookstream-trial-title {\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n color: #2c5f6f;\r\n margin: 0 0 8px 0;\r\n }\r\n\r\n .bookstream-trial-description {\r\n font-size: 1rem;\r\n color: #666;\r\n margin: 0;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* Pricing Cards Grid *\/\r\n .bookstream-pricing-modern-grid {\r\n display: flex;\r\n justify-content: center;\r\n align-items: stretch;\r\n gap: 30px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n flex-wrap: nowrap;\r\n }\r\n\r\n \/* Individual Pricing Cards - UPDATED FOR EQUAL HEIGHTS *\/\r\n .bookstream-modern-plan-card {\r\n background: white;\r\n border-radius: 25px;\r\n padding: 45px 30px;\r\n text-align: center;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\r\n position: relative;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n border: 2px solid transparent;\r\n opacity: 0;\r\n transform: translateY(60px) scale(0.9);\r\n flex: 1;\r\n max-width: 380px;\r\n min-height: 720px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n }\r\n\r\n .bookstream-modern-plan-card:nth-child(1) {\r\n animation: bookstream-modernCardSlide 0.8s ease-out 1.2s forwards;\r\n }\r\n\r\n .bookstream-modern-plan-card:nth-child(2) {\r\n animation: bookstream-modernCardSlide 0.8s ease-out 1.5s forwards;\r\n border-color: #2c5f6f;\r\n transform: translateY(60px) scale(0.95);\r\n }\r\n\r\n .bookstream-modern-plan-card:nth-child(3) {\r\n animation: bookstream-modernCardSlide 0.8s ease-out 1.8s forwards;\r\n }\r\n\r\n \/* Featured Plan *\/\r\n .bookstream-modern-plan-card.featured {\r\n border-color: #2c5f6f;\r\n box-shadow: 0 20px 60px rgba(44, 95, 111, 0.15);\r\n transform: translateY(60px) scale(1);\r\n }\r\n\r\n .bookstream-modern-plan-card.featured::before {\r\n content: 'AM BELIEBTESTEN';\r\n position: absolute;\r\n top: -15px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: linear-gradient(135deg, #2c5f6f, #1e434d);\r\n color: white;\r\n padding: 8px 24px;\r\n border-radius: 20px;\r\n font-size: 0.8rem;\r\n font-weight: 700;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .bookstream-modern-plan-card:hover {\r\n transform: translateY(-15px) scale(1.02);\r\n box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);\r\n border-color: #d4af37;\r\n }\r\n\r\n .bookstream-modern-plan-card.featured:hover {\r\n transform: translateY(-15px) scale(1.05);\r\n box-shadow: 0 30px 80px rgba(44, 95, 111, 0.2);\r\n }\r\n\r\n \/* Plan Content *\/\r\n .bookstream-modern-plan-content {\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .bookstream-modern-plan-icon {\r\n width: 70px;\r\n height: 70px;\r\n margin: 0 auto 25px;\r\n background: linear-gradient(135deg, #f1f3f4, #e8eaf6);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.8rem;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .bookstream-modern-plan-card:hover .bookstream-modern-plan-icon {\r\n background: linear-gradient(135deg, #2c5f6f, #1e434d);\r\n color: white;\r\n transform: rotate(10deg) scale(1.1);\r\n }\r\n\r\n .bookstream-modern-plan-name {\r\n font-size: 1.6rem;\r\n font-weight: 700;\r\n color: #333;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .bookstream-modern-plan-description {\r\n font-size: 0.95rem;\r\n color: #666;\r\n margin-bottom: 25px;\r\n line-height: 1.5;\r\n flex-grow: 1;\r\n }\r\n\r\n .bookstream-modern-plan-price {\r\n margin-bottom: 25px;\r\n }\r\n\r\n .bookstream-modern-price-amount {\r\n font-size: 3.2rem;\r\n font-weight: 900;\r\n color: #2c5f6f;\r\n line-height: 1;\r\n }\r\n\r\n .bookstream-modern-price-currency {\r\n font-size: 1.8rem;\r\n vertical-align: top;\r\n }\r\n\r\n .bookstream-modern-price-period {\r\n font-size: 1rem;\r\n color: #666;\r\n font-weight: 500;\r\n }\r\n\r\n \/* Features List *\/\r\n .bookstream-modern-features {\r\n list-style: none;\r\n padding: 0;\r\n margin: 20px 0;\r\n text-align: left;\r\n }\r\n\r\n .bookstream-modern-feature {\r\n display: flex;\r\n align-items: center;\r\n padding: 8px 0;\r\n font-size: 0.9rem;\r\n color: #555;\r\n }\r\n\r\n .bookstream-modern-feature::before {\r\n content: '\u2713';\r\n color: #4caf50;\r\n font-weight: bold;\r\n margin-right: 12px;\r\n font-size: 1rem;\r\n }\r\n\r\n \/* Info Card Above Button - UPDATED TO MORE GOLD *\/\r\n .bookstream-info-card {\r\n background: linear-gradient(135deg, #FFD700, #FFA500);\r\n border-radius: 15px;\r\n padding: 15px 20px;\r\n margin-bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n box-shadow: 0 4px 15px rgba(255, 215, 0, 0.4);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .bookstream-info-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 20px rgba(255, 215, 0, 0.5);\r\n }\r\n\r\n .bookstream-info-icon {\r\n font-size: 1.5rem;\r\n line-height: 1;\r\n }\r\n\r\n .bookstream-info-text {\r\n flex: 1;\r\n text-align: left;\r\n }\r\n\r\n .bookstream-info-title {\r\n font-size: 1rem;\r\n font-weight: 700;\r\n color: #1e434d;\r\n margin: 0;\r\n line-height: 1.3;\r\n }\r\n\r\n .bookstream-info-subtitle {\r\n font-size: 0.75rem;\r\n color: #2c5f6f;\r\n margin: 2px 0 0 0;\r\n font-weight: 500;\r\n }\r\n\r\n \/* CTA Button *\/\r\n .bookstream-modern-cta {\r\n background: linear-gradient(135deg, #2c5f6f, #1e434d);\r\n color: white;\r\n border: none;\r\n padding: 15px 30px;\r\n border-radius: 50px;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n text-decoration: none;\r\n display: inline-block;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-top: auto;\r\n }\r\n\r\n .bookstream-modern-cta::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\r\n transition: left 0.5s ease;\r\n }\r\n\r\n .bookstream-modern-cta:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .bookstream-modern-cta:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 30px rgba(44, 95, 111, 0.4);\r\n }\r\n\r\n .bookstream-modern-plan-card.featured .bookstream-modern-cta {\r\n background: linear-gradient(135deg, #d4af37, #b8941f);\r\n }\r\n\r\n .bookstream-modern-plan-card.featured .bookstream-modern-cta:hover {\r\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4);\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes bookstream-modernFadeUp {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes bookstream-modernLineExpand {\r\n from { width: 0; }\r\n to { width: 100px; }\r\n }\r\n\r\n @keyframes bookstream-modernCardSlide {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0) scale(1);\r\n }\r\n }\r\n\r\n @keyframes bookstream-modernFloat {\r\n 0%, 100% {\r\n transform: translateY(0px) rotate(0deg);\r\n }\r\n 50% {\r\n transform: translateY(-20px) rotate(180deg);\r\n }\r\n }\r\n\r\n \/* Mobile Responsive *\/\r\n @media (max-width: 1024px) {\r\n .bookstream-pricing-modern-grid {\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n\r\n .bookstream-modern-plan-card {\r\n max-width: 320px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .bookstream-modern-pricing {\r\n padding: 80px 15px;\r\n }\r\n\r\n .bookstream-pricing-modern-title {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .bookstream-pricing-modern-subtitle {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .bookstream-pricing-modern-grid {\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 25px;\r\n }\r\n\r\n .bookstream-modern-plan-card {\r\n padding: 35px 25px;\r\n max-width: 350px;\r\n min-height: auto;\r\n }\r\n\r\n .bookstream-modern-price-amount {\r\n font-size: 2.8rem;\r\n }\r\n\r\n .bookstream-trial-banner {\r\n flex-direction: column;\r\n text-align: center;\r\n gap: 15px;\r\n margin: 30px 15px 40px;\r\n padding: 20px;\r\n }\r\n\r\n .bookstream-trial-icon {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .bookstream-trial-title {\r\n font-size: 1.3rem;\r\n }\r\n\r\n .bookstream-trial-description {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .bookstream-info-card {\r\n padding: 12px 15px;\r\n gap: 10px;\r\n }\r\n\r\n .bookstream-info-title {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .bookstream-info-subtitle {\r\n font-size: 0.7rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .bookstream-pricing-modern-title {\r\n font-size: 2rem;\r\n }\r\n\r\n .bookstream-modern-plan-card {\r\n padding: 30px 20px;\r\n }\r\n\r\n .bookstream-modern-price-amount {\r\n font-size: 2.5rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- BookStream Modern Pricing Section -->\r\n <section class=\"bookstream-modern-pricing\">\r\n <!-- Animated Background -->\r\n <div class=\"bookstream-pricing-bg-modern\">\r\n <div class=\"bookstream-modern-shape\"><\/div>\r\n <div class=\"bookstream-modern-shape\"><\/div>\r\n <div class=\"bookstream-modern-shape\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"bookstream-pricing-modern-container\">\r\n <!-- Header -->\r\n <div class=\"bookstream-pricing-modern-header\">\r\n <h2 class=\"bookstream-pricing-modern-title\">Choose your plan<\/h2>\r\n <p class=\"bookstream-pricing-modern-subtitle\">Start with a 7-day free trial and get access to all eBooks with flexible download options<\/p>\r\n <\/div>\r\n\r\n <!-- Pricing Cards -->\r\n <div class=\"bookstream-pricing-modern-grid\">\r\n <!-- Basic Plan -->\r\n <div class=\"bookstream-modern-plan-card\">\r\n <div class=\"bookstream-modern-plan-content\">\r\n <div class=\"bookstream-modern-plan-icon\">\ud83d\udcda<\/div>\r\n <h3 class=\"bookstream-modern-plan-name\">Basic<\/h3>\r\n <p class=\"bookstream-modern-plan-description\">Perfect for occasional readers who want access to the most important functions<\/p>\r\n \r\n <div class=\"bookstream-modern-plan-price\">\r\n <span class=\"bookstream-modern-price-currency\">\u20ac<\/span>\r\n <span class=\"bookstream-modern-price-amount\">59,90<\/span>\r\n <div class=\"bookstream-modern-price-period\">per month<\/div>\r\n <\/div>\r\n\r\n <ul class=\"bookstream-modern-features\">\r\n <li class=\"bookstream-modern-feature\">Access to all eBooks<\/li>\r\n <li class=\"bookstream-modern-feature\">10 downloads per month<\/li>\r\n <li class=\"bookstream-modern-feature\">7-day free trial (2 free downloads)<\/li>\r\n <li class=\"bookstream-modern-feature\">Monthly cancelable<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Updated Gold Info Card -->\r\n <div class=\"bookstream-info-card\">\r\n <div class=\"bookstream-info-icon\">\ud83d\udcb0<\/div>\r\n <div class=\"bookstream-info-text\">\r\n <p class=\"bookstream-info-title\">60 lines of picks in EVERY EuroMillions draw for FREE in our 200-person syndicate (up to 540 picks\/month!)<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/www.bookstream.shop\/checkout\/?add-to-cart=1237\" class=\"bookstream-modern-cta\">Start now<\/a>\r\n <\/div>\r\n\r\n <!-- Premium Plan (Featured) -->\r\n <div class=\"bookstream-modern-plan-card featured\">\r\n <div class=\"bookstream-modern-plan-content\">\r\n <div class=\"bookstream-modern-plan-icon\">\u2b50<\/div>\r\n <h3 class=\"bookstream-modern-plan-name\">Premium<\/h3>\r\n <p class=\"bookstream-modern-plan-description\">Best value for money for frequent readers with unlimited access and premium features<\/p>\r\n \r\n <div class=\"bookstream-modern-plan-price\">\r\n <span class=\"bookstream-modern-price-currency\">\u20ac<\/span>\r\n <span class=\"bookstream-modern-price-amount\">79,90<\/span>\r\n <div class=\"bookstream-modern-price-period\">per month<\/div>\r\n <\/div>\r\n\r\n <ul class=\"bookstream-modern-features\">\r\n <li class=\"bookstream-modern-feature\">Access to all eBooks<\/li>\r\n <li class=\"bookstream-modern-feature\">50 downloads per month<\/li>\r\n <li class=\"bookstream-modern-feature\">7-day free trial (2 free downloads)<\/li>\r\n <li class=\"bookstream-modern-feature\">Monthly cancelable<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Updated Gold Info Card -->\r\n <div class=\"bookstream-info-card\">\r\n <div class=\"bookstream-info-icon\">\ud83d\udcb0<\/div>\r\n <div class=\"bookstream-info-text\">\r\n <p class=\"bookstream-info-title\">60 lines of picks in EVERY EuroMillions draw for FREE in our 200-person syndicate (up to 540 picks\/month!)<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/www.bookstream.shop\/checkout\/?add-to-cart=1254\" class=\"bookstream-modern-cta\">Start Premium<\/a>\r\n <\/div>\r\n\r\n <!-- Ultra Plan -->\r\n <div class=\"bookstream-modern-plan-card\">\r\n <div class=\"bookstream-modern-plan-content\">\r\n <div class=\"bookstream-modern-plan-icon\">\ud83c\udfe2<\/div>\r\n <h3 class=\"bookstream-modern-plan-name\">Ultra<\/h3>\r\n <p class=\"bookstream-modern-plan-description\">Designed for professionals and teams who need advanced features<\/p>\r\n \r\n <div class=\"bookstream-modern-plan-price\">\r\n <span class=\"bookstream-modern-price-currency\">\u20ac<\/span>\r\n <span class=\"bookstream-modern-price-amount\">99,90<\/span>\r\n <div class=\"bookstream-modern-price-period\">per month<\/div>\r\n <\/div>\r\n\r\n <ul class=\"bookstream-modern-features\">\r\n <li class=\"bookstream-modern-feature\">Access to all eBooks<\/li>\r\n <li class=\"bookstream-modern-feature\">Access to all content in the \"Books\" category<\/li>\r\n <li class=\"bookstream-modern-feature\">Unlimited downloads per month<\/li>\r\n <li class=\"bookstream-modern-feature\">7-day free trial (2 free downloads)<\/li>\r\n <li class=\"bookstream-modern-feature\">Monthly cancelable<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Updated Gold Info Card -->\r\n <div class=\"bookstream-info-card\">\r\n <div class=\"bookstream-info-icon\">\ud83d\udcb0<\/div>\r\n <div class=\"bookstream-info-text\">\r\n <p class=\"bookstream-info-title\">60 lines of picks in EVERY EuroMillions draw for FREE in our 200-person syndicate (up to 540 picks\/month!)<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/www.bookstream.shop\/checkout\/?add-to-cart=1260\" class=\"bookstream-modern-cta\">Choose Ultra<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Initialize animations when page loads\r\n function initializePricing() {\r\n \/\/ Intersection Observer for animations\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.animationPlayState = 'running';\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n\r\n const cards = document.querySelectorAll('.bookstream-modern-plan-card');\r\n cards.forEach(card => {\r\n if (!card.hasAttribute('data-observed')) {\r\n card.setAttribute('data-observed', 'true');\r\n observer.observe(card);\r\n }\r\n });\r\n }\r\n\r\n \/\/ Initialize when DOM is ready\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', initializePricing);\r\n } else {\r\n initializePricing();\r\n }\r\n\r\n \/\/ Elementor compatibility\r\n if (typeof elementorFrontend !== 'undefined') {\r\n elementorFrontend.hooks.addAction('frontend\/element_ready\/widget', initializePricing);\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e812093 elementor-widget elementor-widget-html\" data-id=\"e812093\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"de\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Warum BookStream w\u00e4hlen<\/title>\r\n <style>\r\n \/* Why Choose BookStream Section *\/\r\n .bookstream-why-choose-section {\r\n padding: 100px 20px;\r\n background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Animated Background Elements *\/\r\n .bookstream-bg-animation {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n pointer-events: none;\r\n z-index: 1;\r\n }\r\n\r\n .bookstream-floating-shape {\r\n position: absolute;\r\n opacity: 0.05;\r\n animation: bookstream-float 15s ease-in-out infinite;\r\n }\r\n\r\n .bookstream-shape-1 {\r\n width: 60px;\r\n height: 60px;\r\n background: #2c5f6f;\r\n border-radius: 50%;\r\n top: 10%;\r\n left: 5%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .bookstream-shape-2 {\r\n width: 40px;\r\n height: 40px;\r\n background: #d4af37;\r\n border-radius: 20%;\r\n top: 70%;\r\n right: 10%;\r\n animation-delay: 3s;\r\n }\r\n\r\n .bookstream-shape-3 {\r\n width: 80px;\r\n height: 80px;\r\n background: #2c5f6f;\r\n clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\r\n top: 20%;\r\n right: 5%;\r\n animation-delay: 6s;\r\n }\r\n\r\n .bookstream-why-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 10;\r\n }\r\n\r\n \/* Header Animation *\/\r\n .bookstream-why-header {\r\n text-align: center;\r\n margin-bottom: 80px;\r\n opacity: 0;\r\n transform: translateY(50px);\r\n animation: bookstream-fadeInUp 1s ease-out 0.2s forwards;\r\n }\r\n\r\n .bookstream-why-title {\r\n font-size: 3rem;\r\n font-weight: 800;\r\n color: #333;\r\n margin-bottom: 20px;\r\n background: linear-gradient(135deg, #2c5f6f, #1e434d);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n position: relative;\r\n }\r\n\r\n .bookstream-why-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80px;\r\n height: 4px;\r\n background: linear-gradient(135deg, #d4af37, #b8941f);\r\n border-radius: 2px;\r\n animation: bookstream-expandWidth 1s ease-out 1.5s both;\r\n }\r\n\r\n .bookstream-why-subtitle {\r\n font-size: 1.2rem;\r\n color: #666;\r\n font-weight: 400;\r\n opacity: 0;\r\n transform: translateY(30px);\r\n animation: bookstream-fadeInUp 1s ease-out 0.8s forwards;\r\n }\r\n\r\n \/* Features Grid *\/\r\n .bookstream-features-grid {\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-start;\r\n gap: 40px;\r\n flex-wrap: nowrap;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Feature Cards *\/\r\n .bookstream-feature-card {\r\n background: white;\r\n border-radius: 20px;\r\n padding: 40px 25px;\r\n width: 100%;\r\n max-width: 350px;\r\n text-align: center;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n position: relative;\r\n overflow: hidden;\r\n opacity: 0;\r\n transform: translateY(60px) scale(0.9);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n cursor: pointer;\r\n flex: 1;\r\n }\r\n\r\n .bookstream-feature-card:nth-child(1) {\r\n animation: bookstream-cardSlideIn 0.8s ease-out 1s forwards;\r\n }\r\n\r\n .bookstream-feature-card:nth-child(2) {\r\n animation: bookstream-cardSlideIn 0.8s ease-out 1.3s forwards;\r\n }\r\n\r\n .bookstream-feature-card:nth-child(3) {\r\n animation: bookstream-cardSlideIn 0.8s ease-out 1.6s forwards;\r\n }\r\n\r\n \/* Card Hover Effects *\/\r\n .bookstream-feature-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.1), transparent);\r\n transition: left 0.6s ease;\r\n }\r\n\r\n .bookstream-feature-card:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .bookstream-feature-card:hover {\r\n transform: translateY(-15px) scale(1.02);\r\n box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n \/* Feature Icons *\/\r\n .bookstream-feature-icon {\r\n width: 100px;\r\n height: 100px;\r\n margin: 0 auto 30px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2.5rem;\r\n color: #666;\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n \/* Different colors for each icon *\/\r\n .bookstream-icon-devices {\r\n background: linear-gradient(135deg, #e8e8e8, #d0d0d0);\r\n }\r\n\r\n .bookstream-icon-secure {\r\n background: linear-gradient(135deg, #e8e8e8, #d0d0d0);\r\n }\r\n\r\n .bookstream-icon-instant {\r\n background: linear-gradient(135deg, #e8e8e8, #d0d0d0);\r\n }\r\n\r\n .bookstream-feature-icon::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 0;\r\n height: 0;\r\n background: rgba(255, 255, 255, 0.3);\r\n border-radius: 50%;\r\n transform: translate(-50%, -50%);\r\n transition: all 0.6s ease;\r\n }\r\n\r\n .bookstream-feature-card:hover .bookstream-feature-icon::before {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .bookstream-feature-card:hover .bookstream-feature-icon {\r\n transform: rotate(10deg) scale(1.1);\r\n }\r\n\r\n \/* Different shadow colors for each icon on hover *\/\r\n .bookstream-feature-card:hover .bookstream-icon-devices {\r\n box-shadow: 0 15px 30px rgba(200, 200, 200, 0.4);\r\n }\r\n\r\n .bookstream-feature-card:hover .bookstream-icon-secure {\r\n box-shadow: 0 15px 30px rgba(200, 200, 200, 0.4);\r\n }\r\n\r\n .bookstream-feature-card:hover .bookstream-icon-instant {\r\n box-shadow: 0 15px 30px rgba(200, 200, 200, 0.4);\r\n }\r\n\r\n \/* Icon Specific Styles *\/\r\n .bookstream-feature-icon {\r\n font-size: 2.5rem;\r\n }\r\n\r\n \/* Feature Text *\/\r\n .bookstream-feature-title {\r\n font-size: 1.4rem;\r\n font-weight: 700;\r\n color: #333;\r\n margin-bottom: 15px;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .bookstream-feature-card:hover .bookstream-feature-title {\r\n color: #2c5f6f;\r\n }\r\n\r\n .bookstream-feature-description {\r\n font-size: 1rem;\r\n color: #666;\r\n line-height: 1.6;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .bookstream-feature-card:hover .bookstream-feature-description {\r\n color: #555;\r\n }\r\n\r\n \/* Keyframe Animations *\/\r\n @keyframes bookstream-fadeInUp {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes bookstream-cardSlideIn {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0) scale(1);\r\n }\r\n }\r\n\r\n @keyframes bookstream-expandWidth {\r\n from {\r\n width: 0;\r\n }\r\n to {\r\n width: 80px;\r\n }\r\n }\r\n\r\n @keyframes bookstream-float {\r\n 0%, 100% {\r\n transform: translateY(0px) rotate(0deg);\r\n }\r\n 33% {\r\n transform: translateY(-20px) rotate(5deg);\r\n }\r\n 66% {\r\n transform: translateY(-10px) rotate(-5deg);\r\n }\r\n }\r\n\r\n @keyframes bookstream-iconPulse {\r\n 0%, 100% {\r\n transform: scale(1);\r\n }\r\n 50% {\r\n transform: scale(1.1);\r\n }\r\n }\r\n\r\n \/* Add pulse animation to icons *\/\r\n .bookstream-icon-devices {\r\n animation: bookstream-iconPulse 2s ease-in-out infinite;\r\n }\r\n\r\n .bookstream-icon-secure {\r\n animation: bookstream-iconPulse 2s ease-in-out infinite 0.5s;\r\n }\r\n\r\n .bookstream-icon-instant {\r\n animation: bookstream-iconPulse 2s ease-in-out infinite 1s;\r\n }\r\n\r\n \/* Intersection Observer Animation Triggers *\/\r\n .bookstream-animate-on-scroll {\r\n opacity: 0;\r\n transform: translateY(50px);\r\n transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .bookstream-animate-on-scroll.bookstream-animate {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* Mobile Responsive *\/\r\n @media (max-width: 992px) {\r\n .bookstream-features-grid {\r\n flex-wrap: wrap;\r\n gap: 30px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .bookstream-why-choose-section {\r\n padding: 80px 15px;\r\n }\r\n\r\n .bookstream-why-title {\r\n font-size: 2.2rem;\r\n }\r\n\r\n .bookstream-why-subtitle {\r\n font-size: 1rem;\r\n }\r\n\r\n .bookstream-features-grid {\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 30px;\r\n }\r\n\r\n .bookstream-feature-card {\r\n width: 100%;\r\n max-width: 350px;\r\n padding: 30px 20px;\r\n }\r\n\r\n .bookstream-feature-icon {\r\n width: 80px;\r\n height: 80px;\r\n font-size: 2rem;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .bookstream-feature-title {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .bookstream-feature-description {\r\n font-size: 0.9rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .bookstream-why-title {\r\n font-size: 1.8rem;\r\n }\r\n\r\n .bookstream-feature-card {\r\n max-width: 280px;\r\n padding: 25px 15px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Why Choose BookStream Section -->\r\n <section class=\"bookstream-why-choose-section\">\r\n <!-- Animated Background -->\r\n <div class=\"bookstream-bg-animation\">\r\n <div class=\"bookstream-floating-shape bookstream-shape-1\"><\/div>\r\n <div class=\"bookstream-floating-shape bookstream-shape-2\"><\/div>\r\n <div class=\"bookstream-floating-shape bookstream-shape-3\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"bookstream-why-container\">\r\n <!-- Header -->\r\n <div class=\"bookstream-why-header\">\r\n <h2 class=\"bookstream-why-title\">Why choose BookStream?<\/h2>\r\n <p class=\"bookstream-why-subtitle\">Experience the future of digital reading with our premium functions<\/p>\r\n <\/div>\r\n \r\n <!-- Features Grid -->\r\n <div class=\"bookstream-features-grid\">\r\n <!-- Multi-Device Access -->\r\n <div class=\"bookstream-feature-card\">\r\n <div class=\"bookstream-feature-icon bookstream-icon-devices\">\ud83d\udcf1<\/div>\r\n <h3 class=\"bookstream-feature-title\">Multi-device access<\/h3>\r\n <p class=\"bookstream-feature-description\">Read on any device - smartphone, tablet, desktop or e-reader. Your library synchronizes automatically on all platforms.<\/p>\r\n <\/div>\r\n\r\n <!-- Secure & Private -->\r\n <div class=\"bookstream-feature-card\">\r\n <div class=\"bookstream-feature-icon bookstream-icon-secure\">\ud83d\udd12<\/div>\r\n <h3 class=\"bookstream-feature-title\">Secure & Private<\/h3>\r\n <p class=\"bookstream-feature-description\">GDPR-compliant with encryption at company level. Your reading habits and personal data remain completely private.<\/p>\r\n <\/div>\r\n\r\n <!-- Instant Downloads -->\r\n <div class=\"bookstream-feature-card\">\r\n <div class=\"bookstream-feature-icon bookstream-icon-instant\">\u26a1<\/div>\r\n <h3 class=\"bookstream-feature-title\">Instant downloads<\/h3>\r\n <p class=\"bookstream-feature-description\">Download eBooks instantly in EPUB or PDF format. No waiting, no limits - just instant access to your chosen books.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Enhanced animations with Intersection Observer\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('bookstream-animate');\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n \/\/ Observe elements for scroll animations\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const animateElements = document.querySelectorAll('.bookstream-animate-on-scroll');\r\n animateElements.forEach(el => observer.observe(el));\r\n\r\n \/\/ Add staggered animation to feature cards\r\n const featureCards = document.querySelectorAll('.bookstream-feature-card');\r\n featureCards.forEach((card, index) => {\r\n card.style.animationDelay = `${1 + (index * 0.3)}s`;\r\n });\r\n\r\n \/\/ Add particle effect on card hover\r\n featureCards.forEach(card => {\r\n card.addEventListener('mouseenter', createParticles);\r\n });\r\n });\r\n\r\n \/\/ Particle effect function\r\n function createParticles(e) {\r\n const card = e.currentTarget;\r\n const rect = card.getBoundingClientRect();\r\n \r\n for (let i = 0; i < 5; i++) {\r\n const particle = document.createElement('div');\r\n particle.style.cssText = `\r\n position: absolute;\r\n width: 4px;\r\n height: 4px;\r\n background: #d4af37;\r\n border-radius: 50%;\r\n pointer-events: none;\r\n top: ${Math.random() * rect.height}px;\r\n left: ${Math.random() * rect.width}px;\r\n animation: bookstream-particleFloat 1s ease-out forwards;\r\n `;\r\n \r\n card.appendChild(particle);\r\n \r\n setTimeout(() => {\r\n if (particle.parentNode) {\r\n particle.parentNode.removeChild(particle);\r\n }\r\n }, 1000);\r\n }\r\n }\r\n\r\n \/\/ Add particle animation keyframes dynamically\r\n const style = document.createElement('style');\r\n style.textContent = `\r\n @keyframes bookstream-particleFloat {\r\n 0% {\r\n opacity: 1;\r\n transform: translateY(0) scale(1);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: translateY(-30px) scale(0);\r\n }\r\n }\r\n `;\r\n document.head.appendChild(style);\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>BookStream Pricing Choose your plan Start with a 7-day free trial and get access to all eBooks<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1283","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.bookstream.shop\/en\/wp-json\/wp\/v2\/pages\/1283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bookstream.shop\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bookstream.shop\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bookstream.shop\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bookstream.shop\/en\/wp-json\/wp\/v2\/comments?post=1283"}],"version-history":[{"count":5,"href":"https:\/\/www.bookstream.shop\/en\/wp-json\/wp\/v2\/pages\/1283\/revisions"}],"predecessor-version":[{"id":50911,"href":"https:\/\/www.bookstream.shop\/en\/wp-json\/wp\/v2\/pages\/1283\/revisions\/50911"}],"wp:attachment":[{"href":"https:\/\/www.bookstream.shop\/en\/wp-json\/wp\/v2\/media?parent=1283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}