/*** Theme Name:FX Magazine WSJ Style* Version:1.0* Description:Professional Wall Street Journal Style Theme*//* GLOBAL BOX-SIZING FIX - Prevents overflow issues */*{box-sizing:border-box !important;}/* Prevent horizontal scrolling */html,body{overflow-x:hidden !important;max-width:100% !important;}/* ===========================SESSION 3 CRITICAL FIXESAdded:14.08.2025 03:00-05:00=========================== *//* COMPLETE WHITE BACKGROUND - Session 3 */body,html{background-color:#ffffff !important;background:#ffffff !important;}.wsj-container,.wsj-main-grid,.wsj-left-column,.wsj-center-column,.wsj-right-column{background-color:#ffffff !important;}/* Dark Gray Category Badges - Session 3 */.wsj-news-categories a,.category-badge,.wsj-category{background:#4a4a4a !important;color:#ffffff !important;}.wsj-news-categories a:hover,.wsj-category:hover{background:#333333 !important;transform:scale(1.05);color:#ffffff !important;}/* News Thumbnails 40x40px - Session 3 */.wsj-news-thumb{width:40px !important;height:40px !important;flex-shrink:0;}.wsj-news-thumb img{width:40px !important;height:40px !important;object-fit:cover;}/* News Item Structure - Session 3 */.wsj-news-categories{margin-bottom:8px;}.wsj-news-row{display:flex;gap:12px;align-items:center;}.wsj-news-content{flex:1;min-width:0;}/* ===========================RESET & BASE=========================== */}*[style*="border-bottom:2px"]{border-bottom:1px solid #ddd !important;}/* CLEANUP:Entferne überflüssige Rahmen und fixe Header Layout *//* 1. Header Layout - Logo oben,Tagline darunter */.wsj-header-content{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;padding:20px 0 !important;}.wsj-site-title{margin:0 !important;padding:0 !important;}.wsj-tagline{margin:5px 0 0 0 !important;padding:0 !important;display:block !important;width:100% !important;text-align:center !important;}/* 2. Entferne überflüssige Rahmen von allen Elementen */img,a,div,span,p,h1,h2,h3,h4,h5,h6{border:none !important;}/* 3. Nur gezielt Rahmen wo nötig */.wsj-news-item-with-thumb{border-bottom:1px solid #e5e5e5 !important;border-top:none !important;border-left:none !important;border-right:none !important;}.wsj-widget-title{border-bottom:1px solid #ddd !important;border-top:none !important;border-left:none !important;border-right:none !important;}.wsj-section-divider{border-top:1px solid #ddd !important;border-bottom:none !important;border-left:none !important;border-right:none !important;}/* 4. Navigation ohne Rahmen außer beim Sticky */.wsj-nav-wrapper{border:none !important;}.wsj-nav-wrapper.sticky{border-bottom:1px solid #e5e5e5 !important;}/* 5. Kategorien ohne Rahmen */.wsj-news-categories a{border:none !important;}/* 6. Bilder ohne Rahmen */.wsj-news-thumb img{border:none !important;}/* === ALLE 7 FIXES === *//* 2. NEUESTE NACHRICHTEN zentriert mit Linien */.wsj-section-divider{display:flex !important;align-items:center !important;text-align:center !important;margin:20px 0 !important;position:relative !important;}.wsj-section-divider::before,.wsj-section-divider::after{content:"" !important;flex:1 !important;height:1px !important;background:#ddd !important;}.wsj-section-divider::before{margin-right:15px !important;}.wsj-section-divider::after{margin-left:15px !important;}.wsj-section-title-bar{font-family:Arial,sans-serif !important;font-size:13px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:0.1em !important;color:#222 !important;white-space:nowrap !important;}/* 3. Navigation sticky,Header nicht */.wsj-header{position:relative !important;background:#ffffff !important;}.wsj-nav-wrapper{position:relative !important;background:#ffffff !important;z-index:1000 !important;}.wsj-nav-wrapper.sticky{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;background:#ffffff !important;box-shadow:0 2px 5px rgba(0,0,0,0.1) !important;}/* 4. Titel NEBEN Bild in linker Spalte */.wsj-news-item-with-thumb .wsj-article-row{display:flex !important;flex-direction:row !important;gap:12px !important;align-items:flex-start !important;}.wsj-news-thumb{flex-shrink:0 !important;width:50px !important;height:50px !important;}.wsj-news-content{flex:1 !important;min-width:0 !important;}/* 5. Mehr Abstand zwischen Widgets */.wsj-market-widget{margin-bottom:30px !important;}.wsj-popular-widget{margin-top:30px !important;margin-bottom:30px !important;}.wsj-widget{margin-bottom:15px !important;}/* Abstand zwischen Post 1 und 2x2 Grid */.wsj-hero-container{margin-bottom:30px !important;}.wsj-secondary-grid{margin-top:30px !important;}/* 6. Opinion und Analysis Layout */.wsj-opinion-analysis{display:grid !important;grid-template-columns:1fr 1fr !important;gap:20px !important;margin-top:30px !important;padding-top:20px !important;border-top:1px solid #ddd !important;}.wsj-opinion-section,.wsj-analysis-section{padding:0 !important;}.wsj-opinion-section h3,.wsj-analysis-section h3{font-size:14px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:0.1em !important;margin-bottom:15px !important;padding-bottom:8px !important;border-bottom:1px solid #ddd !important;}/* 7. Footer mit grauem Hintergrund */.wsj-footer{background-color:#f5f5f5 !important;border-top:1px solid #ddd !important;padding:40px 0 !important;margin-top:50px !important;}.site-footer{background-color:#f5f5f5 !important;}/* === FINALE KORREKTUREN === *//* NEUESTE NACHRICHTEN mit Linien */.wsj-section-divider{display:flex !important;align-items:center !important;text-align:center !important;margin:20px 0 !important;width:100% !important;}.wsj-section-divider .wsj-section-title-bar{position:relative !important;padding:0 20px !important;background:#ffffff !important;}.wsj-section-divider .wsj-section-title-bar::before,.wsj-section-divider .wsj-section-title-bar::after{content:"" !important;position:absolute !important;top:50% !important;width:100vw !important;height:1px !important;background:#ddd !important;}.wsj-section-divider .wsj-section-title-bar::before{right:100% !important;margin-right:10px !important;}.wsj-section-divider .wsj-section-title-bar::after{left:100% !important;margin-left:10px !important;}/* Header NICHT sticky,nur Navigation */.wsj-header,header.wsj-header{position:static !important;position:relative !important;}/* Navigation placeholder height */.nav-placeholder{height:50px !important;display:none !important;}.wsj-nav-wrapper.sticky + .nav-placeholder{display:block !important;}/* Spalten-Trenner verbessern */.wsj-left-column::after{content:"" !important;position:absolute !important;right:-10px !important;top:0 !important;bottom:0 !important;width:1px !important;background:#ddd !important;}.wsj-right-column::before{content:"" !important;position:absolute !important;left:-10px !important;top:0 !important;bottom:0 !important;width:1px !important;background:#ddd !important;}/* Abstände zwischen Widgets reduzieren */.wsj-right-column > *{margin-bottom:10px !important;}/* Zusätzlich spezifische .wsj-widget Margin */.wsj-widget{margin-bottom:10px !important;}.wsj-right-column > *:last-child{margin-bottom:0 !important;}/* === 6 NEUE FIXES === *//* 1. Trading Tools Box:Feiner blauer Rahmen,schwarze Schrift */.wsj-widget:has(.wsj-tools-list){border:1px solid #4A90E2 !important;padding:15px !important;border-radius:4px !important;}.wsj-tools-list li a{color:#222 !important;text-decoration:none !important;}.wsj-tools-list li a:hover{color:#4A90E2 !important;text-decoration:underline !important;}/* 3. Navigation:Linien oben/unten,mehr Abstand zu NEUESTE NACHRICHTEN */.wsj-nav-wrapper{border-top:1px solid #ddd !important;border-bottom:1px solid #ddd !important;margin-bottom:40px !important;padding:10px 0 !important;}.wsj-section-divider{margin-top:40px !important;}/* 4. Linke Spalte:Abstand zwischen Kategorie und Bild halbieren */.wsj-news-categories{margin-bottom:4px !important;}/* 5. Am Beliebtesten:Top 7 mit halbierten Abständen */.wsj-popular-list{counter-reset:popular-counter !important;}.wsj-popular-list li{    padding:6px 0 !important;/* Halbiert von 12px */}.wsj-popular-list li{margin-bottom:8px !important;padding-bottom:8px !important;}/* Zeige 7 statt 5 Items - muss in PHP geändert werden *//* 6. Footer:Weißer Text auf blauem Hintergrund */.wsj-footer,.site-footer,footer{background-color:#2d3748 !important;color:#ffffff !important;padding:40px 0 !important;margin-top:60px !important;}.wsj-footer *{color:#ffffff !important;}.wsj-footer a{color:#a0aec0 !important;text-decoration:none !important;}.wsj-footer a:hover{color:#cbd5e0 !important;text-decoration:underline !important;}.wsj-footer-column h4{color:#ffffff !important;border-bottom:1px solid rgba(255,255,255,0.2) !important;padding-bottom:10px !important;margin-bottom:15px !important;}/* ============================================FINALE CSS-FIXES - 14.08.2025============================================ *//* 1. Trading Tools Box mit blauem Rahmen */.wsj-right-column > div:nth-child(3){border:1px solid #4A90E2 !important;padding:15px !important;border-radius:4px !important;background:#ffffff !important;margin-top:20px !important;}.wsj-right-column > div:nth-child(3) h3{color:#000000 !important;border-bottom:1px solid #4A90E2 !important;padding-bottom:10px !important;margin-bottom:15px !important;font-weight:600 !important;}.wsj-right-column > div:nth-child(3) ul{margin:0 !important;padding:0 !important;list-style:none !important;}.wsj-right-column > div:nth-child(3) li{padding:8px 0 !important;border-bottom:1px solid #f0f0f0 !important;}.wsj-right-column > div:nth-child(3) li:last-child{border-bottom:none !important;}.wsj-right-column > div:nth-child(3) a{color:#000000 !important;text-decoration:none !important;transition:color 0.3s ease !important;}.wsj-right-column > div:nth-child(3) a:hover{color:#4A90E2 !important;}/* 2. Navigation feine Linien und Abstände */.wsj-nav-wrapper{border-top:1px solid #e0e0e0 !important;border-bottom:1px solid #e0e0e0 !important;margin-bottom:30px !important;padding:10px 0 !important;}/* 3. Kategorie-Bild Abstand in linker Spalte */.wsj-news-categories{margin-bottom:4px !important;}.wsj-news-row{gap:8px !important;}/* 4. Am Beliebtesten - noch mehr reduzierte Abstände */.wsj-popular-list{padding:0 !important;margin:0 !important;}.wsj-popular-list li,.wsj-popular-item{padding:4px 0 !important;margin:0 !important;}/* 5. Footer - Weiße Schrift auf blauem Hintergrund */.wsj-footer{background-color:#2d3748 !important;color:#ffffff !important;padding:40px 0 !important;}.wsj-footer-container{background-color:#2d3748 !important;}.wsj-footer a{color:#ffffff !important;opacity:0.9 !important;}.wsj-footer a:hover{color:#ffffff !important;opacity:1 !important;text-decoration:underline !important;}.wsj-footer h4{color:#ffffff !important;border-bottom-color:rgba(255,255,255,0.3) !important;}.wsj-footer-column{color:#ffffff !important;}.wsj-footer-bottom{color:#ffffff !important;opacity:0.8 !important;}/* ============================================URGENT FIXES - 15.08.2025 - BURGER MENU & ZEITUNGSKNICK============================================ *//* ZEITUNGSKNICK KORRIGIEREN - Position und Border entfernen */.wsj-main-grid::before,.wsj-main-grid::after,.wsj-container::before,.wsj-container::after{display:none !important;border:none !important;left:280px !important;}/* Alle möglichen Pseudo-Elemente für Zeitungsknick deaktivieren */*::before[style*="border"],*::after[style*="border"],.wsj-main-grid *::before,.wsj-main-grid *::after{border:none !important;}/* ============================================URGENT FIXES - 14.08.2025 - 13:35============================================ *//* 1. Strich über NEUESTE NACHRICHTEN entfernen */.wsj-section-divider:first-of-type{border-top:none !important;}.wsj-section-title-bar{border-top:none !important;}/* 2. Navigation FETT */.wsj-nav-menu a,.wsj-nav-wrapper a{font-weight:700 !important;font-weight:bold !important;}/* 3. NEUESTE NACHRICHTEN richtige Schriftart */.wsj-section-title-bar{font-family:'Playfair Display',Georgia,serif !important;font-size:14px !important;font-weight:700 !important;letter-spacing:0.05em !important;}/* 6. Footer BESSER LESBAR - Weiß auf Dunkelblau */.wsj-footer,.site-footer,footer,.wsj-footer-container{background-color:#2d3748 !important;}.wsj-footer *,.site-footer *,footer *{color:#ffffff !important;}.wsj-footer a,.site-footer a,footer a{color:#ffffff !important;opacity:1 !important;text-decoration:underline !important;}.wsj-footer a:hover,.site-footer a:hover,footer a:hover{color:#cbd5e0 !important;}.wsj-footer h4,.site-footer h4,footer h4{color:#ffffff !important;font-weight:700 !important;}/* 7. Strich über OPINION & ANALYSIS */.wsj-opinion-section{border-top:1px solid #333 !important;padding-top:20px !important;margin-top:20px !important;}/* 8. Opinion Posts nebeneinander */.wsj-opinion-grid{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:20px !important;}.wsj-opinion-grid article{border-left:1px solid #ddd !important;padding-left:15px !important;}.wsj-opinion-grid article:first-child{border-left:none !important;}/* ============================================FINAL FIXES - 14.08.2025 - 13:43============================================ *//* 1. Am Beliebtesten - Platz für 7 Items */.wsj-popular-list li{padding:4px 0 !important;margin:0 !important;min-height:auto !important;transition:all 0.2s ease;cursor:pointer;position:relative;}/* Hover-Effekte für Popular Items - wie linke Spalte */.wsj-popular-list li:hover{background-color:#f8f8f8;transform:translateX(3px);box-shadow:-3px 0 0 0 #4a4a4a;}.wsj-popular-list li:hover a{color:#2d3748 !important;text-decoration:none !important;}/* Kategorien in Popular Items auch hovern */.wsj-popular-list li:hover span[style*="background:#4a4a4a"]{background:#333333 !important;}.wsj-popular-widget{max-height:none !important;}/* 2. Footer Final Fix - Dunkelblau mit weißer Schrift */.wsj-footer,.site-footer,footer,.wsj-footer-container,footer.wsj-footer{background:#2d3748 !important;background-color:#2d3748 !important;}.wsj-footer *,.site-footer *,footer *,.wsj-footer-column *,.wsj-footer-bottom *{color:#ffffff !important;}.wsj-footer a,.site-footer a,footer a{color:#ffffff !important;opacity:1 !important;text-decoration:none !important;border-bottom:1px solid rgba(255,255,255,0.3) !important;}.wsj-footer a:hover,.site-footer a:hover,footer a:hover{color:#ffffff !important;border-bottom-color:#ffffff !important;}.wsj-footer h4,.site-footer h4,footer h4{color:#ffffff !important;font-weight:700 !important;border-bottom:2px solid rgba(255,255,255,0.5) !important;padding-bottom:10px !important;}/* 3. ENTFERNE Strich über OPINION & ANALYSIS */.wsj-opinion-section{border-top:none !important;}.wsj-section-divider:last-of-type{border-top:none !important;}.wsj-section-divider + .wsj-opinion-grid{border-top:none !important;margin-top:20px !important;}/* Entferne alle falschen Opinion-Striche */.wsj-opinion-analysis{border-top:none !important;}/* 4. Opinion Cards mit schönen Kacheln */.wsj-opinion-grid{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:20px !important;margin-top:20px !important;}.wsj-opinion-item{background:#ffffff !important;border:1px solid #e0e0e0 !important;border-radius:8px !important;padding:20px !important;transition:all 0.3s ease !important;box-shadow:0 2px 4px rgba(0,0,0,0.05) !important;}.wsj-opinion-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1) !important;transform:translateY(-2px) !important;border-color:#4A90E2 !important;}.wsj-opinion-author{font-size:12px !important;color:#666 !important;text-transform:uppercase !important;letter-spacing:0.05em !important;margin-bottom:8px !important;font-weight:600 !important;}.wsj-opinion-headline{font-size:18px !important;line-height:1.4 !important;margin:0 !important;}.wsj-opinion-headline a{color:#222 !important;text-decoration:none !important;transition:color 0.3s ease !important;}.wsj-opinion-headline a:hover{color:#4A90E2 !important;}/* CRITICAL GRID FIX - 3 Column Layout - Fixed horizontal scroll */.wsj-main-grid{display:grid !important;grid-template-columns:280px 1fr 280px !important;gap:20px !important;max-width:1200px !important;margin:0 auto !important;padding:0 20px !important;box-sizing:border-box !important;}/* Column width constraints */.wsj-left-column{width:100% !important;max-width:280px !important;box-sizing:border-box !important;}.wsj-center-column{width:100% !important;min-width:0 !important;box-sizing:border-box !important;}.wsj-right-column{width:100% !important;max-width:280px !important;box-sizing:border-box !important;}/* Container fix */.wsj-container{max-width:1200px !important;margin:0 auto !important;padding:0 20px !important;box-sizing:border-box !important;}/* Widget Title Alignment - All at same height */.wsj-widget-title{font-family:"Source Sans Pro",Arial,sans-serif !important;font-size:11px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:0.1em !important;padding:0 0 6px 0 !important;border-bottom:2px solid #000 !important;color:#000 !important;margin:0 0 8px 0 !important;background:transparent !important;}/* Ensure all widgets start at same level */.wsj-widget{margin-top:0 !important;}/* First widget in columns - no top margin */.wsj-left-column > div:first-child,.wsj-right-column > div:first-child{margin-top:0 !important;}/* AM BELIEBTESTEN - Reduzierte Abstände */.wsj-popular-list li{padding:3px 0 !important;/* Noch mehr reduziert */border-bottom:1px solid #e5e5e5 !important;}.wsj-popular-list li > div:first-child{padding-top:0 !important;/* Abstand nach oben entfernen */}/* MÄRKTE Widget Position */.wsj-widget:has(.mt5-market-widget){margin-top:-20px !important;}/* Titel-Ausrichtung korrigieren - Alle auf gleicher Höhe */.wsj-left-column .wsj-widget-title,.wsj-right-column .wsj-widget-title{margin-top:0 !important;margin-bottom:15px !important;padding-top:0 !important;}/* Erste Widgets ohne Top-Margin */.wsj-left-column > *:first-child,.wsj-right-column > *:first-child{margin-top:0 !important;padding-top:0 !important;}/* MÄRKTE Widget spezifisch */.wsj-widget:has(.mt5-market-widget){margin-top:0 !important;padding-top:0 !important;}/* AM BELIEBTESTEN noch kompakter */.wsj-popular-list li{padding:2px 0 !important;margin:0 !important;line-height:1.2 !important;}.wsj-popular-list li > div{gap:8px !important;}/* Nummer kleiner für mehr Platz */.wsj-popular-list li > div:first-child{font-size:24px !important;width:25px !important;}/* AM BELIEBTESTEN - 50% näher ans Widget */.wsj-popular-widget{margin-top:15px !important;/* Von 30px auf 15px reduziert */}/* Zeitungsknick-Effekt für Spalten-Trenner */.wsj-left-column{border-right:none !important;position:relative !important;}.wsj-left-column::after{content:"" !important;position:absolute !important;right:-15px !important;top:0 !important;bottom:0 !important;width:3px !important;background:linear-gradient(to right,#ffffff 0%,#e8e8e8 50%,#ffffff 100%) !important;box-shadow:-1px 0 2px rgba(0,0,0,0.05),1px 0 2px rgba(0,0,0,0.05) !important;}.wsj-right-column{border-left:none !important;position:relative !important;}.wsj-right-column::before{content:"" !important;position:absolute !important;left:-15px !important;top:0 !important;bottom:0 !important;width:3px !important;background:linear-gradient(to right,#ffffff 0%,#e8e8e8 50%,#ffffff 100%) !important;box-shadow:-1px 0 2px rgba(0,0,0,0.05),1px 0 2px rgba(0,0,0,0.05) !important;}/* Entferne alte graue Linien */.wsj-left-column,.wsj-right-column{border:none !important;}/* AM BELIEBTESTEN - Klarere Trennung */.wsj-popular-list li{border-bottom:1px solid #e5e5e5 !important;/* Strich UNTER jedem Artikel */padding-bottom:3px !important;margin-bottom:3px !important;}.wsj-popular-list li:last-child{border-bottom:none !important;/* Letzter Artikel ohne Strich */}/* Verstärkter Zeitungsknick-Effekt mit 3D-Schatten */.wsj-left-column::after,.wsj-right-column::before{width:5px !important;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(240,240,240,0.3) 20%,rgba(200,200,200,0.5) 50%,rgba(240,240,240,0.3) 80%,rgba(255,255,255,0) 100%) !important;box-shadow:0 0 3px rgba(0,0,0,0.08),inset 0 0 2px rgba(0,0,0,0.05) !important;}/* Mittlere Spalte leichter Schatten für Tiefe */.wsj-center-column{position:relative !important;z-index:1 !important;}/* Entferne alle alten Borders komplett */.wsj-left-column,.wsj-right-column{border-right:none !important;border-left:none !important;padding-right:20px !important;padding-left:20px !important;}/* MÄRKTE Widget weiter nach oben - WICHTIG */.wsj-widget:has(.mt5-market-widget){margin-top:0 !important;padding-top:0 !important;}.wsj-widget:has(.mt5-market-widget) .wsj-widget-title{margin-top:0 !important;padding-top:0 !important;}/* Alle Widgets in rechter Spalte auf gleicher Höhe mit linker Spalte */.wsj-right-column{padding-top:0 !important;margin-top:0 !important;}.wsj-right-column > *:first-child{margin-top:0 !important;padding-top:0 !important;}/* Cache-Buster für CSS *//* Updated:1755188061 *//* ===========================ZEITUNGSKNICK-EFFEKTE & HOVER-ANIMATIONENHinzugefügt:15.08.2025=========================== *//* 1. ZEITUNGSKNICK-EFFEKT ZWISCHEN SPALTEN */.wsj-main-grid{position:relative;}.wsj-main-grid::before,.wsj-main-grid::after{content:"";position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.05) 10%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.05) 90%,transparent 100%);box-shadow:0 0 3px rgba(0,0,0,0.05);z-index:1;}.wsj-main-grid::before{left:280px;/* Direkt an der Grenze der linken Spalte */}.wsj-main-grid::after{right:280px;/* Direkt an der Grenze der rechten Spalte */}/* 2. HOVER-EFFEKTE FÜR LINKE SPALTE */.wsj-news-item-with-thumb{transition:all 0.3s ease;padding:10px;margin:-10px;border-radius:4px;}.wsj-news-item-with-thumb:hover{background:rgba(0,0,0,0.02);transform:translateX(3px);}.wsj-news-item-with-thumb .wsj-news-headline{transition:color 0.3s ease;}.wsj-news-item-with-thumb:hover .wsj-news-headline{color:#0066cc;}/* 3. VERBESSERTE BILD-HOVER-EFFEKTE */.wsj-news-thumb img{transition:all 0.3s ease !important;}.wsj-news-thumb:hover img{filter:grayscale(0%) opacity(1) !important;transform:scale(1.1) !important;box-shadow:0 2px 8px rgba(0,0,0,0.15);}/* 4. OPINION & ANALYSIS BREITE KORRIGIEREN */.wsj-opinion-grid{max-width:1200px !important;margin:0 auto !important;padding:0 20px !important;}.wsj-opinion-analysis{max-width:1200px !important;margin:0 auto !important;padding:0 20px !important;}/* 5. ENTFERNE ALTE BORDERS */.wsj-left-column,.wsj-center-column,.wsj-right-column{border:none !important;border-left:none !important;border-right:none !important;}/* ============================================MOBILE RESPONSIVE LAYOUT - 15.08.2025============================================ *//* Mobile Responsive - Tablets und Smartphones */@media (max-width:768px){.wsj-main-grid{display:flex !important;flex-direction:column !important;grid-template-columns:none !important;gap:20px !important;}/* Reihenfolge:Center oben,dann Left+Right nebeneinander */.wsj-center-column{order:1;width:100%;margin-bottom:30px;}/* Container für Left+Right nebeneinander */.wsj-left-column{order:2;width:48%;display:inline-block;vertical-align:top;}.wsj-right-column{order:3;width:48%;display:inline-block;vertical-align:top;float:right;}/* Zeitungsknick für Mobile entfernen */.wsj-main-grid::before,.wsj-main-grid::after{display:none !important;}}/* Sehr kleine Screens - Alles untereinander */@media (max-width:480px){.wsj-left-column,.wsj-right-column{width:100% !important;display:block !important;float:none !important;margin:0 0 20px 0;}}/* ============================================BURGER MENU STYLES - Moved from header.php============================================ */.burger-menu{display:none;position:fixed;top:15px;left:15px;z-index:1002;background:#fff;border:2px solid #000;padding:8px;cursor:pointer;width:40px;height:40px;border-radius:4px;}.burger-menu span{display:block;width:24px;height:2px;background:#000;margin:5px 0;transition:all 0.3s;}.burger-menu.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}.burger-menu.active span:nth-child(2){opacity:0;}.burger-menu.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}@media (max-width:1024px){.burger-menu{display:block;}.wsj-nav-menu{display:none !important;position:fixed;top:60px;left:15px;background:#fff;border:2px solid #000;box-shadow:0 4px 12px rgba(0,0,0,0.15);flex-direction:column;width:250px;max-width:calc(100vw - 30px);padding:20px;z-index:1001;}.wsj-nav-menu.active{display:flex !important;}.wsj-nav-menu li{margin:10px 0;width:100%;}.wsj-nav-menu a{display:block;padding:10px;border-bottom:1px solid #e0e0e0;}}/* ==============================================FINAL RESPONSIVE LAYOUT - TABLET VIEWPriority:Center → Left+Right side by side============================================== */@media screen and (min-width:768px) and (max-width:1024px){/* Override all previous grid/flex layouts */.wsj-main-grid{display:block !important;width:100% !important;max-width:100% !important;padding:0 20px !important;}/* 1. Center column FIRST - full width */.wsj-center-column{display:block !important;width:100% !important;margin:0 0 30px 0 !important;float:none !important;clear:both !important;}/* 2. Left column - half width,floated left */.wsj-left-column{display:block !important;width:48% !important;float:left !important;margin:0 2% 20px 0 !important;max-width:none !important;}/* 3. Right column - half width,floated right */.wsj-right-column{display:block !important;width:48% !important;float:right !important;margin:0 0 20px 0 !important;max-width:none !important;}/* Clear floats after grid */.wsj-main-grid::after{content:"";display:table;clear:both;}}/* Mobile - everything stacked */@media screen and (max-width:767px){.wsj-main-grid{display:block !important;}.wsj-left-column,.wsj-center-column,.wsj-right-column{display:block !important;width:100% !important;float:none !important;margin:0 0 20px 0 !important;}}/* ============================================MOBILE SPALTEN-REIHENFOLGE FIXCenter Column zuerst auf Mobile============================================ */@media screen and (max-width:1024px){.wsj-main-grid{display:flex !important;flex-direction:column !important;}/* Center Column zuerst */.wsj-center-column{order:1 !important;width:100% !important;margin-bottom:30px !important;}/* Left Column zweite */.wsj-left-column{order:2 !important;width:100% !important;margin-bottom:20px !important;}/* Right Column dritte */.wsj-right-column{order:3 !important;width:100% !important;}}/* Tablet (768-1024px) - Center oben,dann Left und Right nebeneinander */@media screen and (min-width:768px) and (max-width:1024px){.wsj-main-grid{display:flex !important;flex-wrap:wrap !important;}/* Center Column volle Breite oben */.wsj-center-column{order:1 !important;width:100% !important;flex:0 0 100% !important;margin-bottom:30px !important;}/* Left und Right nebeneinander */.wsj-left-column{order:2 !important;width:48% !important;flex:0 0 48% !important;margin-right:2% !important;}.wsj-right-column{order:3 !important;width:48% !important;flex:0 0 48% !important;margin-left:2% !important;}}/* Mobile (<768px) - Alles untereinander,Center zuerst */@media screen and (max-width:767px){.wsj-main-grid{display:flex !important;flex-direction:column !important;}.wsj-center-column{order:1 !important;}.wsj-left-column{order:2 !important;}.wsj-right-column{order:3 !important;}.wsj-left-column,.wsj-center-column,.wsj-right-column{width:100% !important;max-width:100% !important;margin:0 0 20px 0 !important;}}/* Breakout Brain Page Fixes - Added Fr 5. Sep 08:19:09 CEST 2025 */.page-id-4862 .site-sidebar,.page-id-4862 .sidebar,.page-id-4862 #secondary,.page-id-4862 aside.widget-area{display:none !important;}.page-id-4862 .site-content,.page-id-4862 .content-area,.page-id-4862 #primary{width:100% !important;max-width:100% !important;float:none !important;margin:0 !important;}.page-id-4862 .wsj-container,.page-id-4862 .site-main{max-width:1200px !important;margin:0 auto !important;padding:40px 20px !important;}/* Remove any grid layouts that might cause sidebar */.page-id-4862 .wsj-main-grid{display:block !important;grid-template-columns:none !important;}/* Kadence Blocks Specific Fixes */.page-id-4862 .wp-block-kadence-rowlayout{margin:0 auto !important;padding:20px 0 !important;}.page-id-4862 .kt-row-column-wrap{max-width:100% !important;}.page-id-4862 .wp-block-kadence-column{padding:15px !important;}.page-id-4862 .wp-block-kadence-advancedheading{margin-bottom:20px !important;clear:both !important;}.page-id-4862 .wp-block-kadence-tabs{margin:30px 0 !important;clear:both !important;}.page-id-4862 .kt-tabs-wrap{background:#f8f9fa !important;border-radius:8px !important;padding:20px !important;}.page-id-4862 .kt-tab-inner-content{padding:20px !important;}/* Accordion Fixes */.page-id-4862 .wp-block-kadence-accordion{margin:20px 0 !important;}.page-id-4862 .kt-accordion-panel{border:1px solid #e0e0e0 !important;margin-bottom:10px !important;}/* Table Styling */.page-id-4862 table{width:100% !important;border-collapse:collapse !important;margin:20px 0 !important;}.page-id-4862 table td,.page-id-4862 table th{padding:8px 12px !important;border:1px solid #ddd !important;text-align:left !important;}.page-id-4862 table th{background:#f4f4f4 !important;font-weight:bold !important;}.page-id-4862 table tr:nth-child(even){background:#f9f9f9 !important;}/* Info Box Styling */.page-id-4862 .wp-block-kadence-infobox{margin:20px 0 !important;padding:20px !important;background:#fff !important;border:1px solid #e0e0e0 !important;border-radius:8px !important;box-shadow:0 2px 4px rgba(0,0,0,0.1) !important;}/* Image Fixes */.page-id-4862 .wp-block-image{margin:20px 0 !important;text-align:center !important;}.page-id-4862 .wp-block-image img{max-width:100% !important;height:auto !important;display:block !important;margin:0 auto !important;}/* Typography Enhancements */.page-id-4862 h1.entry-title{font-size:2.5em !important;margin-bottom:30px !important;font-weight:700 !important;color:#1a1a1a !important;}.page-id-4862 h2{font-size:2em !important;margin:30px 0 20px !important;font-weight:600 !important;color:#2c2c2c !important;}.page-id-4862 h3{font-size:1.5em !important;margin:25px 0 15px !important;font-weight:600 !important;color:#3a3a3a !important;}.page-id-4862 h4{font-size:1.25em !important;margin:20px 0 10px !important;font-weight:600 !important;}.page-id-4862 p{line-height:1.7 !important;margin-bottom:15px !important;font-size:16px !important;}.page-id-4862 ul,.page-id-4862 ol{margin:15px 0 15px 30px !important;line-height:1.7 !important;}.page-id-4862 li{margin-bottom:8px !important;}/* Button Styling */.page-id-4862 .wp-block-kadence-advancedbtn a,.page-id-4862 .kt-button{display:inline-block !important;padding:12px 24px !important;background:#0066cc !important;color:#fff !important;text-decoration:none !important;border-radius:4px !important;transition:background 0.3s !important;}.page-id-4862 .wp-block-kadence-advancedbtn a:hover,.page-id-4862 .kt-button:hover{background:#0052a3 !important;}/* Content Container */.page-id-4862 .entry-content{max-width:100% !important;overflow-x:hidden !important;}/* Remove any floating elements */.page-id-4862 .entry-content::after{content:"";display:table;clear:both;}/* Mobile Responsive Fixes for Breakout Brain Page */@media (max-width:768px){.page-id-4862 .wsj-container,.page-id-4862 .site-main{padding:20px 15px !important;}.page-id-4862 h1.entry-title{font-size:1.8em !important;}.page-id-4862 h2{font-size:1.5em !important;}.page-id-4862 h3{font-size:1.25em !important;}.page-id-4862 .wp-block-kadence-column{padding:10px !important;}.page-id-4862 table{font-size:14px !important;}.page-id-4862 .kt-tabs-wrap{padding:15px !important;}.page-id-4862 .wp-block-kadence-infobox{padding:15px !important;}}/* Force hide any remaining sidebar elements */body.page-id-4862 .sidebar-primary,body.page-id-4862 .widget-area,body.page-id-4862 #secondary,body.page-id-4862 aside[role="complementary"]{display:none !important;visibility:hidden !important;width:0 !important;height:0 !important;overflow:hidden !important;}/* Ensure full width for main content */body.page-id-4862 #primary,body.page-id-4862 .content-area,body.page-id-4862 main{width:100% !important;max-width:none !important;float:none !important;}/* CRITICAL FIX for Breakout Brain Page 4862 */body.page-id-4862{background:#fff;}/* Fix Header and Navigation */body.page-id-4862 .wsj-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#fff;border-bottom:2px solid #000;}body.page-id-4862 .wsj-header-brand h1{font-size:2rem;margin:0;}body.page-id-4862 .wsj-header-brand p{font-size:0.9rem;margin:5px 0 0 0;color:#666;}body.page-id-4862 .wsj-nav{width:100%;background:#f8f8f8;padding:10px 0;border-bottom:1px solid #ddd;}body.page-id-4862 .wsj-nav ul{display:flex;justify-content:center;list-style:none;margin:0;padding:0;max-width:1200px;margin:0 auto;}body.page-id-4862 .wsj-nav li{margin:0 15px;}body.page-id-4862 .wsj-nav a{color:#333;text-decoration:none;font-weight:500;padding:5px 10px;transition:color 0.3s;}body.page-id-4862 .wsj-nav a:hover{color:#0066cc;}/* Fix Content Container */body.page-id-4862 .wsj-container{width:100%;max-width:100%;margin:0;padding:0;display:block !important;}body.page-id-4862 .wsj-main-grid{display:block !important;grid-template-columns:none !important;max-width:100%;margin:0;}body.page-id-4862 .content-area{width:100% !important;max-width:100% !important;float:none !important;margin:0 !important;padding:0 !important;}body.page-id-4862 .site-main{max-width:900px !important;margin:40px auto !important;padding:0 40px !important;background:#fff;}body.page-id-4862 .entry-content{font-size:16px;line-height:1.7;color:#333;}/* Ensure no sidebar appears */body.page-id-4862 .sidebar,body.page-id-4862 #secondary,body.page-id-4862 aside,body.page-id-4862 .widget-area,body.page-id-4862 .wsj-right-column,body.page-id-4862 .wsj-left-column{display:none !important;visibility:hidden !important;width:0 !important;height:0 !important;overflow:hidden !important;position:absolute !important;left:-9999px !important;}/* Fix WordPress Admin Bar spacing */body.page-id-4862.admin-bar .wsj-header{margin-top:32px;}@media screen and (max-width:782px){body.page-id-4862.admin-bar .wsj-header{margin-top:46px;}}/* Kadence Blocks specific fixes */body.page-id-4862 .wp-block-kadence-rowlayout{max-width:100%;margin:20px 0;}body.page-id-4862 .kt-row-column-wrap{padding:0;}body.page-id-4862 .wp-block-kadence-column{padding:15px;}body.page-id-4862 .wp-block-kadence-advancedheading{margin-bottom:20px;}/* Fix accordion and tabs */body.page-id-4862 .wp-block-kadence-accordion{margin:20px 0;}body.page-id-4862 .kt-accordion-panel{border:1px solid #e0e0e0;margin-bottom:10px;border-radius:4px;}body.page-id-4862 .wp-block-kadence-tabs{margin:30px 0;}body.page-id-4862 .kt-tabs-wrap{background:#f8f9fa;border-radius:8px;padding:20px;}/* Typography improvements */body.page-id-4862 h1.entry-title{font-size:2.5em !important;margin:0 0 30px 0 !important;font-weight:700 !important;color:#1a1a1a !important;line-height:1.2 !important;}body.page-id-4862 h2{font-size:2em !important;margin:40px 0 20px !important;font-weight:600 !important;color:#2c2c2c !important;clear:both !important;}body.page-id-4862 h3{font-size:1.5em !important;margin:30px 0 15px !important;font-weight:600 !important;color:#3a3a3a !important;}body.page-id-4862 h4{font-size:1.25em !important;margin:20px 0 10px !important;font-weight:600 !important;}body.page-id-4862 p{margin-bottom:15px !important;}body.page-id-4862 ul,body.page-id-4862 ol{margin:15px 0 15px 30px !important;}body.page-id-4862 li{margin-bottom:8px !important;}/* Table improvements */body.page-id-4862 table{width:100% !important;border-collapse:collapse !important;margin:30px 0 !important;box-shadow:0 2px 4px rgba(0,0,0,0.1) !important;}body.page-id-4862 table td,body.page-id-4862 table th{padding:12px !important;border:1px solid #ddd !important;text-align:left !important;}body.page-id-4862 table th{background:#f4f4f4 !important;font-weight:bold !important;}body.page-id-4862 table tr:nth-child(even){background:#f9f9f9 !important;}/* Info boxes and cards */body.page-id-4862 .wp-block-kadence-infobox{margin:30px 0 !important;padding:25px !important;background:#fff !important;border:1px solid #e0e0e0 !important;border-radius:8px !important;box-shadow:0 2px 8px rgba(0,0,0,0.1) !important;}/* Images */body.page-id-4862 .wp-block-image{margin:30px 0 !important;text-align:center !important;}body.page-id-4862 .wp-block-image img{max-width:100% !important;height:auto !important;border-radius:4px !important;box-shadow:0 2px 8px rgba(0,0,0,0.1) !important;}/* Buttons */body.page-id-4862 .wp-block-kadence-advancedbtn a,body.page-id-4862 .kt-button{display:inline-block !important;padding:12px 24px !important;background:#0066cc !important;color:#fff !important;text-decoration:none !important;border-radius:4px !important;font-weight:600 !important;transition:all 0.3s !important;}body.page-id-4862 .wp-block-kadence-advancedbtn a:hover,body.page-id-4862 .kt-button:hover{background:#0052a3 !important;transform:translateY(-2px) !important;box-shadow:0 4px 12px rgba(0,102,204,0.3) !important;}/* Mobile Responsive */@media (max-width:768px){body.page-id-4862 .wsj-header{padding:15px 20px;}body.page-id-4862 .site-main{padding:0 20px !important;margin:20px auto !important;}body.page-id-4862 h1.entry-title{font-size:1.8em !important;}body.page-id-4862 h2{font-size:1.5em !important;}body.page-id-4862 h3{font-size:1.25em !important;}body.page-id-4862 .wsj-nav ul{flex-wrap:wrap;padding:0 20px;}body.page-id-4862 .wsj-nav li{margin:5px 10px;}}/* FINAL FIX for Breakout Brain Page Header */body.page-id-4862 .wsj-header-brand{min-width:300px;}body.page-id-4862 .wsj-header-brand h1{font-size:1.8rem !important;white-space:nowrap;}body.page-id-4862 .wsj-header-brand a{color:#000;text-decoration:none;}/* Fix logo cutoff */body.page-id-4862 .wsj-header{padding:20px !important;}/* Ensure content is properly centered */body.page-id-4862 .site-main{max-width:1000px !important;margin:40px auto !important;padding:0 30px !important;}/* Better spacing for content */body.page-id-4862 .entry-content > *:first-child{margin-top:0;}/* Navigation improvements */body.page-id-4862 .wsj-nav{overflow-x:auto;}body.page-id-4862 .wsj-nav ul{min-width:fit-content;}/* Remove any leftover grid */body.page-id-4862{overflow-x:hidden;}body.page-id-4862 .wsj-main-content{display:block !important;}