{"id":1897,"date":"2026-05-23T10:53:39","date_gmt":"2026-05-23T10:53:39","guid":{"rendered":"https:\/\/manuel360finanz.de\/?page_id=1897"},"modified":"2026-05-23T11:13:51","modified_gmt":"2026-05-23T11:13:51","slug":"bierdeckelrechner","status":"publish","type":"page","link":"https:\/\/manuel360finanz.de\/uk\/bierdeckelrechner\/","title":{"rendered":"Der Bierdeckel-Rechner f\u00fcr Immobilien: Mietrendite im Kneipen-Takt ermitteln"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Bierdeckel-Rechner \u2013 Bruttomietrendite einer Immobilie<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Patrick+Hand&#038;display=swap\" rel=\"stylesheet\">\n<style>\n\/* =====================================================================\n   Bierdeckel-Rechner  \u2013  komplett gekapselt unter .bdr-app\n   Einbettung: ganze Datei (iframe) ODER nur den .bdr-app-Block + <style> + <script>\n   ===================================================================== *\/\n.bdr-app{\n  --bdr-blau:#1f74c4;\n  --bdr-blau-d:#15538f;\n  --bdr-creme:#fbf6e9;\n  --bdr-creme-r:#f1e7c8;\n  --bdr-braun:#7a5230;\n  --bdr-braun-h:#a9784a;\n  --bdr-ink:#3a2c1a;\n  --bdr-rot:#c0392b;\n  --bdr-gruen:#3c8a3c;\n  --bdr-gold:#e9a813;\n  --bdr-hand:\"Patrick Hand\",\"Comic Sans MS\",\"Segoe Print\",cursive;\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif;\n  color:var(--bdr-ink);\n  background:radial-gradient(ellipse at 50% 0%,#a9784a 0%,#6b4423 62%,#4a2f18 100%);\n  display:flex;justify-content:center;align-items:flex-start;\n  padding:clamp(30px,5vw,54px) clamp(22px,4.5vw,50px);\n  position:relative;\n  line-height:1.45;\n}\n.bdr-app *{box-sizing:border-box;}\n.bdr-app::before{               \/* Holzmaserung *\/\n  content:\"\";position:absolute;inset:0;pointer-events:none;\n  background:repeating-linear-gradient(90deg,\n    rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 2px,\n    rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 64px);\n  opacity:.6;\n}\n\n\/* ---------- Bierdeckel ---------- *\/\n.bdr-wrap{position:relative;width:min(760px,100%);}\n.bdr-rand{position:absolute;z-index:0;pointer-events:none;left:0;top:0;}\n.bdr-deckel{\n  position:relative;z-index:1;\n  width:100%;\n  border-radius:50%;                 \/* rund -> bei mehr Inhalt: stehende Ellipse *\/\n  background:var(--bdr-creme);\n  box-shadow:\n    0 0 0 clamp(7px,1.4vw,13px) var(--bdr-creme-r),\n    0 0 0 clamp(9px,1.7vw,16px) var(--bdr-blau),\n    0 22px 52px rgba(0,0,0,.5);\n  display:flex;flex-direction:column;align-items:center;\n  padding:clamp(40px,9%,86px) clamp(26px,8%,70px);\n  gap:clamp(7px,1.4vw,12px);\n}\n.bdr-deckel::before{               \/* innerer Druckring *\/\n  content:\"\";position:absolute;inset:clamp(14px,4.5%,40px);\n  border-radius:50%;border:2.5px dashed rgba(31,116,196,.38);\n  pointer-events:none;\n}\n.bdr-deckel>*{position:relative;width:100%;}\n\n\/* ---------- Rauten-Band ---------- *\/\n.bdr-rauten{\n  height:16px;width:min(58%,260px);margin:0 auto;border-radius:4px;\n  background:\n    linear-gradient(45deg,var(--bdr-blau) 25%,transparent 25%,transparent 75%,var(--bdr-blau) 75%),\n    linear-gradient(45deg,var(--bdr-blau) 25%,transparent 25%,transparent 75%,var(--bdr-blau) 75%);\n  background-color:#fff;background-size:16px 16px;background-position:0 0,8px 8px;\n  border:1.5px solid var(--bdr-blau);\n}\n\n\/* ---------- Kopf ---------- *\/\n.bdr-head{text-align:center;}\n.bdr-head .bdr-krone{font-size:clamp(20px,4vw,26px);line-height:1;}\n.bdr-head h1{\n  font-family:var(--bdr-hand);\n  font-size:clamp(27px,6.4vw,46px);\n  color:var(--bdr-blau-d);line-height:1.02;margin:1px 0;font-weight:400;\n}\n.bdr-head .bdr-sub{\n  font-family:var(--bdr-hand);\n  font-size:clamp(13px,3vw,19px);color:var(--bdr-braun);\n}\n\n\/* ---------- Eingaben ---------- *\/\n.bdr-eingaben{\n  display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;\n  width:min(94%,520px);margin:2px auto 0;\n}\n.bdr-feld{display:flex;flex-direction:column;gap:3px;min-width:0;}\n.bdr-feld.bdr-voll{grid-column:1\/-1;}\n.bdr-feld label{\n  font-family:var(--bdr-hand);\n  font-size:clamp(14px,3.1vw,17px);color:var(--bdr-braun);\n}\n.bdr-inp{\n  display:flex;align-items:stretch;background:#fff;\n  border:2.5px solid var(--bdr-braun-h);border-radius:10px;overflow:hidden;min-width:0;\n}\n.bdr-inp input,.bdr-inp select{\n  border:none;outline:none;background:transparent;\n  font-size:clamp(14px,3.2vw,16px);font-family:inherit;font-weight:700;\n  color:var(--bdr-ink);padding:8px 9px;width:100%;min-width:0;\n}\n.bdr-inp select{cursor:pointer;-webkit-appearance:none;appearance:none;}\n.bdr-inp .bdr-einheit{\n  padding:0 9px;font-size:clamp(11px,2.6vw,13.5px);font-weight:700;\n  color:var(--bdr-braun);background:var(--bdr-creme-r);\n  display:flex;align-items:center;white-space:nowrap;\n}\n.bdr-toggle{display:flex;border:2.5px solid var(--bdr-braun-h);border-radius:10px;overflow:hidden;}\n.bdr-toggle button{\n  flex:1;border:none;background:#fff;cursor:pointer;\n  font-family:inherit;font-size:clamp(11px,2.7vw,13px);font-weight:700;\n  color:var(--bdr-braun-h);padding:8px 4px;transition:.15s;\n}\n.bdr-toggle button.bdr-an{background:var(--bdr-blau);color:#fff;}\n.bdr-zeile{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}\n.bdr-zeile .bdr-inp{flex:1 1 130px;}\n.bdr-chk{\n  display:flex;align-items:center;gap:5px;cursor:pointer;\n  font-family:var(--bdr-hand);font-size:clamp(14px,3vw,16px);\n  color:var(--bdr-braun);white-space:nowrap;\n}\n.bdr-chk input{width:19px;height:19px;accent-color:var(--bdr-blau);cursor:pointer;}\n\n\/* ---------- B\u00fchne (Figuren + Krug) ---------- *\/\n.bdr-buehne{\n  display:flex;align-items:flex-end;justify-content:center;\n  gap:clamp(2px,1.5vw,14px);width:min(96%,440px);margin:2px auto 0;\n}\n.bdr-figur{width:30%;max-width:128px;height:auto;flex:0 0 auto;}\n.bdr-krug{width:34%;max-width:150px;height:auto;flex:0 0 auto;}\n\n\/* ---------- Ergebnis ---------- *\/\n.bdr-ergebnis{text-align:center;}\n.bdr-rendite{\n  font-family:var(--bdr-hand);\n  font-size:clamp(38px,10vw,68px);line-height:.95;color:var(--bdr-blau-d);\n}\n.bdr-rendite small{font-size:.4em;color:var(--bdr-braun);}\n.bdr-fazit{\n  font-family:var(--bdr-hand);\n  font-size:clamp(16px,4vw,24px);margin-top:1px;\n}\n.bdr-fazit.bdr-gut{color:var(--bdr-gruen);}\n.bdr-fazit.bdr-mittel{color:var(--bdr-gold);}\n.bdr-fazit.bdr-schlecht{color:var(--bdr-rot);}\n.bdr-detail{\n  font-size:clamp(10px,2.5vw,12.5px);color:var(--bdr-braun);margin-top:4px;\n}\n.bdr-detail b{color:var(--bdr-ink);}\n.bdr-disclaimer{\n  font-size:clamp(9px,2.2vw,10.5px);color:var(--bdr-braun);\n  text-align:center;width:min(86%,440px);margin:5px auto 0;opacity:.85;\n}\n\n\/* ---------- Mobile-Feinschliff ---------- *\/\n@media(max-width:560px){\n  .bdr-eingaben{grid-template-columns:1fr;width:96%;}\n  .bdr-feld.bdr-voll{grid-column:auto;}\n  .bdr-deckel{padding:clamp(46px,13%,80px) clamp(22px,9%,54px);}\n  .bdr-figur{width:31%;}\n  .bdr-krug{width:33%;}\n}\n@media(max-width:380px){\n  .bdr-buehne{gap:0;}\n  .bdr-toggle button{padding:8px 2px;}\n}\n<\/style>\n<\/head>\n<body style=\"margin:0;\">\n\n<!-- ===== ab hier bei direkter Einbettung kopieren ===== -->\n<div class=\"bdr-app\">\n  <div class=\"bdr-wrap\">\n    <svg class=\"bdr-rand\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><\/svg>\n    <div class=\"bdr-deckel\" id=\"bdrDeckel\">\n\n      <div class=\"bdr-rauten\"><\/div>\n\n      <div class=\"bdr-head\">\n        <div class=\"bdr-krone\">\ud83c\udf7a<\/div>\n        <h1>Bierdeckel-Rechner<\/h1>\n        <div class=\"bdr-sub\">Bruttomietrendite einer Immobilie schnell absch\u00e4tzen<\/div>\n      <\/div>\n\n      <div class=\"bdr-eingaben\">\n        <div class=\"bdr-feld bdr-voll\">\n          <label>\ud83c\udfe0 Kaltmiete<\/label>\n          <div class=\"bdr-zeile\">\n            <div class=\"bdr-inp\" style=\"flex:1 1 150px;\">\n              <input type=\"number\" id=\"bdrMiete\" value=\"14400\" min=\"0\" step=\"100\">\n              <span class=\"bdr-einheit\" id=\"bdrMieteEinheit\">\u20ac \/ Jahr<\/span>\n            <\/div>\n            <div class=\"bdr-toggle\" id=\"bdrMieteToggle\" style=\"flex:1 1 150px;\">\n              <button data-modus=\"jahr\" class=\"bdr-an\">j\u00e4hrlich<\/button>\n              <button data-modus=\"monat\">monatlich<\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"bdr-feld\">\n          <label>\ud83d\udcb6 Kaufpreis<\/label>\n          <div class=\"bdr-inp\">\n            <input type=\"number\" id=\"bdrKauf\" value=\"280000\" min=\"0\" step=\"5000\">\n            <span class=\"bdr-einheit\">\u20ac<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"bdr-feld\">\n          <label>\ud83d\udccd Bundesland<\/label>\n          <div class=\"bdr-inp\">\n            <select id=\"bdrLand\"><\/select>\n          <\/div>\n        <\/div>\n\n        <div class=\"bdr-feld bdr-voll\">\n          <label>\ud83e\uddfe Kaufnebenkosten <span id=\"bdrNkInfo\" style=\"font-family:inherit;\"><\/span><\/label>\n          <div class=\"bdr-zeile\">\n            <div class=\"bdr-inp\" style=\"flex:2 1 170px;\">\n              <span class=\"bdr-einheit\">Summe<\/span>\n              <input type=\"text\" id=\"bdrNkSumme\" value=\"\" readonly\n                     style=\"font-weight:700;color:var(--bdr-braun);\">\n            <\/div>\n            <label class=\"bdr-chk\"><input type=\"checkbox\" id=\"bdrMaklerAn\" checked> Makler<\/label>\n            <div class=\"bdr-inp\" id=\"bdrMaklerBox\" style=\"flex:0 1 96px;\">\n              <input type=\"number\" id=\"bdrMaklerSatz\" value=\"3.57\" min=\"0\" step=\"0.01\">\n              <span class=\"bdr-einheit\">%<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"bdr-buehne\">\n        <svg class=\"bdr-figur\" id=\"bdrMann\" viewBox=\"0 0 170 250\" aria-hidden=\"true\"><\/svg>\n        <svg class=\"bdr-krug\" id=\"bdrKrug\" viewBox=\"40 0 222 300\" aria-hidden=\"true\"><\/svg>\n        <svg class=\"bdr-figur\" id=\"bdrFrau\" viewBox=\"0 0 170 250\" aria-hidden=\"true\"><\/svg>\n      <\/div>\n\n      <div class=\"bdr-ergebnis\">\n        <div class=\"bdr-rendite\"><span id=\"bdrWert\">\u2013<\/span><small> % Rendite<\/small><\/div>\n        <div class=\"bdr-fazit\" id=\"bdrFazit\">Bitte Werte eingeben\u2026<\/div>\n        <div class=\"bdr-detail\" id=\"bdrDetail\"><\/div>\n      <\/div>\n\n      <div class=\"bdr-disclaimer\">\n        Grobe \u00dcberschlagsrechnung (Bruttomietrendite) \u2013 ohne Bewirtschaftungskosten,\n        Leerstand &amp; Finanzierung. Grunderwerbsteuer Stand 2026. Keine Anlageberatung.\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n\"use strict\";\n\n\/* ===== Grunderwerbsteuer 2026 \u2013 alle 16 Bundesl\u00e4nder ===== *\/\nvar BL=[\n  {n:\"Baden-W\u00fcrttemberg\",g:5.0},{n:\"Bayern\",g:3.5},{n:\"Berlin\",g:6.0},\n  {n:\"Brandenburg\",g:6.5},{n:\"Bremen\",g:5.5},{n:\"Hamburg\",g:5.5},\n  {n:\"Hessen\",g:6.0},{n:\"Mecklenburg-Vorpommern\",g:6.0},{n:\"Niedersachsen\",g:5.0},\n  {n:\"Nordrhein-Westfalen\",g:6.5},{n:\"Rheinland-Pfalz\",g:5.0},{n:\"Saarland\",g:6.5},\n  {n:\"Sachsen\",g:5.5},{n:\"Sachsen-Anhalt\",g:5.0},{n:\"Schleswig-Holstein\",g:6.5},\n  {n:\"Th\u00fcringen\",g:5.0}\n];\nvar NOTAR=2.0;            \/* % Notar + Grundbuch pauschal *\/\nvar LEER=3.0, VOLL=5.0;  \/* Schwellen Ma\u00df-F\u00fcllung *\/\nvar mieteModus=\"jahr\";\n\nvar $=function(id){return document.getElementById(id);};\nvar eur=function(v){return Math.round(v).toLocaleString(\"de-DE\")+\" \u20ac\";};\nvar clamp=function(v,a,b){return Math.max(a,Math.min(b,v));};\n\n\/* Bundesland-Dropdown *\/\nvar sel=$(\"bdrLand\");\nBL.forEach(function(b,i){\n  var o=document.createElement(\"option\");\n  o.value=i;o.textContent=b.n+\"  (\"+b.g.toLocaleString(\"de-DE\")+\" %)\";\n  sel.appendChild(o);\n});\nsel.value=1;\n\n\/* ===== Berechnung ===== *\/\nfunction berechne(){\n  var mi=parseFloat($(\"bdrMiete\").value)||0;\n  var mieteJahr=mieteModus===\"monat\"?mi*12:mi;\n  var kauf=parseFloat($(\"bdrKauf\").value)||0;\n  var bl=BL[parseInt(sel.value,10)]||BL[1];\n  var maklerAn=$(\"bdrMaklerAn\").checked;\n  var maklerSatz=maklerAn?(parseFloat($(\"bdrMaklerSatz\").value)||0):0;\n  var nkSatz=bl.g+NOTAR+maklerSatz;\n  var nkSumme=kauf*nkSatz\/100;\n  var gesamt=kauf+nkSumme;\n  var rendite=gesamt>0?(mieteJahr\/gesamt)*100:0;\n  return {mieteJahr:mieteJahr,kauf:kauf,bl:bl,nkSatz:nkSatz,nkSumme:nkSumme,gesamt:gesamt,rendite:rendite};\n}\n\n\/* ===== Render ===== *\/\nfunction render(){\n  var r=berechne();\n\n  $(\"bdrNkInfo\").textContent=\"(GrESt \"+r.bl.g.toLocaleString(\"de-DE\")+\" % + Notar 2 %\"+\n    ($(\"bdrMaklerAn\").checked?\" + Makler\":\"\")+\")\";\n  $(\"bdrNkSumme\").value=eur(r.nkSumme)+\"  \u00b7  \"+r.nkSatz.toLocaleString(\"de-DE\",{maximumFractionDigits:2})+\" %\";\n  $(\"bdrMaklerBox\").style.opacity=$(\"bdrMaklerAn\").checked?\"1\":\".35\";\n\n  var rd=r.rendite;\n  $(\"bdrWert\").textContent=rd>0?rd.toLocaleString(\"de-DE\",{minimumFractionDigits:2,maximumFractionDigits:2}):\"\u2013\";\n\n  var fuell=clamp((rd-LEER)\/(VOLL-LEER),0,1);\n  var happy=rd>=4.0;\n\n  var fz=$(\"bdrFazit\");\n  if(rd<=0){fz.textContent=\"Bitte Werte eingeben\u2026\";fz.className=\"bdr-fazit\";}\n  else if(rd>=VOLL){fz.textContent=\"Prost! \ud83c\udf7b Diese Immobilie hat Potential!\";fz.className=\"bdr-fazit bdr-gut\";}\n  else if(rd>=4.0){fz.textContent=\"Solide \u2013 einen kr\u00e4ftigen Schluck wert.\";fz.className=\"bdr-fazit bdr-mittel\";}\n  else if(rd>LEER){fz.textContent=\"Grenzwertig \u2013 genau nachrechnen!\";fz.className=\"bdr-fazit bdr-mittel\";}\n  else{fz.textContent=\"Schal\u2026 diese Immobilie hat kein Potential.\";fz.className=\"bdr-fazit bdr-schlecht\";}\n\n  $(\"bdrDetail\").innerHTML=rd>0\n    ?\"Jahresmiete <b>\"+eur(r.mieteJahr)+\"<\/b> \u00b7 Kaufpreis <b>\"+eur(r.kauf)+\n     \"<\/b> \u00b7 Nebenkosten <b>\"+eur(r.nkSumme)+\"<\/b> \u00b7 Gesamt <b>\"+eur(r.gesamt)+\"<\/b>\"\n    :\"\";\n\n  zeichneKrug(fuell,rd);\n  zeichneFigur(\"bdrMann\",\"mann\",happy&&rd>0);\n  zeichneFigur(\"bdrFrau\",\"frau\",happy&&rd>0);\n  zeichneRand();\n}\n\n\/* ===== Ma\u00dfkrug ===== *\/\nfunction zeichneKrug(fuell,rendite){\n  var iBoden=256,iOben=78;\n  var bierH=(iBoden-iOben)*fuell;\n  var bierY=iBoden-bierH;\n  var bier=(rendite>0&&fuell>0)\n    ?'<rect x=\"46\" y=\"'+bierY+'\" width=\"142\" height=\"'+(bierH+8)+'\" fill=\"url(#bdrBier)\"\/>':\"\";\n  var schaum=(fuell>0.04)\n    ?'<g><ellipse cx=\"78\" cy=\"'+bierY+'\" rx=\"31\" ry=\"20\" fill=\"#fffdf5\"\/>'+\n     '<ellipse cx=\"117\" cy=\"'+(bierY-8)+'\" rx=\"35\" ry=\"23\" fill=\"#ffffff\"\/>'+\n     '<ellipse cx=\"156\" cy=\"'+bierY+'\" rx=\"31\" ry=\"20\" fill=\"#fffdf5\"\/>'+\n     '<ellipse cx=\"117\" cy=\"'+(bierY+6)+'\" rx=\"47\" ry=\"16\" fill=\"#fff8e6\"\/><\/g>':\"\";\n  $(\"bdrKrug\").innerHTML=\n   '<defs>'+\n   '<linearGradient id=\"bdrBier\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">'+\n   '<stop offset=\"0\" stop-color=\"#ffce4a\"\/><stop offset=\"1\" stop-color=\"#e08c00\"\/><\/linearGradient>'+\n   '<linearGradient id=\"bdrGlas\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">'+\n   '<stop offset=\"0\" stop-color=\"#ffffff\" stop-opacity=\".55\"\/>'+\n   '<stop offset=\"0.5\" stop-color=\"#ffffff\" stop-opacity=\"0\"\/>'+\n   '<stop offset=\"1\" stop-color=\"#9ec9e8\" stop-opacity=\".35\"\/><\/linearGradient>'+\n   '<clipPath id=\"bdrGlasI\"><path d=\"M50,66 L186,66 L178,256 Q176,272 160,272 L76,272 Q60,272 58,256 Z\"\/><\/clipPath>'+\n   '<\/defs>'+\n   '<path d=\"M186,104 q56,6 56,58 q0,52 -56,58\" fill=\"none\" stroke=\"#cde4f2\" stroke-width=\"21\" stroke-linecap=\"round\"\/>'+\n   '<path d=\"M50,66 L186,66 L178,256 Q176,272 160,272 L76,272 Q60,272 58,256 Z\" fill=\"#eaf4fb\"\/>'+\n   '<g clip-path=\"url(#bdrGlasI)\">'+bier+schaum+'<\/g>'+\n   '<path d=\"M50,66 L186,66 L178,256 Q176,272 160,272 L76,272 Q60,272 58,256 Z\" fill=\"url(#bdrGlas)\" stroke=\"#bcd9ea\" stroke-width=\"4\"\/>'+\n   '<rect x=\"66\" y=\"80\" width=\"13\" height=\"176\" rx=\"6\" fill=\"#ffffff\" opacity=\".55\"\/>'+\n   '<rect x=\"46\" y=\"58\" width=\"142\" height=\"16\" rx=\"8\" fill=\"#dfeef8\" stroke=\"#bcd9ea\" stroke-width=\"3\"\/>';\n}\n\n\/* ===== Figuren ===== *\/\nfunction zeichneFigur(svgId,typ,happy){\n  var mund=happy?\"M67,150 Q85,170 103,150\":\"M67,159 Q85,143 103,159\";\n  var braueL=happy?\"M58,118 Q66,114 74,117\":\"M58,123 Q66,116 74,112\";\n  var braueR=happy?\"M96,117 Q104,114 112,118\":\"M96,112 Q104,116 112,123\";\n  var wange=happy?\".9\":\".25\";\n  var deko=happy\n    ?'<text x=\"18\" y=\"46\" font-size=\"26\">\ud83c\udfb5<\/text><text x=\"128\" y=\"40\" font-size=\"22\">\u2728<\/text>'\n    :'<text x=\"118\" y=\"58\" font-size=\"24\">\ud83d\udca7<\/text>';\n  var k;\n  if(typ===\"mann\"){\n    k='<rect x=\"62\" y=\"196\" width=\"18\" height=\"42\" rx=\"7\" fill=\"#e9d8a6\"\/>'+\n      '<rect x=\"90\" y=\"196\" width=\"18\" height=\"42\" rx=\"7\" fill=\"#e9d8a6\"\/>'+\n      '<ellipse cx=\"71\" cy=\"241\" rx=\"14\" ry=\"9\" fill=\"#2c1c0e\"\/>'+\n      '<ellipse cx=\"99\" cy=\"241\" rx=\"14\" ry=\"9\" fill=\"#2c1c0e\"\/>'+\n      '<path d=\"M52,150 L118,150 L114,200 L92,200 L85,170 L78,200 L56,200 Z\" fill=\"#8a5a2b\"\/>'+\n      '<rect x=\"52\" y=\"150\" width=\"66\" height=\"14\" fill=\"#73491f\"\/>'+\n      '<path d=\"M62,150 L74,96 M108,150 L96,96\" stroke=\"#73491f\" stroke-width=\"7\" fill=\"none\"\/>'+\n      '<path d=\"M70,120 L100,120\" stroke=\"#73491f\" stroke-width=\"7\"\/>'+\n      '<path d=\"M58,104 Q85,92 112,104 L108,152 L62,152 Z\" fill=\"#ffffff\" stroke=\"#d8e6f0\" stroke-width=\"2\"\/>'+\n      '<rect x=\"40\" y=\"106\" width=\"16\" height=\"46\" rx=\"8\" fill=\"#ffffff\"\/>'+\n      '<rect x=\"114\" y=\"106\" width=\"16\" height=\"46\" rx=\"8\" fill=\"#ffffff\"\/>'+\n      '<circle cx=\"48\" cy=\"156\" r=\"9\" fill=\"#f1c9a5\"\/><circle cx=\"122\" cy=\"156\" r=\"9\" fill=\"#f1c9a5\"\/>'+\n      '<circle cx=\"85\" cy=\"130\" r=\"38\" fill=\"#f1c9a5\"\/>'+\n      '<circle cx=\"48\" cy=\"130\" r=\"7\" fill=\"#f1c9a5\"\/><circle cx=\"122\" cy=\"130\" r=\"7\" fill=\"#f1c9a5\"\/>'+\n      '<path d=\"M70,156 Q85,150 100,156 Q85,162 70,156 Z\" fill=\"#7a4a1d\"\/>'+\n      '<ellipse cx=\"85\" cy=\"100\" rx=\"46\" ry=\"11\" fill=\"#2f6b34\"\/>'+\n      '<path d=\"M58,100 Q60,66 85,64 Q110,66 112,100 Z\" fill=\"#3c8a3c\"\/>'+\n      '<path d=\"M58,98 L112,98 Q112,92 85,90 Q58,92 58,98 Z\" fill=\"#2f6b34\"\/>'+\n      '<path d=\"M104,92 Q116,60 110,88\" stroke=\"#5a3a1a\" stroke-width=\"5\" fill=\"none\" stroke-linecap=\"round\"\/>';\n  }else{\n    k='<rect x=\"66\" y=\"206\" width=\"15\" height=\"34\" rx=\"6\" fill=\"#f1c9a5\"\/>'+\n      '<rect x=\"89\" y=\"206\" width=\"15\" height=\"34\" rx=\"6\" fill=\"#f1c9a5\"\/>'+\n      '<ellipse cx=\"73\" cy=\"242\" rx=\"12\" ry=\"8\" fill=\"#3a2a16\"\/>'+\n      '<ellipse cx=\"97\" cy=\"242\" rx=\"12\" ry=\"8\" fill=\"#3a2a16\"\/>'+\n      '<path d=\"M50,158 Q85,150 120,158 L134,214 Q85,230 36,214 Z\" fill=\"#b5324a\"\/>'+\n      '<path d=\"M68,158 Q85,154 102,158 L110,210 Q85,220 60,210 Z\" fill=\"#f4ecd6\" stroke=\"#e3d6a8\" stroke-width=\"2\"\/>'+\n      '<path d=\"M68,158 Q85,150 102,158 L100,166 Q85,160 70,166 Z\" fill=\"#dfc98a\"\/>'+\n      '<path d=\"M60,110 Q85,100 110,110 L114,160 L56,160 Z\" fill=\"#7d2235\"\/>'+\n      '<path d=\"M64,104 Q85,94 106,104 L110,124 L60,124 Z\" fill=\"#ffffff\"\/>'+\n      '<circle cx=\"52\" cy=\"118\" r=\"13\" fill=\"#ffffff\"\/><circle cx=\"118\" cy=\"118\" r=\"13\" fill=\"#ffffff\"\/>'+\n      '<rect x=\"44\" y=\"124\" width=\"14\" height=\"34\" rx=\"7\" fill=\"#f1c9a5\"\/>'+\n      '<rect x=\"112\" y=\"124\" width=\"14\" height=\"34\" rx=\"7\" fill=\"#f1c9a5\"\/>'+\n      '<path d=\"M78,116 L92,150 M92,116 L78,150\" stroke=\"#f4ecd6\" stroke-width=\"2.5\"\/>'+\n      '<path d=\"M50,118 Q40,150 48,184 Q56,160 56,128 Z\" fill=\"#e7b84e\"\/>'+\n      '<path d=\"M120,118 Q130,150 122,184 Q114,160 114,128 Z\" fill=\"#e7b84e\"\/>'+\n      '<circle cx=\"48\" cy=\"186\" r=\"6\" fill=\"#b5324a\"\/><circle cx=\"122\" cy=\"186\" r=\"6\" fill=\"#b5324a\"\/>'+\n      '<circle cx=\"85\" cy=\"128\" r=\"37\" fill=\"#f6d3b0\"\/>'+\n      '<path d=\"M50,120 Q56,84 85,82 Q114,84 120,120 Q108,104 85,104 Q62,104 50,120 Z\" fill=\"#e7b84e\"\/>'+\n      '<circle cx=\"108\" cy=\"98\" r=\"7\" fill=\"#fff\"\/><circle cx=\"108\" cy=\"98\" r=\"3\" fill=\"#e9a813\"\/>';\n  }\n  var ay=134;\n  $(svgId).innerHTML=deko+k+\n    '<circle cx=\"64\" cy=\"146\" r=\"8\" fill=\"#e8836f\" opacity=\"'+wange+'\"\/>'+\n    '<circle cx=\"106\" cy=\"146\" r=\"8\" fill=\"#e8836f\" opacity=\"'+wange+'\"\/>'+\n    '<circle cx=\"71\" cy=\"'+ay+'\" r=\"5.5\" fill=\"#3a2c1a\"\/><circle cx=\"99\" cy=\"'+ay+'\" r=\"5.5\" fill=\"#3a2c1a\"\/>'+\n    '<circle cx=\"73\" cy=\"'+(ay-2)+'\" r=\"1.8\" fill=\"#fff\"\/><circle cx=\"101\" cy=\"'+(ay-2)+'\" r=\"1.8\" fill=\"#fff\"\/>'+\n    '<path d=\"'+braueL+'\" stroke=\"#5a3a1a\" stroke-width=\"3.5\" fill=\"none\" stroke-linecap=\"round\"\/>'+\n    '<path d=\"'+braueR+'\" stroke=\"#5a3a1a\" stroke-width=\"3.5\" fill=\"none\" stroke-linecap=\"round\"\/>'+\n    '<path d=\"M85,138 Q88,146 84,148\" stroke=\"#d9a883\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\"\/>'+\n    '<path d=\"'+mund+'\" stroke=\"#9b3b2b\" stroke-width=\"4.5\" fill=\"none\" stroke-linecap=\"round\"\/>';\n}\n\n\/* ===== gewellte Bierdeckel-Kante (an echte Gr\u00f6\u00dfe angepasst) ===== *\/\nfunction zeichneRand(){\n  var d=$(\"bdrDeckel\");\n  if(!d) return;\n  var w=d.offsetWidth, h=d.offsetHeight;\n  if(w<10||h<10) return;\n  var pad=24;\n  var W=w+pad*2, H=h+pad*2;\n  var svg=document.querySelector(\".bdr-rand\");\n  svg.setAttribute(\"viewBox\",\"0 0 \"+W+\" \"+H);\n  svg.setAttribute(\"width\",W);\n  svg.setAttribute(\"height\",H);\n  svg.style.left=(-pad)+\"px\";\n  svg.style.top=(-pad)+\"px\";\n  var cx=W\/2, cy=H\/2, rx=W\/2-5, ry=H\/2-5;\n  var umfang=Math.PI*(rx+ry);\n  var wellen=Math.max(28,Math.round(umfang\/26));\n  var amp=7;\n  var steps=wellen*6, path=\"\";\n  for(var i=0;i<=steps;i++){\n    var a=(i\/steps)*Math.PI*2;\n    var w2=Math.sin(a*wellen)*amp;\n    var x=cx+Math.cos(a)*(rx+w2);\n    var y=cy+Math.sin(a)*(ry+w2);\n    path+=(i?\"L\":\"M\")+x.toFixed(1)+\",\"+y.toFixed(1)+\" \";\n  }\n  svg.innerHTML='<path d=\"'+path+'Z\" fill=\"#15538f\"\/>';\n}\n\n\/* ===== Events ===== *\/\nvar tb=$(\"bdrMieteToggle\").querySelectorAll(\"button\");\ntb.forEach(function(b){\n  b.addEventListener(\"click\",function(){\n    tb.forEach(function(x){x.classList.remove(\"bdr-an\");});\n    b.classList.add(\"bdr-an\");\n    var neu=b.getAttribute(\"data-modus\");\n    if(neu!==mieteModus){\n      var v=parseFloat($(\"bdrMiete\").value)||0;\n      $(\"bdrMiete\").value=neu===\"monat\"?Math.round(v\/12):Math.round(v*12);\n      mieteModus=neu;\n      $(\"bdrMieteEinheit\").textContent=neu===\"monat\"?\"\u20ac \/ Monat\":\"\u20ac \/ Jahr\";\n    }\n    render();\n  });\n});\n[\"bdrMiete\",\"bdrKauf\",\"bdrLand\",\"bdrMaklerAn\",\"bdrMaklerSatz\"].forEach(function(id){\n  $(id).addEventListener(\"input\",render);\n  $(id).addEventListener(\"change\",render);\n});\n\n\/* erst-Render + Reaktion auf Gr\u00f6\u00dfen\u00e4nderung *\/\nrender();\nwindow.addEventListener(\"resize\",function(){\n  clearTimeout(window.__bdrT);\n  window.__bdrT=setTimeout(zeichneRand,120);\n});\nwindow.addEventListener(\"load\",function(){setTimeout(zeichneRand,60);});\nif(document.fonts&&document.fonts.ready){document.fonts.ready.then(function(){setTimeout(zeichneRand,30);});}\n\n})();\n<\/script>\n<!-- ===== Ende Einbettungs-Block ===== -->\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Bierdeckel-Rechner \u2013 Bruttomietrendite einer Immobilie \ud83c\udf7a Bierdeckel-Rechner Bruttomietrendite einer Immobilie schnell absch\u00e4tzen \ud83c\udfe0 Kaltmiete \u20ac \/ Jahr j\u00e4hrlich monatlich \ud83d\udcb6 Kaufpreis \u20ac \ud83d\udccd Bundesland \ud83e\uddfe Kaufnebenkosten Summe Makler % \u2013 % Rendite Bitte Werte eingeben\u2026 Grobe \u00dcberschlagsrechnung (Bruttomietrendite) \u2013 ohne Bewirtschaftungskosten, Leerstand &amp; Finanzierung. Grunderwerbsteuer Stand 2026. Keine Anlageberatung.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":true,"_monsterinsights_sitenote_note":"\ud83d\udca1 Sicherheitshinweis f\u00fcr Kneipeng\u00e4nger:\nDieser Rechner funktioniert komplett digital und hinterl\u00e4sst keine h\u00e4sslichen Kondenswasser-Ringe auf deinem Bildschirm. Bitte nutze f\u00fcr das anschlie\u00dfende Kaltgetr\u00e4nk trotzdem einen echten Unterleger.","_monsterinsights_sitenote_category":11,"footnotes":""},"class_list":["post-1897","page","type-page","status-publish","hentry"],"aioseo_notices":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"m360ps-logo":false},"uagb_author_info":{"display_name":"Manuel Grotz","author_link":"https:\/\/manuel360finanz.de\/uk\/author\/grmu\/"},"uagb_comment_info":0,"uagb_excerpt":"Bierdeckel-Rechner \u2013 Bruttomietrendite einer Immobilie \ud83c\udf7a Bierdeckel-Rechner Bruttomietrendite einer Immobilie schnell absch\u00e4tzen \ud83c\udfe0 Kaltmiete \u20ac \/ Jahr j\u00e4hrlich monatlich \ud83d\udcb6 Kaufpreis \u20ac \ud83d\udccd Bundesland \ud83e\uddfe Kaufnebenkosten Summe Makler % \u2013 % Rendite Bitte Werte eingeben\u2026 Grobe \u00dcberschlagsrechnung (Bruttomietrendite) \u2013 ohne Bewirtschaftungskosten, Leerstand &amp; Finanzierung. Grunderwerbsteuer Stand 2026. Keine Anlageberatung.","_links":{"self":[{"href":"https:\/\/manuel360finanz.de\/uk\/wp-json\/wp\/v2\/pages\/1897","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/manuel360finanz.de\/uk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/manuel360finanz.de\/uk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/manuel360finanz.de\/uk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/manuel360finanz.de\/uk\/wp-json\/wp\/v2\/comments?post=1897"}],"version-history":[{"count":3,"href":"https:\/\/manuel360finanz.de\/uk\/wp-json\/wp\/v2\/pages\/1897\/revisions"}],"predecessor-version":[{"id":1903,"href":"https:\/\/manuel360finanz.de\/uk\/wp-json\/wp\/v2\/pages\/1897\/revisions\/1903"}],"wp:attachment":[{"href":"https:\/\/manuel360finanz.de\/uk\/wp-json\/wp\/v2\/media?parent=1897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}