/******************************************************************************* ***** Responsive *******************************************************************************/ #header-top ul.menu { float: right; margin-right: 10px; } .menu-icon::after { background: #fff; -webkit-box-shadow: 0 7px 0 #fff, 0 14px 0 #fff; box-shadow: 0 7px 0 #fff, 0 14px 0 #fff; } ul.menu li .menu-icon { width: 25px; } .position-right.is-transition-push { box-shadow: none; -webkit-box-shadow: none; } .off-canvas { background-color: #3C3D3D; } .offcanvas-logo { text-align: center; padding: 40px; } .offcanvas-logo img { width: 80%; } #offcanvas-nav { padding: 20px 20px; } .off-canvas .menu a { color: #ffffff; font-size: 14px; font-weight: normal; } .off-canvas li.active { text-decoration: none; } .menu .active>a, .submenu .current-menu-item { background: transparent; color: #ffffff; font-weight: bold; text-decoration: none; } .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after { border-color: #ffffff transparent transparent; } @media only screen and (min-width: 0px) and (max-width: 1400px) { } @media only screen and (min-width: 0px) and (max-width: 1025px) { } @media only screen and (max-width: 940px) { } @media only screen and (max-width: 600px) { #immobilien-overview { padding: 30px 0px ; } p { line-height: 1.9; } #page-default { padding: 40px 0; } .only-res-center { text-align: center; } #header-top { padding: 20px 0px; } #page-intro { min-height: unset; } .element-padding { padding-top: 40px; padding-bottom: 40px; } .res-info-top .btn-beige { font-size: 12px; padding: 10px 15px; } .preline, h1, h2 { margin-bottom: 15px; } .text-intro { padding-bottom: 30px; } .team-img { margin-bottom: 30px; } #leistungen .btn { margin-top: 30px; } #footer-top { padding-bottom: 0px; padding-top: 30px; } .footer-logo, a.logo-mob-nav { margin-bottom: 30px; width: 70%; } .footer-b { padding-top: 10px; padding-bottom: 10px; } #footer-links { margin: 7px 0; } .footer-b .menu a { padding: 0px 10px 0px 0px; } #slideshow { padding-bottom: 60px; } .splide__pagination { bottom: -1.8em; } a.btn { margin-top: 10px; } .l-image { margin-top: 30px; } .kontakt-inhalt .headline-oef { margin-top: 30px; } .kontakt-text { font-size: 16px; } .fuer-sie-da { bottom: -30px; right: 19px; } .fuer-sie-da img { width: 100px; height: 100px; } #start-news { font-size: 14px; padding-bottom: 15px; padding-top: 15px; text-align: center; } #start-news i { margin-right: 5px; } .aktuelles-headline { margin-bottom: 5px; font-size: 16px; } span.am-teaser { display: block; margin-bottom: 5px; } .open-modual-res { padding-left: 10px; } #start-news li a { margin-left: 0px; } #content-start .pi-bild-res { margin-top: 0px; margin-bottom: 30px; border-radius: 20px; } .cta-start { margin-top: 15px; padding: 30px 20px; } .cta-start h3 { font-size: 25px; } .cta-start .btn-cta { font-size: 15px; } .news { padding: 20px; border-radius: 0px; } #not-found { padding: 40px 0; text-align: center; } .heart { font-size: 150px; margin-top: 40px; } #not-found .has-text-align-right { text-align: center; } .ce-steps { padding: 70px 0; } .ce-steps h2 { font-size: 38px; } .ce-steps-intro { margin-bottom: 40px; } .ce-steps-nav-wrap { max-width: none; margin: 0 -0.625rem 40px; padding: 0 0.625rem; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .ce-steps-nav-wrap::-webkit-scrollbar { display: none; } .ce-steps-line { left: 0.625rem; right: 0.625rem; width: max-content; min-width: calc(100% - 1.25rem); } .ce-steps-nav { width: max-content; min-width: 100%; gap: 14px; justify-content: flex-start; padding: 0 4px; } .ce-steps-nav-item { width: 54px; height: 54px; min-width: 54px; } .ce-steps-nav-icon { width: 24px; height: 24px; } .ce-steps-nav-icon svg { width: 24px; height: 24px; } .ce-steps-slide-content h3 { font-size: 24px; } #header-startseite .hero-image { height: 250px; } #header-startseite .hero-eyebrow { margin-top: 20px; font-size: 18px; } #header-startseite .hero-headline { font-size: 28px; line-height: 1.5; margin-bottom: 20px; } .hero-right { padding-bottom: 20px; } #main-text, #google-trust, #teaser-pages, #teaser-service, #teaser-verkauf { padding-bottom: 40px; padding-top: 40px; } #google-trust { padding-bottom: 0px; } #teaser-pages h2, #teaser-service h2, .teaser-verkauf-headline { font-size: 1.4rem; margin-bottom: 15px; } .teaser-pages-intro { margin-bottom: 40px; } .teaser-pages-item { padding: 20px; } .teaser-pages-grid > .cell:first-child .teaser-pages-item { margin-bottom: 40px; } .teaser-pages-content { text-align: center; } .teaser-pages-content h3 { margin: 10px 0; font-size: 20px; } .hero-eyebrow { font-size: 16px; } .hero-cta { margin-top: 20px; margin-bottom: 0px; } #video-statement { padding: 70px 0px; } .teaser-pages-subline { font-size: 16px; margin-bottom: 20px; } .teaser-service-intro { margin-bottom: 20px; } #teaser-verkauf, #main-text { text-align: center; } .teaser-verkauf-text { margin-top: 0px; } .teaser-verkauf-button { margin-top: 20px; } a.btn-default, button.btn-default { font-size: 16px; line-height: 1.4; } } @media screen and (max-width: 39.99875em) { } /* Header Tablet */ @media screen and (min-width: 40em) and (max-width: 63.9375em) { #header { padding: 25px 0; } #header .logo { max-width: 240px; max-height: 65px; width: 100%; height: auto; } #top-cta { margin-right: 25px; } } /* Header Smartphone */ @media screen and (max-width: 39.9375em) { #header { padding: 15px 0; } #header .logo { max-width: 150px; max-height: none; width: 100%; height: auto; display: block; } #top-cta { margin-right: 15px; } #top-cta .btn-default { font-size: 14px; padding: 10px 12px; white-space: nowrap; } #top-menu .menu-icon { width: 25px; height: 20px; display: block; } } /******************************************************************************* ***** Footer Responsive *******************************************************************************/ /* Tablet und Smartphone */ @media screen and (max-width: 63.9375em) { #footer-top .grid-container { padding-left: 0; padding-right: 0; } #footer-top .footer-left-panel { height: auto; } #footer-top .footer-left-inner { padding: 45px 30px; } #footer-top .footer-right-panel { padding: 50px 30px 60px; } #footer-top .footer-claim { font-size: 17px; line-height: 1.4; margin-bottom: 10px; } #footer-top .footer-region { font-size: 17px; line-height: 1.4; margin-bottom: 30px; } #footer-top ul#footer-left { display: block; margin: 0; } #footer-top ul#footer-left li { display: block; width: 100%; } #footer-top ul#footer-left li a { display: block; padding: 10px 0; font-size: 17px; line-height: 1.4; } #footer-top .footer-intro { font-size: 20px; line-height: 1.4; } #footer-top .footer-branding { text-align: center; } #footer-top .footer-logo { width: 180px; max-width: 100%; margin: 30px auto 0; } #footer-top .footer-logo img { display: block; width: 100%; max-height: none; height: auto; } #footer-top .footer-socials { padding-top: 30px; text-align: center; } #footer-top .footer-socials a { display: inline-block; margin: 0 10px; } #footer-top h2.footer-headline { font-size: 38px; line-height: 1.2; margin: 40px 0 25px; } #footer-top .footer-text { margin-bottom: 40px; } #footer-top .footer-contact-row { margin-top: 0; } #footer-top .footer-contact-item p { margin-bottom: 20px; overflow-wrap: anywhere; } #footer-top .footer-contact-row a { overflow-wrap: anywhere; } #footer-top .footer-whatsapp-wrap .btn-wa { width: fit-content; max-width: 100%; } #footer-bottom { padding: 25px 0; } #footer-bottom .footer-b { align-items: flex-start; } #footer-bottom #footer-links { margin: 0 0 15px; } #footer-bottom .copyr { line-height: 1.5; } } /* Smartphone */ @media screen and (max-width: 39.9375em) { #footer-top .footer-left-inner { padding: 35px 20px; } #footer-top .footer-claim { font-size: 16px; margin-bottom: 8px; } #footer-top .footer-region { font-size: 16px; margin-bottom: 25px; } #footer-top ul#footer-left li a { font-size: 16px; padding: 9px 0; } #footer-top .footer-right-panel { padding: 20px 20px 20px; } #footer-top .footer-intro { font-size: 18px; line-height: 1.4; text-align: center; } #footer-top .footer-logo { width: 150px; margin: 30px auto 0; } #footer-top .footer-socials { padding-top: 30px; text-align: center; } #footer-top .footer-socials a { margin: 0 8px; } #footer-top h2.footer-headline { font-size: 28px; line-height: 1.2; margin: 35px 0 20px; } #footer-top .footer-text { margin-bottom: 35px; } #footer-top .footer-text p { font-size: 16px; line-height: 1.7; } #footer-top .footer-contact-row { font-size: 16px; } #footer-top .footer-contact-item p { margin-bottom: 18px; line-height: 1.6; } #footer-top .footer-contact-icon i { margin-right: 8px; } #footer-top .footer-whatsapp-wrap { margin-top: 10px; } #footer-top .footer-whatsapp-wrap .btn-wa { width: 100%; padding: 12px 15px; font-size: 16px; } #footer-bottom { padding: 25px 0; font-size: 13px; } #footer-bottom .footer-b { align-items: flex-start; } #footer-bottom #footer-links { display: flex; flex-wrap: wrap; margin: 0 0 15px; } #footer-bottom #footer-links li a { font-size: 13px; padding: 0 15px 0 0; } #footer-bottom .copyr { font-size: 13px; } } /* Header Tablet */ @media screen and (min-width: 40em) and (max-width: 63.9375em) { #header .grid-container { max-width: 100%; } #header .logo { display: block; width: 100%; max-width: 180px; height: auto; } #header #top-cta { margin-right: 25px; } #header #top-menu { display: flex; align-items: center; } #header #top-menu .menu-icon { width: 30px; height: 20px; } } /******************************************************************************* ***** Über uns – Video Top Mobile *******************************************************************************/ @media screen and (max-width: 39.9375em) { #ce-video-top { padding-top: 40px; padding-bottom: 50px; } #ce-video-top .teaser-pages-logo { margin-bottom: 15px; } #ce-video-top .ce-video-top-subline { margin-bottom: 15px; } #ce-video-top h1 { font-size: 36px; line-height: 1.1; margin: 0 0 25px; } #ce-video-top .ce-video-top-text { margin-bottom: 25px; } #ce-video-top .ce-video-top-text p:last-child { margin-bottom: 0; } #ce-video-top .ce-video-top-button { margin-top: 0; margin-bottom: 24px; } #ce-video-top .ce-video-top-video { margin-top: 0; margin-bottom: 0; } #ce-video-top .responsive-embed { margin-bottom: 0; } } /******************************************************************************* ***** Über uns – Werte Mobile *******************************************************************************/ @media screen and (max-width: 39.9375em) { .ce-werte { padding-top: 50px; padding-bottom: 60px; } #ce-werte .ce-werte-logo { margin-bottom: 15px; } #ce-werte .ce-werte-subline { margin-bottom: 15px; } #ce-werte h2 { font-size: 34px; line-height: 1.15; margin: 15px 0 25px; } #ce-werte .ce-werte-intro { margin-bottom: 30px; } #ce-werte .ce-werte-items { margin-top: 25px; } #ce-werte .ce-werte-splide { margin-top: 25px; padding-bottom: 40px; } #ce-werte .ce-werte-item { padding: 35px 25px; } } /******************************************************************************* ***** Immobilie verkaufen – Smartphone *******************************************************************************/ @media screen and (max-width: 39.9375em) { .page-template-template-verkaufen #ce-seiten-top { padding-top: 28px; padding-bottom: 45px; } .page-template-template-verkaufen .ce-seiten-top-image { margin-bottom: 26px; } .page-template-template-verkaufen .ce-seiten-top-image img { width: 100%; height: 320px; object-fit: cover; object-position: center center; } .page-template-template-verkaufen #ce-seiten-top .teaser-pages-logo { margin-bottom: 12px; } .page-template-template-verkaufen #ce-seiten-top .ce-seiten-top-subline { margin-bottom: 12px; } .page-template-template-verkaufen #ce-seiten-top h1 { font-size: 32px; line-height: 1.18; margin: 0 0 20px; } .page-template-template-verkaufen #ce-seiten-top .ce-seiten-top-text p:last-child { margin-bottom: 0; } .page-template-template-verkaufen #ce-seiten-top .ce-seiten-top-button { margin-top: 24px; } .page-template-template-verkaufen #ce-seiten-video { padding-top: 45px; padding-bottom: 50px; } .page-template-template-verkaufen #ce-seiten-video .teaser-pages-logo { margin-bottom: 12px; } .page-template-template-verkaufen #ce-seiten-video .ce-seiten-video-subline { margin-bottom: 12px; } .page-template-template-verkaufen #ce-seiten-video h2 { font-size: 30px; line-height: 1.2; margin: 0 0 20px; } .page-template-template-verkaufen #ce-seiten-video .ce-seiten-video-content { margin-bottom: 24px; } .page-template-template-verkaufen #ce-seiten-video .ce-seiten-video-text p:last-child { margin-bottom: 0; } .page-template-template-verkaufen #ce-seiten-video .responsive-embed { margin-bottom: 0; } .page-template-template-verkaufen .ce-steps { padding-top: 50px; padding-bottom: 55px; } .page-template-template-verkaufen .ce-steps-logo { margin-bottom: 12px; } .page-template-template-verkaufen .ce-steps-subline { margin-bottom: 12px; } .page-template-template-verkaufen .ce-steps h2 { font-size: 30px; line-height: 1.2; margin: 0 0 20px; } .page-template-template-verkaufen .ce-steps-intro { margin-bottom: 28px; } .page-template-template-verkaufen .ce-steps-nav-wrap { margin-bottom: 25px; } .page-template-template-verkaufen .ce-steps-slide-content h3 { font-size: 19px; line-height: 1.35; margin: 0 0 16px; } .page-template-template-verkaufen .ce-steps-text { margin-bottom: 20px; } .page-template-template-verkaufen .ce-steps-button { margin-top: 25px; } .page-template-template-verkaufen #teaser-about { padding-top: 50px; padding-bottom: 30px; } .page-template-template-verkaufen #teaser-about .teaser-about-logo { margin-bottom: 12px; } .page-template-template-verkaufen #teaser-about .ce-seiten-video-subline { margin-bottom: 12px; } .page-template-template-verkaufen #teaser-about h2 { font-size: 30px; line-height: 1.2; margin: 0 0 20px; } .page-template-template-verkaufen #teaser-about .teaser-about-text { margin-top: 0; margin-bottom: 24px; } .page-template-template-verkaufen #teaser-about .teaser-about-button { margin-bottom: 28px; } .page-template-template-verkaufen #teaser-about .teaser-about-image-wrap { text-align: left; } .page-template-template-verkaufen #teaser-about .teaser-about-image img { display: block; width: 100%; height: auto; margin-bottom: 40px; } .page-template-template-verkaufen .erfahrungen-section { padding-top: 50px; padding-bottom: 85px; } .page-template-template-verkaufen .erfahrungen-head { padding-bottom: 30px; } .page-template-template-verkaufen .erfahrungen-head h2 { font-size: 30px; line-height: 1.2; margin-bottom: 20px; } .page-template-template-verkaufen .erfahrungen-content { padding-top: 25px; } } @media screen and (max-width: 639px) { .ce-steps-splide { height: auto !important; min-height: 0 !important; } .ce-steps-splide .splide__list { height: auto !important; align-items: flex-start !important; } .ce-steps-splide .splide__slide { height: auto !important; min-height: 0 !important; } .ce-steps-splide .ce-steps-slide-content { height: auto !important; min-height: 0 !important; } } /* FAQ Smartphone */ @media screen and (max-width: 39.9375em) { #ce-faq { padding-top: 45px; padding-bottom: 55px; } #ce-faq .ce-faq-head { align-items: flex-start; margin-bottom: 35px; } #ce-faq .ce-faq-logo { margin-bottom: 12px; } #ce-faq .ce-faq-subline { margin-bottom: 15px; } #ce-faq h1 { font-size: 32px; line-height: 1.2; margin: 0 0 25px; } #ce-faq .ce-faq-intro { margin: 0; max-width: none; } #ce-faq .ce-faq-intro p { margin-bottom: 0; } #ce-faq .ce-faq-question { font-size: 18px; line-height: 1.4; padding: 20px 38px 20px 0; } #ce-faq .ce-faq-question i { font-size: 18px; } #ce-faq .ce-faq-answer { padding: 0 38px 25px 0; } } /* Kontaktseite – Mobile */ @media screen and (max-width: 39.9375em) { #ce-kontakt { padding-top: 45px; padding-bottom: 55px; } #ce-kontakt .grid-x { align-items: flex-start; } #ce-kontakt .ce-kontakt-left { margin-bottom: 30px; } #ce-kontakt .ce-kontakt-logo { margin-bottom: 12px; } #ce-kontakt .ce-kontakt-logo img { max-width: 90px; height: auto; } #ce-kontakt .ce-kontakt-subline { margin-bottom: 15px; } #ce-kontakt h1 { font-size: 30px; line-height: 1.2; margin: 0 0 25px; } #ce-kontakt .ce-kontakt-image { position: relative; width: 100%; height: 240px; margin: 0; padding: 0; overflow: hidden; border-radius: 8px; } #ce-kontakt .ce-kontakt-image img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center 45%; margin-top: 0; } #ce-kontakt .ce-kontakt-right { margin: 0; } #ce-kontakt .ce-kontakt-text-top { margin-bottom: 25px; } #ce-kontakt .ce-kontakt-text-top p { margin-bottom: 0; } #ce-kontakt .ce-kontakt-infos { margin-bottom: 25px; } #ce-kontakt .ce-kontakt-info-item { margin-bottom: 15px; align-items: flex-start; } #ce-kontakt .ce-kontakt-info-icon { flex: 0 0 24px; width: 24px; } #ce-kontakt .ce-kontakt-info-text { min-width: 0; overflow-wrap: anywhere; } #ce-kontakt .ce-kontakt-info-item-whatsapp { margin: 20px 0; } #ce-kontakt .btn-wa { width: 100%; text-align: center; } #ce-kontakt .ce-kontakt-text-bottom { margin-top: 25px; } #ce-kontakt .ce-kontakt-text-bottom p:last-child { margin-bottom: 0; } } /*404*/ @media screen and (max-width: 39.9375em) { #not-found { padding: 55px 0 75px; } #not-found .not-found-icon { font-size: 48px; margin-bottom: 15px; } #not-found .not-found-code { font-size: 75px; margin-bottom: 15px; } #not-found .not-found-subline { font-size: 18px; margin-bottom: 20px; } #not-found h1 { font-size: 30px; margin-bottom: 25px; } #not-found .not-found-text { font-size: 17px; line-height: 1.6; margin-bottom: 35px; } #not-found .not-found-actions { flex-direction: column; gap: 25px; } #not-found .not-found-actions .btn-default { width: 100%; text-align: center; } }