pages wip

This commit is contained in:
salam committed 2025-09-11 17:17:43 +02:00
1 parent ea4b5f210b
commit d5355800fe
4 files changed
+1143 -151

No files matched your search

+611
View File
@@ -0,0 +1,611 @@
<html lang="de" dir="ltr" class="fi">
<head>
<meta charset="utf-8">
<meta name="csrf-token" content="Vc1BYBrbgKmVAES1sHttXJ2sKIGBOYPDvJAOpJOj">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="http://nutzwerte_fi4.test/images/favicon.svg">
<title>
Anmelden - Nutzwerte
</title>
<style>
[x-cloak=''],
[x-cloak='x-cloak'],
[x-cloak='1'] {
display: none !important;
}
[x-cloak='inline-flex'] {
display: inline-flex !important;
}
@media (max-width: 1023px) {
[x-cloak='-lg'] {
display: none !important;
}
}
@media (min-width: 1024px) {
[x-cloak='lg'] {
display: none !important;
}
}
</style>
<link href="http://nutzwerte_fi4.test/css/swisnl/filament-backgrounds/filament-backgrounds-styles.css?v=2.0.0.0"
rel="stylesheet" data-navigate-track="">
<link href="http://nutzwerte_fi4.test/fonts/filament/filament/inter/index.css?v=4.0.8.0" rel="stylesheet"
data-navigate-track="">
<style>
:root {
--filament-backgrounds-image: url("http://nutzwerte_fi4.test/images/backgrounds/bg1.jpg");
--danger-50: oklch(0.971 0.013 17.38);
--danger-100: oklch(0.936 0.032 17.717);
--danger-200: oklch(0.885 0.062 18.334);
--danger-300: oklch(0.808 0.114 19.571);
--danger-400: oklch(0.704 0.191 22.216);
--danger-500: oklch(0.637 0.237 25.331);
--danger-600: oklch(0.577 0.245 27.325);
--danger-700: oklch(0.505 0.213 27.518);
--danger-800: oklch(0.444 0.177 26.899);
--danger-900: oklch(0.396 0.141 25.723);
--danger-950: oklch(0.258 0.092 26.042);
--gray-50: oklch(0.985 0 0);
--gray-100: oklch(0.967 0.001 286.375);
--gray-200: oklch(0.92 0.004 286.32);
--gray-300: oklch(0.871 0.006 286.286);
--gray-400: oklch(0.705 0.015 286.067);
--gray-500: oklch(0.552 0.016 285.938);
--gray-600: oklch(0.442 0.017 285.786);
--gray-700: oklch(0.37 0.013 285.805);
--gray-800: oklch(0.274 0.006 286.033);
--gray-900: oklch(0.21 0.006 285.885);
--gray-950: oklch(0.141 0.005 285.823);
--info-50: oklch(0.97 0.014 254.604);
--info-100: oklch(0.932 0.032 255.585);
--info-200: oklch(0.882 0.059 254.128);
--info-300: oklch(0.809 0.105 251.813);
--info-400: oklch(0.707 0.165 254.624);
--info-500: oklch(0.623 0.214 259.815);
--info-600: oklch(0.546 0.245 262.881);
--info-700: oklch(0.488 0.243 264.376);
--info-800: oklch(0.424 0.199 265.638);
--info-900: oklch(0.379 0.146 265.522);
--info-950: oklch(0.282 0.091 267.935);
--amber-50: oklch(0.985 0.002 247.839);
--amber-100: oklch(0.967 0.003 264.542);
--amber-200: oklch(0.928 0.006 264.531);
--amber-300: oklch(0.872 0.01 258.338);
--amber-400: oklch(0.707 0.022 261.325);
--amber-500: oklch(0.551 0.027 264.364);
--amber-600: oklch(0.446 0.03 256.802);
--amber-700: oklch(0.373 0.034 259.733);
--amber-800: oklch(0.278 0.033 256.848);
--amber-900: oklch(0.21 0.034 264.665);
--amber-950: oklch(0.13 0.028 261.692);
--success-50: oklch(0.982 0.018 155.826);
--success-100: oklch(0.962 0.044 156.743);
--success-200: oklch(0.925 0.084 155.995);
--success-300: oklch(0.871 0.15 154.449);
--success-400: oklch(0.792 0.209 151.711);
--success-500: oklch(0.723 0.219 149.579);
--success-600: oklch(0.627 0.194 149.214);
--success-700: oklch(0.527 0.154 150.069);
--success-800: oklch(0.448 0.119 151.328);
--success-900: oklch(0.393 0.095 152.535);
--success-950: oklch(0.266 0.065 152.934);
--warning-50: oklch(0.987 0.022 95.277);
--warning-100: oklch(0.962 0.059 95.617);
--warning-200: oklch(0.924 0.12 95.746);
--warning-300: oklch(0.879 0.169 91.605);
--warning-400: oklch(0.828 0.189 84.429);
--warning-500: oklch(0.769 0.188 70.08);
--warning-600: oklch(0.666 0.179 58.318);
--warning-700: oklch(0.555 0.163 48.998);
--warning-800: oklch(0.473 0.137 46.201);
--warning-900: oklch(0.414 0.112 45.904);
--warning-950: oklch(0.279 0.077 45.635);
--secondary-50: oklch(0.962 0.018 272.314);
--secondary-100: oklch(0.93 0.034 272.788);
--secondary-200: oklch(0.87 0.065 274.039);
--secondary-300: oklch(0.785 0.115 274.713);
--secondary-400: oklch(0.673 0.182 276.935);
--secondary-500: oklch(0.585 0.233 277.117);
--secondary-600: oklch(0.511 0.262 276.966);
--secondary-700: oklch(0.457 0.24 277.023);
--secondary-800: oklch(0.398 0.195 277.366);
--secondary-900: oklch(0.359 0.144 278.697);
--secondary-950: oklch(0.257 0.09 281.288);
}
.fi-color-secondary {
--color-50: var(--secondary-50);
--color-100: var(--secondary-100);
--color-200: var(--secondary-200);
--color-300: var(--secondary-300);
--color-400: var(--secondary-400);
--color-500: var(--secondary-500);
--color-600: var(--secondary-600);
--color-700: var(--secondary-700);
--color-800: var(--secondary-800);
--color-900: var(--secondary-900);
--color-950: var(--secondary-950);
}
</style>
<link rel="stylesheet" href="http://[::1]:5173/resources/css/filament/admin/theme.css" data-navigate-track="reload">
<style>
:root {
--font-family: 'Inter Variable';
--mono-font-family: 'ui-monospace';
--serif-font-family: 'ui-serif';
--sidebar-width: 20rem;
--collapsed-sidebar-width: 4.5rem;
--default-theme-mode: system;
}
</style>
<script>
const loadDarkMode = () => {
window.theme = localStorage.getItem('theme') ?? 'system'
if (
window.theme === 'dark' ||
(window.theme === 'system' &&
window.matchMedia('(prefers-color-scheme: dark)')
.matches)
) {
document.documentElement.classList.add('dark')
}
}
loadDarkMode()
document.addEventListener('livewire:navigated', loadDarkMode)
</script>
<!-- Livewire Styles -->
<style>
[wire\:loading][wire\:loading],
[wire\:loading\.delay][wire\:loading\.delay],
[wire\:loading\.inline-block][wire\:loading\.inline-block],
[wire\:loading\.inline][wire\:loading\.inline],
[wire\:loading\.block][wire\:loading\.block],
[wire\:loading\.flex][wire\:loading\.flex],
[wire\:loading\.table][wire\:loading\.table],
[wire\:loading\.grid][wire\:loading\.grid],
[wire\:loading\.inline-flex][wire\:loading\.inline-flex] {
display: none;
}
[wire\:loading\.delay\.none][wire\:loading\.delay\.none],
[wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest],
[wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter],
[wire\:loading\.delay\.short][wire\:loading\.delay\.short],
[wire\:loading\.delay\.default][wire\:loading\.delay\.default],
[wire\:loading\.delay\.long][wire\:loading\.delay\.long],
[wire\:loading\.delay\.longer][wire\:loading\.delay\.longer],
[wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {
display: none;
}
[wire\:offline][wire\:offline] {
display: none;
}
[wire\:dirty]:not(textarea):not(input):not(select) {
display: none;
}
:root {
--livewire-progress-bar-color: #2299dd;
}
[x-cloak] {
display: none !important;
}
[wire\:cloak] {
display: none !important;
}
</style>
<style>
/* Make clicks pass-through */
#nprogress {
pointer-events: none;
}
#nprogress .bar {
background: var(--livewire-progress-bar-color, #29d);
position: fixed;
z-index: 1031;
top: 0;
left: 0;
width: 100%;
height: 2px;
}
/* Fancy blur effect */
#nprogress .peg {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px var(--livewire-progress-bar-color, #29d), 0 0 5px var(--livewire-progress-bar-color, #29d);
opacity: 1.0;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
}
/* Remove these to get rid of the spinner */
#nprogress .spinner {
display: block;
position: fixed;
z-index: 1031;
top: 15px;
right: 15px;
}
#nprogress .spinner-icon {
width: 18px;
height: 18px;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: var(--livewire-progress-bar-color, #29d);
border-left-color: var(--livewire-progress-bar-color, #29d);
border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
overflow: hidden;
position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
position: absolute;
}
@-webkit-keyframes nprogress-spinner {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes nprogress-spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style>
</head>
<body class="fi-body fi-panel-admin">
<div class="fi-simple-layout">
<div class="fi-simple-main-ctn">
<main class="fi-simple-main fi-width-2xl">
<div class="fi-simple-page-content">
<header class="fi-simple-header">
<div style="height: 2.6rem;" class="fi-logo">
<a class="flex gap-1 justify-center" href="/">
<div class="w-6 pt-0.5">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="lucide lucide-aperture-icon lucide-aperture">
<circle cx="12" cy="12" r="10"></circle>
<path d="m14.31 8 5.74 9.94"></path>
<path d="M9.69 8h11.48"></path>
<path d="m7.38 12 5.74-9.94"></path>
<path d="M9.69 16 3.95 6.06"></path>
<path d="M14.31 16H2.83"></path>
<path d="m16.62 12-5.74 9.94"></path>
</svg>
</div>
<div
class="text-2xl leading-none font-black tracking-tighter text-shadow-md dark:text-shadow-none">
nutzwerte.at
<div class="text-xs font-light">Software für Architekten</div>
</div>
</a>
</div>
</header>
<div class="text-center mx-auto fi-simple-header-heading x">
Über dieses Programm
</div>
<div class=" text-gray-700 dark:text-gray-200">
<p class="text-muted-foreground text-xl leading-7 indent-10">
oft auch als Parifizierung bezeichnet, ist ein Gutachten im
österreichischen
Wohnungseigentumsrecht, das das Verhältnis der einzelnen Eigentumsanteile innerhalb eines
Gebäudes
bestimmt.
</p>
<p class="leading-7 [&:not(:first-child)] indent-10">
Sie bildet die Grundlage für die Berechnung der Betriebs- und Instandhaltungskosten sowie
für das Stimmrecht der Miteigentümer und ist für die Begründung von Wohnungseigentum
notwendig.
</p>
<p class="leading-7 [&:not(:first-child)] indent-10">
Der Nutzwert wird aus der Nutzfläche ermittelt und durch Zu- oder Abschläge an die
individuellen
Wertmerkmale der einzelnen Wohnungen (z.B. Lage, Balkon) angepasst.
Was ist ein Nutzwertgutachten bzw. eine Parifizierung?
</p>
<h2
class="mt-10 scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors first:mt-0">
Bestimmung der Eigentumsverhältnisse:
</h2>
<p class="leading-7 indent-10">
Die Parifizierung legt fest, wie sich ein Gebäude in seine einzelnen Eigentumsobjekte
(Wohnungen,
Geschäftsräumlichkeiten) aufteilt.
</p>
<h2
class="mt-10 scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors first:mt-0">
Wie wird der Nutzwert berechnet?
</h2>
<h3 class="mt-8 scroll-m-20 text-2xl font-semibold tracking-tight">
Berechnung der Anteile:
</h3>
<p class="leading-7 indent-10">
Sie berechnet das Verhältnis der Größe einer einzelnen Wohnung zur Gesamtgröße des Objekts.
Diese
Anteile werden als "Mindestanteile" im Grundbuch eingetragen.
Grundlage für Kosten und Stimmrechte:
Auf Basis der Nutzwertanteile wird festgelegt, wer wie viele Betriebskosten und
Instandhaltungsbeiträge zahlen muss und wie viele Stimmrechte die einzelnen Eigentümer bei
Eigentümerversammlungen haben.
</p>
<p class="leading-7 indent-10">
Basis für Wohnungseigentumsverträge:
Die Parifizierung ist die Grundlage für die Wohnungseigentumsverträge, die alle Eigentümer
unterzeichnen müssen.
</p>
<h3 class="mt-8 scroll-m-20 text-2xl font-semibold tracking-tight">
1. Ermittlung der Nutzfläche:
</h3>
<p class="leading-7 indent-10">
Der erste Schritt ist die Ermittlung der Nutzfläche, die die gesamte Bodenfläche der Wohnung
abzüglich Wandstärken und ähnlichem umfasst.
</p>
<h3 class="mt-8 scroll-m-20 text-2xl font-semibold tracking-tight">
2. Bewertung von Zu- und Abschlägen:
</h3>
<p class="leading-7 indent-10">
Anschließend werden die Nutzfläche und der sogenannte "Richtnutzwert" (ein fester Wert für
die
Wohnung) durch Zu- oder Abschläge angepasst.
</p>
<h3 class="mt-8 scroll-m-20 text-2xl font-semibold tracking-tight">
3. Berücksichtigung wertrelevanter Faktoren:
</h3>
<p class="leading-7 indent-10">
Werterhöhend: Lage im Haus (mittlere Geschosse), Balkone, Terrassen, Grünflächen.
Wertmindernd: Erdgeschosswohnungen, ungünstige Lage (z.B. Nordlage), schlechte
Grundrissgestaltung.
</p>
<h3 class="mt-8 scroll-m-20 text-2xl font-semibold tracking-tight">
4. Professionelle Erstellung:
</h3>
<p class="leading-7 indent-10">
Die Erstellung eines Nutzwertgutachtens erfolgt durch einen befugten Ingenieurkonsulenten
für
Vermessungswesen (Zivilgeometer) und einen Sachverständigen für Hochbau.
</p>
<h2
class="mt-10 scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors first:mt-0">
Wann wird eine Nutzwertberechnung benötigt?
</h2>
<h3 class="mt-8 scroll-m-20 text-2xl font-semibold tracking-tight">
Begründung von Wohnungseigentum:
</h3>
<p class="leading-7 indent-10">
Die Parifizierung ist notwendig, wenn ein Gebäude in einzelne Eigentumsobjekte aufgeteilt
und diese
als Wohnungseigentum begründet werden sollen.
</p>
<h3 class="mt-8 scroll-m-20 text-2xl font-semibold tracking-tight">
Analyse bestehender Immobilien:
</h3>
<p class="leading-7 indent-10">
Sie kann zur Analyse der Verteilung von Kosten und Stimmrechten in einer bestehenden
Eigentümergemeinschaft durchgeführt werden.
</p>
</div>
<div class="mt-5 flex justify-center gap-3">
<a href="/"
class="w-full text-center sm:w-40 px-4 py-3 rounded font-semibold text-md bg-slate-500 text-white border-2 border-slate-500">
Home
</a>
<a href="/app"
class="w-full text-center sm:w-40 px-4 py-3 rounded font-semibold text-md bg-amber-500 text-white border-2 border-amber-500">
Anmelden
</a>
<a href="/app/register"
class="w-full text-center sm:w-40 px-4 py-3 rounded font-semibold text-md bg-white text-amber-500 border border-slate-300">
Konto eröffnen
</a>
</div>
</main>
</div>
@include('footer');
</div>
<div wire:snapshot="{&quot;data&quot;:{&quot;isFilamentNotificationsComponent&quot;:true,&quot;notifications&quot;:[[],{&quot;class&quot;:&quot;Filament\\Notifications\\Collection&quot;,&quot;s&quot;:&quot;wrbl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;1dMHz2ukDU8QDfO3JmPZ&quot;,&quot;name&quot;:&quot;filament.livewire.notifications&quot;,&quot;path&quot;:&quot;app\/login&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;de&quot;},&quot;checksum&quot;:&quot;a664db8a2c946b6eff2223314e480f389fa388ee0cab48f8af24bdda8ac520d0&quot;}"
wire:effects="{&quot;partials&quot;:[],&quot;listeners&quot;:[&quot;notificationsSent&quot;,&quot;notificationSent&quot;,&quot;notificationClosed&quot;]}"
wire:id="1dMHz2ukDU8QDfO3JmPZ">
<div class="fi-no fi-align-right fi-vertical-align-start" role="status">
</div>
</div>
<script>
window.filamentData = []
</script>
<script src="http://nutzwerte_fi4.test/js/filament/actions/actions.js?v=4.0.8.0"></script>
<script src="http://nutzwerte_fi4.test/js/filament/notifications/notifications.js?v=4.0.8.0"></script>
<script src="http://nutzwerte_fi4.test/js/filament/schemas/schemas.js?v=4.0.8.0"></script>
<script src="http://nutzwerte_fi4.test/js/filament/support/support.js?v=4.0.8.0"></script>
<script src="http://nutzwerte_fi4.test/js/filament/tables/tables.js?v=4.0.8.0"></script>
<script src="http://nutzwerte_fi4.test/js/filament/filament/echo.js?v=4.0.8.0"></script>
<script src="http://nutzwerte_fi4.test/js/filament/filament/app.js?v=4.0.8.0"></script>
<style>
:root {}
</style>
<script>
loadDarkMode()
</script>
<div class="fixed w-full flex p-4 z-40 auth-theme-switcher top-0 justify-center">
<div class="rounded-lg bg-gray-50 dark:bg-gray-950">
<div x-data="{
theme: null,
init: function() {
this.theme = localStorage.getItem('theme') || 'system'
$dispatch('theme-changed', theme)
$watch('theme', (theme) => {
$dispatch('theme-changed', theme)
})
},
}" class="fi-theme-switcher grid grid-flow-col gap-x-1">
<button aria-label="Light Mode einschalten" type="button"
x-bind:class="theme === 'light' ? 'bg-gray-50 text-amber-500 dark:bg-white/5 dark:text-amber-400' :
'text-gray-400 hover:text-gray-500 focus:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 dark:focus:text-gray-400'"
x-on:click="(theme = 'light')"
x-tooltip="{
content: 'Light Mode einschalten',
theme: $store.theme,
}"
class="flex justify-center rounded-lg p-2 outline-none transition duration-75 hover:bg-gray-50 focus:bg-gray-50 dark:hover:bg-white/5 dark:focus:bg-white/5 bg-gray-50 text-amber-500 dark:bg-white/5 dark:text-amber-400">
<svg class="fi-icon fi-size-md h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
fill="currentColor" aria-hidden="true" data-slot="icon">
<path
d="M10 2a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 2ZM10 15a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 15ZM10 7a3 3 0 1 0 0 6 3 3 0 0 0 0-6ZM15.657 5.404a.75.75 0 1 0-1.06-1.06l-1.061 1.06a.75.75 0 0 0 1.06 1.06l1.06-1.06ZM6.464 14.596a.75.75 0 1 0-1.06-1.06l-1.06 1.06a.75.75 0 0 0 1.06 1.06l1.06-1.06ZM18 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 18 10ZM5 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 5 10ZM14.596 15.657a.75.75 0 0 0 1.06-1.06l-1.06-1.061a.75.75 0 1 0-1.06 1.06l1.06 1.06ZM5.404 6.464a.75.75 0 0 0 1.06-1.06l-1.06-1.06a.75.75 0 1 0-1.061 1.06l1.06 1.06Z">
</path>
</svg>
</button>
<button aria-label="Dark Mode einschalten" type="button"
x-bind:class="theme === 'dark' ? 'bg-gray-50 text-amber-500 dark:bg-white/5 dark:text-amber-400' :
'text-gray-400 hover:text-gray-500 focus:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 dark:focus:text-gray-400'"
x-on:click="(theme = 'dark')"
x-tooltip="{
content: 'Dark Mode einschalten',
theme: $store.theme,
}"
class="flex justify-center rounded-lg p-2 outline-none transition duration-75 hover:bg-gray-50 focus:bg-gray-50 dark:hover:bg-white/5 dark:focus:bg-white/5 text-gray-400 hover:text-gray-500 focus:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 dark:focus:text-gray-400">
<svg class="fi-icon fi-size-md h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd"
d="M7.455 2.004a.75.75 0 0 1 .26.77 7 7 0 0 0 9.958 7.967.75.75 0 0 1 1.067.853A8.5 8.5 0 1 1 6.647 1.921a.75.75 0 0 1 .808.083Z"
clip-rule="evenodd"></path>
</svg>
</button>
<button aria-label="Systemthema benutzen" type="button"
x-bind:class="theme === 'system' ? 'bg-gray-50 text-amber-500 dark:bg-white/5 dark:text-amber-400' :
'text-gray-400 hover:text-gray-500 focus:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 dark:focus:text-gray-400'"
x-on:click="(theme = 'system')"
x-tooltip="{
content: 'Systemthema benutzen',
theme: $store.theme,
}"
class="flex justify-center rounded-lg p-2 outline-none transition duration-75 hover:bg-gray-50 focus:bg-gray-50 dark:hover:bg-white/5 dark:focus:bg-white/5 text-gray-400 hover:text-gray-500 focus:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 dark:focus:text-gray-400">
<svg class="fi-icon fi-size-md h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd"
d="M2 4.25A2.25 2.25 0 0 1 4.25 2h11.5A2.25 2.25 0 0 1 18 4.25v8.5A2.25 2.25 0 0 1 15.75 15h-3.105a3.501 3.501 0 0 0 1.1 1.677A.75.75 0 0 1 13.26 18H6.74a.75.75 0 0 1-.484-1.323A3.501 3.501 0 0 0 7.355 15H4.25A2.25 2.25 0 0 1 2 12.75v-8.5Zm1.5 0a.75.75 0 0 1 .75-.75h11.5a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75v-7.5Z"
clip-rule="evenodd"></path>
</svg>
</button>
</div>
</div>
</div>
<!-- Livewire Scripts -->
<script src="/livewire/livewire.js?id=df3a17f2" data-csrf="Vc1BYBrbgKmVAES1sHttXJ2sKIGBOYPDvJAOpJOj"
data-update-uri="/livewire/update" data-navigate-once="true"></script>
</body>
</html>
+521 -146
View File
@@ -1,139 +1,374 @@
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<html lang="de" dir="ltr" class="fi">
<head>
<meta charset="utf-8">
<meta name="csrf-token" content="Vc1BYBrbgKmVAES1sHttXJ2sKIGBOYPDvJAOpJOj">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ config('app.name', 'Nutzwerte') }}</title>
<link rel="icon" href="http://nutzwerte_fi4.test/images/favicon.svg" />
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Fascinate&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
rel="stylesheet">
<link rel="icon" href="http://nutzwerte_fi4.test/images/favicon.svg">
@vite(['resources/css/app.css', 'resources/js/app.js'])
<title>
Anmelden - Nutzwerte
</title>
<style>
[x-cloak=''],
[x-cloak='x-cloak'],
[x-cloak='1'] {
display: none !important;
}
[x-cloak='inline-flex'] {
display: inline-flex !important;
}
@media (max-width: 1023px) {
[x-cloak='-lg'] {
display: none !important;
}
}
@media (min-width: 1024px) {
[x-cloak='lg'] {
display: none !important;
}
}
</style>
<link href="http://nutzwerte_fi4.test/css/swisnl/filament-backgrounds/filament-backgrounds-styles.css?v=2.0.0.0"
rel="stylesheet" data-navigate-track="">
<link href="http://nutzwerte_fi4.test/fonts/filament/filament/inter/index.css?v=4.0.8.0" rel="stylesheet"
data-navigate-track="">
<style>
:root {
--filament-backgrounds-image: url("http://nutzwerte_fi4.test/images/backgrounds/bg1.jpg");
--danger-50: oklch(0.971 0.013 17.38);
--danger-100: oklch(0.936 0.032 17.717);
--danger-200: oklch(0.885 0.062 18.334);
--danger-300: oklch(0.808 0.114 19.571);
--danger-400: oklch(0.704 0.191 22.216);
--danger-500: oklch(0.637 0.237 25.331);
--danger-600: oklch(0.577 0.245 27.325);
--danger-700: oklch(0.505 0.213 27.518);
--danger-800: oklch(0.444 0.177 26.899);
--danger-900: oklch(0.396 0.141 25.723);
--danger-950: oklch(0.258 0.092 26.042);
--gray-50: oklch(0.985 0 0);
--gray-100: oklch(0.967 0.001 286.375);
--gray-200: oklch(0.92 0.004 286.32);
--gray-300: oklch(0.871 0.006 286.286);
--gray-400: oklch(0.705 0.015 286.067);
--gray-500: oklch(0.552 0.016 285.938);
--gray-600: oklch(0.442 0.017 285.786);
--gray-700: oklch(0.37 0.013 285.805);
--gray-800: oklch(0.274 0.006 286.033);
--gray-900: oklch(0.21 0.006 285.885);
--gray-950: oklch(0.141 0.005 285.823);
--info-50: oklch(0.97 0.014 254.604);
--info-100: oklch(0.932 0.032 255.585);
--info-200: oklch(0.882 0.059 254.128);
--info-300: oklch(0.809 0.105 251.813);
--info-400: oklch(0.707 0.165 254.624);
--info-500: oklch(0.623 0.214 259.815);
--info-600: oklch(0.546 0.245 262.881);
--info-700: oklch(0.488 0.243 264.376);
--info-800: oklch(0.424 0.199 265.638);
--info-900: oklch(0.379 0.146 265.522);
--info-950: oklch(0.282 0.091 267.935);
--amber-50: oklch(0.985 0.002 247.839);
--amber-100: oklch(0.967 0.003 264.542);
--amber-200: oklch(0.928 0.006 264.531);
--amber-300: oklch(0.872 0.01 258.338);
--amber-400: oklch(0.707 0.022 261.325);
--amber-500: oklch(0.551 0.027 264.364);
--amber-600: oklch(0.446 0.03 256.802);
--amber-700: oklch(0.373 0.034 259.733);
--amber-800: oklch(0.278 0.033 256.848);
--amber-900: oklch(0.21 0.034 264.665);
--amber-950: oklch(0.13 0.028 261.692);
--success-50: oklch(0.982 0.018 155.826);
--success-100: oklch(0.962 0.044 156.743);
--success-200: oklch(0.925 0.084 155.995);
--success-300: oklch(0.871 0.15 154.449);
--success-400: oklch(0.792 0.209 151.711);
--success-500: oklch(0.723 0.219 149.579);
--success-600: oklch(0.627 0.194 149.214);
--success-700: oklch(0.527 0.154 150.069);
--success-800: oklch(0.448 0.119 151.328);
--success-900: oklch(0.393 0.095 152.535);
--success-950: oklch(0.266 0.065 152.934);
--warning-50: oklch(0.987 0.022 95.277);
--warning-100: oklch(0.962 0.059 95.617);
--warning-200: oklch(0.924 0.12 95.746);
--warning-300: oklch(0.879 0.169 91.605);
--warning-400: oklch(0.828 0.189 84.429);
--warning-500: oklch(0.769 0.188 70.08);
--warning-600: oklch(0.666 0.179 58.318);
--warning-700: oklch(0.555 0.163 48.998);
--warning-800: oklch(0.473 0.137 46.201);
--warning-900: oklch(0.414 0.112 45.904);
--warning-950: oklch(0.279 0.077 45.635);
--secondary-50: oklch(0.962 0.018 272.314);
--secondary-100: oklch(0.93 0.034 272.788);
--secondary-200: oklch(0.87 0.065 274.039);
--secondary-300: oklch(0.785 0.115 274.713);
--secondary-400: oklch(0.673 0.182 276.935);
--secondary-500: oklch(0.585 0.233 277.117);
--secondary-600: oklch(0.511 0.262 276.966);
--secondary-700: oklch(0.457 0.24 277.023);
--secondary-800: oklch(0.398 0.195 277.366);
--secondary-900: oklch(0.359 0.144 278.697);
--secondary-950: oklch(0.257 0.09 281.288);
}
.fi-color-secondary {
--color-50: var(--secondary-50);
--color-100: var(--secondary-100);
--color-200: var(--secondary-200);
--color-300: var(--secondary-300);
--color-400: var(--secondary-400);
--color-500: var(--secondary-500);
--color-600: var(--secondary-600);
--color-700: var(--secondary-700);
--color-800: var(--secondary-800);
--color-900: var(--secondary-900);
--color-950: var(--secondary-950);
}
</style>
<link rel="stylesheet" href="http://[::1]:5173/resources/css/filament/admin/theme.css" data-navigate-track="reload">
<style>
:root {
--font-family: 'Inter Variable';
--mono-font-family: 'ui-monospace';
--serif-font-family: 'ui-serif';
--sidebar-width: 20rem;
--collapsed-sidebar-width: 4.5rem;
--default-theme-mode: system;
}
</style>
<script>
const loadDarkMode = () => {
window.theme = localStorage.getItem('theme') ?? 'system'
if (
window.theme === 'dark' ||
(window.theme === 'system' &&
window.matchMedia('(prefers-color-scheme: dark)')
.matches)
) {
document.documentElement.classList.add('dark')
}
}
loadDarkMode()
document.addEventListener('livewire:navigated', loadDarkMode)
</script>
<!-- Livewire Styles -->
<style>
[wire\:loading][wire\:loading],
[wire\:loading\.delay][wire\:loading\.delay],
[wire\:loading\.inline-block][wire\:loading\.inline-block],
[wire\:loading\.inline][wire\:loading\.inline],
[wire\:loading\.block][wire\:loading\.block],
[wire\:loading\.flex][wire\:loading\.flex],
[wire\:loading\.table][wire\:loading\.table],
[wire\:loading\.grid][wire\:loading\.grid],
[wire\:loading\.inline-flex][wire\:loading\.inline-flex] {
display: none;
}
[wire\:loading\.delay\.none][wire\:loading\.delay\.none],
[wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest],
[wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter],
[wire\:loading\.delay\.short][wire\:loading\.delay\.short],
[wire\:loading\.delay\.default][wire\:loading\.delay\.default],
[wire\:loading\.delay\.long][wire\:loading\.delay\.long],
[wire\:loading\.delay\.longer][wire\:loading\.delay\.longer],
[wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {
display: none;
}
[wire\:offline][wire\:offline] {
display: none;
}
[wire\:dirty]:not(textarea):not(input):not(select) {
display: none;
}
:root {
--livewire-progress-bar-color: #2299dd;
}
[x-cloak] {
display: none !important;
}
[wire\:cloak] {
display: none !important;
}
</style>
<style>
/* Make clicks pass-through */
#nprogress {
pointer-events: none;
}
#nprogress .bar {
background: var(--livewire-progress-bar-color, #29d);
position: fixed;
z-index: 1031;
top: 0;
left: 0;
width: 100%;
height: 2px;
}
/* Fancy blur effect */
#nprogress .peg {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px var(--livewire-progress-bar-color, #29d), 0 0 5px var(--livewire-progress-bar-color, #29d);
opacity: 1.0;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
}
/* Remove these to get rid of the spinner */
#nprogress .spinner {
display: block;
position: fixed;
z-index: 1031;
top: 15px;
right: 15px;
}
#nprogress .spinner-icon {
width: 18px;
height: 18px;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: var(--livewire-progress-bar-color, #29d);
border-left-color: var(--livewire-progress-bar-color, #29d);
border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
overflow: hidden;
position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
position: absolute;
}
@-webkit-keyframes nprogress-spinner {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes nprogress-spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style>
</head>
<body style="background-image: url('images/backgrounds/b3.jpg');"
class="bg-cover bg-slate-400 text-[#1b1b18] flex p-6 lg:p-8 items-center lg:justify-center min-h-screen flex-col">
<header class="w-full lg:max-w-4xl max-w-[335px] text-sm mb-6 not-has-[nav]:hidden">
@if (Route::has('login'))
<nav class="flex items-center justify-end gap-4">
@auth
<a href="{{ url('/dashboard') }}"
class="inline-block px-5 py-1.5 dark:text-[#EDEDEC] border-[#19140035] hover:border-[#1915014a] border text-[#1b1b18] dark:border-[#3E3E3A] dark:hover:border-[#62605b] rounded-sm text-sm leading-normal">
Dashboard
</a>
@else
<a href="{{ route('login') }}"
class="inline-block px-5 py-1.5 dark:text-[#EDEDEC] text-[#1b1b18] border border-transparent hover:border-[#19140035] dark:hover:border-[#3E3E3A] rounded-sm text-sm leading-normal">
Log in
</a>
<body class="fi-body fi-panel-admin">
@if (Route::has('register'))
<a href="{{ route('register') }}"
class="inline-block px-5 py-1.5 dark:text-[#EDEDEC] border-[#19140035] hover:border-[#1915014a] border text-[#1b1b18] dark:border-[#3E3E3A] dark:hover:border-[#62605b] rounded-sm text-sm leading-normal">
Register
</a>
@endif
@endauth
</nav>
@endif
</header>
<div class="flex items-center justify-center w-full transition-opacity opacity-100 duration-750 lg:grow">
<!-- Main navigation container -->
<main
class="flex max-w-[335px] w-full flex-col-reverse lg:max-w-4xl lg:flex-row border p-10 rounded-4xl bg-white/50 backdrop-invert backdrop-opacity-20">
<div>
<nav class="relative flex w-full flex-nowrap items-center justify-between bg-zinc-50 py-2 text-neutral-500 shadow-dark-mild hover:text-neutral-700 focus:text-neutral-700 dark:bg-neutral-700 lg:flex-wrap lg:justify-start lg:py-4"
data-twe-navbar-ref>
<div class="flex w-full flex-wrap items-center justify-between px-3">
<div class="ms-2">
<a class="text-xl text-black dark:text-white" href="#">Nutzwerte</a>
</div>
<!-- Hamburger button for mobile view -->
<button
class="block border-0 bg-transparent px-2 text-black/50 hover:no-underline hover:shadow-none focus:no-underline focus:shadow-none focus:outline-none focus:ring-0 dark:text-neutral-200 lg:hidden"
type="button" data-twe-collapse-init data-twe-target="#navbarSupportedContent2"
aria-controls="navbarSupportedContent2" aria-expanded="false"
aria-label="Toggle navigation">
<!-- Hamburger icon -->
<span class="[&>svg]:w-7 [&>svg]:stroke-black/50 dark:[&>svg]:stroke-neutral-200">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
<path fill-rule="evenodd"
d="M3 6.75A.75.75 0 013.75 6h16.5a.75.75 0 010 1.5H3.75A.75.75 0 013 6.75zM3 12a.75.75 0 01.75-.75h16.5a.75.75 0 010 1.5H3.75A.75.75 0 013 12zm0 5.25a.75.75 0 01.75-.75h16.5a.75.75 0 010 1.5H3.75a.75.75 0 01-.75-.75z"
clip-rule="evenodd" />
<div class="fi-simple-layout">
<div class="fi-simple-main-ctn">
<main class="fi-simple-main fi-width-2xl">
<div class="fi-simple-page-content">
<header class="fi-simple-header">
<div style="height: 2.6rem;" class="fi-logo">
<a class="flex gap-1 justify-center" href="/">
<div class="w-6 pt-0.5">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="lucide lucide-aperture-icon lucide-aperture">
<circle cx="12" cy="12" r="10"></circle>
<path d="m14.31 8 5.74 9.94"></path>
<path d="M9.69 8h11.48"></path>
<path d="m7.38 12 5.74-9.94"></path>
<path d="M9.69 16 3.95 6.06"></path>
<path d="M14.31 16H2.83"></path>
<path d="m16.62 12-5.74 9.94"></path>
</svg>
</span>
</button>
<!-- Collapsible navbar container -->
<div class="!visible mt-2 hidden flex-grow basis-[100%] items-center lg:mt-0 lg:!flex lg:basis-auto"
id="navbarSupportedContent2" data-twe-collapse-item>
<!-- Left links -->
<ul class="list-style-none me-auto flex flex-col ps-0 lg:mt-1 lg:flex-row"
data-twe-navbar-nav-ref>
<!-- Home link -->
<li class="my-4 ps-2 lg:my-0 lg:pe-1 lg:ps-2" data-twe-nav-item-ref>
<a class="text-black dark:text-white lg:px-2" aria-current="page" href="#"
data-twe-nav-link-ref>Home</a>
</li>
<!-- Features link -->
<li class="mb-4 ps-2 lg:mb-0 lg:pe-1 lg:ps-0" data-twe-nav-item-ref>
<a class="p-0 text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 motion-reduce:transition-none dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
href="#" data-twe-nav-link-ref>Features</a>
</li>
<!-- Pricing link -->
<li class="mb-4 ps-2 lg:mb-0 lg:pe-1 lg:ps-0" data-twe-nav-item-ref>
<a class="p-0 text-black/60 transition duration-200 hover:text-black/80 hover:ease-in-out focus:text-black/80 active:text-black/80 motion-reduce:transition-none dark:text-white/60 dark:hover:text-white/80 dark:focus:text-white/80 dark:active:text-white/80 lg:px-2"
href="#" data-twe-nav-link-ref>Pricing</a>
</li>
<!-- Disabled link -->
<li class="mb-4 ps-2 lg:mb-0 lg:pe-1 lg:ps-0" data-twe-nav-link-ref>
<a class="pointer-events-none text-black/30 dark:text-white/30 lg:px-2">Disabled</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="inline-flex">
<button href="/app"
class="rounded-l-sm border border-gray-200 px-3 py-2 font-medium text-gray-700 transition-colors hover:bg-gray-50 hover:text-gray-900 focus:z-10 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-white focus:outline-none disabled:pointer-events-auto disabled:opacity-50">
View
</button>
<button
class="-ml-px border border-gray-200 px-3 py-2 font-medium text-gray-700 transition-colors hover:bg-gray-50 hover:text-gray-900 focus:z-10 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-white focus:outline-none disabled:pointer-events-auto disabled:opacity-50">
Edit
</button>
<button
class="-ml-px rounded-r-sm border border-gray-200 px-3 py-2 font-medium text-gray-700 transition-colors hover:bg-gray-50 hover:text-gray-900 focus:z-10 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-white focus:outline-none disabled:pointer-events-auto disabled:opacity-50">
Delete
</button>
</div>
<h1 class="scroll-m-20 text-balance text-4xl font-extrabold tracking-tight">
<div
class="text-2xl leading-none font-black tracking-tighter text-shadow-md dark:text-shadow-none">
nutzwerte.at
</h1>
<p class="text-muted-foreground text-xl leading-7 [&:not(:first-child)]:mt-6">
Die Nutzwertberechnung, oft auch als Parifizierung bezeichnet, ist ein Gutachten im österreichischen
Wohnungseigentumsrecht, das das Verhältnis der einzelnen Eigentumsanteile innerhalb eines Gebäudes
<div class="text-xs font-light">Software für Architekten</div>
</div>
</a>
</div>
</header>
<div class="text-center mx-auto fi-simple-header-heading x">
Die Nutzwertberechnung
</div>
<div class=" text-gray-700 dark:text-gray-200">
<p class="text-muted-foreground text-xl leading-7 indent-10">
oft auch als Parifizierung bezeichnet, ist ein Gutachten im
österreichischen
Wohnungseigentumsrecht, das das Verhältnis der einzelnen Eigentumsanteile innerhalb eines
Gebäudes
bestimmt.
</p>
<p class="leading-7 [&:not(:first-child)]">
<p class="leading-7 [&:not(:first-child)] indent-10">
Sie bildet die Grundlage für die Berechnung der Betriebs- und Instandhaltungskosten sowie
für das Stimmrecht der Miteigentümer und ist für die Begründung von Wohnungseigentum notwendig.
für das Stimmrecht der Miteigentümer und ist für die Begründung von Wohnungseigentum
notwendig.
</p>
<p class="leading-7 [&:not(:first-child)]">
Der Nutzwert wird aus der Nutzfläche ermittelt und durch Zu- oder Abschläge an die individuellen
<p class="leading-7 [&:not(:first-child)] indent-10">
Der Nutzwert wird aus der Nutzfläche ermittelt und durch Zu- oder Abschläge an die
individuellen
Wertmerkmale der einzelnen Wohnungen (z.B. Lage, Balkon) angepasst.
Was ist ein Nutzwertgutachten bzw. eine Parifizierung?
</p>
@@ -141,8 +376,9 @@
class="mt-10 scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors first:mt-0">
Bestimmung der Eigentumsverhältnisse:
</h2>
<p class="leading-7 [&:not(:first-child)]:mt-6">
Die Parifizierung legt fest, wie sich ein Gebäude in seine einzelnen Eigentumsobjekte (Wohnungen,
<p class="leading-7 indent-10">
Die Parifizierung legt fest, wie sich ein Gebäude in seine einzelnen Eigentumsobjekte
(Wohnungen,
Geschäftsräumlichkeiten) aufteilt.
</p>
<h2
@@ -152,13 +388,16 @@
<h3 class="mt-8 scroll-m-20 text-2xl font-semibold tracking-tight">
Berechnung der Anteile:
</h3>
<p class="leading-7 [&:not(:first-child)]:mt-6">
Sie berechnet das Verhältnis der Größe einer einzelnen Wohnung zur Gesamtgröße des Objekts. Diese
<p class="leading-7 indent-10">
Sie berechnet das Verhältnis der Größe einer einzelnen Wohnung zur Gesamtgröße des Objekts.
Diese
Anteile werden als "Mindestanteile" im Grundbuch eingetragen.
Grundlage für Kosten und Stimmrechte:
Auf Basis der Nutzwertanteile wird festgelegt, wer wie viele Betriebskosten und
Instandhaltungsbeiträge zahlen muss und wie viele Stimmrechte die einzelnen Eigentümer bei
Eigentümerversammlungen haben.
</p>
<p class="leading-7 indent-10">
Basis für Wohnungseigentumsverträge:
Die Parifizierung ist die Grundlage für die Wohnungseigentumsverträge, die alle Eigentümer
unterzeichnen müssen.
@@ -166,44 +405,49 @@
<h3 class="mt-8 scroll-m-20 text-2xl font-semibold tracking-tight">
1. Ermittlung der Nutzfläche:
</h3>
<p class="leading-7 [&:not(:first-child)]:mt-6">
<p class="leading-7 indent-10">
Der erste Schritt ist die Ermittlung der Nutzfläche, die die gesamte Bodenfläche der Wohnung
abzüglich Wandstärken und ähnlichem umfasst.
</p>
<h3 class="mt-8 scroll-m-20 text-2xl font-semibold tracking-tight">
2. Bewertung von Zu- und Abschlägen:
</h3>
<p class="leading-7 [&:not(:first-child)]:mt-6">
Anschließend werden die Nutzfläche und der sogenannte "Richtnutzwert" (ein fester Wert für die
<p class="leading-7 indent-10">
Anschließend werden die Nutzfläche und der sogenannte "Richtnutzwert" (ein fester Wert für
die
Wohnung) durch Zu- oder Abschläge angepasst.
</p>
<h3 class="mt-8 scroll-m-20 text-2xl font-semibold tracking-tight">
3. Berücksichtigung wertrelevanter Faktoren:
</h3>
<p class="leading-7 [&:not(:first-child)]:mt-6">
<p class="leading-7 indent-10">
Werterhöhend: Lage im Haus (mittlere Geschosse), Balkone, Terrassen, Grünflächen.
Wertmindernd: Erdgeschosswohnungen, ungünstige Lage (z.B. Nordlage), schlechte Grundrissgestaltung.
Wertmindernd: Erdgeschosswohnungen, ungünstige Lage (z.B. Nordlage), schlechte
Grundrissgestaltung.
</p>
<h3 class="mt-8 scroll-m-20 text-2xl font-semibold tracking-tight">
4. Professionelle Erstellung:
</h3>
<p class="leading-7 [&:not(:first-child)]:mt-6">
Die Erstellung eines Nutzwertgutachtens erfolgt durch einen befugten Ingenieurkonsulenten für
<p class="leading-7 indent-10">
Die Erstellung eines Nutzwertgutachtens erfolgt durch einen befugten Ingenieurkonsulenten
für
Vermessungswesen (Zivilgeometer) und einen Sachverständigen für Hochbau.
</p>
<h3 class="mt-8 scroll-m-20 text-2xl font-semibold tracking-tight">
<h2
class="mt-10 scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors first:mt-0">
Wann wird eine Nutzwertberechnung benötigt?
</h3>
</h2>
<h3 class="mt-8 scroll-m-20 text-2xl font-semibold tracking-tight">
Begründung von Wohnungseigentum:
</h3>
<p class="leading-7 [&:not(:first-child)]:mt-6">
Die Parifizierung ist notwendig, wenn ein Gebäude in einzelne Eigentumsobjekte aufgeteilt und diese
<p class="leading-7 indent-10">
Die Parifizierung ist notwendig, wenn ein Gebäude in einzelne Eigentumsobjekte aufgeteilt
und diese
als Wohnungseigentum begründet werden sollen.
</p>
@@ -211,26 +455,157 @@
Analyse bestehender Immobilien:
</h3>
<p class="leading-7 [&:not(:first-child)]:mt-6">
<p class="leading-7 indent-10">
Sie kann zur Analyse der Verteilung von Kosten und Stimmrechten in einer bestehenden
Eigentümergemeinschaft durchgeführt werden.
</p>
</div>
<svg xmlns="http://www.w3.org/2000/svg" class="w-56" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-drafting-compass-icon lucide-drafting-compass">
<path d="m12.99 6.74 1.93 3.44" />
<path d="M19.136 12a10 10 0 0 1-14.271 0" />
<path d="m21 21-2.16-3.84" />
<path d="m3 21 8.02-14.26" />
<circle cx="12" cy="5" r="2" />
</svg>
<div class="mt-5 flex justify-center gap-3">
<a href="/"
class="w-full text-center sm:w-40 px-4 py-3 rounded font-semibold text-md bg-slate-500 text-white border-2 border-slate-500">
Home
</a>
<a href="/app"
class="w-full text-center sm:w-40 px-4 py-3 rounded font-semibold text-md bg-amber-500 text-white border-2 border-amber-500">
Anmelden
</a>
<a href="/app/register"
class="w-full text-center sm:w-40 px-4 py-3 rounded font-semibold text-md bg-white text-amber-500 border border-slate-300">
Konto eröffnen
</a>
</div>
</main>
</div>
@if (Route::has('login'))
<div class="h-14.5 hidden lg:block"></div>
@endif
@include('footer');
</div>
<div wire:snapshot="{&quot;data&quot;:{&quot;isFilamentNotificationsComponent&quot;:true,&quot;notifications&quot;:[[],{&quot;class&quot;:&quot;Filament\\Notifications\\Collection&quot;,&quot;s&quot;:&quot;wrbl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;1dMHz2ukDU8QDfO3JmPZ&quot;,&quot;name&quot;:&quot;filament.livewire.notifications&quot;,&quot;path&quot;:&quot;app\/login&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;de&quot;},&quot;checksum&quot;:&quot;a664db8a2c946b6eff2223314e480f389fa388ee0cab48f8af24bdda8ac520d0&quot;}"
wire:effects="{&quot;partials&quot;:[],&quot;listeners&quot;:[&quot;notificationsSent&quot;,&quot;notificationSent&quot;,&quot;notificationClosed&quot;]}"
wire:id="1dMHz2ukDU8QDfO3JmPZ">
<div class="fi-no fi-align-right fi-vertical-align-start" role="status">
</div>
</div>
<script>
window.filamentData = []
</script>
<script src="http://nutzwerte_fi4.test/js/filament/actions/actions.js?v=4.0.8.0"></script>
<script src="http://nutzwerte_fi4.test/js/filament/notifications/notifications.js?v=4.0.8.0"></script>
<script src="http://nutzwerte_fi4.test/js/filament/schemas/schemas.js?v=4.0.8.0"></script>
<script src="http://nutzwerte_fi4.test/js/filament/support/support.js?v=4.0.8.0"></script>
<script src="http://nutzwerte_fi4.test/js/filament/tables/tables.js?v=4.0.8.0"></script>
<script src="http://nutzwerte_fi4.test/js/filament/filament/echo.js?v=4.0.8.0"></script>
<script src="http://nutzwerte_fi4.test/js/filament/filament/app.js?v=4.0.8.0"></script>
<style>
:root {}
</style>
<script>
loadDarkMode()
</script>
<div class="fixed w-full flex p-4 z-40 auth-theme-switcher top-0 justify-center">
<div class="rounded-lg bg-gray-50 dark:bg-gray-950">
<div x-data="{
theme: null,
init: function() {
this.theme = localStorage.getItem('theme') || 'system'
$dispatch('theme-changed', theme)
$watch('theme', (theme) => {
$dispatch('theme-changed', theme)
})
},
}" class="fi-theme-switcher grid grid-flow-col gap-x-1">
<button aria-label="Light Mode einschalten" type="button"
x-bind:class="theme === 'light' ? 'bg-gray-50 text-amber-500 dark:bg-white/5 dark:text-amber-400' :
'text-gray-400 hover:text-gray-500 focus:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 dark:focus:text-gray-400'"
x-on:click="(theme = 'light')"
x-tooltip="{
content: 'Light Mode einschalten',
theme: $store.theme,
}"
class="flex justify-center rounded-lg p-2 outline-none transition duration-75 hover:bg-gray-50 focus:bg-gray-50 dark:hover:bg-white/5 dark:focus:bg-white/5 bg-gray-50 text-amber-500 dark:bg-white/5 dark:text-amber-400">
<svg class="fi-icon fi-size-md h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
fill="currentColor" aria-hidden="true" data-slot="icon">
<path
d="M10 2a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 2ZM10 15a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 15ZM10 7a3 3 0 1 0 0 6 3 3 0 0 0 0-6ZM15.657 5.404a.75.75 0 1 0-1.06-1.06l-1.061 1.06a.75.75 0 0 0 1.06 1.06l1.06-1.06ZM6.464 14.596a.75.75 0 1 0-1.06-1.06l-1.06 1.06a.75.75 0 0 0 1.06 1.06l1.06-1.06ZM18 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 18 10ZM5 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 5 10ZM14.596 15.657a.75.75 0 0 0 1.06-1.06l-1.06-1.061a.75.75 0 1 0-1.06 1.06l1.06 1.06ZM5.404 6.464a.75.75 0 0 0 1.06-1.06l-1.06-1.06a.75.75 0 1 0-1.061 1.06l1.06 1.06Z">
</path>
</svg>
</button>
<button aria-label="Dark Mode einschalten" type="button"
x-bind:class="theme === 'dark' ? 'bg-gray-50 text-amber-500 dark:bg-white/5 dark:text-amber-400' :
'text-gray-400 hover:text-gray-500 focus:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 dark:focus:text-gray-400'"
x-on:click="(theme = 'dark')"
x-tooltip="{
content: 'Dark Mode einschalten',
theme: $store.theme,
}"
class="flex justify-center rounded-lg p-2 outline-none transition duration-75 hover:bg-gray-50 focus:bg-gray-50 dark:hover:bg-white/5 dark:focus:bg-white/5 text-gray-400 hover:text-gray-500 focus:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 dark:focus:text-gray-400">
<svg class="fi-icon fi-size-md h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd"
d="M7.455 2.004a.75.75 0 0 1 .26.77 7 7 0 0 0 9.958 7.967.75.75 0 0 1 1.067.853A8.5 8.5 0 1 1 6.647 1.921a.75.75 0 0 1 .808.083Z"
clip-rule="evenodd"></path>
</svg>
</button>
<button aria-label="Systemthema benutzen" type="button"
x-bind:class="theme === 'system' ? 'bg-gray-50 text-amber-500 dark:bg-white/5 dark:text-amber-400' :
'text-gray-400 hover:text-gray-500 focus:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 dark:focus:text-gray-400'"
x-on:click="(theme = 'system')"
x-tooltip="{
content: 'Systemthema benutzen',
theme: $store.theme,
}"
class="flex justify-center rounded-lg p-2 outline-none transition duration-75 hover:bg-gray-50 focus:bg-gray-50 dark:hover:bg-white/5 dark:focus:bg-white/5 text-gray-400 hover:text-gray-500 focus:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 dark:focus:text-gray-400">
<svg class="fi-icon fi-size-md h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd"
d="M2 4.25A2.25 2.25 0 0 1 4.25 2h11.5A2.25 2.25 0 0 1 18 4.25v8.5A2.25 2.25 0 0 1 15.75 15h-3.105a3.501 3.501 0 0 0 1.1 1.677A.75.75 0 0 1 13.26 18H6.74a.75.75 0 0 1-.484-1.323A3.501 3.501 0 0 0 7.355 15H4.25A2.25 2.25 0 0 1 2 12.75v-8.5Zm1.5 0a.75.75 0 0 1 .75-.75h11.5a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75v-7.5Z"
clip-rule="evenodd"></path>
</svg>
</button>
</div>
</div>
</div>
<!-- Livewire Scripts -->
<script src="/livewire/livewire.js?id=df3a17f2" data-csrf="Vc1BYBrbgKmVAES1sHttXJ2sKIGBOYPDvJAOpJOj"
data-update-uri="/livewire/update" data-navigate-once="true"></script>
</body>
</html>
+5 -5
View File
@@ -352,14 +352,14 @@
</header>
<div class=" text-gray-700 dark:text-gray-200">
<div class="text-center mx-auto font-light text-2xl uppercase font-stretch-extra-condensed">
<div class="text-center mx-auto fi-simple-header-heading x">
Die Nutzwertberechnung
</div>
<p class="mt-5 text-left font-light tracking-wider leading-auto indent-15">
..ist ein Gutachten im
österreichischen Wohnungseigentumsrecht, das das Verhältnis der einzelnen
Eigentumsanteile innerhalb eines Gebäudes bestimmt.<br>
<a href="http://nutzwerte_fi4.test/app/register"
<a href="/nutzwerte"
class="my-2 gap-2 flex flex-row-reverse text-amber-700 dark:text-amber-400">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
@@ -376,7 +376,7 @@
<p class="mt-5 text-left font-light tracking-wider leading-auto indent-15">
..wie Ihnen dieses Programm bei der Nutzwertberechnung zur Hand gehen kann erfahren sie
hier.<br>
<a href="http://nutzwerte_fi4.test/app/register"
<a href="/dieses-programm"
class="my-2 gap-2 flex flex-row-reverse text-amber-700 dark:text-amber-400">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
@@ -390,13 +390,13 @@
</a>
</p>
<div class="mt-15 flex justify-center">
<div class="mt-15 flex justify-center gap-3">
<a href="/app"
class="w-full text-center sm:w-40 px-4 py-3 rounded font-semibold text-md bg-amber-500 text-white border-2 border-amber-500">
Anmelden
</a>
<a href="/app/register"
class="w-full text-center mt-4 sm:mt-0 sm:ml-4 sm:w-40 px-4 py-3 rounded font-semibold text-md bg-white text-amber-500 border border-slate-300">
class="w-full text-center sm:w-40 px-4 py-3 rounded font-semibold text-md bg-white text-amber-500 border border-slate-300">
Konto eröffnen
</a>
</div>
+6
View File
@@ -5,3 +5,9 @@ use Illuminate\Support\Facades\Route;
Route::get('/', function () {
return view('welcome');
});
Route::get('/nutzwerte', function () {
return view('nutzwerte');
});
Route::get('/dieses-programm', function () {
return view('dieses-programm');
});