{"id":389,"date":"2025-07-29T20:15:25","date_gmt":"2025-07-29T18:15:25","guid":{"rendered":"https:\/\/evo.becken-hamburg.de\/?page_id=389"},"modified":"2026-04-17T11:10:01","modified_gmt":"2026-04-17T09:10:01","slug":"uebersicht","status":"publish","type":"page","link":"https:\/\/becken-hamburg.de\/en\/uebersicht\/","title":{"rendered":"Overview"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_0 et_pb_row et_block_row et_animated\">\n<div class=\"et_pb_column_0 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\"><h6 style=\"margin-bottom: 15px;\">projekte | \u00fcbersicht<\/h6>\n<p>Ausgew\u00e4hlte Projektentwicklungen<br \/>\nund Bestandsobjekte<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_1 et_pb_row et_block_row et_animated\">\n<div class=\"et_pb_column_1 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\n.image-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 40px;\n  width: 100%;\n   margin-bottom: 0 !important;\n  padding-bottom: 45px !important;\n}\n\n.image-box {\n  position: relative;\n  aspect-ratio: 1 \/ 1;\n  overflow: hidden;\n  cursor: pointer;\n  display: block;\n  text-decoration: none;\n  color: white;\n  font-family: 'IBM Plex Sans', sans-serif;\n}\n\n.image-box img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.3s ease;\n}\n\n.image-box:hover img {\n  transform: scale(1.05);\n}\n\n\/* Overlay *\/\n.image-overlay {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  opacity: 0;\n  transition: opacity 0.8s ease;\n  padding: 20px;\n  text-align: center;\n  pointer-events: none;\n  background: rgba(0, 0, 0, 0); \/* default transparent *\/\n}\n\n\n\n  \n.image-box:hover .image-overlay {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n\/* Farbvarianten *\/\n.overlay-dark    { background: rgba(5, 81, 81, 0.8); }\n.overlay-none    { background: transparent; }\n\n\/* Texte *\/\n.image-overlay h3 {\n  margin: 0;\n  font-size: 2.0rem;\n  font-weight: 600;\n  color: #fff;\n  text-transform: uppercase;\n}\n\n.image-overlay h4 {\n  margin: 6px 0 10px;\n  font-size: 1rem;\n  font-weight: 400;\n  opacity: 0.9;\n\tcolor: #fff;\n\n}\n\n.image-overlay p {\n  margin: 0;\n  font-size: 0.9rem;\n  opacity: 0.85;\n\tcolor: #fff;\n}\n\n\/* Touch-Ger\u00e4te: leicht verz\u00f6gertes Einblenden *\/\n@media (hover: none) and (pointer: coarse) {\n  .image-overlay {\n    animation: fadeInOverlay 1.6s ease forwards;\n    animation-delay: 1s;\n  }\n}\n\n@keyframes fadeInOverlay {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n@media (max-width: 980px) {\n  .image-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (max-width: 600px) {\n  .image-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n  .image-grid {\n  margin-bottom: 0;\n  padding-bottom: 0;\n}\n\n.image-grid::after {\n  content: \"\";\n  display: block;\n  height: 0;\n  clear: both;\n  \n}\n  \n<\/style>\n\n<div class=\"image-grid\">\n\n\t<!-- Bild 1 -->\n  <a href=\"\/en\/curve-duesseldorf\/\" class=\"image-box\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/curve-teaser-2.webp\" alt=\"Curve D\u00fcsseldorf\">\n   <div class=\"image-overlay overlay-dark\">\n      <h3>CURVE<\/h3>\n<h4>D\u00fcsseldorf<\/h4>\n\n    <\/div>\n  <\/a>\n  \n\n  <!-- Bild 2 -->\n  <a href=\"\/en\/lyv-berlin\/\" class=\"image-box\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/lyv.jpg\" alt=\"LYV Berlin\">\n   <div class=\"image-overlay overlay-dark\">\n      <h3>LYV<\/h3>\n<h4>Berlin<\/h4>\n     \n    <\/div>\n  <\/a>\n\n  <!-- Bild 3 -->\n  <a href=\"\/en\/hoch-der-isar\/\" class=\"image-box\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/hdi-teaser.webp\" alt=\"Hoch der Isar M\u00fcnchen\">\n   <div class=\"image-overlay overlay-dark\">\n      <h3>Hoch der Isar<\/h3>\n<h4>M\u00fcnchen<\/h4>\n      \n    <\/div>\n  <\/a>\n\n  <!-- Bild 4-->\n  <a href=\"\/en\/luisenstrasse\/\" class=\"image-box\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/Gruppe-219.jpg\" alt=\"Luisenstra\u00dfe D\u00fcsseldorf\">\n    <div class=\"image-overlay\">\n      <h3>LUISENSTRASSE<\/h3>\n      <h4>D\u00fcsseldorf<\/h4>\n    <\/div>\n  <\/a>\n\n  <a href=\"\/en\/fabrik-office-muenchen\/\" class=\"image-box\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/fabrik-teaser.webp\" alt=\"Fabrik Office M\u00fcnchen\">\n    <div class=\"image-overlay overlay-dark\">\n      <h3>Fabrik<\/h3>\n      <h4>M\u00fcnchen<\/h4>\n    <\/div>\n  <\/a>\n  \n    <a href=\"\/en\/wilhelm-sylt\/\" class=\"image-box\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/becken-wilhelm-sylt.webp\" alt=\"Wilhelm Sylt\">\n    <div class=\"image-overlay\">\n      <h3>Wilhelm<\/h3>\n      <h4>Sylt<\/h4>\n    <\/div>\n  <\/a>\n    <a href=\"\/en\/meisterstueck\/\" class=\"image-box\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/C72_Becken.webp\" alt=\"Meisterst\u00fcck Hamburg\">\n    <div class=\"image-overlay overlay-dark\">\n      <h3>Meisterst\u00fcck<\/h3>\n      <h4>Hamburg<\/h4>\n    <\/div>\n  <\/a>\n    <!-- Ring Center -->\n  <a href=\"\/en\/ring-center-3\/\" class=\"image-box\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/ring-center3-teaser.webp\" alt=\"Ring Center 3 Berlin\">\n   <div class=\"image-overlay\">\n      <h3>RING CENTER 3<\/h3>\n<h4>Berlin<\/h4>\n\n    <\/div>\n  <\/a>\n      <a href=\"\/en\/finnlandhaus-hamburg-becken\/\" class=\"image-box\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/Gruppe-220.jpg\" alt=\"Finnlandhaus Hamburg\">\n    <div class=\"image-overlay\">\n      <h3>FINNLANDHAUS<\/h3>\n      <p>Hamburg<\/p>\n    <\/div>\n  <\/a>\n    <a href=\"\/en\/contour\/\" class=\"image-box\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/contour-1.jpg\" alt=\"Contour M\u00fcnchen\">\n    <div class=\"image-overlay overlay-dark\">\n      <h3>Contour<\/h3>\n      <h4>M\u00fcnchen<\/h4>\n    <\/div>\n  <\/a>\n        <a href=\"\/en\/insel-klinik-sylt\/\" class=\"image-box\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/Gruppe-223.jpg\" alt=\"Insel Klinik Sylt\">\n    <div class=\"image-overlay\">\n      <h3>Insel Klinik Sylt<\/h3>\n      <h4>Sylt<\/h4>\n    <\/div>\n              <a href=\"\/en\/linc\/\" class=\"image-box\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/becken-linc-stuttgart.jpg\" alt=\"LINC. Technologiezentrum Stuttgart\">\n    <div class=\"image-overlay overlay-dark\">\n      <h3>LINC.<\/h3>\n      <h4>Stuttgart<\/h4>\n    <\/div>\n  <\/a>\n                 <a href=\"\/en\/esplace-hamburg-becken\/\" class=\"image-box\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/Gruppe-221.jpg\" alt=\"Esplace Hamburg\">\n    <div class=\"image-overlay\">\n      <h3>Esplace<\/h3>\n      <h4>Hamburg<\/h4>\n    <\/div>\n                    <a href=\"\/en\/industria-wohnen\/\" class=\"image-box\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/industria.jpg\" alt=\"Industria Wohnen Deutschland\">\n    <div class=\"image-overlay overlay-dark\">\n      <h3>Industria Wohnen<\/h3>\n      <h4>Deutschland<\/h4>\n    <\/div>\n\n          \n                        <a href=\"\/en\/schreyerstrasse-frankfurt\/\" class=\"image-box\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/SCHREYERSTRASSE.jpg\" alt=\"Schreyerstra\u00dfe Frankfurt am Main\">\n   <div class=\"image-overlay\">\n      <h3>Schreyerstrasse<\/h3>\n<h4>Frankfurt am Main<\/h4>\n     \n    <\/div>\n  <\/a>\n<\/div><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_2 et_pb_row et_block_row et_animated\">\n<div class=\"et_pb_column_2 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_divider_0 et_pb_divider et_pb_space et_pb_divider_position_top et_pb_module\"><div class=\"et_pb_divider_internal\"><\/div><\/div>\n\n<div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_0_wrapper\"><a class=\"et_pb_button_0 et_pb_button et_pb_bg_layout_light et_pb_module et_block_module\" href=\"\/en\/pipeline\/\" data-icon=\"$\">Projektpipeline<\/a><\/div>\n\n<div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_1_wrapper\"><a class=\"et_pb_button_1 et_pb_button et_pb_bg_layout_light et_pb_module et_block_module\" href=\"\/en\/trackrecord\/\" data-icon=\"$\">Track Record<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-389","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/becken-hamburg.de\/en\/wp-json\/wp\/v2\/pages\/389","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/becken-hamburg.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/becken-hamburg.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/becken-hamburg.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/becken-hamburg.de\/en\/wp-json\/wp\/v2\/comments?post=389"}],"version-history":[{"count":62,"href":"https:\/\/becken-hamburg.de\/en\/wp-json\/wp\/v2\/pages\/389\/revisions"}],"predecessor-version":[{"id":7898,"href":"https:\/\/becken-hamburg.de\/en\/wp-json\/wp\/v2\/pages\/389\/revisions\/7898"}],"wp:attachment":[{"href":"https:\/\/becken-hamburg.de\/en\/wp-json\/wp\/v2\/media?parent=389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}