body, button, input, select, optgroup, textarea { color: #50645f; font-family: 'Montserat', sans-serif; font-size: 1em; line-height: 1.5; } h1.big-title, h1, h2, h3, h4, h5, h6 { color: #50645f; font-weight: unset; } h1 { font-size: 3em; line-height: 1.5em; letter-spacing: -0.06em; } h4 { font-size: 1.1em; line-height: 1.4em; letter-spacing: -0.025em; } h1, h2, h3, h4, h5, h6 { margin: unset; } .post-password-form { padding: 50px; } .post-password-form label { display: block; background: #B69377; margin-bottom: 11px; color: #fff; cursor: pointer; } .DisplayNone { display:none !important; } .clear-both { clear:both; } .AutoHyphens { hyphens: auto !important; text-align:justify; } .txtcenter .text-wrapper { text-align:center; } .BGColorLight .text-wrapper { background-color: #b693775c; } .NoAutoHyphens,  .NoAutoHyphens .text-wrapper { hyphens: unset; } .NoTitleMargin,  .NoAutoHyphens .text-wrapper { hyphens: unset; } .alioth-page-transitions.light .trans-text,  .alioth-page-transitions.light .trans-text .trans_char { color: #79624eeb !important; } .alioth-page-transitions.light .apt-bg { background: #b69377f5; } .plyr__video-wrapper { background: #ffffff; } .ss1-images .ss1-image-wrap img { -webkit-mask-image: linear-gradient(to left, #fff0 10px, #ffffff7a, #fff); mask-image: linear-gradient(to left, #fff0 10px, #ffffff7a, #fff); } .ss1-images .ss1-image-wrap video { -webkit-mask-image: linear-gradient(to left, #fff0 17%, #fff, #fff); mask-image: linear-gradient(to left, #fff0 17%, #fff, #fff); } .ss1-details { left: -65% !important; width: 170% !important; } .ss1-details .ss1-title .st-line .tl-wrap { text-align: right; } .ss1-dots.swiper-pagination-bullets { left: 9%; right: unset !important; } .ss1-dots.swiper-pagination-bullets span { margin-bottom: 2em !important; } .ss1-button { border-radius: 30px !important; background: #b69377c2 !important; } .ss1-button a { color: #50645F !important; padding: 11px 40px !important; } @media (min-width: 450px) and (max-width: 900px) { .ss1-details { left: -35% !important; } } @media only screen and (max-width: 450px) { .ss1-images .ss1-image-wrap img,  .ss1-images .ss1-image-wrap .showcase-video { -webkit-mask-image: unset; mask-image: unset; } .showcase-slideshow-wrapper .ss1-title .st-line .tl-wrap { pointer-events: auto !important; } .ss1-details { top: 40%; left: 0% !important; width: 100% !important; } .ss1-details .ss1-title .st-line .tl-wrap { text-align: unset; } .ss1-met-wrap { width: 80%; text-align: right; } .ss1-dots.swiper-pagination-bullets span { margin-bottom: 0.7em !important; font-size: 1.25em; } .ss1-title { font-size: 2.3em !important; line-height: 1.1em !important; } .ss1-title.so_large12_origpagetitle,  .ss1-title.so_large12_BTXgegen_origpagetitle { padding: 0% 12%; } .ss1-title.so_large14_origpagetitle,  .ss1-title.so_large14_BTXgegen_origpagetitle { padding: 0% 14%; } .ss1-summary_sO.mobileview.so_large14_origpagetitle,  .ss1-summary_sO.mobileview.so_large12_BTXgegen_origpagetitle,  .ss1-summary_sO.mobileview.so_large14_BTXgegen_origpagetitle { text-align:center; } .ss1-summary_sO.mobileview.so_large12_BTXgegen_origpagetitle,  .ss1-summary_sO.mobileview.so_large14_BTXgegen_origpagetitle { width: 74%; } .showcase-slideshow-wrapper { background: rgb(255,255,255); background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 45%, rgba(255,255,255,0.8) 60%, rgba(255,255,255,0.3) 75%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 45%, rgba(255,255,255,0.8) 60%, rgba(255,255,255,0.3) 75%, rgba(255,255,255,0) 100%); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 45%, rgba(255,255,255,0.8) 60%, rgba(255,255,255,0.3) 75%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); } } .wrapper-fuller { margin-bottom: 0px; } .fw-projects { line-height: 2rem; } .fw-project::after { margin: 0px 0px 0px 10px; } .fw-images { position: absolute;  } .fullscreen_menu.menu-has-open::before { height: 1000% !important; } .fullscreen_menu::before { background: #b69377f2 !important; } .site-navigation.fullscreen .menu.main-menu { left: 4%; } .site-navigation.fullscreen ul.ulcol { column-gap: 0.8em; } .site-navigation.fullscreen ul ul li { padding: 0px 0px 0px 0px; } .site-header.dark.sticked { background-color: transparent; background-image: linear-gradient(90deg, #b6937700 50%, #b69377a1 100%); } .site-header.dark.sticked .header-widgets { top: -3px; } .site-branding { left: 3%; } .header-widgets { top: 10px; } .header-cta-but a { font-size: 1.5em; font-weight: 500; letter-spacing: 0.005em; color:#b69377 !important; } .header-widget-sO_CUSTOMIZED_header_socials { display: block !important; float: left; margin: 0% 30px; } .header-widget-sO_CUSTOMIZED_header_socials .social-icons { list-style: none; margin: 0; padding: 0; display: inline-block; } .header-widget-sO_CUSTOMIZED_header_socials .social-icons li { display: inline-block; margin-right: 10px; } .header-widget-sO_CUSTOMIZED_header_socials .social-icons li:last-child { margin-right: 0; } .header-widget-sO_CUSTOMIZED_header_socials .social-icons a,  .site-header.dark.sticked .header-widget-sO_CUSTOMIZED_header_socials .social-icons a { color: rgba(182,147,119,0.6) !important; display: block; text-decoration: none; } .site-header.dark.sticked .header-widget-sO_CUSTOMIZED_header_socials .social-icons a, .site-header.dark.sticked .header-cta-but a { color: #50645f !important; } .header-widget-sO_CUSTOMIZED_header_socials .social-icons i { font-size: 20px; transition: all .2s linear; } .header-widget-sO_CUSTOMIZED_header_socials .social-icons i:hover { color:#50645f; transform: scale(1.2); transition: all 0.3s ease; } .menu-toggle { top:3%; left: 15%; } .menu-toggle::after { content: "MENÜ"; position: absolute; top: 33px; left: 2px; } .menu-toggle.is-active::after { content: "CLOSE"; left: 1px; } @media only screen and (max-width: 900px) and (min-width: 601px) { .menu-toggle { left: 20% !important; width: 8%; height: 6%; } } @media only screen and (max-width: 600px) { .menu-toggle { left: 30% !important; right: 0; width: 14%; height: 10%; } } .toggle-line { height: 5px; } .menu-toggle.is-active .toggle-line { height: 2px; } .sub-back { top: -9%; left: 30%; font-size: 6em; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .sub-back { top: -5%; left: 24%; } } @media only screen and (max-width: 900px) and (min-width: 601px) { .sub-back { top: 0%; left: 30% !important; font-size: 5em !important; } } @media only screen and (max-width: 600px) { .sub-back { top: -2% !important; left: 50% !important; font-size: 5em !important; } } .menu-widget-left { left: 4%; bottom: -25%; } .menu-widget-right { right: 0%; bottom: -30%; } @media (max-width: 1024px) { .menu-widget-left { bottom: 17%; } .menu-widget-right { bottom: 13%; } } @media (max-width: 767px) { .menu-widget-left { left: 4%; bottom: 6%; } .menu-widget-right { right: -1%; bottom: 0%; } .git-button a { font-size: 2.875em; } } .social-list li { font-size: 0.9rem; font-weight: 500; line-height: 0.9rem; margin-bottom: .525em; } .git-button a,  .site-header.menu_dark .git-button a { text-transform: uppercase; color: #50645f; } .social-list li a:hover,  .git-button a:hover,  .git-button a:hover { color: #1c332d !important; } @media (max-width: 767px) { .showcase-footer-left { width: 90%; } } .cas-bg-text { opacity: 0.15; } .cas-titles .cs-title { line-height: 1.5em } @media only screen and (max-width: 450px) { .cas-titles .cs-title { padding: 0px 0; } } .ShowCaseFooterIntro { width: 40%; } .ShowCaseMenuLeftIntro { width: 50%; } @media only screen and (max-width: 992px) { .ShowCaseFooterIntro { width: 80%; } } .ShowCaseFooterIntroSocials, .ShowCaseMenuLeftIntroSocials, .ShowCaseMenuLeftIntroAddress,  .ShowCaseFooterIntroAddress { font-family: "Poppins", Sans-serif; font-size: 1.3vw; font-weight: 400; text-transform: uppercase; font-style: normal; line-height: 1.35em; letter-spacing: 0.05em; word-spacing: 0em; text-align: center; border-top: 1px solid #50645f; padding-top: 0.55em; margin: -9px 0px 7px 0px; } .ShowCaseFooterIntroAddress,  .ShowCaseMenuLeftIntroAddress { font-size: 1.0vw; } @media (max-width: 767px) { .ShowCaseFooterIntroAddress,  .ShowCaseMenuLeftIntroAddress { font-size: 3.0vw; } } .tooltip-container { position: relative; display: inline-block; top: -50%; left: 42%; font-size: 1.1rem; } .GrandOpening .tooltip-container { position: absolute; top: 76%; left: 60%; } .tooltip-container .pulse-link { text-decoration: none; } .tooltip-container .pulse-circle { position: absolute; top: 160%; left: 110%; transform: translate(-50%, -50%); width: 4em; height: 4em; border-radius: 50%; background-color: rgba(182, 147, 119, 0.7); opacity: 0.9; display: flex; align-items: center; justify-content: center; animation: pulse 5.25s infinite ease-in-out; } .GrandOpening .tooltip-container .pulse-circle { width: 6em; height: 6em; } .tooltip-container .pulse-circle .new-text { color: #fff; } .tooltip-container .pulse-circle .starburst { display: inline-block; width: 12px; height: 12px; border-radius: 50%; background-color: #ffd700;  position: relative; animation: starburst 1s infinite linear; } @keyframes pulse { 0% { transform: translate(-50%, -50%) scale(0.8); opacity: 0.5; } 50% { transform: translate(-50%, -50%) scale(1.2); opacity: 1; } 100% { transform: translate(-50%, -50%) scale(0.8); opacity: 0.5; } } @keyframes starburst { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.5); opacity: 0.5; } 100% { transform: scale(1); opacity: 1; } } .tooltip { font-size: 0.95rem; line-height: 1.25rem; letter-spacing: 0px; width: max-content; opacity: 0; position: fixed; bottom: 5%; left: 40%; transform: translateX(-50%); background-color: #B69377; color: #50645F; padding: 10px 12px; border-radius: 4px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); transition: opacity 0.3s ease; } .GrandOpening .tooltip .headline { border-radius: 3px; background-color: #b69377d1; padding: 10px 12px; } .GrandOpening .tooltip { height:420px; background: url("//drurselmann.com/drurs-media/2024/02/Dr_med-Eveline_Urselmann-LOCATION_for_CosmeticsHealthcare-Mittelweg_123-Hamburg-800x1200y-683x1024.jpg") no-repeat center center fixed; background-size: cover; bottom: -35%; left: 80%; } .tooltip-container:hover .tooltip { opacity: 1; } .project-cat { color: inherit; font-size: 0.85rem; font-weight: 400; letter-spacing: 0.005em; line-height: 20px; } .project-page-header.style_1 { margin-bottom: 1vh; } .text-wrapper { background-color: #b69377c2; padding: 1.1em 1.1em; hyphens: auto; text-align:justify; } @media only screen and (max-width: 450px) { .text-wrapper { padding: 1em 1em; } } .project-meta { float: right; } .project-meta.meta-summary h5 { font-size: 0.85em; line-height: 1.0rem; margin-bottom: 0em; margin-top: 0em; letter-spacing: -0.015rem; } ul.aw-cats li.active { color: #b69377; } ul.aw-cats li { color: unset; } .project-title h1.big-title { font-size: 5.0rem; line-height: 5rem; } .tt-line { padding-bottom: 6px; } .CTATitleSpan h1 span,  .CTATitleSpan h2 span,  .CTATitleSpan h3 span,  .CTATitleSpan h4 span,  .CTATitleSpan h5 span,  .CTATitleSpan h6 span { font-weight: 300; font-size: 70%; } .project-featured-image img,  .project-featured-image video { -webkit-mask-image: linear-gradient(to top, #fff0 10px, #ffffff7a, #fff); mask-image: linear-gradient(to top, #fff0 10px, #ffffff7a, #fff); } @media only screen and (min-width: 992px) and (max-width: 1199px) { .project-title h1.big-title { line-height: 1em; } } @media only screen and (max-width: 900px) and (min-width: 601px) { .project-title h1.big-title { line-height: 1em; } .project-meta.project-cats { width: 50%; } .project-meta.meta-summary { width: 50%; } } @media only screen and (max-width: 992px) { .project-meta.project-cats { width: 50%; } .project-meta.meta-summary { width: 50%; } .project-title h1.big-title { font-size: 4.3em; line-height: 1em; } } @media only screen and (max-width: 450px) { .project-page-header.style_1 .project-details { width: 93%; } .project-page-header.style_1 .project-featured-image { height: 40vh; } .project-page-header.style_2 h1.big-title, .project-page-header.style_1 h1.big-title { font-size: 3.0em; letter-spacing: -0.024em; } .project-page-header.style_1 .project-title { margin-bottom: 5px; } .tt-line:nth-last-child(1)  { margin: -20px 0px 0px; } .tt-line { padding: 0px 0px 0px 0.125em; background: transparent; } .project-page-header.style_1 .project-details .project-title .big-title .tt-line .tt-char { font-size: 72%; } .project-page-header.style_1 .project-metas .project-meta { margin-bottom: 0px; padding-left: 8px; } .project-page-header.style_1 .project-details .project-metas .project-meta.project-cats .project-cat .cat-char, .project-cat span > span::before { font-size: 70% !important; } .project-meta.meta-summary h5 { font-size: 0.85em; line-height: 1.0rem; margin-left: 0rem; letter-spacing: -0.035rem; } .project-page-header.style_1 .project-meta.project-cats .project-cat { margin-right: 0px; margin-bottom: 10px; font-size: 1.35em; } } .next-project-wrap, .next-project-wrap h1 { color: #50645f; } .cas-titles .cs-title a,  .wall-project a { color: #50645f; } .social-list li a { color: #50645f; } .site-header.menu_dark .social-list li a { color: #50645f; } .elementor-section.wrapper-wide .elementor-container { margin-bottom: unset; } .aph-name { left: 62%; } .aph-welc { font-size: 2.5em !important; font-weight: 300 !important; } @media only screen and (max-width: 450px) { .aph-name { top: 28%; left: -13%; z-index: 4; font-size: 3.5em; } .aph-welc { display: block; top: -150%; left: 2%; font-size: 1.5em !important; } .aph-name .name-front,  .aph-name .name-back { display: block; position: relative !important; top: 1% !important; left: 0%; font-size: 0.6em !important; letter-spacing: 0 !important; } .aph-name .name-back { left: 20%; font-size: 0.55em !important; } .aph-sub-text { bottom: -80px; background: #ffffffb5; border: 0.5rem solid #b6937782; padding: 2%; font-size: 1.0em; line-height: 1.15em; } } @media (min-width: 450px) and (max-width: 900px) { .aph-name { left: 0%; } .aph-sub-text { background: #ffffffb5; border: 0.5rem solid #b6937782; padding: 2%; font-size: 1.35em; line-height: 1.35em; } } .wpr-hotspot-text { display: none !important; } .TextWrapperList { list-style-type: none;   padding: 0; margin: 10px 0px; } .TextWrapperList li { position: relative;   padding-left: 20px;   margin-bottom: 5px;  line-height: 1.15em; } .TextWrapperList li::before { content: '»';         position: absolute;   left: 0;              font-size: 1.1em;     }