/* @license GNU-GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.ui-dialog{position:fixed;background:#fff;width:100% !important;height:100% !important;max-width:100% !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) scale(0);z-index:999999999 !important;opacity:0;transition:transform 0.5s,opacity 0.5s;border:0 !important;border-radius:0 !important;font-family:"Metrisch",sans-serif;}.ui-dialog.show{transform:translate(-50%,-50%) scale(1);opacity:1;}.ui-dialog::before{content:'';width:100%;height:100px;background:linear-gradient(to top,#ffffff,rgba(255,255,255,0));position:absolute;bottom:0;left:0;z-index:50;}.ui-dialog .ui-dialog-titlebar{position:absolute !important;bottom:30px;left:50%;z-index:99;transform:translateX(-50%);background:none !important;border:0 !important;padding:0 !important;}.ui-dialog .ui-dialog-titlebar .ui-dialog-title{display:none;}.ui-dialog .ui-dialog-titlebar .ui-button{font-size:0 !important;border:0;padding:0;background:#14212e;border-radius:50%;outline:none;width:50px;height:50px;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);color:#ffffff;cursor:pointer;transition:background-color 0.5s;right:auto !important;left:auto !important;margin:0 !important;top:auto !important;transform:none !important;position:relative !important;opacity:1 !important;}.ui-dialog .ui-dialog-titlebar .ui-button .ui-button-icon,.ui-dialog .ui-dialog-titlebar .ui-button .ui-button-icon-space{display:none !important;}.ui-dialog .ui-dialog-titlebar .ui-button:before{font-family:'icomoon' !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e902";font-size:20px;}.ui-dialog .ui-dialog-titlebar .ui-button:hover{background:#dd2091;}.ui-dialog.overlay-html .overlay-content-wrapper{margin:0 7vw;}.ui-dialog.overlay-html .overlay-content-wrapper .ueber-mich-wrapper{display:flex;flex-direction:column;}.ui-dialog.overlay-html .overlay-content-wrapper .ueber-mich-wrapper .h1{order:1;}.ui-dialog.overlay-html .overlay-content-wrapper .ueber-mich-wrapper .image{order:2;margin-bottom:50px;}.ui-dialog.overlay-html .overlay-content-wrapper .ueber-mich-wrapper .text{order:3;}.ui-dialog .ui-dialog-content{padding:10vw 0 calc(80px + 7vw) 0 !important;overflow:hidden;overflow-y:auto;height:100% !important;max-height:100% !important;min-height:0 !important;border:0 !important;background:none !important;color:inherit !important;}.ui-dialog .ui-dialog-content article{padding:0 !important;}.ui-dialog .ui-dialog-buttonpane{display:none !important;}@media screen and (min-width:768px){.ui-dialog.overlay-html .overlay-content-wrapper .ueber-mich-wrapper .image{width:50%;}}@media screen and (min-width:1024px){.ui-dialog{width:calc(100% - 14vw) !important;height:calc(100% - 100px) !important;}.ui-dialog .ui-dialog-content{padding:50px 50px 120px 50px !important;}.ui-dialog.leistung .ui-dialog-content{position:static;}.ui-dialog.leistung .ui-dialog-content #node-leistung{position:static;}.ui-dialog.leistung .ui-dialog-content #node-leistung #leistung{position:static;}.ui-dialog.leistung .ui-dialog-content #node-leistung #leistung .section{position:static;padding-left:40%;}.ui-dialog.leistung .ui-dialog-content #node-leistung #leistung .section .image{position:absolute;top:0;left:0;height:100%;width:40%;z-index:60;}.ui-dialog.leistung .ui-dialog-content #node-leistung #leistung .section .image picture{height:100%;width:100%;}.ui-dialog.leistung .ui-dialog-content #node-leistung #leistung .section .image picture img{height:100%;width:100%;object-fit:cover;}.ui-dialog.overlay-html .ui-dialog-content{position:static;}.ui-dialog.overlay-html .ui-dialog-content .overlay-content-wrapper{position:static;}.ui-dialog.overlay-html .ui-dialog-content .overlay-content-wrapper .ueber-mich-wrapper{position:static;padding-left:45%;}.ui-dialog.overlay-html .ui-dialog-content .overlay-content-wrapper .ueber-mich-wrapper .image{position:absolute;top:0;left:0;width:40%;height:auto;max-height:100%;z-index:50;height:100%;}.ui-dialog.overlay-html .ui-dialog-content .overlay-content-wrapper .ueber-mich-wrapper .image picture{max-height:100%;width:auto;height:100%;}.ui-dialog.overlay-html .ui-dialog-content .overlay-content-wrapper .ueber-mich-wrapper .image picture img{max-height:100%;height:auto;width:auto;}}@media screen and (min-width:1440px){.ui-dialog{height:auto !important;max-height:90vh !important;}.ui-dialog .ui-dialog-titlebar{bottom:auto;left:auto;top:30px;right:30px;transform:none;}.ui-dialog .ui-dialog-titlebar .ui-button{background:none !important;box-shadow:none;border-radius:0;color:#000000;transition:color 0.5s;}.ui-dialog .ui-dialog-titlebar .ui-button:before{font-size:25px;}.ui-dialog .ui-dialog-titlebar .ui-button:hover{color:#14212e;}.ui-dialog .ui-dialog-content{padding:100px 7vw !important;max-height:90vh !important;}}@media screen and (min-width:1920px){.ui-dialog{width:1580px !important;}.ui-dialog .ui-dialog-content{padding:100px 100px !important;max-height:90vh !important;}.ui-dialog .ui-dialog-content .section{width:auto !important;}.ui-dialog.overlay-html .ui-dialog-content .overlay-content-wrapper{margin:0 100px;}.ui-dialog.leistung .ui-dialog-content #node-leistung #leistung .section{padding-left:45%;}}.ui-widget-overlay{position:fixed;background:#14212e;width:100%;height:100%;top:0;left:0;opacity:0.9;z-index:999999998 !important;cursor:pointer;}.overlay-content{display:none !important;}
body.page-node-type-ueber-mich{padding-top:0 !important;}body.page-node-type-ueber-mich #node-ueber_mich{padding-top:150px;}#node-ueber_mich{padding:100px 0;position:relative;z-index:20;}#node-ueber_mich #ueber_mich .section{display:flex;flex-direction:column;margin-bottom:50px;padding-bottom:50px;border-bottom:1px solid #5b646d;}#node-ueber_mich #ueber_mich .section .h1{order:1;}#node-ueber_mich #ueber_mich .section .image{order:2;margin-bottom:50px;}#node-ueber_mich #ueber_mich .section .text{order:3;font-size:var(--font-size-h3);line-height:var(--line-height-h3);margin-bottom:50px;}#node-ueber_mich #ueber_mich .section .overlay-parent{order:4;}#node-ueber_mich #ueber_mich .section .overlay-parent .overlay{width:auto;}#node-ueber_mich #referenzen .h3{font-weight:400;}#node-ueber_mich #referenzen .text{margin-bottom:50px;}#node-ueber_mich #referenzen .button-wrapper .button{width:auto;}
