murat/ec-architektur
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial commit

Browse Source
This commit is contained in:
Murat Özkorkmaz
2025-10-08 15:57:29 +02:00
commit abb3cbc1bd
89 changed files with 12322 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

136
templates/base.html.twig Normal file
View File

@@ -0,0 +1,136 @@
<!DOCTYPE html>
<html class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}EC Architektur{% endblock %}</title>
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('styles/app.css') }}">
{% endblock %}
</head>
<body class="min-h-screen flex flex-col">
<div>
<span class="">default</span>
<span class="invisible sm:visible">sm</span>
<span class="invisible md:visible">md</span>
<span class="invisible lg:visible">lg</span>
<span class="invisible xl:visible">xl</span>
<span class="invisible 2xl:visible">2xl</span>
</div>
{% set current_path = app.request.get('_route') %}
<nav class="bg-white pt-16 pb-24">
<div class="px-4 sm:px-8 md:px-16 lg:px-32 flex justify-between items-center h-16">
<div class="flex-shrink-0">
<a href="{{ path('home') }}"><img class="max-w-25 md:max-w-50" src="{{ asset('images/logo.png') }}" alt="EC Logo"></a>
</div>
<!-- Desktop Links -->
<div class="hidden md:flex space-x-1">
<span class="px-4 py-4 bg-white text-black">
<span class="py-1 {% if current_path == 'about_me'%}border-b-1 border-black{% endif %}">
<a href="{{ path('about_me') }}" class="font-thin">Über mich</a>
</span>
</span>
<span class="px-4 py-4 bg-white text-black">
<span class="py-1 {% if current_path == 'architecture'%}border-b-1 border-black{% endif %}">
<a href="{{ path('architecture') }}" class="font-thin">Architektur</a>
</span>
</span>
<span class="px-4 py-4 bg-white text-black">
<span class="py-1 {% if current_path == 'building_report'%}border-b-1 border-black{% endif %}">
<a href="{{ path('building_report') }}" class="font-thin">Gutachten</a>
</span>
</span>
<span class="px-4 py-4 bg-black text-white">
<span class="py-1 {% if current_path == 'contact'%}border-b-1 border-white{% endif %}">
<a href="{{ path('contact') }}" class="font-thin">Kontakt</a>
</span>
</span>
</div>
<!-- Hamburger -->
<div class="md:hidden">
<button id="menu-btn" class="focus:outline-none">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M4 6h16M4 12h16M4 18h16"></path>
</svg>
</button>
</div>
</div>
<!-- Mobile Drawer -->
<div id="mobile-menu" class="max-h-0 overflow-hidden md:hidden transition-all duration-300 ease-in-out">
<span class="px-3 py-4 bg-white text-black">
<span class="py-1 {% if current_path == 'about_me'%}border-b-1 border-black{% endif %}">
<a href="{{ path('about_me') }}" class="font-thin">Über mich</a>
</span>
</span>
<span class="px-3 py-4 bg-white text-black">
<span class="py-1 {% if current_path == 'architecture'%}border-b-1 border-black{% endif %}">
<a href="{{ path('architecture') }}" class="font-thin">Architektur</a>
</span>
</span>
<span class="px-3 py-4 bg-white text-black">
<span class="py-1 {% if current_path == 'building_report'%}border-b-1 border-black{% endif %}">
<a href="{{ path('building_report') }}" class="font-thin">Gutachten</a>
</span>
</span>
<span class="px-3 py-4 bg-black text-white">
<span class="py-1 {% if current_path == 'contact'%}border-b-1 border-white{% endif %}">
<a href="{{ path('contact') }}" class="font-thin">Kontakt</a>
</span>
</span>
</div>
</nav>
<main class="flex-grow">
{% block body %}{% endblock %}
</main>
<footer class="bg-black text-white">
<div class="px-4 sm:px-8 md:px-16 lg:px-32 pb-16">
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6 mt-16 mb-8">
<div>
<p class="text-3xl"><span class="font-semibold">EC</span> <span class="font-thin text-base">ARCHITEKTUR</span></p>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div>
<p class="font-thin mb-4">Hebbelstraße 30</p>
<p class="font-thin mb-4">55127 Mainz, Deutschland</p>
</div>
<div>
<p class="font-thin mb-4">+49 178 8358358</p>
<p class="font-thin mb-4">info@ec-architektur.de</p>
</div>
<div>
<p class="font-thin mb-4"><a href="{{ path('imprint') }}" class="underline">Impressum</a></p>
<p class="font-thin mb-4"><a href="{{ path('data_privacy') }}" class="underline">Datenschutz</a></p>
</div>
</div>
</div>
<!-- Neue Zeile: zentriert -->
<div class="my-8 text-center">
<p class="font-thin text-sm">
© {{ "now"|date("Y") }} Elvan Canalp-Özkorkmaz – Alle Rechte vorbehalten.
</p>
</div>
</footer>
</body>
{% block javascripts %}
{% block importmap %}{{ importmap('app') }}{% endblock %}
{% endblock %}
</html>

32
templates/home_controller/about-me.html.twig Normal file
View File

@@ -0,0 +1,32 @@
{% extends 'base.html.twig' %}
{% block title %}Über mich{% endblock %}
{% block body %}
<div class="grid grid-cols-1 mb-16 md:grid-cols-2 md:gap-8 lg:gap-16">
<!-- Linke Spalte: Bild -->
<div class="h-full md:h-auto md:pl-16 lg:pl-32">
<img
src="{{ asset('/images/on-chair.png') }}"
alt="Elvan Canalp"
class="
w-full h-full object-cover
object-center
md:object-[74%_30%] <!-- Ausschnitt: etwas höher bei kleinen Screens -->
lg:object-[75%_30%] <!-- Standard: Mitte -->
xl:object-[60%_70%] <!-- Ausschnitt: nach unten verschoben bei großen Screens -->
"
>
</div>
<!-- Rechte Spalte: Text -->
<div class="flex flex-col justify-center pl-4 pr-4 md:pr-16 lg:pr-32 pt-8">
<p class="text-5xl mb-8 noto-serif-display-100">Elvan Canalp</p>
<p class="font-light text-gray-700 mb-6 text-base/7">Elvan Canalp-Özkorkmaz (Hannover, 1979) startete 2025 ihre freiberufliche Tätigkeit als Architektin und Sachverständige unter dem Büronamen EC Architektur. Sie absolvierte ihr Studium an der HAWK Hildesheim und Hafencity Universität Hamburg. Schon während des Studiums konnte Sie national & international Erfahrungen sammeln, die sehr realitätsnah waren und teilweise umgesetzt werden konnten.</p>
<p class="font-light text-gray-700 mb-6 text-base/7">Nach dem Studium konnte Sie nahtlos für renommierte Architekturbüros und Projektentwickler Projekte in unterschiedlichen Maßstäben erfolgreich abgewickelt. Dazu zählen u.a. Hochhäuser, Wohnquartiere, Architektur für Mega-Events wie EXPO und Olympische Spiele. Außerdem hat sie vernachlässigte denkmalgeschützte Gebäude mit Achtsamkeit und Präzision den Übergang in die digitale Neuzeit verholfen.</p>
<p class="font-light text-gray-700 mb-6 text-base/7">Zudem bewertete sie diverse Immobilien und brachte die potenziale für nachhaltige Investitionen hervor.</p>
</div>
</div>
{% endblock %}

66
templates/home_controller/architecture.html.twig Normal file
View File

@@ -0,0 +1,66 @@
{% extends 'base.html.twig' %}
{% block title %}Startseite{% endblock %}
{% block body %}
<div class="grid grid-cols-1 gap-6 mb-32 px-4 sm:px-8 md:px-16 lg:px-32">
<p class="text-5xl noto-serif-display-100">Architektur-</p>
<p class="text-5xl noto-serif-display-100">Leistungen</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mt-16 mb-16 px-4 sm:px-8 md:px-16 lg:px-32">
<div>
<p class="text-2xl noto-serif-display-100 mb-4">Neubau</p>
<ul>
<li class="font-light text-gray-700 text-base/7">Entwurf & Planung von Neubauten nach HOAI</li>
<li class="font-light text-gray-700 text-base/7">Projektsteuerung für Ihre Vorhaben nach AHO</li>
</ul>
</div>
<div>
<p class="text-2xl noto-serif-display-100 mb-8">Energetische Sanierung</p>
<p class="font-light text-gray-700">Entwurf, Planung & Leitung von Sanierungen</p>
<ul>
<li class="font-light text-gray-700 text-base/7">Einfamilienhäuser</li>
<li class="font-light text-gray-700 text-base/7">Mehrfamilienhäuser</li>
<li class="font-light text-gray-700 text-base/7">Bürogebäude</li>
</ul>
</div>
<div>
<p class="text-2xl noto-serif-display-100 mb-4">Masterpläne, Studien, Wettbewerbe</p>
<ul>
<li class="font-light text-gray-700 text-base/7">Steuerung von Wettbewerben</li>
<li class="font-light text-gray-700 text-base/7">Entwicklung & Erstellung von Gestaltungshandbüchern</li>
<li class="font-light text-gray-700 text-base/7">Mitwirkung an Projektentwicklungsverfahren</li>
<li class="font-light text-gray-700 text-base/7">Erstellung von Machbarkeits- & Vorplanungsstudien</li>
<li class="font-light text-gray-700 text-base/7">Erstellung von Masterplänen</li>
</ul>
</div>
</div>
<hr class="mb-24"/>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6mt-16 mb-32 px-0 sm:px-8 md:px-16 lg:px-32">
<div class="mb-4">
<img src="{{ asset('images/proj1.png') }}" alt="Veranstaltungsgebäude"/>
</div>
<div class="px-4 sm:px-0 md:ml-16">
<p class="text-2xl noto-serif-display-100 mb-8">Veranstaltungsgebäude mit Büroräumen und Café</p>
<p class="font-light text-gray-700 mb-6 text-base/7">In Planung</p>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-16 mb-32 px-0 sm:px-8 md:px-16 lg:px-32">
<div>
<img src="{{ asset('images/proj2.png') }}" alt="Bungalow"/>
</div>
<div class="px-4 sm:px-0 md:ml-16">
<p class="text-2xl noto-serif-display-100 mb-8">Energetische Sanierung Bungalow</p>
<p class="font-light text-gray-700 mb-6 text-base/7">Baujahr 1968</p>
<p class="font-light text-gray-700 mb-6 text-base/7">Sanierung zum KfW 55 - derzeit in Bauphase</p>
</div>
</div>
{% endblock %}

15
templates/home_controller/building-report.html.twig Normal file
View File

@@ -0,0 +1,15 @@
{% extends 'base.html.twig' %}
{% block title %}Startseite{% endblock %}
{% block body %}
<div class="grid grid-cols-1 mb-32 px-4 sm:px-8 md:px-16 lg:px-32">
<p class="text-5xl mb-8 noto-serif-display-100">Gutachten</p>
<p class="text-2xl mb-8 noto-serif-display-100">Immobilienbewertungen</p>
<p class="font-light text-gray-700 mb-6 text-base/7">Als unabhängige Sachverständige stehe ich Ihnen in allen Fragen rund um die Themen Verkehrswert- bzw. Marktwertgutachten und berate Sie beim Immobilienerwerb oder prüfen bereits vorhandene Wertgutachten.</p>
<p class="font-light text-gray-700 mb-6 text-base/7">Durch meine langjährige Erfahrung als Architektin und Sachverständige biete ich Dienstleistungen auf höchstem Niveau, bin Ansprechpartnerin sowohl für private als auch gewerbliche und öffentliche Kunden für Projekte in unterschiedlichen Maßstäben.</p>
</div>
{% endblock %}

9
templates/home_controller/contact.html.twig Normal file
View File

@@ -0,0 +1,9 @@
{% extends 'base.html.twig' %}
{% block title %}Startseite{% endblock %}
{% block body %}
KONTAKTFORMULAR
{% endblock %}

96
templates/home_controller/data-privacy.html.twig Normal file
View File

@@ -0,0 +1,96 @@
{% extends 'base.html.twig' %}
{% block title %}Datenschutz{% endblock%}
{% block body %}
<div class="grid grid-cols-1 mb-32 px-4 sm:px-8 md:px-16 lg:px-32">
<p class="text-5xl mb-8">Datenschutz</p>
<p class="text-base font-light mb-8">Wir freuen uns über Ihr Interesse an unserer Website. Der Schutz Ihrer persönlichen Daten ist uns ein wichtiges Anliegen. Nachfolgend informieren wir Sie über die Verarbeitung personenbezogener Daten gemäß Art. 13 Datenschutz-Grundverordnung (DSGVO).</p>
<p class="text-2xl mb-2">1. Verantwortliche Stelle</p>
<p class="text-base font-light mb-8">
Elvan Canalp-Özkorkmaz<br/>
Hebbelstraße 30<br/>
55127 Mainz
</p>
<p class="text-2xl mb-2">2. Erhebung und Speicherung personenbezogener Daten sowie Art und Zweck der Verwendung</p>
<p class="text-base font-bold mb-2">a) Beim Besuch der Website</p>
<p class="text-base font-light">Beim Aufrufen unserer Website werden durch den Browser auf Ihrem Endgerät automatisch Informationen an den Server unserer Website gesendet. Diese Informationen werden temporär in sogenannten Logfiles gespeichert. Folgende Informationen werden dabei erfasst:</p>
<ul>
<li>IP-Adresse des anfragenden Rechners</li>
<li>Datum und Uhrzeit des Zugriffs</li>
<li>Name und URL der abgerufenen Datei</li>
<li>Website, von der aus der Zugriff erfolgt (Referrer-URL)</li>
<li>verwendeter Browser und ggf. das Betriebssystem Ihres Rechners</li>
</ul>
<p class="text-base font-light mb-2">Die genannten Daten werden verarbeitet zu Zwecken:</p>
<ul>
<li>Gewährleistung eines reibungslosen Verbindungsaufbaus der Website</li>
<li>Gewährleistung einer komfortablen Nutzung</li>
<li>Auswertung der Systemsicherheit und -stabilität</li>
</ul>
<p class="text-base font-light mb-4">Rechtsgrundlage: Art. 6 Abs. 1 lit. f DSGVO (berechtigtes Interesse).</p>
<p class="text-base font-bold mb-2">b) Bei Nutzung des Kontaktformulars / E-Mail-Kontakts</p>
<p class="text-base font-light mb-2">Wenn Sie uns per Kontaktformular oder E-Mail Anfragen zukommen lassen, werden Ihre Angaben inklusive der von Ihnen angegebenen Kontaktdaten zur Bearbeitung der Anfrage und für den Fall von Anschlussfragen gespeichert.</p>
<p class="text-base font-light mb-8">Rechtsgrundlage: Art. 6 Abs. 1 lit. b DSGVO (Vertragserfüllung bzw. vorvertragliche Maßnahmen).</p>
<p class="text-2xl mb-2">3. Weitergabe von Daten</p>
<p class="text-base font-light">Eine Übermittlung Ihrer persönlichen Daten an Dritte findet nur statt, wenn:</p>
<ul>
<li>Sie Ihre ausdrückliche Einwilligung gegeben haben (Art. 6 Abs. 1 lit. a DSGVO),</li>
<li>die Weitergabe zur Erfüllung eines Vertrags erforderlich ist (Art. 6 Abs. 1 lit. b DSGVO),</li>
<li>eine rechtliche Verpflichtung besteht (Art. 6 Abs. 1 lit. c DSGVO), oder</li>
<li>die Weitergabe zur Wahrung berechtigter Interessen erforderlich ist (Art. 6 Abs. 1 lit. f DSGVO).</li>
</ul>
<p class="text-2xl mb-2">4. Cookies / Analyse-Tools</p>
<p class="text-base font-light mb-8">Unsere Website verwendet keine Cookies oder Analysetools.</p>
<p class="text-2xl mb-2">5. Betroffenenrechte</p>
<p class="text-base font-light">Sie haben das Recht:</p>
<ul>
<li>gemäß Art. 15 DSGVO Auskunft über Ihre gespeicherten Daten zu verlangen,</li>
<li>gemäß Art. 16 DSGVO Berichtigung unrichtiger oder Vervollständigung unvollständiger Daten zu verlangen,</li>
<li>gemäß Art. 17 DSGVO Löschung der gespeicherten Daten zu verlangen,</li>
<li>gemäß Art. 18 DSGVO Einschränkung der Verarbeitung zu verlangen,</li>
<li>gemäß Art. 20 DSGVO Datenübertragbarkeit zu verlangen,</li>
<li>gemäß Art. 21 DSGVO Widerspruch gegen die Verarbeitung einzulegen.</li>
</ul>
<p class="text-base font-light mb-8">Zur Ausübung Ihrer Rechte genügt eine E-Mail an uns.</p>
<p class="text-2xl mb-2">6. Beschwerderecht</p>
<p class="text-base font-light">Sie haben das Recht, sich bei einer Datenschutz-Aufsichtsbehörde über die Verarbeitung Ihrer personenbezogenen Daten durch uns zu beschweren.</p>
<p class="text-base font-light mb-8">Zuständig ist z. B. der/die Landesdatenschutzbeauftragte Rheinland-Pfalz.</p>
<p class="text-2xl mb-2">7. Datensicherheit</p>
<p class="text-base font-light mb-8">Wir verwenden geeignete technische und organisatorische Sicherheitsmaßnahmen, um Ihre Daten gegen Manipulation, Verlust oder unbefugten Zugriff zu schützen.</p>
<p class="text-2xl mb-2">8. Aktualität und Änderung dieser Datenschutzerklärung</p>
<p class="text-base font-light mb-2">Diese Datenschutzerklärung ist aktuell gültig (Stand: {{ "now"|date("F") }} {{ "now"|date("Y") }}).</p>
<p class="text-base font-light mb-8">Wir behalten uns vor, sie bei Bedarf anzupassen.</p>
</div>
{% endblock %}

44
templates/home_controller/fonts.html.twig Normal file
View File

@@ -0,0 +1,44 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Font-Vergleich</title>
<!-- Google Fonts: nur die dünnsten Varianten -->
<link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;1,400&family=EB+Garamond:wght@400&family=PT+Serif:wght@400&family=Noto+Serif:wght@200&display=swap" rel="stylesheet">
<script src="https://cdn.tailwindcss.com"></script>
<style>
.font-libre { font-family: 'Libre Baskerville', serif; }
.font-ebgaramond { font-family: 'EB Garamond', serif; }
.font-ptserif { font-family: 'PT Serif', serif; }
.font-notoserif { font-family: 'Noto Serif', serif; }
</style>
</head>
<body class="bg-gray-100 p-8">
<h1 class="text-2xl font-bold mb-6">Vergleich Times New Roman ähnliche Schriften (dünnste Varianten)</h1>
<div class="space-y-6">
<div>
<p class="font-libre text-4xl">Architektur</p>
<span class="text-sm text-gray-600">Libre Baskerville (Regular 400 – dünnste Variante verfügbar)</span>
</div>
<div>
<p class="font-ebgaramond text-4xl">Architektur</p>
<span class="text-sm text-gray-600">EB Garamond (Regular 400 – wirkt sehr filigran)</span>
</div>
<div>
<p class="font-ptserif text-4xl">Architektur</p>
<span class="text-sm text-gray-600">PT Serif (Regular 400 – etwas kräftiger)</span>
</div>
<div>
<p class="font-notoserif text-4xl font-thin">Architektur</p>
<span class="text-sm text-gray-600">Noto Serif (ExtraLight 200 – deutlich dünner)</span>
</div>
</div>
</body>
</html>

44
templates/home_controller/imprint.html.twig Normal file
View File

@@ -0,0 +1,44 @@
{% extends 'base.html.twig' %}
{% block title %}Impressum{% endblock%}
{% block body %}
<div class="grid grid-cols-1 mb-32 px-4 sm:px-8 md:px-16 lg:px-32">
<p class="text-5xl mb-8">Impressum</p>
<p class="text-2xl mb-2">Angaben gemäß § 5 TMG und § 2 DL-InfoV</p>
<p class="text-base font-light">Elvan Canalp-Özkorkmaz</p>
<p class="text-base font-light">Hebbelstraße 30</p>
<p class="text-base font-light mb-8">55127 Mainz</p>
<p class="text-2xl mb-2">Kontakt</p>
<p class="text-base font-light">Telefon: +49 178 8358358</p>
<p class="text-base font-light mb-8">E-Mail: info@ec-architektur.de</p>
<p class="text-2xl mb-2">Berufsbezeichnung</p>
<p class="text-base font-light mb-8">Architektin, verliehen in der Bundesrepublik Deutschland</p>
<p class="text-2xl mb-2">Zuständige Kammer / Aufsichtsbehörde</p>
<p class="text-base font-light">Architektenkammer [Bundesland]</p>
<p class="text-base font-light mb-8">[Adresse der Kammer]</p>
<p class="text-2xl mb-2">Berufsrechtliche Regelungen</p>
<p class="text-base font-light">Es gelten die berufsrechtlichen Bestimmungen, insbesondere das Architektengesetz [Bundesland] und die Berufsordnung der Architektenkammer [Bundesland].</p>
<p class="text-base font-light mb-8">Diese Regelungen sind einsehbar unter: [URL der Kammer mit Rechtsvorschriften]</p>
<p class="text-2xl mb-2">Umsatzsteuer-ID</p>
<p class="text-base font-light mb-8">Umsatzsteuer-Identifikationsnummer gemäß § 27 a Umsatzsteuergesetz: [falls vorhanden eintragen, sonst „nicht vorhanden“]</p>
<p class="text-2xl mb-2">Berufshaftpflichtversicherung</p>
<p class="text-base font-light">[Name und Anschrift der Versicherungsgesellschaft]</p>
<p class="text-base font-light mb-8">Räumlicher Geltungsbereich: [z. B. Deutschland oder EU-Mitgliedsstaaten]</p>
<p class="text-2xl mb-2">Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV</p>
<p class="text-base font-light">Elvan Canalp-Özkorkmaz</p>
<p class="text-base font-light">Hebbelstraße 30</p>
<p class="text-base font-light mb-8">55127 Mainz</p>
</div>
{% endblock %}

61
templates/home_controller/index.html.twig Normal file
View File

@@ -0,0 +1,61 @@
{% extends 'base.html.twig' %}
{% block title %}Startseite{% endblock %}
{% block body %}
<div class="grid grid-cols-1 gap-6 mt-16 mb-8 px-4 sm:px-16">
<div>
<p class="text-7xl noto-sans-display-100 mb-4">Architektur gestalten.</p>
<p class="text-7xl noto-sans-display-100 mb-4">Werte sichern.</p>
</div>
<div class="text-right">
&nbsp;
</div>
</div>
<div class="w-full h-[30vh] sm:h-[40vh] md:h-[50vh] lg:h-[60vh] overflow-hidden">
<img
src="{{ asset('images/frankfurt.png') }}"
alt="Frankfurt Panorama"
class="w-full h-full object-cover object-center"
/>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-16 mb-8 px-4 sm:px-16">
<div>
<p class="text-5xl noto-sans-display-100 mb-16">Mission</p>
<p class="font-thin mb-16">Meine Tätigkeit erstrecken sich von der nachhaltigen Sanierung bestehender Gebäude bis hin zur kompletten Planung und Gestaltung neuer Gebäuden. Während meine Projekttypen vielfältig sind, zieht sich ein roter Faden durch den Projekten: der Fokus auf der Verbesserung der Beziehungen zwischen Mensch und Architektur.</p>
</div>
<div class="text-right">
&nbsp;
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-8 py-64 px-4 sm:px-16 bg-neutral-800 text-white">
<div>
<p class="text-5xl noto-sans-display-100 mb-16">Deine Projekte real werden lassen.</p>
<p class="font-thin mb-16">Ich bin immer auf der Suche nach neuen Möglichkeiten und arbeiten gerne auch auf internationaler Ebene. Bitte kontaktiere mich um deine Ideen und Projekte tatsächlich umzusetzen. Ich begleite dich bis zum Ende. </p>
</div>
<div class="text-right">
&nbsp;
</div>
<div>
<a href="#" class="px-8 py-4 bg-white text-black">Kontakt</a>
</div>
</div>
{% endblock %}