{"id":992,"date":"2025-11-06T13:37:28","date_gmt":"2025-11-06T13:37:28","guid":{"rendered":"https:\/\/clients.czesnek.com\/karntnerringhof\/geschichte\/"},"modified":"2025-12-19T17:01:23","modified_gmt":"2025-12-19T17:01:23","slug":"history","status":"publish","type":"page","link":"https:\/\/derkaerntnerringhof.com\/en\/history\/","title":{"rendered":"History"},"content":{"rendered":"\n\n  <style>\n    \n  .hero-section {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center; \n    align-items: center; \n    \/* width: calc(100% - var(--space-2) - var(--space-2)); *\/\n    width: 100vw;\n    \/* padding-left: var(--space-2);\n    padding-right: var(--space-2); *\/\n    background: var(--bg-body);\n    height: calc(60dvh - var(--space-4));\n    margin-top: var(--space-4);\n  }\n  \n  .hero-section::before {\n    content: \"\";\n    position: absolute;\n    right: 100%;\n    top: 0;\n    height: 100%;\n    width: 25vw;\n    background: var(--bg-body);\n  }\n  \n  .hero-section::after {\n    content: \"\";\n    position: absolute;\n    left: 100%;\n    top: 0;\n    height: 100%;\n    width: 25vw;\n    background: var(--bg-body);\n  }\n  \n  .hero-section-text {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    text-align: center;\n    width: 80%;\n    max-width: calc(1800 - 100px - 100px);\n    z-index: 2;\n  }\n  \n  .hero-top-title {\n    font-family: \"Roboto\", sans-serif;\n    font-family: 'Sawton Circular', sans-serif;\n    font-size: 30px;\n    line-height: 35px;\n    color: #fff;\n    margin-bottom: var(--space-1);\n    text-transform: uppercase;\n  }\n  \n  .hero-title {\n    font-family: \"Playfair Display\", serif;\n    font-family: \"OT Jubilee Diamond\", serif;\n    font-size: 80px;\n    line-height: 107px;\n    color: #fff;\n  }\n\n\n  .hero-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0,0,0,0.3);\n    z-index: 1;\n  }\n \n .page-hero-img {\n   position: relative;\n   width: 100%;\n   background: var(--bg-body);\n   overflow: hidden;\n   width: calc(100% - var(--space-2) - var(--space-2));\n   max-width: calc(var(--max-width) - var(--space-2) - var(--space-2));\n   \/* padding-left: var(--space-2);\n   padding-right: var(--space-2); *\/\n   margin: var(--space-8) auto;\n   margin-top: 0;\n   overflow: hidden; \n }\n \n .page-hero-img img {\n   width: 100%;\n   height: auto;\n }\n \n.page-hero-img {\n   position: relative;\n   overflow: hidden;\n }\n \n\/* .page-hero-circle-overlay {\n   position: absolute;\n   inset: 0;\n   pointer-events: none;\n   background: radial-gradient(\n     circle at 50% 50%,\n     transparent var(--circle-radius, 0px),\n     var(--bg-body) calc(var(--circle-radius, 0px) + 1px)\n   );\n } *\/\n \n \n.page-hero-circle-overlay {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  background: radial-gradient(\n    circle at 50% 50%,\n    transparent var(--circle-radius, 0px),\n    var(--bg-body) calc(var(--circle-radius, 0px) + 1px)\n  );\n}\n\n\/* .page-retail .page-hero-circle-overlay {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  background: radial-gradient(\n    circle at 50% 50%,\n    transparent var(--circle-radius, 0px),\n    var(--bg-body) calc(var(--circle-radius, 0px) + 1px)\n  );\n} *\/\n\n \n@media only screen and (max-width: 800px) {\n    \n    .hero-section {\n      width: 100vw;\n      height: calc(100%);\n      margin-top: calc(var(--space-4) + var(--space-4)) ;\n    }\n    \n    .hero-section-text {\n      width: 100%;\n      max-width: calc(var(--max-width) - var(--space-1) - var(--space-1));\n    }\n    \n    .hero-top-title {\n      font-size: 15px;\n      line-height: 18px;\n      margin-bottom: var(--space-half);\n    }\n    \n    .hero-title {\n      font-size: 25px;\n      line-height: 33px;\n    }\n    \n    .page-hero-img {\n       width: calc(100% - var(--space-1) - var(--space-1));\n       max-width: calc(var(--max-width) - var(--space-1) - var(--space-1));\n       padding-left: var(--space-1);\n       padding-right: var(--space-1);\n       margin: var(--space-3) auto;\n       margin-bottom: var(--space-4);\n     }\n  \n}\n   \n    \n  <\/style>\n  \n  \n  <div class=\"hero-section\">\n    \n    <div class=\"hero-section-text\">\n      \n      <div class=\"hero-top-title\">\n        The K\u00e4rntner-Ring-Hof      <\/div>\n      \n      <div class=\"hero-title\">\n        From the Ringstrasse to the K\u00e4rntner-Ring-Hof      <\/div>\n      \n    <\/div>\n    \n  <\/div>\n  \n  <div class=\"page-hero-img\">\n    <img decoding=\"async\" src=\"https:\/\/derkaerntnerringhof.com\/wp-content\/uploads\/2025\/11\/Before-1.png\" alt=\"hero section image\" \/>\n    <div class=\"page-hero-circle-overlay\"><\/div>\n  <\/div>\n  \n\n\n\n\n\n\n\n<style>\n\t\n\t\n\t.block-text-principal {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center; \n\t\talign-items: center; \n\t\tmax-width: calc(var(--max-width) - var(--space-2) * 2);\n\t\twidth: calc(100% - var(--space-2) - var(--space-2));\n\t\tbackground: var(--bg-body);\n\t\tmargin: var(--space-8) auto;\n\t}\n\t\n\t.block-text-principal::before {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\tright: 100%;\n\t\ttop: 0;\n\t\theight: 100%;\n\t\twidth: 25vw;\n\t\tbackground: var(--bg-body);\n\t}\n\t\n\t.block-text-principal::after {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\tleft: 100%;\n\t\ttop: 0;\n\t\theight: 100%;\n\t\twidth: 25vw;\n\t\tbackground: var(--bg-body);\n\t}\n\t\n\t.block-principal-col {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: space-between;\n\t\ttext-align: center;\n\t\twidth: 70%;\n\t\tmax-width: calc(1800 - 100px - 100px);\n\t\tz-index: 2;\n\t}\n\n\t.block-principal-section {\n\t\tfont-family: \"Roboto\", sans-serif;\n\t\tfont-family: 'Sawton Circular', sans-serif;\n\t\tfont-size: 18px;\n\t\tline-height: 18px;\n\t\tcolor: #fff;\n\t\tmargin-bottom: var(--space-1);\n\t\ttext-transform: uppercase;\n\t}\n\t\n\t.block-principal-highlight {\n\t\tfont-family: \"Playfair Display\", serif;\n\t\tfont-family: \"OT Jubilee Diamond\", serif;\n\t\tfont-size: 43px;\n\t\tline-height: 53px;\n\t\tcolor: #fff;\n\t\tmargin-bottom: var(--space-2);\n\t\ttext-transform: uppercase;\n\t}\n\n\t.block-principal-desc {\n\t\tfont-family: \"Roboto\", sans-serif;\n\t\tfont-family: 'Sawton Circular', sans-serif;\n\t\tfont-size: 22px;\n\t\tline-height: 30px;\n\t\tcolor: #fff;\n\t\tmargin-bottom: var(--space-2);\n\t}\n\t\n\t.block-principal-desc p { \n\t\tmargin-bottom: var(--space-2);\n\t}\n\t\n\t.block-principal-desc p:last-of-type { \n\t\tmargin-bottom: 0;\n\t}\n\t\n\t.block-text-principal a {\n\t\tfont-family: \"Roboto\", sans-serif;\n\t\tfont-family: 'Sawton Circular', sans-serif;\n\t\tfont-size: 18px;\n\t\tline-height: 30px;\n\t\tcolor: #fff;\n\t}\n\t\n\t.block-text-principal .block-principal-desc a { \n\t\tfont-size: 22px;\n\t\tline-height: 30px;\n\t\ttext-decoration: underline;\n\t}\n\t\n\t.block-principal-desc ul {\n\t\tdisplay: inline-block;\n\t\ttext-align: left;\n\t\tmargin: var(--space-2) 0;  \t\t\n\t\tmargin: var(--space-2) 0;\n\t\tlist-style-type: disc;\n\t\tlist-style: disc;\n\t\tlist-style-position: inherit;\n\t}\n\t\n\t.block-principal-desc ul li {\n\t\tcolor: #fff;\n\t\tmargin-bottom: 10px; \n\t\tpadding-inline-start: 0.2em;     \n\t}\n\t\n\n\t\n\t\/* .block-principal-desc ul {\n\t\ttext-align: left;\n\t\twidth: 100%;  \n\t\tpadding-left: 0;\n\t}\n\t\n\t.block-principal-desc p:has(> strong) {\n\t\tmargin-bottom: 10px;\n\t\ttext-align: left;\n\t} *\/\n\t\n\t.block-principal-desc p:has(> strong) {\n\t\tmargin-bottom: 10px;\n\t\tmargin-left: -92px;\n\t\n\t}\n\t\n\t.block-principal-desc p:has(> strong) + ul {\n\t\tmargin-top: 0;\n\t}\n\t\n\t.block-principal-col > *:last-child {\n\t\tmargin-bottom: 0;\n\t}\n\t\n\t.page-datenschutz .block-principal-desc, .page-cookies .block-principal-desc, .page-impressum .block-principal-desc, .page-privacy-policy .block-principal-desc, .page-cookies .block-principal-desc, .page-imprint .block-principal-desc   {\n\t\ttext-align: left;\n\t}\n\t\n\t.page-datenschutz .block-principal-desc p:has(> strong), .page-cookies .block-principal-desc p:has(> strong), .page-impressum .block-principal-desc p:has(> strong), .page-privacy-policy .block-principal-desc p:has(> strong), .page-cookies .block-principal-desc p:has(> strong), .page-imprint .block-principal-desc p:has(> strong) {\n\t\tmargin-left: 0;\n\t\tmargin-bottom: var(--space-2);\n\t}\n\t\n\n@media only screen and (max-width: 800px) { \n\t\n\t.block-text-principal {\n\t\tmax-width: calc(var(--max-width) - var(--space-1) * 2);\n\t\twidth: calc(100% - var(--space-1) - var(--space-1));\n\t\tbackground: var(--bg-body);\n\t\tmargin: var(--space-4) auto;\n\t}\n\t\n\t.block-principal-col {\n\t\twidth: 100%;\n\t}\n\t\n\t.block-principal-highlight {\n\t\tfont-size: 22px;\n\t\tline-height: 33px;\n\t}\n\t\n\t.block-principal-desc {\n\t\tfont-size: 15px;\n\t\tline-height: 25px;\n\t}\n\t\n\t.block-text-principal a {\n\t\tfont-size: 17px;\n\t\tline-height: 30px;\n\t}\n\t\n\t.block-text-principal .block-principal-desc a { \n\t\tfont-size: 15px;\n\t\tline-height: 25px;\n\t\ttext-decoration: underline;\n\t}\n\t\n}\n\t\n<\/style>\n\n<section class=\"block-text-principal\" >\n\n  <div class=\"block-principal-col\">\n\n\t\n\t\t  <div class=\"block-principal-highlight\">\n\t\t<p>The Vienna Ringstrasse is a unique artistic ensemble \u2013 a symbol of imperial splendour, urban elegance, and Vienna\u2019s cultural heritage.<\/p>\n\t  <\/div>\n\t\t\n\t\t\t<div class=\"block-principal-desc\">\n\t\t<p>Constructed between 1990 and 1993 by Wilhelm Holzbauer and Georg Lippert, the K\u00e4rntner-Ring-Hof fits seamlessly into this historic setting as a contemporary landmark and occupies a prominent position between the State Opera and K\u00e4rntner Strasse.<\/p>\n<p>Both architects are among the most influential figures in Austrian Modernism. Holzbauer stands for clean, timeless architecture as evidenced by projects including the Austrian National Bank building and Tech Gate Vienna while Lippert played a key role in defining modern working environments with designs like the Opernringhof and the Deutschmeisterpalais (OPEC).<\/p>\n\t\t<\/div>\n\t\t\n\t\t\n  <\/div>\n  \n\n<\/section>\n\n\n\n\n<style>\n\t\n\t\n\t.timeline {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center; \n\t\talign-items: center; \n\t\twidth: calc(100% - var(--space-2) - var(--space-2));\n\t\tmax-width: calc(var(--max-width) - var(--space-2) * 2);\n\t\tbackground: var(--bg-body);\n\t\tmargin: var(--space-8) auto;\n\t\tpadding: 0 var(--space-2);\n\t}\n\t\n\t.timeline::before {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\tright: 100%;\n\t\ttop: 0;\n\t\theight: 100%;\n\t\twidth: 25vw;\n\t\tbackground: var(--bg-body);\n\t}\n\t\n\t.timeline::after {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\tleft: 100%;\n\t\ttop: 0;\n\t\theight: 100%;\n\t\twidth: 25vw;\n\t\tbackground: var(--bg-body);\n\t}\n\t\n\t.timeline-wrapper {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t\ttext-align: center;\n\t\twidth: 100%;\n\t\tgap:var(--space-8);\n\t\tmargin-bottom: var(--space-8);\n\t\tmargin-bottom: -1px;\n\t}\n\t\n\t.timeline-wrapper {\n\t\topacity: 0;\n\t\ttransform: translateY(40px);\n\t}\n\t\n\t.timeline-wrapper:last-child {\n\t\tmargin-bottom: 0;\n\t}\n\t\n\t.timeline-wrapper:nth-child(even) {\n\t\tflex-direction: row-reverse;\n\t}\n\t\n\t.timeline-wrapper::before {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tbottom: 0;\n\t\tleft: 50%;\n\t\twidth: 1px; \n\t\tbackground: #fff;\n\t\ttransform: translateX(-50%);\n\t\theight: calc(100%);\n\t}\n\t\n\t.timeline-col {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: space-between;\n\t\ttext-align: center;\n\t\twidth: 50%;\n\t}\n\t\n\t.timeline-image-wrapper {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\toverflow: hidden;\n\t}\n\t\n\t.timeline-img-wrap {\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\tflex-direction: column;\n\t\tjustify-content: space-between;\n\t\ttext-align: center;\n\t\tmargin-bottom: var(--space-4);\n\t}\n\t\n\t.timeline-img-wrap::before {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\theight: 1px;\n\t\twidth: var(--space-4);\n\t\ttransform: translateY(-50%);\n\t\tbackground: #fff;\n\t}\n\t\n\t.timeline-wrapper:nth-child(even) .timeline-img-wrap::before { \n\t\tleft: 100%;\n\t}\n\n\t.timeline-wrapper:nth-child(odd) .timeline-img-wrap::before { \n\t\tright: 100%;\n\t}\n\t\n\t.timeline-year {\n\t\tfont-family: \"Roboto\", sans-serif;\n\t\tfont-family: 'Sawton Circular', sans-serif;\n\t\tfont-size: 96px;\n\t\tline-height: 23px;\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\ttransform: translateY(-50%);\n\t\tcolor: #fff;\n\t}\n\n\t.timeline-wrapper:nth-child(even) .timeline-year { \n\t\tleft: calc(100% + var(--space-4) + var(--space-4));\n\t}\n\t\n\t.timeline-wrapper:nth-child(odd) .timeline-year { \n\t\tright: calc(100% + var(--space-4) + var(--space-4));\n\t}\n\t\n\t.timeline .block-principal-col {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: space-between;\n\t\ttext-align: center;\n\t\twidth: 90%;\n\t\tmargin: 0 auto;\n\t}\n\n\t\n\t.timeline .block-principal-highlight {\n\t\tfont-family: \"Playfair Display\", serif;\n\t\tfont-family: \"OT Jubilee Diamond\", serif;\n\t\tfont-size: 24px;\n\t\tline-height: 30px;\n\t\tcolor: #fff;\n\t\tmargin-bottom: var(--space-2);\n\t\ttext-transform: uppercase;\n\t}\n\n\t.timeline .block-principal-desc {\n\t\tfont-family: \"Roboto\", sans-serif;\n\t\tfont-family: 'Sawton Circular', sans-serif;\n\t\tfont-size: 22px;\n\t\tline-height: 30px;\n\t\tcolor: #fff;\n\t\tmargin-bottom: 0;\n\t}\n\t\n\t.timeline .block-principal-desc p { \n\t\tmargin-bottom: var(--space-2);\n\t}\n\t\n\t.timeline .block-principal-desc p:last-of-type { \n\t\tmargin-bottom: 0;\n\t}\n\t\n\t.timeline {\n\t\t--timeline-line-opacity: 0.25;\n\t}\n\t\n\t.timeline::before {\n\t\topacity: var(--timeline-line-opacity);\n\t\ttransition: opacity 0.3s ease-out;\n\t}\n\t\n\t.timeline-year {\n\t\topacity: 0.35;\n\t\ttransform: translateY(-50%) scale(0.92);\n\t\ttransform-origin: center;\n\t\ttransition:\n\t\t\topacity 0.35s ease-out,\n\t\t\ttransform 0.35s ease-out;\n\t}\n\t\n\t.timeline-wrapper.timeline-active .timeline-year {\n\t\topacity: 1;\n\t\ttransform: translateY(-50%) scale(1.0);\n\t}\n\t\n\t.timeline-image-wrapper + span {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 100%;\n\t\tpadding: 5px;\n\t\tfont-family: \"Roboto\", sans-serif;\n\t\tfont-family: 'Sawton Circular', sans-serif;\n\t\tfont-size: 12px;\n\t\tline-height: 20px;\n\t\tcolor: #fff;\n\t\tpadding: 5px;\n\t\tbackground: #242628 ;\n\t}\n\t\n\t.timeline-image-wrapper:hover + span { \n\t\tdisplay: block;\n\t}\n\t\n\t.timeline-image-wrapper.left-padding + span {\n\t\tleft: 13%;\n\t}\n\t\n\n\tspan.credits {\n\t\tdisplay: none;\n\t}\n\n@media only screen and (max-width: 800px) { \n\t\n\t.timeline {\n\t\twidth: calc(100% - var(--space-1) - var(--space-1));\n\t\tmax-width: calc(var(--max-width) - var(--space-1) * 2);\n\t\tmargin: var(--space-4) auto;\n\t\tpadding: 0 var(--space-1);\n\t}\n\t\n\t.timeline-wrapper {\n\t\tflex-direction: column;\n\t\tgap: var(--space-2);\n\t\tmargin-bottom: var(--space-4);\n\t}\n\t\n\t.timeline-col {\n\t\twidth: 100%;\n\t\tgap: var(--space-2);\n\t}\n\t\n\t.timeline .block-principal-col {\n\t\twidth: 100%;\n\t}\n\t\n\t.timeline::before, .timeline-wrapper::before, .timeline-empty.timeline-col, .timeline-img-wrap::before { \n\t\tdisplay: none;\n\t}\n\t\n\t.timeline-img-wrap {\n\t\tmargin-top: 0;\n\t\tmargin-bottom: 0;\n\t\toverflow: hidden;\n\t}\n\t\n\t.timeline-year {\n\t\tfont-size: 50px;\n\t\tline-height: 50px;\n\t\tposition: relative;\n\t\ttop: 0;\n\t\tleft: 0 !important;\n\t\tright: 0 !important;\n\t\ttransform: none;\n\t\tmargin-bottom: var(--space-2);\n\t}\n\n\t.timeline .block-principal-highlight {\n\t\tfont-size: 22px;\n\t\tline-height: 33px;\n\t\tmargin-bottom: var(--space-2);\n\t}\n\t\n\t.timeline .block-principal-desc {\n\t\tfont-size: 15px;\n\t\tline-height: 25px;\n\t}\n\t\n\t.timeline-wrapper.timeline-active .timeline-year {\n\t\topacity: 1;\n\t\ttransform: translateY(0%) scale(1.0) !important;\n\t}\n\t\n\tspan.credits {\n\t\tposition: relative;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\tmargin-bottom: var(--space-2);\n\t\tmargin-top: calc(-1 * var(--space-2));\n\t\tpadding: 5px;\n\t\tfont-family: \"Roboto\", sans-serif;\n\t\tfont-family: 'Sawton Circular', sans-serif;\n\t\tfont-size: 12px;\n\t\tline-height: 20px;\n\t\tcolor: #fff;\n\t\tpadding: 5px;\n\t\tbackground: #242628;\n\t\tdisplay: block;\n\t\ttext-align: left;\n\t}\n\t\n\t.timeline-image-wrapper + span {\n\t\tdisplay: none;\n\t}\n\t\n\t\n\t.timeline-col.left-padding span.credits {\n\t\tleft: 13%;\n\t}\n\n}\n\t\n<\/style>\n\n<section class=\"timeline\" >\n\t\n\n\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"timeline-wrapper\">\n\t\t\t\t\n\t\t\t\t\t<div class=\"timeline-empty timeline-col\"><\/div>\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"timeline-col \">\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"timeline-img-wrap\">\n\t\t\t\t\t\t\t<p class=\"timeline-year\">\n\t\t\t\t\t\t\t\t1865\t\t\t\t\t\t\t<\/p>\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"timeline-image-wrapper \">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/derkaerntnerringhof.com\/wp-content\/uploads\/2025\/11\/history1.png\" alt=\"timeline image\" data-parallax \/>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<span><\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"block-principal-col\">\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<span class=\"credits\"><\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"block-principal-highlight\">\n\t\t\t\t\t\t\t\t<p>The magnificent Ringstrasse boulevard<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"block-principal-desc\">\n\t\t\t\t\t\t\t\t<p>The Vienna Ringstrasse is a unique artistic ensemble \u2013 a symbol of the cultural heritage and elegance of the city. Since its festive opening by Emperor Franz Joseph in 1865, the Ringstrasse has been regarded as one of the world\u2019s most splendid boulevards. It is an impressive combination of history, architecture, and urban flair.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"timeline-wrapper\">\n\t\t\t\t\n\t\t\t\t\t<div class=\"timeline-empty timeline-col\"><\/div>\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"timeline-col  left-padding\">\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"timeline-img-wrap\">\n\t\t\t\t\t\t\t<p class=\"timeline-year\">\n\t\t\t\t\t\t\t\t1990\t\t\t\t\t\t\t<\/p>\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"timeline-image-wrapper  left-padding\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/derkaerntnerringhof.com\/wp-content\/uploads\/2025\/12\/361-Firefly-Upscaler-4x-scale_v2.jpg\" alt=\"timeline image\" data-parallax \/>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<span>Photo credit: K\u00fcnstlerhaus archive<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"block-principal-col\">\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<span class=\"credits\">Photo credit: K\u00fcnstlerhaus archive<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"block-principal-highlight\">\n\t\t\t\t\t\t\t\t<p>Georg Lippert<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"block-principal-desc\">\n\t\t\t\t\t\t\t\t<p>Georg Lippert (\u20201992) shaped the spirit of the 1960s with his visionary administrative buildings, creating icons of modern working environments. His work unites efficiency, elegance, and international architectural standards.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"timeline-wrapper\">\n\t\t\t\t\n\t\t\t\t\t<div class=\"timeline-empty timeline-col\"><\/div>\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"timeline-col \">\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"timeline-img-wrap\">\n\t\t\t\t\t\t\t<p class=\"timeline-year\">\n\t\t\t\t\t\t\t\t1990\t\t\t\t\t\t\t<\/p>\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"timeline-image-wrapper \">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/derkaerntnerringhof.com\/wp-content\/uploads\/2025\/12\/Architect_Wilhelm_Holzbauer_Bestanddeelnr_931-7034_v2.jpg\" alt=\"timeline image\" data-parallax \/>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<span>Photo credit: Dijk, Hans van \/ Anefo<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"block-principal-col\">\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<span class=\"credits\">Photo credit: Dijk, Hans van \/ Anefo<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"block-principal-highlight\">\n\t\t\t\t\t\t\t\t<p>Wilhelm Holzbauer<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"block-principal-desc\">\n\t\t\t\t\t\t\t\t<p>Wilhelm Holzbauer (\u20202019) is one of Austria\u2019s most influential architects of the 20th century. His award-winning architecture blends tradition and modernity in timeless harmony and defines the Vienna cityscape to this day.<br \/>\nWith his visionary power, he created spaces that persist over generations \u2013 a legacy of lasting elegance and cultural importance.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"timeline-wrapper\">\n\t\t\t\t\n\t\t\t\t\t<div class=\"timeline-empty timeline-col\"><\/div>\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"timeline-col \">\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"timeline-img-wrap\">\n\t\t\t\t\t\t\t<p class=\"timeline-year\">\n\t\t\t\t\t\t\t\t2026\t\t\t\t\t\t\t<\/p>\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"timeline-image-wrapper \">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/derkaerntnerringhof.com\/wp-content\/uploads\/2025\/12\/16-04-04_exterior-1_d4_1.jpg\" alt=\"timeline image\" data-parallax \/>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<span><\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"block-principal-col\">\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<span class=\"credits\"><\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"block-principal-highlight\">\n\t\t\t\t\t\t\t\t<p>The K\u00e4rntner-Ring-Hof \u2013 architecture with vision<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"block-principal-desc\">\n\t\t\t\t\t\t\t\t<p>The K\u00e4rntner-Ring-Hof is currently undergoing comprehensive revitalisation and is being updated to meet the \u00d6GNI Gold Standard. This modernisation is enhancing the architectural quality of the building, improving energy efficiency and user comfort, and is making the landmark ready to meet the requirements of modern urban development.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\n\n\t\n\t\n\n\n  \n\n<\/section>\n\n\n\n\n\n<style>\n\t\n\t\n\t.block-text-principal {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center; \n\t\talign-items: center; \n\t\tmax-width: calc(var(--max-width) - var(--space-2) * 2);\n\t\twidth: calc(100% - var(--space-2) - var(--space-2));\n\t\tbackground: var(--bg-body);\n\t\tmargin: var(--space-8) auto;\n\t}\n\t\n\t.block-text-principal::before {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\tright: 100%;\n\t\ttop: 0;\n\t\theight: 100%;\n\t\twidth: 25vw;\n\t\tbackground: var(--bg-body);\n\t}\n\t\n\t.block-text-principal::after {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\tleft: 100%;\n\t\ttop: 0;\n\t\theight: 100%;\n\t\twidth: 25vw;\n\t\tbackground: var(--bg-body);\n\t}\n\t\n\t.block-principal-col {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: space-between;\n\t\ttext-align: center;\n\t\twidth: 70%;\n\t\tmax-width: calc(1800 - 100px - 100px);\n\t\tz-index: 2;\n\t}\n\n\t.block-principal-section {\n\t\tfont-family: \"Roboto\", sans-serif;\n\t\tfont-family: 'Sawton Circular', sans-serif;\n\t\tfont-size: 18px;\n\t\tline-height: 18px;\n\t\tcolor: #fff;\n\t\tmargin-bottom: var(--space-1);\n\t\ttext-transform: uppercase;\n\t}\n\t\n\t.block-principal-highlight {\n\t\tfont-family: \"Playfair Display\", serif;\n\t\tfont-family: \"OT Jubilee Diamond\", serif;\n\t\tfont-size: 43px;\n\t\tline-height: 53px;\n\t\tcolor: #fff;\n\t\tmargin-bottom: var(--space-2);\n\t\ttext-transform: uppercase;\n\t}\n\n\t.block-principal-desc {\n\t\tfont-family: \"Roboto\", sans-serif;\n\t\tfont-family: 'Sawton Circular', sans-serif;\n\t\tfont-size: 22px;\n\t\tline-height: 30px;\n\t\tcolor: #fff;\n\t\tmargin-bottom: var(--space-2);\n\t}\n\t\n\t.block-principal-desc p { \n\t\tmargin-bottom: var(--space-2);\n\t}\n\t\n\t.block-principal-desc p:last-of-type { \n\t\tmargin-bottom: 0;\n\t}\n\t\n\t.block-text-principal a {\n\t\tfont-family: \"Roboto\", sans-serif;\n\t\tfont-family: 'Sawton Circular', sans-serif;\n\t\tfont-size: 18px;\n\t\tline-height: 30px;\n\t\tcolor: #fff;\n\t}\n\t\n\t.block-text-principal .block-principal-desc a { \n\t\tfont-size: 22px;\n\t\tline-height: 30px;\n\t\ttext-decoration: underline;\n\t}\n\t\n\t.block-principal-desc ul {\n\t\tdisplay: inline-block;\n\t\ttext-align: left;\n\t\tmargin: var(--space-2) 0;  \t\t\n\t\tmargin: var(--space-2) 0;\n\t\tlist-style-type: disc;\n\t\tlist-style: disc;\n\t\tlist-style-position: inherit;\n\t}\n\t\n\t.block-principal-desc ul li {\n\t\tcolor: #fff;\n\t\tmargin-bottom: 10px; \n\t\tpadding-inline-start: 0.2em;     \n\t}\n\t\n\n\t\n\t\/* .block-principal-desc ul {\n\t\ttext-align: left;\n\t\twidth: 100%;  \n\t\tpadding-left: 0;\n\t}\n\t\n\t.block-principal-desc p:has(> strong) {\n\t\tmargin-bottom: 10px;\n\t\ttext-align: left;\n\t} *\/\n\t\n\t.block-principal-desc p:has(> strong) {\n\t\tmargin-bottom: 10px;\n\t\tmargin-left: -92px;\n\t\n\t}\n\t\n\t.block-principal-desc p:has(> strong) + ul {\n\t\tmargin-top: 0;\n\t}\n\t\n\t.block-principal-col > *:last-child {\n\t\tmargin-bottom: 0;\n\t}\n\t\n\t.page-datenschutz .block-principal-desc, .page-cookies .block-principal-desc, .page-impressum .block-principal-desc, .page-privacy-policy .block-principal-desc, .page-cookies .block-principal-desc, .page-imprint .block-principal-desc   {\n\t\ttext-align: left;\n\t}\n\t\n\t.page-datenschutz .block-principal-desc p:has(> strong), .page-cookies .block-principal-desc p:has(> strong), .page-impressum .block-principal-desc p:has(> strong), .page-privacy-policy .block-principal-desc p:has(> strong), .page-cookies .block-principal-desc p:has(> strong), .page-imprint .block-principal-desc p:has(> strong) {\n\t\tmargin-left: 0;\n\t\tmargin-bottom: var(--space-2);\n\t}\n\t\n\n@media only screen and (max-width: 800px) { \n\t\n\t.block-text-principal {\n\t\tmax-width: calc(var(--max-width) - var(--space-1) * 2);\n\t\twidth: calc(100% - var(--space-1) - var(--space-1));\n\t\tbackground: var(--bg-body);\n\t\tmargin: var(--space-4) auto;\n\t}\n\t\n\t.block-principal-col {\n\t\twidth: 100%;\n\t}\n\t\n\t.block-principal-highlight {\n\t\tfont-size: 22px;\n\t\tline-height: 33px;\n\t}\n\t\n\t.block-principal-desc {\n\t\tfont-size: 15px;\n\t\tline-height: 25px;\n\t}\n\t\n\t.block-text-principal a {\n\t\tfont-size: 17px;\n\t\tline-height: 30px;\n\t}\n\t\n\t.block-text-principal .block-principal-desc a { \n\t\tfont-size: 15px;\n\t\tline-height: 25px;\n\t\ttext-decoration: underline;\n\t}\n\t\n}\n\t\n<\/style>\n\n<section class=\"block-text-principal\" >\n\n  <div class=\"block-principal-col\">\n\n\t\n\t\t  <div class=\"block-principal-highlight\">\n\t\t<p>Imperial history \u2013 modern urban lifestyle<\/p>\n\t  <\/div>\n\t\t\n\t\t\t<div class=\"block-principal-desc\">\n\t\t<p>The Vienna Ringstrasse embodies the unique combination of imperial culture and bourgeois elegance to this very day. The splendour of imperial Vienna melds with the architecture of the Belle \u00c9poque to form and impressive artistic ensemble.\u2028A place where history and contemporary urban life meet in perfect harmony.<\/p>\n\t\t<\/div>\n\t\t\n\t\t\n  <\/div>\n  \n\n<\/section>\n\n\n\n<style>\n  \n  .before-after-wrap  {\n    background: var(--bg-body);\n    overflow: hidden;\n    width: calc(100% - var(--space-2) - var(--space-2));\n    max-width: calc(var(--max-width) - var(--space-2) - var(--space-2));\n    padding-left: var(--space-2);\n    padding-right: var(--space-2);\n    margin: var(--space-8) auto;\n  }\n    \n  .before-after {\n    position: relative;\n    overflow: hidden;\n    box-sizing: border-box;\n    width: 100%;\n    min-height: 80dvh;\n  }\n  \n  .before-after .ba-after,\n  .before-after .ba-before {\n    position: absolute;\n    inset: 0;                 \n    background-size: cover;\n    background-position: center center;\n    background-repeat: no-repeat;\n  }\n  \n  .before-after .ba-before {\n    background-image: url('https:\/\/derkaerntnerringhof.com\/wp-content\/uploads\/2025\/11\/Before.png');\n    clip-path: inset(0 50% 0 0);\n  }\n  \n  .before-after.ba-vertical .ba-before {\n    clip-path: inset(0 0 50% 0);  \n  }\n  \n  .before-after .ba-after {\n    background-image: url('https:\/\/derkaerntnerringhof.com\/wp-content\/uploads\/2025\/11\/After.png');\n  }\n  \n  .before-after .ba-handle {\n    position: absolute;\n    z-index: 2;\n    background: rgba(255,255,255,0.8);\n    border: 2px solid #fff;\n    border-radius: 50%;\n    width: 32px;\n    height: 32px;\n    cursor: ew-resize;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%,-50%);\n  }\n  \n  .before-after.ba-vertical .ba-handle {\n    cursor: ns-resize;\n  }\n  \n  .before-after.ba-horizontal .ba-before {\n    clip-path: inset(0 50% 0 0);\n  }\n  .before-after.ba-vertical .ba-before {\n    clip-path: inset(0 0 50% 0);\n  }\n  \n  .before-after.ba-horizontal .ba-handle::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 50%;\n    background: white;\n    z-index: 1;\n    width: 1px;\n    height: 100vh;\n    transform: translateY(-50%);\n  }\n  \n  .before-after.ba-vertical .ba-handle::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 50%;\n    height: 1px;\n    background: white;\n    z-index: 1;\n    width: 100vw;\n    transform: translateX(-50%);\n  }\n  \n  .before-after, .before-after * {\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    -webkit-user-drag: none;\n    user-drag: none;\n  }\n  \n  .before-after .ba-handle {\n    touch-action: none;\n  }\n  \n  .handle-arrow {\n    position: absolute;\n    width: 12px;\n    height: 7px;\n    z-index: 11;\n    left: 50%;\n    transform: translateX(-50%);\n    pointer-events: none;\n    margin-left: 0.5px;\n  }\n  \n  .handle-arrow.top-arrow { \n    top: 4px;\n  }\n  \n  .handle-arrow.bottom-arrow { \n    bottom: 4px;\n    transform: rotate(180deg) translateX(50%);\n  }  \n  \n  .before-after.ba-horizontal .handle-arrow.top-arrow  {\n    top: 50%;\n    left: 2px;\n    transform: rotate(-90deg) translate(25%,5%);\n  }\n  \n  .before-after.ba-horizontal .handle-arrow.bottom-arrow  {\n    top: 50%;\n    right: 2px;\n    transform: rotate(90deg) translate(-25%,-26%);\n  }\n  \n  \n  @media only screen and (max-width: 800px) { \n\n    .before-after-wrap  {\n      width: calc(100% - var(--space-1) - var(--space-1));\n      max-width: calc(var(--max-width) - var(--space-1) - var(--space-1));\n      padding-left: var(--space-1);\n      padding-right: var(--space-1);\n      margin: var(--space-4) auto;\n    }\n    \n    .before-after {\n      min-height: 33dvh;\n    }\n    \n    .before-after .ba-after, .before-after .ba-before {\n      background-position: center right;\n    }\n  \n  }\n  \n\n  \n<\/style>\n\n\n<div class=\"before-after-wrap\">\n\n  <div class=\"before-after ba-horizontal\">\n    \n    <div class=\"ba-after\"><\/div>\n    <div class=\"ba-before\"><\/div>\n    <div class=\"ba-handle\">\n      <img decoding=\"async\" class=\"handle-arrow top-arrow\" src=\"https:\/\/derkaerntnerringhof.com\/wp-content\/themes\/karntnerringhof\/images\/arrow.svg\" alt=\"handle arrow\" \/>\n      <img decoding=\"async\" class=\"handle-arrow bottom-arrow\" src=\"https:\/\/derkaerntnerringhof.com\/wp-content\/themes\/karntnerringhof\/images\/arrow.svg\" alt=\"handle arrow\" \/>\n    <\/div>\n    \n  <\/div>\n\n<\/div>\n\n<script>\n;(function(){\n  document.querySelectorAll('.before-after').forEach(initBA);\n\n  function initBA(ba){\n    const handle = ba.querySelector('.ba-handle');\n    const before = ba.querySelector('.ba-before');\n    let dragging = false;\n    const isV = ba.classList.contains('ba-vertical');\n\n    ba.style.touchAction = 'none';\n\n    handle.addEventListener('pointerdown', e => {\n      e.preventDefault();\n      dragging = true;\n      handle.setPointerCapture(e.pointerId);\n    });\n\n    handle.addEventListener('pointerup', e => {\n      dragging = false;\n      handle.releasePointerCapture(e.pointerId);\n    });\n\n    handle.addEventListener('pointermove', e => {\n      if (!dragging) return;\n      const r = ba.getBoundingClientRect();\n      let pct;\n      if (isV) {\n        pct = (e.clientY - r.top) \/ r.height * 100;\n        pct = Math.min(100, Math.max(0, pct));\n        before.style.clipPath = `inset(0 0 ${100 - pct}% 0)`;\n        handle.style.top = pct + '%';\n      } else {\n        pct = (e.clientX - r.left) \/ r.width * 100;\n        pct = Math.min(100, Math.max(0, pct));\n        before.style.clipPath = `inset(0 ${100 - pct}% 0 0)`;\n        handle.style.left = pct + '%';\n      }\n    });\n\n    ba.addEventListener('pointerleave', () => dragging = false);\n  }\n})();\n<\/script>\n\n\n\n\n\n\n\n<style>\n  \n  #tcc_6a5a29700964c {\n    position: relative;\n    \/* width: calc(100% - var(--space-2) * 2); *\/\n    max-width: calc(var(--max-width) - var(--space-2) * 2);\n    padding: var(--space-2) var(--space-2);\n    margin: var(--space-8) auto;\n    display: flex;\n    justify-content: space-between;\n    gap: var(--space-3);\n    background: var(--bg-header);\n  }\n  \n  #tcc_6a5a29700964c::before,\n  #tcc_6a5a29700964c::after {\n    content: \"\";\n    position: absolute;\n    top: 0; \n    height: 100%; \n    width: 25vw;\n    background: var(--bg-header);\n  }\n  \n  #tcc_6a5a29700964c::before { right: 100%; }\n  #tcc_6a5a29700964c::after  { left: 100%;  }\n  \n  #tcc_6a5a29700964c .tcc-image-wrapper { \n    flex: 1;\n    width: 50%;\n    overflow: hidden;\n  }\n  \n  #tcc_6a5a29700964c .tcc-image {\n    width: 100%;\n    height: 100%;\n    background: url('https:\/\/derkaerntnerringhof.com\/wp-content\/uploads\/2025\/11\/exterior_1b_1.jpg');\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: center center;    \n  }\n  \n  #tcc_6a5a29700964c .tcc-content {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    width: 50%;\n  }\n  \n  #tcc_6a5a29700964c .block-principal-highlight { \n    margin-bottom: var(--space-2); \n  }\n  \n  \n  #tcc_6a5a29700964c .block-principal-col {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    text-align: center;\n    width: 100%;\n    z-index: 2;\n    padding: var(--space-4) 0;\n  }\n  \n\n  \n  .tcs-content .block-principal-highlight {\n    font-family: \"Playfair Display\", serif;\n    font-family: \"OT Jubilee Diamond\", serif;\n    font-size: 40px;\n    line-height: 46px;\n    color: #fff;\n    margin-bottom: var(--space-4);\n  }\n  \n  .cf7-two-cols {\n    display: flex;\n    gap:  var(--space-2);\n  }\n  .cf7-two-cols .cf7-col {\n    flex: 1;\n  }\n  \n  .cf7-submit-wrap {\n    text-align: center;\n    margin-top:  var(--space-6);\n  }\n\n  \n  .wpcf7-form .wpcf7-submit, .wpcf7-form .wpcf7-submit:hover  {\n    background: #fff;\n    border-radius: 52px;\n    cursor: pointer;\n    font-family: \"Roboto\", sans-serif;\n    font-family: 'Sawton Circular', sans-serif;\n    font-size: 24px;\n    line-height: 27px;\n    color: #000;\n    border: 1px solid #fff;\n    text-shadow: none;\n    margin-bottom: 0;\n    background: #fff;\n    border-radius: 52px;\n    padding: 11px 58px;\n    cursor: pointer;\n    font-weight: 400;\n    text-shadow: none;\n    transition: all 0.2s ease;\n  }\n  \n  .wpcf7-form .wpcf7-submit:hover  {\n    border: 1px solid #fff;\n    background: transparent;\n    color: #fff;\n  }\n  \n  \n  .hero-section + style + .tcc-wrapper,  .page-kontakt .hero-section + style + .block-text-principal {\n    margin-top: 0 !important;\n  }\n  \n    \n@media only screen and (max-width: 800px) {    \n\n  #tcc_6a5a29700964c {\n    max-width: calc(var(--max-width) - var(--space-1) * 2);\n    padding: var(--space-2) var(--space-1);\n    padding-bottom: 0;\n    margin: var(--space-4) auto;\n    display: flex;\n    justify-content: space-between;\n    gap: var(--space-3);\n    flex-direction: column;\n  }\n\n  #tcc_6a5a29700964c .tcc-image {\n    flex: 1;\n    width: 100%;\n    min-height: 100vw;\n  }\n  \n  #tcc_6a5a29700964c .tcc-content, #tcc_6a5a29700964c .tcc-image-wrapper {\n    width: 100%;\n  }\n  \n  #tcc_6a5a29700964c .block-principal-highlight { \n    margin-bottom: var(--space-2); \n  }\n  \n  \n  #tcc_6a5a29700964c .block-principal-col {\n    padding: var(--space-1) 0;\n    padding-bottom: var(--space-2);\n  }\n  \n  \n  .tcs-content .block-principal-highlight {\n    font-family: \"Playfair Display\", serif;\n    font-family: \"OT Jubilee Diamond\", serif;\n    font-size: 22px;\n    line-height: 29px;\n    color: #fff;\n    margin-bottom: var(--space-4);\n  }\n  \n  .wpcf7-form .wpcf7-submit, .wpcf7-form .wpcf7-submit:hover  {\n    padding: 10px 15px;\n    font-size: 15px;\n    line-height: 18px;\n  }\n  \n  .cf7-submit-wrap {\n    margin-top:  var(--space-4);\n  }\n  \n  .cf7-two-cols {\n    gap: 0;\n    flex-direction: column;\n  }\n  \n  .hero-section + style + .tcc-wrapper {\n    margin: var(--space-4) auto !important;\n  }\n  \n}  \n  \n  \n  \n<\/style> \n  \n<section id=\"tcc_6a5a29700964c\" class=\"tcc-wrapper\">\n  \n  <div class=\"tcc-image-wrapper\">\n    <div class=\"tcc-image\" data-parallax ><\/div>\n  <\/div>\n  \n  <div class=\"tcc-content\">\n    \n    <div class=\"block-principal-col\">\n    \n\n    \n          <div class=\"block-principal-highlight\">\n      <p>CONTACT<\/p>\n      <\/div>\n        \n    \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f1141-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"1141\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/992#wpcf7-f1141-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"1141\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1141-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"cf7-two-cols\">\n\t<p class=\"cf7-col\"><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"first-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"First Name\" value=\"\" type=\"text\" name=\"first-name\" \/><\/span>\n\t<\/p>\n\t<p class=\"cf7-col\"><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"last-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Last Name\" value=\"\" type=\"text\" name=\"last-name\" \/><\/span>\n\t<\/p>\n<\/div>\n<p><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Email\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n<\/p>\n<p><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Message\" name=\"your-message\"><\/textarea><\/span>\n<\/p>\n<p class=\"cf7-submit-wrap\"><br \/>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner cf7-button\" type=\"submit\" value=\"Send\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n    \n    <\/div>\n    \n    \n  <\/div>\n  \n\n<\/section>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-992","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/derkaerntnerringhof.com\/en\/wp-json\/wp\/v2\/pages\/992","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/derkaerntnerringhof.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/derkaerntnerringhof.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/derkaerntnerringhof.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/derkaerntnerringhof.com\/en\/wp-json\/wp\/v2\/comments?post=992"}],"version-history":[{"count":1,"href":"https:\/\/derkaerntnerringhof.com\/en\/wp-json\/wp\/v2\/pages\/992\/revisions"}],"predecessor-version":[{"id":1005,"href":"https:\/\/derkaerntnerringhof.com\/en\/wp-json\/wp\/v2\/pages\/992\/revisions\/1005"}],"wp:attachment":[{"href":"https:\/\/derkaerntnerringhof.com\/en\/wp-json\/wp\/v2\/media?parent=992"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}