header{position:relative;z-index:10;height:100px}.header-content{width:100%;display:block;padding-left:40px;padding-right:40px}@media screen and (min-width:1680px){.header-content{padding-left:45px;padding-right:50px}}.header-content-inner{display:block;position:relative;width:100%}.logo{position:absolute;top:30px;left:0;display:block;text-decoration:none;width:200px}@media screen and (min-width:768px){.logo{top:24px;right:0;margin-left:auto;margin-right:auto}}.header-contact{display:none}.nav-contact{display:flex;justify-content:flex-start;align-items:center;gap:120px;font-size:18px;letter-spacing:.01em;margin-bottom:34px}@media screen and (min-width:768px){.nav-contact{display:none}.header-contact{position:absolute;left:0;top:36px;display:flex;justify-content:flex-start;align-items:center;gap:33px}.header-contact-link>span{display:none}}@media screen and (min-width:1000px){.header-contact-link>span{display:inline-block}}@media screen and (min-width:1680px){.header-contact{left:6px}}.header-contact-link,.nav-contact-link{display:flex;justify-content:flex-start;align-items:center;gap:10px;font-size:13.5px;line-height:1;font-weight:300;text-decoration:none}.nav-contact-link{font-size:18px;letter-spacing:.01em}.header-contact-link svg,.nav-contact-link svg{width:28px;height:28px}.main-nav-container{position:fixed;width:100%;max-width:732px;z-index:11;visibility:hidden;opacity:0;color:#fff;transition:all 0.25s ease-in-out,box-shadow 0.25s ease-in-out 0.1s;height:100vh;height:100dvh;top:0;right:-150px;bottom:0;overflow:auto;box-shadow:-10px 0 6px #fff0;-webkit-overflow-scrolling:touch;background-color:#333;padding:38px;padding-top:66px}@media screen and (min-width:768px){.main-nav-container{padding:70px;padding-top:40px}}.nav_is_open .main-nav-container{visibility:visible;opacity:1;right:0;box-shadow:-40px 0 36px rgb(0 0 0 / .24)}.main-nav-container>.main-nav{padding:0;position:relative;font-size:32px;font-weight:700;letter-spacing:-.02em}@media screen and (min-width:768px){.main-nav-container>.main-nav{font-size:42px;letter-spacing:-.02em}}.main-nav li{list-style:none}.main-nav-ul>li{border-top:1px solid #707070;max-height:75px;overflow:hidden}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.main-nav-ul>li{opacity:0;transition:opacity 0s;position:relative;transition:all 0.3s ease}.nav_is_open .main-nav-ul>li{opacity:1;-webkit-animation:fadeIn 0.7s ease-in-out forwards;animation:fadeIn 0.7s ease-in-out forwards;-webkit-animation-delay:var(--animation-delay);animation-delay:var(--animation-delay)}.nav_is_open .main-nav-ul>li{-webkit-animation-delay:var(--animation-delay);animation-delay:var(--animation-delay)}.main-nav-ul:hover>li a{opacity:0.5!important;transition:opacity 0.35s ease-in-out}.main-nav-ul:hover>li:hover a{opacity:1!important;transition:opacity 0.085s ease-in-out}.sub-menu>li a{transition:opacity 0.085s ease-in-out,color 0.35s ease-in-out!important}.sub-menu>li a:hover{transition:opacity 0.085s ease-in-out,color 0.035s ease-in-out!important}.main-nav-ul>li>a{padding-top:19px;padding-bottom:24px}@media screen and (min-width:768px){.main-nav-ul>li>a{padding-top:15px;padding-bottom:18px}}.main-nav a{display:block;text-align:left;padding:10px;text-decoration:none;line-height:1}.main-nav .sub-menu a{font-size:17px;line-height:21px;padding-bottom:5px;font-weight:400;padding-top:6px}@media screen and (min-width:768px){.main-nav .sub-menu a{font-size:16px;line-height:20px;padding-bottom:6px}}@media (hover:hover){.main-nav a:hover{color:#a8a8a8}}.main-nav .sub-menu{max-height:none;overflow:hidden;transition:all 0.3s ease}.js .main-nav .sub-menu{padding:0;margin-bottom:0;margin-bottom:20px}.js .main-nav li.is_open{max-height:2000px}.drop-nav-btn{position:absolute;right:0;top:0;width:100%;z-index:1;height:60px;height:75px;background:none;border:none;cursor:pointer;font-size:16px;margin-right:5px;display:flex;align-items:center;justify-content:flex-end;transition:transform 0.25s ease;background-color:transparent!important}.drop-nav-btn svg{width:28.284px;height:28.284px;fill:#fff;transition:transform 0.25s ease;transform:rotate(180deg)}.drop-nav-btn.rotate svg{transform:rotate(0)}.sub-two-columns>.sub-menu{-moz-column-count:2;column-count:2;-moz-column-gap:20px;column-gap:20px}.main-nav .current-menu-ancestor>a,.main-nav .current-menu-item>a{color:#fff}@-webkit-keyframes menutop{0%{transform:rotate(0deg)}50%{transform:rotate(0deg)}100%{transform:rotate(45deg)}}@keyframes menutop{0%{transform:rotate(0deg)}50%{transform:rotate(0deg)}100%{transform:rotate(45deg)}}@-webkit-keyframes menubottom{0%{transform:rotate(0deg)}50%{transform:rotate(0deg)}100%{transform:rotate(-45deg)}}@keyframes menubottom{0%{transform:rotate(0deg)}50%{transform:rotate(0deg)}100%{transform:rotate(-45deg)}}@-webkit-keyframes menutopstart{0%{transform:rotate(45deg)}50%{transform:rotate(0deg)}100%{transform:rotate(0deg)}}@keyframes menutopstart{0%{transform:rotate(45deg)}50%{transform:rotate(0deg)}100%{transform:rotate(0deg)}}@-webkit-keyframes menubottomstart{0%{transform:rotate(-45deg)}50%{transform:rotate(0deg)}100%{transform:rotate(0deg)}}@keyframes menubottomstart{0%{transform:rotate(-45deg)}50%{transform:rotate(0deg)}100%{transform:rotate(0deg)}}.menu-button{z-index:10;display:block;position:fixed;top:22px;right:32px;width:50px;height:50px;border:none;background-color:transparent!important;background-position:center center;background-repeat:no-repeat;background-size:24px 16px;outline:none}.menu-button-close{position:absolute;display:block;top:69px;right:32px;width:50px;height:50px;border:none;background-color:transparent!important;background-position:center center;background-repeat:no-repeat;background-size:24px 16px;outline:none}@media screen and (min-width:768px){.menu-button{right:40px}.menu-button-close{right:60px;top:45px}}@media screen and (min-width:1680px){.menu-button{top:24px;right:43px}}.menu-button:focus{background-color:#fff0}.nav-line{width:36px;height:2px;background-color:#000;left:0;right:0;margin:0 auto;transform-origin:center center;transition:all 0.5s ease-in-out}.menu-button-close .nav-line{background-color:#fff}.line-top{position:absolute;top:12px;-webkit-animation:menutopstart 0.5s forwards;animation:menutopstart 0.5s forwards}.menu-button-close .line-top{top:calc(50% - 1px);-webkit-animation:menutop 0.5s forwards;animation:menutop 0.5s forwards}.line-center{position:absolute;top:calc(50% - 1px);transition:opacity 0.2s ease-in-out 0.2s}.menu-button-close .line-center{opacity:0}.line-bottom{position:absolute;bottom:12px;-webkit-animation:menubottomstart 0.5s forwards;animation:menubottomstart 0.5s forwards}.menu-button-close .line-bottom{bottom:calc(50% - 1px);-webkit-animation:menubottom 0.5s forwards;animation:menubottom 0.5s forwards}.search-input{font-size:22px!important;font-weight:500!important;letter-spacing:-.02em;color:#999;background-image:url(https://jatho-wohnen.de/wp-content/themes/jatho-twentyfour/assets/css/../images/ui/icn-search.svg);padding:10px 25px!important;background-repeat:no-repeat;background-position:right 25px center;border-radius:25px!important;border:1px solid #999;background-color:#fff0;width:calc(100% - 70px)!important;margin-bottom:34px}@media screen and (min-width:768px){.search-input{font-size:32px!important;width:calc(100% - 105px)!important;border-radius:35px!important;padding:7px 25px!important;margin-bottom:105px}}@media (hover:hover){header svg{transition:all 0.3s ease!important;transform:translateZ(0)}.fill_on_hover{color:#fff}.stroke_on_hover,.stroke_only_on_hover{transition:all 0.3s ease!important}a:hover .stroke_on_hover,a:hover .stroke_only_on_hover{transition:all 0s ease!important}a:hover .fill_on_hover{fill:#141414;stroke:#141414}a:hover .stroke_on_hover,a:hover tspan{fill:#fff;color:#fff}a:hover .stroke_only_on_hover{stroke:#fff}}.no-hover{opacity:1;transform:translateX(0);transition:all 0.35s ease-in-out}.header-shop{position:relative}.do-hover{position:absolute;top:7px;left:38px;opacity:0;transform:translateX(20px);transition:all 0.35s ease-in-out}@media (hover:hover){.header-shop:hover .no-hover{opacity:0;transform:translateX(-20px)}.header-shop:hover .do-hover{opacity:1;transform:translateX(0)}}