Nachhaltig Archive - Die Experten der BSC

Dienstleistungen
Finanzieren.
shop
Passende Finanzierungen für deine Lebensträume

Investieren.
shop
Strategisch investieren, Vermögen gezielt aufbauen

Versichern.
shop
Professionelle Finanzberater, Immobilienexperten, Bauplanung, individuelle Finanzlösungen, nachhaltige Immobilien, Experten der BSC.
Individuell abgesichert in jeder Lebenslage

Vorsorgen.
shop
Heute planen, morgen sorglos leben

Die BSC Finanz-Haus-Strategie
Wir liefern passende Lösungen und entwickeln deine individuelle Finanz-Haus-Strategie mit einer ganzheitlichen 360° Betrachtung deiner Finanzthemen.

Alle Dienstleistungen
Unsere Expertenfamilie steht dir bei allen Fragen rund um Finanzieren, Investieren, Versichern und Vorsorgen zur Seite – persönlich, verständlich und verlässlich.
Expertenfamilie
Karriere
Blogneu
Service
Online-Services
shop
Online-Rechner und Services

Finanzkompass
shop
Immer up-to-date mit unserem Newsletter

Veranstaltungen
shop
Mehr als nur Termine im Kalender

Mein BSC
shop
Login FINANCEcloud

intern
09261 / 96 28 60
Kontakt
BSC intern

Eine Wärmepumpe für mehr Nachhaltigkeit

Christian Schwalb2022-05-26T08:53:37+02:00Allgemeine Finanzberatung|

Öl und Gas sind werden knapper und darum immer teurer! [...]

Kontaktformular

/* Expert Panel */ #expert-panel { position: fixed; top: 0; right: 0; width: 33%; /* Default Desktop Width */ height: 100vh; background-color: #204060; color: white; box-shadow: -2px 0 6px rgba(0, 0, 0, 0.3); z-index: 0; padding: 20px; display: flex; flex-direction: column; visibility: visible; overflow-y: auto; box-sizing: border-box; font-family: Arial, sans-serif; } /* Header */ #expert-panel h2 { margin: 0 0 15px; font-size: 1.4rem; flex-shrink: 0; color: #ffffff !important; } /* Consultant List Container */ #consultant-list { flex: 1; overflow-y: auto; margin-bottom: 15px; padding-right: 5px; min-height: 200px; background: rgba(0, 0, 0, 0.1); border-radius: 8px; padding: 10px; } /* Consultant Card */ .consultant { background: #173a59; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 10px; cursor: pointer; transition: background 0.2s; } .consultant:hover { background: #102840; } .consultant img { width: 100px; height: 100px; border-radius: 8px; margin-right: 15px; object-fit: cover; flex-shrink: 0; } .consultant-info { display: flex; flex-direction: column; flex: 1; } .consultant-name { font-weight: bold; font-size: 1.1rem; } .consultant-subtitle { font-size: 0.9rem; opacity: 0.8; margin-top: 4px; } .consultant-city { font-size: 0.85rem; color: white; margin-top: 2px; } .consultant-distance { font-size: 0.85rem; color: #4CAF50; margin-top: 4px; font-weight: bold; } /* Sticky Footer Menu */ #footer-menu { padding-top: 15px; flex-shrink: 0; background: #204060; position: sticky; bottom: 0; /* backdrop-filter: blur(5px); */ /* Removed backdrop-filter for better mobile performance and compatibility */ } #footer-menu h4 { margin: 0 0 10px; font-size: 1rem; font-family: Manrope, Arial, sans-serif; color: #ffffff !important; opacity: 0.9; } /* Unified Search */ #unified-search-section { margin-bottom: 15px; } #unified-search { position: relative; display: flex; } #unified-search input { flex: 1; padding: 8px 12px; border: none; border-radius: 4px 0 0 4px; font-size: 0.9rem; } #unified-search button { background: white; border: none; border-radius: 0 4px 4px 0; padding: 8px 12px; cursor: pointer; font-size: 0.9rem; } /* Search Results Dropdown */ #search-results-dropdown { position: absolute; bottom: 100%; left: 0; right: 0; background: white; color: #333; border-radius: 4px; margin-bottom: 2px; max-height: 200px; overflow-y: auto; display: none; box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.15); z-index: 1000; border: 1px solid #ddd; } .search-result-item { padding: 10px 12px; cursor: pointer; border-bottom: 1px solid #eee; transition: background-color 0.2s; display: flex; align-items: center; gap: 8px; } .search-result-item:hover { background-color: #f8f9fa; } .search-result-item:last-child { border-bottom: none; } .search-result-type { font-size: 0.8rem; padding: 2px 6px; border-radius: 10px; font-weight: bold; white-space: nowrap; } .search-result-type.location { background: rgba(76, 175, 80, 0.2); color: #4CAF50; } .search-result-type.consultant { background: rgba(255, 255, 255, 0.2); color: white; } .search-result-content { flex: 1; min-width: 0; } .search-result-name { font-weight: bold; font-size: 0.9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .search-result-details { font-size: 0.8rem; color: #666; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* Current Location Display */ #current-location { margin-bottom: 10px; padding: 6px 8px; background: rgba(76, 175, 80, 0.1); border-radius: 4px; border-left: 3px solid #4CAF50; display: flex; align-items: center; justify-content: space-between; margin-top: 8px; } #current-location small { color: #4CAF50; font-size: 0.8rem; } #clear-location { background: none; border: none; color: #ff6b6b; cursor: pointer; font-size: 0.8rem; } #clear-location:hover { color: #ff4444 !important; } /* Expertise Dropdown */ #expertise-filter-container { margin-bottom: 15px; } #main-expertise-select, #child-expertise-select { width: 100%; padding: 8px; border: none; border-radius: 4px; margin-bottom: 8px; background: white; color: #333; font-size: 0.9rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; background-position: right 10px center; background-size: 16px; } #child-expertise-select { display: none; } /* Loading and Error States */ .loading { text-align: center; padding: 20px; opacity: 0.7; } .error { text-align: center; padding: 20px; color: #ff6b6b; background-color: rgba(255, 107, 107, 0.1); border-radius: 4px; margin: 10px 0; } .no-results { text-align: center; padding: 20px; color: rgba(255, 255, 255, 0.5); } /* ------------------------------------------- */ /* Mobile Optimization: Full-Screen Overlay */ /* ------------------------------------------- */ @media screen and (max-width: 768px) { #expert-panel { /* Full screen override */ width: 100vw !important; right: 0 !important; left: 0 !important; /* Ensures it spans the entire screen from edge to edge */ padding: 15px 15px 30px 15px !important; /* Adjusted padding */ max-width: none !important; min-width: 100vw !important; } /* Optional: Improves layout of consultant cards on mobile */ .consultant { align-items: flex-start; /* Align image and text to the top */ } .consultant img { width: 80px; /* Smaller image */ height: 80px; } /* Optional: Adjust font sizes for better mobile fit */ #expert-panel h2 { font-size: 1.2rem; } .consultant-name { font-size: 1rem; } .consultant-subtitle, .consultant-city, .consultant-distance { font-size: 0.8rem; } } /* Additional breakpoints for better responsiveness */ @media screen and (max-width: 480px) { #expert-panel { padding: 10px 10px 0 10px !important; } .consultant { padding: 12px; } .consultant img { width: 70px; height: 70px; } } /* Force mobile layout class - JavaScript controlled */ #expert-panel.mobile-layout { width: 100vw !important; height: 95vh; right: 0 !important; left: 0 !important; padding: 15px 15px 0 15px !important; max-width: none !important; min-width: 100vw !important; } #expert-panel.mobile-layout .consultant { align-items: flex-start !important; padding: 12px !important; } #expert-panel.mobile-layout .consultant img { width: 80px !important; height: 80px !important; margin-right: 12px !important; } #expert-panel.mobile-layout h2 { font-size: 1.2rem !important; } #expert-panel.mobile-layout .consultant-name { font-size: 1rem !important; } #expert-panel.mobile-layout .consultant-subtitle, #expert-panel.mobile-layout .consultant-city, #expert-panel.mobile-layout .consultant-distance { font-size: 0.8rem !important; }

Finde einen Experten in deiner Nähe!

Keine Berater gefunden, die diesen Kriterien entsprechen.

'; return; } filteredConsultants.forEach(c => { const item = document.createElement('div'); item.className = 'consultant'; item.onclick = () => window.open(c.link, '_blank'); const imgElement = document.createElement('img'); imgElement.src = c.image; imgElement.alt = c.name; imgElement.onerror = function () { this.src = `https://via.placeholder.com/100x100/1d4b73/ffffff?text=${encodeURIComponent(c.name.charAt(0))}`; }; const infoDiv = document.createElement('div'); infoDiv.className = 'consultant-info'; const nameDiv = document.createElement('div'); nameDiv.className = 'consultant-name'; nameDiv.textContent = c.name; const subtitleDiv = document.createElement('div'); subtitleDiv.className = 'consultant-subtitle'; subtitleDiv.textContent = c.subtitle; const cityDiv = document.createElement('div'); cityDiv.className = 'consultant-city'; cityDiv.textContent = c.city; infoDiv.appendChild(nameDiv); infoDiv.appendChild(subtitleDiv); infoDiv.appendChild(cityDiv); if (c.distance !== null) { const distanceDiv = document.createElement('div'); distanceDiv.className = 'consultant-distance'; distanceDiv.textContent = `${Math.round(c.distance)} km entfernt`; infoDiv.appendChild(distanceDiv); } item.appendChild(imgElement); item.appendChild(infoDiv); listContainer.appendChild(item); }); } function showLoading() { listContainer.innerHTML = '

Lade Berater...

'; } function showError(message) { listContainer.innerHTML = `

${message}

`; } // Event Listeners unifiedSearchInput.addEventListener('input', (e) => { currentSearchQuery = e.target.value; clearTimeout(searchTimeout); searchTimeout = setTimeout(() => { performUnifiedSearch(currentSearchQuery); }, 300); renderList(currentSearchQuery); }); searchButton.addEventListener('click', () => { searchResultsDropdown.style.display = 'none'; renderList(currentSearchQuery); }); clearLocationButton.addEventListener('click', clearLocation); document.addEventListener('click', (e) => { if (!e.target.closest('#unified-search')) { searchResultsDropdown.style.display = 'none'; } }); mainExpertiseSelect.addEventListener('change', () => { childExpertiseSelect.value = ''; updateChildExpertiseDropdown(); renderList(currentSearchQuery); }); childExpertiseSelect.addEventListener('change', () => { renderList(currentSearchQuery); }); // Mobile Layout Detection and Management function checkAndApplyMobileLayout() { const expertPanel = document.getElementById('expert-panel'); const isMobile = window.innerWidth { clearTimeout(resizeTimeout); resizeTimeout = setTimeout(() => { checkAndApplyMobileLayout(); }, 100); }); // Initial mobile check function initializeMobileLayout() { // Ensure DOM is ready setTimeout(() => { checkAndApplyMobileLayout(); }, 50); } // Continuous mobile layout monitoring (as backup) function startMobileLayoutMonitoring() { setInterval(() => { checkAndApplyMobileLayout(); }, 1000); // Check every second } // Initialization async function initializeData() { await Promise.all([ fetchConsultants(), fetchExpertise() ]); renderList(); initializeMobileLayout(); startMobileLayoutMonitoring(); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initializeData); } else { setTimeout(initializeData, 100); } })();

Finanzieren.

shop

Investieren.

shop

Versichern.

shop

Vorsorgen.

shop

Die BSC Finanz-Haus-Strategie

Alle Dienstleistungen

Online-Services

shop

Finanzkompass

shop

Veranstaltungen

shop

Mein BSC

shop

Eine Wärmepumpe für mehr Nachhaltigkeit

Über uns

Dienstleistungen

Service

Kontakt

Rechtliches

Der einfachste Weg, mit uns in Kontakt zu treten.

Kontaktformular

Finanzkompass

Finde einen Experten in deiner Nähe!

Nach Expertise filtern: