@extends('layouts.app')
@section('title','Rezept Umrechner')
@section('meta_description','Rezeptmengen fuer mehr oder weniger Portionen proportional umrechnen.')
@section('meta_extra')@endsection
@section('content')
@include('tools._simple_style')
<div class="tool-page"><div class="tool-container">
<span class="tag">Küche</span><h1 class="tool-h1">Rezept Umrechner.</h1><p class="sub">Skaliere Zutaten schnell auf die gewünschte Personenzahl.</p>
<div class="panel grid two"><label>Original-Portionen<input id="oldp" type="number" value="4"></label><label>Neue Portionen<input id="newp" type="number" value="6"></label><label>Menge<input id="amount" type="number" value="250"></label><label>Einheit<input id="unit" value="g"></label></div><div class="actions"><button onclick="calc()">Umrechnen</button></div><div class="result" id="result"></div>
</div>@include('tools._ads_banner')</div>
<script>function calc(){let v=(+amount.value*(+newp.value||1))/(+oldp.value||1);result.innerHTML=`Neue Menge: <strong>${v.toLocaleString('de-DE',{maximumFractionDigits:2})} ${unit.value}</strong>`}calc()</script>

@include('tools._seo_content', ['toolSlug' => 'rezept-umrechner', 'toolName' => 'Rezept Umrechner'])

@endsection