×

注意!页面内容来自https://fixrechner.de/quadratkilometer-in-hektar-umrechner/,本站不储存任何内容,为了更好的阅读体验进行在线解析,若有广告出现,请及时反馈。若您觉得侵犯了您的利益,请通知我们进行删除,然后访问 原网页

<>/* BasicsFarbenVariablen */ :root { --primary-color: #0071c5; /* Blau aus der Vorlage */ --primary-hover: #005fa3; --secondary-color: #f4f4f4; --text-color: #333; --light-gray: #f8f9fa; --border-color: #ddd; --success-color: #2ecc71; --warning-color: #f39c12; --danger-color: #e74c3c; --info-color: #3498db; --card-shadow: 0 4px 20px rgba(0000.08); --transition-speed: 0.3s; } /* Reset */ * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: Arial"Helvetica Neue"Helveticasans-serif; font-size: 16px; line-height: 1.6; background: #fff; color: var(--text-color); } /* Container */ .container { max-width: 1000px; margin: 0 auto; padding: 30px 20px; } /* Headings */ h1h2h3 { text-align: center; margin-bottom: 20px; color: var(--primary-color); } h1 { font-size: 32px; font-weight: 700; } h2 { font-size: 24px; font-weight: 500; color: #333; } /* H2 in schwarz */ h3 { font-size: 20px; font-weight: 500; } /* Intro Text */ .intro-text { max-width: 800px; margin: 0 auto 30px; font-size: 18px; text-align: center; color: #555; line-height: 1.7; } /* Calculator */ .calculator { background: white; padding: 30px; border-radius: 12px; box-shadow: var(--card-shadow); margin-bottom: 40px; border: 1px solid rgba(01131970.1); } /* FormInputs */ .form-section { margin-bottom: 25px; } .form-section-title { font-size: 18px; font-weight: 600; margin-bottom: 15px; color: var(--primary-color); border-bottom: 1px solid var(--border-color); padding-bottom: 8px; } .form-group-title { font-size: 16px; font-weight: 600; margin: 20px 0 10px; color: var(--primary-color); } .form-group { margin-bottom: 20px; position: relative; } label { font-weight: 500; margin-bottom: 8px; display: block; } .sub-label { font-weight: normal; font-size: 14px; color: #666; } inputselect { width: 100%; padding: 12px; border: 2px solid var(--border-color); border-radius: 8px; background: #f9f9f9; font-size: 16px; transition: all var(--transition-speed); font-family: Arial"Helvetica Neue"Helveticasans-serif; } input:focusselect:focus { border-color: var(--primary-color); background: #fff; outline: none; } /* Input with unit */ .input-with-unit { position: relative; } .input-with-unit input { padding-right: 40px; } .input-with-unit .unit { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #666; font-weight: 500; } /* Tooltip */ .tooltip { position: relative; display: inline-block; margin-left: 5px; cursor: help; } .tooltip .tooltip-icon { color: var(--primary-color); font-size: 16px; } .tooltip .tooltip-text { visibility: hidden; width: 300px; background-color: #333; color: #fff; text-align: left; border-radius: 6px; padding: 12px; position: absolute; z-index: 1; bottom: 125%; left: 50%; transform: translateX(-50%); opacity: 0; transition: opacity 0.3s; font-weight: normal; font-size: 14px; line-height: 1.5; box-shadow: 0 5px 15px rgba(0,0,0,0.2); } .tooltip .tooltip-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-: solid; border-color: #333 transparent transparent transparent; } .tooltip:hover .tooltip-text { visibility: visible; opacity: 1; } /* Berechnen Button */ .calculate-button { display: block; width: 100%; max-width: 300px; margin: 30px auto 0; background: var(--primary-color); color: white; padding: 16px; border-radius: 8px; font-weight: 600; font-size: 18px; cursor: pointer; transition: var(--transition-speed); box-shadow: 0 4px 10px rgba(01131970.3); border: none; font-family: Arial"Helvetica Neue"Helveticasans-serif; } .calculate-button:hover { background: var(--primary-hover); transform: translateY(-2px); } .calculate-button.secondary { background: var(--secondary-color); color: var(--text-color); box-shadow: 0 2px 5px rgba(0000.1); margin-top: 10px; } .calculate-button.secondary:hover { background: #e0e0e0; } /* Info-Box */ .info-box { background: #e6f1ff; border-radius: 8px; padding: 15px; margin: 15px 0; font-size: 14px; color: #555; border-left: 3px solid var(--primary-color); } /* Result Grid */ .result-grid { display: grid; grid-template-columns: repeat(auto-fitminmax(200px1fr)); gap: 15px; margin-bottom: 20px; } .result-item { background: #f9f9f9; padding: 15px; border-radius: 8px; text-align: center; } .result-label { font-size: 16px; font-weight: 600; color: var(--primary-color); margin-bottom: 5px; } .result-value { font-size: 22px; font-weight: 700; color: var(--text-color); } /* Results Display - Enhanced */ .results { display: none; background: white; border-radius: 12px; margin-bottom: 2rem; box-shadow: var(--card-shadow); overflow: hidden; border: 1px solid rgba(01131970.1); } .results-header { background: linear-gradient(135degvar(--primary-color)var(--primary-hover)); color: white; padding: 1.5rem; text-align: center; font-weight: 600; font-size: 1.25rem; } .results-content { padding: 2rem; } .result-card { background: #f9f9f9; border-radius: 12px; padding: 1.5rem; margin-bottom: 1.5rem; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: transform 0.2sbox-shadow 0.2s; border-left: 4px solid var(--primary-color); } .result-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.1); } .result-method { font-size: 1.1rem; font-weight: 600; color: var(--primary-color); margin-bottom: 0.75rem; } .result-main-value { font-size: 2.5rem; font-weight: 700; color: var(--primary-color); margin-bottom: 0.5rem; text-align: center; } .result-formula { font-size: 1rem; color: #666; text-align: center; font-: italic; } /* Visual Comparison */ .visual-comparison { margin-top: 1.5rem; padding: 1.5rem; background: white; border: 1px solid var(--border-color); border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); } .comparison-header { font-size: 1.25rem; font-weight: 600; color: var(--primary-color); margin-bottom: 1.5rem; text-align: center; } .comparison-container { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; align-items: center; } .comparison-item { text-align: center; } .comparison-label { font-size: 1rem; color: #666; margin-bottom: 0.5rem; font-weight: 500; } .comparison-value { font-size: 1.5rem; font-weight: 600; color: var(--primary-color); margin-bottom: 1rem; } .comparison-visual { width: 100%; max-width: 200px; aspect-ratio: 1; margin: 0 auto; background: linear-gradient(135deg#e6f1ff#cce3f8); border: 3px solid var(--primary-color); border-radius: 12px; position: relative; overflow: hidden; } .comparison-visual-inner { position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(135degvar(--primary-color)var(--primary-hover)); transition: height 0.8s ease-in-out; border-radius: 0 0 8px 8px; } /* Additional Units */ .additional-units { margin-top: 1.5rem; padding: 1.5rem; background: #f9f9f9; border-radius: 12px; border: 1px solid var(--border-color); } .additional-units-header { font-size: 1.25rem; font-weight: 600; color: var(--primary-color); margin-bottom: 1.5rem; text-align: center; } .additional-units-grid { display: grid; grid-template-columns: repeat(auto-fitminmax(200px1fr)); gap: 1rem; } .unit-card { background: white; border-radius: 8px; padding: 1rem; box-shadow: 0 2px 4px rgba(0,0,0,0.05); text-align: center; border: 1px solid #e0e0e0; transition: transform 0.2sbox-shadow 0.2s; } .unit-card:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.1); } .unit-label { font-size: 0.9rem; color: #666; margin-bottom: 0.5rem; font-weight: 500; } .unit-value { font-size: 1.25rem; font-weight: 600; color: var(--primary-color); } /* Interactive Examples */ .examples { margin-top: 1.5rem; padding: 1.5rem; background: white; border: 1px solid var(--border-color); border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); } .examples-header { font-size: 1.25rem; font-weight: 600; color: var(--primary-color); margin-bottom: 1.5rem; text-align: center; } .examples-grid { display: grid; grid-template-columns: repeat(auto-fitminmax(250px1fr)); gap: 1rem; } .example-card { background: #f9f9f9; border-radius: 8px; padding: 1rem; cursor: pointer; transition: all 0.3s ease; border: 2px solid transparent; } .example-card:hover { background: #e6f1ff; border-color: var(--primary-color); transform: translateY(-2px); } .example-title { font-size: 1rem; font-weight: 600; color: var(--primary-color); margin-bottom: 0.5rem; } .example-description { font-size: 0.9rem; color: #666; } /* Information Section */ .info-section { margin-top: 1.5rem; padding: 1.5rem; background: #e6f1ff; border-radius: 12px; border-left: 4px solid var(--primary-color); } .info-header { font-size: 1.25rem; font-weight: 600; color: var(--primary-color); margin-bottom: 1rem; } .info-content { font-size: 1rem; color: var(--text-color); line-height: 1.6; } .info-content p { margin-bottom: 0.75rem; } .info-content ul { margin-left: 1.5rem; margin-bottom: 0.75rem; } .info-content li { margin-bottom: 0.25rem; } /* Inline Result */ .result-inline { background: #e6f1ff; padding: 20px; border-radius: 10px; margin-top: 30px; } /* Accuracy Note */ .accuracy-note { background: #e6f1ff; padding: 20px; border-radius: 8px; display: flex; margin-top: 20px; border-left: 3px solid var(--info-color); } .accuracy-icon { font-size: 24px; margin-right: 15px; color: var(--info-color); } .accuracy-text { font-size: 14px; line-height: 1.5; } .accuracy-text ul { margin-top: 10px; padding-left: 20px; } .accuracy-text li { margin-bottom: 5px; } /* Content Section */ .content-section { max-width: 900px; margin: 40px auto; background: white; padding: 30px; border-radius: 12px; box-shadow: var(--card-shadow); } .content-section h2 { margin-top: 40px; font-size: 26px; color: var(--primary-color); } .content-section h3 { margin-top: 30px; text-align: left; font-size: 20px; color: var(--primary-color); } .content-section p { margin-bottom: 20px; line-height: 1.7; } .content-section ul { margin-bottom: 20px; padding-left: 20px; } .content-section li { margin-bottom: 10px; position: relative; padding-left: 5px; } .content-section a { color: var(--primary-color); text-decoration: none; font-weight: 500; transition: color 0.3s; } .content-section a:hover { color: var(--primary-hover); text-decoration: underline; } /* Content Table */ .content-table { width: 100%; border-collapse: collapse; margin: 20px 0; } .content-table th.content-table td { padding: 12px; text-align: left; border-bottom: 1px solid var(--border-color); } .content-table th { background-color: var(--light-gray); font-weight: 600; color: var(--primary-color); } .content-table tr:hover { background-color: rgba(01131970.05); } /* Benefits List */ .benefits-list { list-: none; padding: 0; margin: 20px 0; } .benefits-list li { padding-left: 30px; margin-bottom: 15px; position: relative; } .benefits-list li:before { content: "✅"; position: absolute; left: 0; top: 0; } /* Text Center */ .text-center { text-align: center; } /* Weitere Rechner Section */ .weitere-rechner { background-color: #f8fafc; padding: 2rem; border-radius: 12px; margin: 2.5rem 0; box-shadow: var(--card-shadow); } .weitere-rechner-title { display: flex; align-items: center; justify-content: center; gap: 0.75rem; margin-bottom: 2rem; color: var(--primary-color); font-size: 1.5rem; font-weight: 700; text-align: center; } .weitere-rechner-grid { display: grid; grid-template-columns: repeat(auto-fitminmax(280px1fr)); gap: 1.5rem; } .rechner-card { background-color: white; border-radius: 12px; box-shadow: 0 2px 8px rgba(0000.1); transition: all 0.3s ease; border: 1px solid #e5e7eb; overflow: hidden; } .rechner-card:hover { box-shadow: 0 8px 25px rgba(0000.15); transform: translateY(-2px); } .rechner-card.featured { border: 2px solid var(--primary-color); } .rechner-link { padding: 1.5rem; display: flex; flex-direction: column; height: 100%; text-decoration: none; color: inherit; } .rechner-icon-container { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; } .rechner-icon { color: var(--primary-color); font-size: 24px; } .rechner-badge { background-color: var(--primary-color); color: white; font-size: 0.75rem; font-weight: 600; padding: 0.25rem 0.75rem; border-radius: 12px; } .rechner-title { font-size: 1rem; font-weight: 600; color: #111827; line-height: 1.4; margin-bottom: 1rem; flex-grow: 1; } .rechner-cta { color: var(--primary-color); font-size: 0.9rem; font-weight: 600; display: flex; align-items: center; gap: 0.5rem; margin-top: auto; } .rechner-cta:hover { color: var(--primary-hover); } /* Bewertungsbox */ .rating-box { background: #e6f1ff; border-radius: 16px; margin: 50px auto; padding: 30px; max-width: 800px; text-align: center; box-shadow: var(--card-shadow); } .rating-title { font-size: 26px; font-weight: 700; margin-bottom: 15px; color: var(--primary-color); } .rating-stars { color: #ffc107; font-size: 24px; margin-bottom: 10px; } .rating-info { font-size: 16px; color: #333; margin: 8px 0; } .rating-date { font-size: 14px; color: #777; margin-top: 15px; } /* Aktualisierungsdatum */ .update-date { text-align: center; font-size: 14px; color: #666; margin-top: 30px; font-: italic; } /* Trust Box Styles - Modern & Responsive */ .trust-box { --primary-color: #0071c5; --primary-light: #e9f5ff; --primary-dark: #005fa3; --secondary-color: #4caf50; --text-color: #333333; --text-light: #666666; --text-lighter: #888888; --background-color: #ffffff; --background-light: #f8f9fa; --background-dark: #f0f2f5; --border-color: #e0e0e0; --border-light: #f0f0f0; --shadow-sm: 0 2px 4px rgba(0000.05); --shadow-md: 0 4px 8px rgba(0000.08); --shadow-lg: 0 8px 16px rgba(0000.1); --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px; --transition: all 0.3s ease; font-family: Arial"Helvetica Neue"Helveticasans-serif; background-color: var(--background-color); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); margin: 2rem 0; overflow: hidden; border: 1px solid var(--border-color); color: var(--text-color); max-width: 100%; position: relative; } .trust-box-content { min-height: 650px; /* so hoch wie der längste Tab */ } .trust-box * { box-sizing: border-box; } .trust-box-header { display: flex; align-items: center; padding: 1.5rem; background: linear-gradient(135degvar(--primary-light) 0%#d6eeff 100%); border-bottom: 1px solid var(--border-light); position: relative; overflow: hidden; } .trust-box-header::after { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-image: url('https://fixrechner.de/wp-content/uploads/2024/10/Fixrechner_Icon.svg'); background-repeat: no-repeat; background-position: right -40px top -40px; background-size: 120px; opacity: 0.05; z-index: 0; } .trust-box-logo { margin-right: 1rem; width: 40px; height: 40px; position: relative; z-index: 1; filter: drop-shadow(0 2px 4px rgba(0000.1)); } .trust-box-header h2 { margin: 0; font-size: 1.5rem; color: var(--primary-color); font-weight: 600; position: relative; z-index: 1; } /* Tabs Navigation */ .trust-box-tabs { display: flex; border-bottom: 1px solid var(--border-color); background-color: var(--background-light); position: sticky; top: 0; z-index: 10; } .tab-button { flex: 1; padding: 1rem 0.5rem; background: none; border: none; cursor: pointer; font-weight: 600; color: var(--text-light); transition: var(--transition); position: relative; font-size: 0.95rem; text-align: center; font-family: Arial"Helvetica Neue"Helveticasans-serif; } .tab-button:hover { color: var(--primary-color); background-color: rgba(01131970.05); } .tab-button.active { color: var(--primary-color); background-color: var(--background-color); } .tab-button.active::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background-color: var(--primary-color); border-radius: 3px 3px 0 0; } /* Tab Content */ .trust-box-content { padding: 0; position: relative; } .tab-content { display: none; padding: 1.5rem; animation: fadeIn 0.3s ease forwards; } .tab-content.active { display: block; } @keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } } /* Sources Tab */ .sources-section { display: flex; flex-direction: column; gap: 1.5rem; } .expert-profile { display: flex; align-items: center; padding-bottom: 1.25rem; border-bottom: 1px solid var(--border-light); position: relative; } .expert-image { width: 70px; height: 70px; border-radius: 50%; object-fit: cover; margin-right: 1.25rem; border: 3px solid white; box-shadow: var(--shadow-sm); } .expert-info h3 { margin: 0 0 0.25rem 0; font-size: 1.1rem; color: var(--primary-dark); } .expert-title { color: var(--text-light); margin: 0 0 0.25rem 0; font-size: 0.9rem; } .update-date { font-size: 0.85rem; color: var(--text-lighter); margin: 0; display: flex; align-items: center; } .update-date::before { content: ''; display: inline-block; width: 12px; height: 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E"); background-size: contain; margin-right: 6px; } .sources-list h3 { margin: 0 0 1rem 0; font-size: 1.1rem; color: var(--primary-dark); position: relative; padding-bottom: 0.5rem; } .sources-list h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background-color: var(--primary-color); border-radius: 2px; } .sources-list ul { list-: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.75rem; } .sources-list li a { display: block; padding: 0.75rem 1rem; border-radius: var(--radius-md); background-color: var(--background-light); text-decoration: none; color: var(--primary-color); transition: var(--transition); font-weight: 500; border: 1px solid var(--border-light); } .sources-list li a:hover { background-color: var(--primary-light); transform: translateY(-2px); box-shadow: var(--shadow-sm); border-color: var(--primary-light); } .methodology { background-color: var(--background-light); padding: 1.25rem; border-radius: var(--radius-md); border-left: 3px solid var(--primary-color); box-shadow: var(--shadow-sm); } .methodology h3 { margin: 0 0 0.75rem 0; font-size: 1.1rem; color: var(--primary-dark); } .methodology p { margin: 0 0 0.75rem 0; font-size: 0.95rem; line-height: 1.6; } .methodology-link { color: var(--primary-color); text-decoration: none; font-weight: 600; font-size: 0.9rem; display: inline-flex; align-items: center; transition: var(--transition); } .methodology-link:hover { color: var(--primary-dark); } .methodology-link::after { content: ''; display: inline-block; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230071c5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E"); background-size: contain; margin-left: 6px; transition: var(--transition); } .methodology-link:hover::after { transform: translateX(3px); } /* Reviews Tab */ .rating-summary { text-align: center; padding: 1.25rem 0 1.75rem; border-bottom: 1px solid var(--border-light); margin-bottom: 1.75rem; position: relative; } .rating-summary::after { content: ''; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); width: 60px; height: 3px; background-color: var(--primary-color); border-radius: 3px; } .stars { display: flex; justify-content: center; margin-bottom: 0.75rem; } .star { color: #ffc107; font-size: 1.75rem; margin: 0 0.1rem; text-shadow: 0 1px 2px rgba(0000.1); } .rating-text { font-size: 1.35rem; font-weight: 700; margin-bottom: 0.5rem; color: var(--primary-dark); } .rating-count { color: var(--text-light); margin-bottom: 0.5rem; font-size: 1rem; } .rating-source { font-size: 0.85rem; color: var(--text-lighter); margin-bottom: 0; max-width: 80%; margin-left: auto; margin-right: auto; } .testimonial-slider { position: relative; min-height: 200px; margin-bottom: 1.5rem; overflow: hidden; } .testimonial { display: none; text-align: center; animation: fadeIn 0.5s ease forwards; padding: 0 1rem; } .testimonial.active { display: block; } .testimonial-image { width: 70px; height: 70px; border-radius: 50%; margin: 0 auto 1rem; overflow: hidden; border: 3px solid white; box-shadow: var(--shadow-sm); } .testimonial-quote { font-size: 1.05rem; font-: italic; margin-bottom: 1.25rem; position: relative; line-height: 1.6; color: var(--text-color); } .testimonial-quote::before, .testimonial-quote::after { content: '"'; color: var(--primary-color); font-size: 1.5rem; font-weight: 700; } .testimonial-author { font-weight: 600; color: var(--primary-dark); margin-bottom: 0.25rem; } .testimonial-role { font-size: 0.9rem; color: var(--text-light); margin: 0; } .testimonial-dots { display: flex; justify-content: center; gap: 0.5rem; margin-top: 0.5rem; } .testimonial-dot { width: 10px; height: 10px; border-radius: 50%; background-color: var(--border-color); transition: var(--transition); cursor: pointer; } .testimonial-dot.active { background-color: var(--primary-color); transform: scale(1.2); } /* About Tab */ .about-content { display: flex; flex-direction: column; gap: 1.75rem; } .about-description { margin: 0; line-height: 1.6; font-size: 1rem; color: var(--text-color); } .trust-features { display: grid; grid-template-columns: repeat(auto-fillminmax(280px1fr)); gap: 1.25rem; margin: 0.75rem 0; } .trust-feature { display: flex; align-items: flex-start; padding: 1.25rem; background-color: var(--background-light); border-radius: var(--radius-md); transition: var(--transition); border: 1px solid var(--border-light); } .trust-feature:hover { transform: translateY(-3px); box-shadow: var(--shadow-sm); background-color: var(--primary-light); border-color: var(--primary-light); } .trust-feature-icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background-color: white; margin-right: 1rem; flex-shrink: 0; box-shadow: var(--shadow-sm); } .trust-feature-icon svg { width: 20px; height: 20px; color: var(--primary-color); } .trust-feature-content h3 { font-size: 1.05rem; margin: 0 0 0.5rem 0; color: var(--primary-dark); } .trust-feature-content p { font-size: 0.9rem; color: var(--text-light); margin: 0; line-height: 1.5; } /* Aktualisierungsdatum */ .update-date { text-align: center; font-size: 14px; color: #666; margin-top: 30px; font-: italic; } /* Responsive */ @media (max-width: 768px) { .container { padding: 20px 15px; } h1 { font-size: 26px; } h2 { font-size: 20px; } .calculator { padding: 20px; } .result-grid { grid-template-columns: 1fr; } .accuracy-note { flex-direction: column; } .accuracy-icon { margin-right: 0; margin-bottom: 10px; text-align: center; } .comparison-container { grid-template-columns: 1fr; gap: 1rem; } .additional-units-grid { grid-template-columns: 1fr; } .examples-grid { grid-template-columns: 1fr; } .trust-box-tabs { flex-direction: column; } .tab-button { padding: 0.85rem 1rem; text-align: left; border-bottom: 1px solid var(--border-light); } .tab-button.active::after { height: 100%; width: 3px; top: 0; left: 0; border-radius: 0; } .trust-features { grid-template-columns: 1fr; } .expert-profile { flex-direction: column; text-align: center; } .expert-image { margin: 0 0 1rem 0; } } /* Accessibility Improvements */ .tab-button:focus, .testimonial-dot:focus, .methodology-link:focus, .sources-list li a:focus { outline: 2px solid var(--primary-color); outline-offset: 2px; } /* Print Styles */ @media print { .trust-box { box-shadow: none; border: 1px solid #ccc; } .tab-button:not(.active) { display: none; } .tab-content:not(.active) { display: block !important; } .testimonial:not(.active) { display: block; margin-bottom: 1rem; page-break-inside: avoid; } .testimonial-dots { display: none; } } /* Vermeidung von Konflikten mit WordPress-Themes */ .trust-box button { background: none; border: none; font-family: inherit; } .trust-box h2, .trust-box h3, .trust-box p { margin-top: 0; }

🌍 Quadratkilometer in Hektar umrechnen – schnellexakt & kostenlos

Flächenmaß online umrechnen – für LandwirtschaftPlanung & Bildung

Mit dem kostenlosen Quadratkilometer-Hektar-Umrechner von Fixrechner.de können Sie ganz einfach und präzise Quadratkilometer (km²) in Hektar (ha) umrechnen – und umgekehrt. Ideal für LandwirtschaftStadtplanungImmobilienbewertung und alle Anwendungsbereichein denen Flächeneinheiten zuverlässig berechnet werden müssen.

Quadratkilometer-Hektar-Umrechner
Hinweis: Geben Sie den Flächenwert ein und wählen Sie die Einheit aus. Der Rechner zeigt Ihnen sofort das Ergebnis in der anderen Einheit sowie weitere nützliche Umrechnungen.
1. Flächenwert eingeben
2. Einheit auswählen
Umrechnungsergebnis
Umrechnung
100 ha
Berechnung: 1 km² × 100 = 100 ha
Visuelle Darstellung
Quadratkilometer (km²)
1 km²
Hektar (ha)
100 ha
Umrechnung in weitere Einheiten
Quadratmeter (m²)
1.000.000 m²
Ar (a)
10.000 a
Quadratmeilen (mi²)
0,386 mi²
Acre
247,1 acre
Kleines Stadtgebiet
5 km² – die Fläche eines kleinen Stadtteils
Großer Bauernhof
200 ha – ein typischer großer landwirtschaftlicher Betrieb
Naturschutzgebiet
25 km² – ein mittelgroßes Naturschutzgebiet
Wissenswertes zu Flächeneinheiten

Quadratkilometer (km²): Die Fläche eines Quadrats mit einer Seitenlänge von 1 Kilometer. Wird häufig für größere Gebiete wie StädteSeen oder Länder verwendet.

Hektar (ha): Eine Flächeneinheitdie 10.000 Quadratmetern entspricht (100 m × 100 m). Besonders in der Landwirtschaft und Forstwirtschaft gebräuchlich. 1 Hektar entspricht 0,01 Quadratkilometern.

Umrechnungsfaktoren:

  • 1 km² = 100 ha
  • 1 ha = 0,01 km²
  • 1 km² = 1.000.000 m²
  • 1 ha = 10.000 m²
  • 1 ha = 100 Ar

Interessant zu wissen: Die Fläche Deutschlands beträgt etwa 357.588 km² oder 35.758.800 ha. Der Central Park in New York hat eine Fläche von ca. 3,41 km² oder 341 ha.

📌 Wichtig zu wissen:

  • Die Umrechnung basiert auf den exakten mathematischen Verhältnissen der SI-Einheiten.
  • 1 Quadratkilometer entspricht genau 100 Hektar – dies ist ein fester Umrechnungsfaktor.
  • Beide Einheiten sind international standardisiert und weltweit gültig.
  • Für offizielle Vermessungen sollten Sie einen Vermessungsingenieur konsultieren.
  • Die Ergebnisse sind mathematisch exakt und für alle praktischen Anwendungen geeignet.

📐 Grundlagen: Quadratkilometer (km²) und Hektar (ha) im Detail erklärt

Um Flächen präzise zu vergleichen oder in unterschiedlichen Kontexten zu verstehenist es wichtigdie beiden wichtigsten Flächeneinheiten im metrischen System zu kennen: den Quadratkilometer (km²) und den Hektar (ha).

🔎 Quadratkilometer (km²)

Ein Quadratkilometer ist die Fläche eines Quadrats mit einer Seitenlänge von 1 Kilometer. Mathematisch entspricht das:

  • 1 km² = 1.000.000 m² (eine Million Quadratmeter)
  • 1 km² = 100 Hektar
  • 1 km² = etwa 247,1 Acre
  • 1 km² = 0,386 Quadratmeilen (mi²)

Quadratkilometer sind vor allem in der GeografieStadtplanung und Statistik üblich. Wenn die Fläche eines Landeseiner Stadt oder eines Naturschutzgebiets angegeben wirdist fast immer km² die Standardgröße.

🌱 Hektar (ha)

Der Hektar ist eine Flächeneinheitdie in vielen Ländern für LandwirtschaftForstwirtschaft und Grundstücksberechnungen genutzt wird. Er ist definiert als ein Quadrat mit einer Seitenlänge von 100 Metern:

  • 1 ha = 10.000 m²
  • 1 ha = 0,01 km²
  • 1 ha = 100 Ar
  • 1 ha ≈ 2,471 Acre

Besonders in der Landwirtschaft wird fast ausschließlich in Hektar gerechnet. BauernForstbetriebe und Flächenförderprogramme geben ihre Werte traditionell in Hektar an.

📊 Vergleich in der Praxis

Um sich die Größen besser vorstellen zu könnenhier ein anschaulicher Vergleich:

FlächeGröße in HektarGröße in Quadratkilometer
Ein Fußballfeld≈ 0,7 ha≈ 0,007 km²
Ein kleiner Bauernhof50 ha0,5 km²
Der Central Park in New York341 ha3,41 km²
Fläche Berlin89.160 ha891,6 km²

🧾 Formel zur Umrechnung

Die Umrechnung zwischen km² und ha ist extrem einfach:

  • Von km² nach ha: Fläche (in km²) × 100 = Fläche (in ha)
  • Von ha nach km²: Fläche (in ha) ÷ 100 = Fläche (in km²)

Beispiel: 2,5 km² = 2,5 × 100 = 250 ha. Oder: 500 ha = 500 ÷ 100 = 5 km².

🌍 Praxisbeispiele & große Vergleichstabellen

Damit Sie die Umrechnung von Quadratkilometern in Hektar nicht nur mathematischsondern auch praktisch einordnen könnenfinden Sie hier anschauliche Beispiele aus AlltagGeografie und Landwirtschaft.

🏙️ Städte und ihre Flächen

Städte werden in der Regel in Quadratkilometern angegeben. Zur besseren Vorstellung haben wir die Flächen zusätzlich in Hektar umgerechnet:

StadtFläche in km²Fläche in ha
Berlin891,689.160
Hamburg755,375.530
München310,731.070
Köln405,040.500
Wien (Österreich)414,641.460
Zürich (Schweiz)91,99.190

🗺️ Länder im Vergleich

Auch die Größe ganzer Länder lässt sich in Hektar oder Quadratkilometern ausdrücken. So können Sie sich die Dimensionen besser vorstellen:

LandFläche in km²Fläche in ha
Deutschland357.58835.758.800
Frankreich551.69555.169.500
Schweiz41.2854.128.500
Österreich83.8798.387.900
USA9.833.520983.352.000
China9.596.961959.696.100

⚽ Alltagsvergleiche

Viele Menschen können sich Flächen am besten anhand von bekannten Beispielen vorstellen. Hier einige anschauliche Umrechnungen:

  • Fußballfeld: ca. 0,7 ha oder 0,007 km²
  • Golfplatz (18 Löcher): durchschnittlich 60 ha oder 0,6 km²
  • Kleingartenanlage (100 Parzellen): ca. 2,5 ha oder 0,025 km²
  • Großer Bauernhof: 200 ha oder 2 km²
  • Naturschutzgebiet „Kellerwald-Edersee“ (Deutschland): 57 km² oder 5.700 ha

🌲 Waldflächen im Überblick

Wälder werden in offiziellen Statistiken oft in Hektar angegeben. Hier ein paar Beispiele:

GebietFläche in haFläche in km²
Bayerischer Wald (Nationalpark)24.250242,5
Schwarzwald gesamt≈ 600.000≈ 6.000
Amazonas-Regenwald≈ 5.500.000.000≈ 55.000.000
Thüringer Wald≈ 200.000≈ 2.000

📜 Historischer Hintergrund & internationale Unterschiede

Flächeneinheiten wie Quadratkilometer und Hektar sind heute international standardisiert – das war aber nicht immer so. Je nach Land und Epoche wurden unterschiedliche Maßeinheiten genutztdie teils große Unterschiede aufwiesen.

Die Einführung des Hektars

Der Hektar (ha) wurde im Zuge der Einführung des metrischen Systems in Frankreich im Jahr 1795 definiert. Er entspricht einem Quadrat mit 100 Metern Seitenlänge und damit 10.000 m². Der Name setzt sich zusammen aus „Hekto“ (altgriechisch für „hundert“) und „Ar“ (eine kleinere Flächeneinheit = 100 m²).

Ziel der Einführung war esein einheitliches und leicht verständliches Maßsystem für HandelLandwirtschaft und Vermessung zu schaffen.

Der Quadratkilometer

Der Quadratkilometer (km²) ist eine direkte Ableitung aus dem internationalen Einheitensystem (SI). Er dient vor allem dazugroße Flächen wie StädteRegionen oder Länder zu beschreiben. Während der Hektar oft in der Landwirtschaft genutzt wirdist der Quadratkilometer in Geografie und Statistik gängig.

🌍 Internationale Unterschiede

Während in Europa überwiegend Hektar und Quadratkilometer genutzt werdenverwenden andere Länder andere Flächenmaße:

  • Acre (ac): In den USA und Großbritannien verbreitet. 1 Acre = 4.047 m² = 0,4047 ha.
  • Square Mile (mi²): Ebenfalls in angelsächsischen Ländern gebräuchlich. 1 mi² = 2,59 km² = 259 ha.
  • Ar (a): Heute kaum noch genutztaber historisch verbreitet. 1 Ar = 100 m². 1 ha = 100 Ar.
  • Jō (Japan): Historische Flächeneinheitvariiert regional. Ca. 991,7 m².
  • Cuerda (Lateinamerika): Regional unterschiedlich. In Puerto Rico z. B. 1 Cuerda = 3.930 m².

Warum Europa beim Hektar blieb

Der Hektar setzte sich in Kontinentaleuropa durchweil er einfach zu berechnen ist (Basis 100) und sich direkt aus dem metrischen System ableiten lässt. In angelsächsischen Ländern blieb man hingegen beim Acreda er dort über Jahrhunderte in Landvermessung und Grundbesitzdokumenten verankert war.

Vergleichstabelle internationaler Flächeneinheiten

EinheitIn m²In haIn km²
1 Hektar (ha)10.00010,01
1 Quadratkilometer (km²)1.000.0001001
1 Acre (ac)4.0470,40470,0040
1 Square Mile (mi²)2.589.988258,992,59
1 Ar (a)1000,010,0001

Praktische Bedeutung im Alltag

Ob beim Kauf eines Grundstücksbei landwirtschaftlichen Pachtverträgen oder in geografischen Statistiken – die Wahl der Einheit hat viel mit TraditionHandlichkeit und Verständlichkeit zu tun. So sprechen Landwirte in Deutschland lieber von 80 ha als von 0,8 km²während Stadtplaner für Baugebiete meist Quadratkilometer angeben.

⚖️ Vergleich & Umrechnung in der Praxis

Damit die abstrakten Zahlen greifbarer werdenzeigen wir hier praktische Vergleiche: von Fußballfeldern über Bauernhöfe bis hin zu ganzen Städten. Diese Beispiele verdeutlichen wie groß Hektar und Quadratkilometer wirklich sind.

🏟️ Umrechnung in Fußballfelder

Ein Fußballfeld hat je nach Norm ca. 7.140 m² (FIFA Standard). Damit entspricht:

  • 1 Hektar ≈ 1,4 Fußballfelder
  • 1 km² ≈ 140 Fußballfelder
  • 100 ha ≈ 140 Fußballfelder

Ein typischer deutscher Landkreis mit 1.200 km² Fläche hätte also Platz für ca. 168.000 Fußballfelder.

🚜 Landwirtschaftliche Praxis

In der Landwirtschaft sind Hektar die wichtigste Maßeinheit. Typische Beispiele:

  • Kleiner Bauernhof: 20 ha = 200.000 m² = ca. 28 Fußballfelder
  • Großer Betrieb: 200 ha = 2.000.000 m² = ca. 280 Fußballfelder
  • Ganze Region: 1.000 ha = 10 km² = ca. 1.400 Fußballfelder

🏙️ Städte & Regionen im Vergleich

GebietFläche in km²Fläche in ha
Flughafen Frankfurt23 km²2.300 ha
Stadt Köln405 km²40.500 ha
Bundesland Saarland2.570 km²257.000 ha
Deutschland357.588 km²35.758.800 ha

🌲 Natur & Umwelt

Auch im Umweltschutz und in der Forstwirtschaft spielen Flächenangaben eine große Rolle:

  • Ein kleiner Wald: 50 ha = 0,5 km²
  • Nationalpark Bayerischer Wald: 240 km² = 24.000 ha
  • Amazonas-Regenwald: ca. 5,5 Mio. km² = 550 Mio. ha

📊 Übersicht: Häufige Umrechnungen

GrößeIn haIn km²Vergleich
1 Fußballfeld0,714 ha0,007 km²Normfeld nach FIFA
1 Bauernhof (200 ha)200 ha2 km²Großer Betrieb
1 Stadtteil500 ha5 km²Mittelgroß
1 See (z. B. Chiemsee)8.000 ha80 km²Bayerischer See
1 Land (Deutschland)35.758.800 ha357.588 km²Gesamtfläche

📌 Fazit

Mit diesen Beispielen wird klar: Der Unterschied zwischen Hektar und Quadratkilometer ist nicht nur eine mathematische Größesondern macht sich in der Praxis sehr deutlich bemerkbar. Dank unseres Rechners können Sie jede Fläche in Sekundenschnelle umwandeln – egal ob für LandwirtschaftStadtplanung oder Schule.

❓ FAQ: Häufige Fragen zu Quadratkilometern und Hektar

In diesem Abschnitt beantworten wir die häufigsten Fragen rund um die Umrechnung von Quadratkilometern (km²) in Hektar (ha) – praxisnahleicht verständlich und mit vielen Beispielen.

1. Wie groß ist 1 Hektar in Quadratkilometern?

1 ha = 0,01 km². Das bedeutet: 100 Hektar ergeben genau 1 Quadratkilometer.

2. Wie viele Hektar hat ein Quadratkilometer?

1 km² = 100 ha. Ein Quadratkilometer entspricht also genau 100 Hektar.

3. Wie groß ist ein Hektar anschaulich?

1 Hektar = 10.000 m²also ein Quadrat mit 100 m Seitenlänge. Das entspricht etwa 1,4 Fußballfeldern.

4. Wie viele Fußballfelder passen in einen Quadratkilometer?

Ein Fußballfeld hat ca. 0,714 ha. In 1 km² (100 ha) passen ca. 140 Fußballfelder.

5. Wie viele Hektar hat Deutschland?

Deutschland hat eine Fläche von 357.588 km². Das entspricht 35.758.800 ha.

6. Warum nutzen Landwirte Hektar statt Quadratkilometer?

Weil Hektar handlicher ist: Ein Betrieb mit 80 ha klingt praktischer als 0,8 km². Der Hektar hat sich in der Landwirtschaft als Standard etabliert.

7. Wie rechnet man ha in m² um?

1 ha = 10.000 m². Beispiel: 5 ha = 50.000 m².

8. Wie rechnet man km² in m² um?

1 km² = 1.000.000 m². Beispiel: 2,5 km² = 2.500.000 m².

9. Was ist größer: 1 ha oder 1 km²?

1 km² ist deutlich größer. 1 km² entspricht 100 ha. Anders gesagt: 1 ha ist nur ein Hundertstel von 1 km².

10. Wie viele km² sind 1.000 ha?

1.000 ha = 10 km². Faustregel: Immer durch 100 teilenum von ha auf km² zu kommen.

11. Wofür verwendet man Quadratkilometer?

Vor allem in GeografieStatistik und Raumplanung. Beispiel: „Die Stadt Köln umfasst 405 km²“.

12. Wofür verwendet man Hektar?

Vor allem in der LandwirtschaftForstwirtschaft und bei Grundstücksangaben. Beispiel: „Ein Hof hat 60 ha Ackerfläche“.

13. Gibt es internationale Unterschiede?

Ja. In Europa sind ha und km² üblich. In den USA und UK nutzt man vor allem Acre und Square Miles.

14. Wie viele Acre hat ein Hektar?

1 ha = 2,471 Acres. Beispiel: 10 ha = 24,71 Acres.

15. Wie groß ist ein Quadratkilometer im Vergleich zu einer Stadt?

Ein Stadtteil oder kleiner Ort umfasst oft 1–5 km². Eine Großstadt wie Berlin misst ca. 891 km².

16. Wie viele ha hat ein Fußballplatz?

Ein Fußballplatz hat etwa 0,7 ha. Zwei Plätze ergeben also ca. 1,4 ha.

17. Wie viele ha hat ein Wald von 50 km²?

50 km² = 5.000 ha. Beispiel: Ein kleines Naturschutzgebiet kann in dieser Größenordnung liegen.

18. Warum sind ha und km² SI-Einheiten?

Weil sie auf dem metrischen System basierendas international standardisiert und weltweit anerkannt ist.

19. Wie groß ist 1 km² in Metern?

1 km² = 1.000 m × 1.000 m = 1.000.000 m².

20. Wie viele ha hat ein Grundstück mit 200.000 m²?

200.000 m² ÷ 10.000 = 20 ha.

21. Wie viele km² hat ein Grundstück mit 500 ha?

500 ha ÷ 100 = 5 km².

22. Wie viele ha passen in 10 km²?

10 km² × 100 = 1.000 ha.

23. Wie viele Hektar sind 0,5 km²?

0,5 km² = 50 ha. Das entspricht z. B. einem kleineren Waldgebiet.

24. Warum ist der Hektar so praktisch?

Weil er eine Zwischenstufe darstellt: groß genug für Landflächenklein genug für Alltagsnutzung. Er ist im metrischen System ideal platziert.

25. Wird der Hektar weltweit genutzt?

In fast allen Ländern außer den USAKanada und UK. Dort nutzt man Acre und Square Miles.

📐 Weitere Flächen- & Umrechner

Weitere Tools finden Sie in der Rubrik Umrechner und in der Themenwelt Umrechnungsrechner.

Vertrauen Sie unserer Expertise

Daniel Niedermayer

Daniel Niedermayer

Geschäftsführer

Zuletzt geprüft am: 14. September 2025

Unsere Methodik

Dieser Rechner basiert auf den international standardisierten SI-Einheiten und mathematisch exakten Umrechnungsfaktoren. Alle Berechnungen werden regelmäßig überprüft und aktualisiertum höchste Präzision zu gewährleisten.

Mehr zur Methodik erfahren

4,9 von 5 Sternen

Basierend auf über 1.893 echten Nutzerbewertungen

Ergebnisse einer umfassenden Nutzerbefragung auf unserer Website im April 2025

Daniel G.

Die Qualität der Rechner ist enormund das kostenlos. Besten Dank.

Daniel G.

Head of Sales & Business Development

Sabine K.

Neben den Rechnern für den Arbeitsalltag finde ich auch die rund um die eigene Finanzplanung sehr hilfreich.

Sabine K.

Agentur Geschäftsführerin

Jeremiah H.

Ich schätze die Genauigkeit und Benutzerfreundlichkeit dieser Rechner sehr.

Jeremiah H.

 

Jens P.

Ich finde vor allem die Rechner rund um die Gesundheit äußerst hilfreich.

Jens P.

 

Nicole H. alt=“Nicole H.“ width=“70″ height=“70″>

Ich bin durch den Fast Fashion Rechner auf Fixrechner aufmerksam geworden und nutze die Rechner seitdem regelmäßig.

Nicole H.

 

David K.

Super Hilfen zu verschiedensten Themen – danke.

David K.

 

Eva Maria K.

Gerade bei der Planung der Selbständigkeit helfen die Business Rechner beim Start.

Eva Maria K.

 

Fixrechner.de ist Ihre vertrauenswürdige Plattform für präzise Online-Berechnungen aller Art. Unser Ziel ist eskomplexe Berechnungen einfach und zugänglich zu machen – getreu unserem Motto „Alles ist berechenbar“.

Präzision & Genauigkeit

Alle Rechner werden von Fachexperten entwickelt und regelmäßig auf Aktualität geprüft.

Datenschutz garantiert

Ihre Daten bleiben bei uns sicher. Wir speichern keine persönlichen Eingaben.

Wissenschaftlich fundiert

Alle Berechnungen basieren auf anerkannten Methoden und aktuellen Marktdaten.

Letzte Aktualisierung: 14. September 2025