Sepantas Website Design

Fødselsdagsboller

Ingen fødselsdag uden nybagte, bløde boller! Vores lækre fødselsdagsboller er fyldt med smør, hvilket giver dem en uimodståelig, luftig konsistens og en dejlig, mild smag. De er perfekte til både morgenbordet og fødselsdagsfejringen – nyd dem med smør, syltetøj eller en skive ost. Mange kender dem som teboller eller bamseboller, men uanset navnet er de altid et hit, især sammen med en kop varm kakao.

Sådan gør du

1.  Smelt smørret i en gryde og hæld det derefter over i en stor skål. Tilsæt mælken og rør gæren ud i blandingen. Kom sukker og salt i.

2. Tilsæt melet lidt ad gangen (gem cirka ½ dl til senere), og rør dejen godt sammen med en grydeske.

3. Dæk skålen med husholdningsfilm, og lad dejen hæve et lunt sted i omkring 45 minutter.

4.Vend dejen ud på et bord drysset med mel, og form den til 12 boller. Dæk bollerne til, og lad dem hæve igen i cirka 1 time.

 5. Pensl bollerne med æg, og bag dem midt i ovnen ved 200° (traditionel ovn) i 15-20 minutter, indtil de er gyldne.

Ingredienser Menu body { font-family: 'Open Sans', sans-serif; line-height: 1.5; color: #333; background-color: #f9f9f9; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; min-height: 100vh; } .menu-container { background-color: white; border-radius: 12px; border: 3px solid #e0e0e0; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1); width: 90%; max-width: 100%; overflow: hidden; padding: 0px; margin: 0px; } .menu-inner { border: 2px dashed #ccc; border-radius: 8px; padding: 30px; } .menu-header { margin-bottom: 25px; text-align: center; } .menu-title { margin: 0; font-size: 28px; font-weight: 600; color: #444; } .undermenu-title { margin: 0; font-size: 15px; font-weight: 600; color: #444; } /* Quantity selector styles */ .quantity-selector { display: flex; justify-content: center; align-items: center; margin-bottom: 30px; padding: 15px; background-color: #f5f7fa; border-radius: 8px; border: 1px solid #e0e0e0; flex-wrap: wrap; } .quantity-btn { width: 40px; height: 40px; border-radius: 0%; border: none; background-color: #4a6fa5; color: white; font-size: 24px; cursor: pointer; display: flex; justify-content: center; align-items: center; transition: background-color 0.2s; } .quantity-btn:hover { background-color: #3a5a8a; } .quantity-btn:disabled { background-color: #b0b0b0; cursor: not-allowed; } .quantity-value { font-size: 24px; font-weight: 600; margin: 0 20px; min-width: 40px; text-align: center; } .quantity-label { font-size: 16px; color: #666; margin-bottom: 5px; text-align: center; } .checkbox-group { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 20px; } .checkbox-item { display: flex; align-items: center; font-size: 16px; } .checkbox-item input[type="checkbox"] { margin-right: 10px; width: 18px; height: 18px; } /* RESPONSIVE TILPASNING */ @media (max-width: 500px) { .checkbox-group { grid-template-columns: 1fr; } .quantity-btn { width: 30px; height: 30px; font-size: 20px; } .quantity-value { font-size: 20px; margin: 0 10px; } .menu-inner { padding: 20px; } } // Get DOM elements const decreaseBtn = document.getElementById('decrease-btn'); const increaseBtn = document.getElementById('increase-btn'); const quantityValue = document.getElementById('quantity-value'); const ingredientAmounts = document.querySelectorAll('.ingredient-amount'); // Define the sequence of values const valueSequence = [1, 2, 4, 6, 8]; let currentIndex = 0; // Update ingredient amounts based on the multiplier function updateIngredientAmounts(multiplier) { ingredientAmounts.forEach(element => { const baseAmount = parseFloat(element.getAttribute('data-base')); const newAmount = baseAmount * multiplier; // Format the number to avoid too many decimal places if (Number.isInteger(newAmount)) { element.textContent = newAmount; } else { element.textContent = newAmount.toFixed(1).replace(/\.0$/, ''); } }); } // Handle increase button click increaseBtn.addEventListener('click', () => { if (currentIndex { if (currentIndex > 0) { currentIndex--; quantityValue.textContent = valueSequence[currentIndex]; increaseBtn.disabled = false; if (currentIndex === 0) { decreaseBtn.disabled = true; } updateIngredientAmounts(valueSequence[currentIndex]); } });

Scroll to Top