:root { --ih-ink:#192823; --ih-accent:#d7ef80; }
.ih-header { position:sticky; top:0; z-index:100; background:#fafbf7; border-bottom:1px solid #e6e9e1; }
.ih-header-inner { max-width:1320px; margin:auto; padding:16px 20px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; }
.ih-logo { display:flex; align-items:center; gap:10px; color:var(--ih-ink); text-decoration:none; justify-self:start; }
.ih-logo-mark { position:relative; font-size:27px; font-weight:800; letter-spacing:-2px; line-height:36px; }
.ih-logo-mark span { position:absolute; width:6px; height:6px; border-radius:50%; background:#8ca63d; right:-7px; top:5px; }
.ih-logo-name,.ih-desktop-nav { display:none; }
.ih-header-cta { grid-column:2; padding:11px 15px; border-radius:99px; background:var(--ih-ink); color:white; font-size:12px; font-weight:600; white-space:nowrap; text-decoration:none; }
.ih-header-cta:hover { background:#334b3f; color:white; }
.ih-header-cta { background:transparent; color:var(--ih-ink); border:1px solid var(--ih-ink); }
.ih-header-cta:hover { background:transparent; color:#fe5631; border-color:#fe5631; }
.ih-hero-row { display:flex; flex-direction:column; gap:24px; padding:32px 0 28px; }
.page-title .ih-hero-row .ih-hero-copy { padding:0; }
.ih-hero-image { display:none; }
.ih-hero-image img { display:block; width:100%; height:180px; object-fit:cover; border-radius:18px; }
.page-title .ih-hero-row h1 { font-size:38px; }
.ih-header-cta span { margin-left:8px; }
.ih-menu-button { justify-self:end; width:44px; height:44px; border:1px solid #dfe4d9; border-radius:50%; background:transparent; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; }
.ih-menu-button span { width:17px; height:1.5px; background:var(--ih-ink); transition:transform .2s; }
.ih-menu-button[aria-expanded=true] span:first-child { transform:translateY(3.25px) rotate(45deg); }
.ih-menu-button[aria-expanded=true] span:last-child { transform:translateY(-3.25px) rotate(-45deg); }
.ih-mobile-menu { padding:12px 20px 24px; border-top:1px solid #e6e9e1; }
.ih-mobile-menu[hidden] { display:none; }
.ih-mobile-menu > a { display:block; padding:14px 0; color:var(--ih-ink); font-size:16px; }
.ih-menu-languages { display:flex; gap:20px; padding-top:15px; }
.page-title.style-1 { padding:0 0 40px; background:#fafbf7; }
.page-title .tf-container { max-width:1320px; padding:0 20px; }
.page-title .ih-hero-copy { padding:42px 0 28px; margin:0; }
.ih-eyebrow { font-size:11px; letter-spacing:1.8px; text-transform:uppercase; color:#647168; font-weight:600; display:flex; align-items:center; gap:8px; }
.ih-eyebrow span { height:6px; width:6px; border-radius:50%; background:#849b40; }
.page-title .ih-hero-copy h1 { font-size:42px; line-height:1.09; letter-spacing:-1.8px; font-weight:600; color:var(--ih-ink); margin:18px 0; }
.page-title .ih-hero-copy p { font-size:15px; line-height:1.65; color:#647168; max-width:530px; margin-bottom:18px; }
.ih-hero-link { color:var(--ih-ink); font-size:13px; font-weight:600; display:inline-flex; gap:18px; align-items:center; }
.page-title .position-relative { display:flex; flex-direction:column; }
.page-title .position-relative > .image { order:2; margin-top:24px; }
.page-title .position-relative > .image img { height:160px!important; object-fit:cover; object-position:center 48%; border-radius:16px; }
.page-title .flat-tab { position:relative; left:auto; right:auto; bottom:auto; top:auto; transform:none; width:100%; max-width:none; order:1; }
.flat-tab .cate-wrap { display:none; }
.flat-tab .nav-tab-form { background:transparent; padding:0 0 12px; justify-content:flex-start!important; gap:4px; }
.flat-tab .nav-link-item { border-radius:99px; padding:10px 18px; font-size:13px; }
.flat-tab .nav-link-item.active { background:var(--ih-ink); color:white; }
.page-title .flat-tab .wg-filter { border:1px solid #e1e6da; box-shadow:0 8px 30px #19282306; border-radius:18px; }
.flat-tab .form-title { padding:20px; }
.flat-tab .nice-select { border-radius:10px; }
.flat-tab .tf-btn { background:var(--ih-ink); color:white; min-height:48px; }
.flat-tab .wd-search-form { position:relative; top:auto; margin:0!important; display:none; box-shadow:none; border-top:1px solid #e6e9e1; border-radius:0 0 18px 18px; }
.flat-tab .wd-search-form.show { display:block; }
.ih-how { max-width:1320px; margin:auto; padding:48px 20px; color:var(--ih-ink); }
.ih-section-heading h2 { font-size:30px; letter-spacing:-1px; line-height:1.2; margin:14px 0 10px; }
.ih-section-heading > p { font-size:14px; color:#647168; }
.ih-steps { display:grid; gap:0; margin-top:28px; }
.ih-steps article { padding:24px 0; border-top:1px solid #e1e6da; }
.ih-step-number { display:inline-flex; background:#edf3e1; border-radius:50%; width:38px; height:38px; align-items:center; justify-content:center; font-size:12px; }
.ih-steps h3 { font-size:21px; margin:18px 0 10px; letter-spacing:-.5px; }
.ih-steps p { font-size:14px; line-height:1.7; color:#647168; max-width:340px; }
#wohnungssuche,#so-funktionierts,#quellen { scroll-margin-top:110px; }
@media(min-width:768px) {
 .page-title .ih-hero-row h1 { font-size:44px; line-height:1.12; letter-spacing:-1.5px; }
 .ih-logo-name { display:block; font-size:18px; font-weight:700; letter-spacing:-.6px; }
 .ih-header-inner { padding:20px 32px; }
 .page-title .tf-container { padding:0 32px; }
 .page-title .ih-hero-copy { padding:60px 0 36px; }
 .page-title .ih-hero-copy h1 { font-size:64px; letter-spacing:-3px; }
 .page-title .ih-hero-copy p { font-size:17px; }
 .page-title .position-relative > .image img { height:260px!important; }
 .ih-how { padding:64px 32px; }
 .ih-steps { grid-template-columns:repeat(3,1fr); gap:32px; }
 .ih-section-heading h2 { font-size:40px; }
}
@media(min-width:1024px) {
 .ih-hero-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:48px; padding:44px 0 32px; }
 .ih-hero-image { display:block; align-self:stretch; }
 .ih-hero-image img { height:100%; min-height:360px; max-height:480px; }
 .page-title .ih-hero-row h1 { font-size:clamp(40px,3.5vw,50px); }
}
@media(min-width:1100px) {
 .ih-header-inner { grid-template-columns:1fr auto 1fr; }
 .ih-desktop-nav { grid-column:2; display:flex; gap:30px; }
 /* Same as the Domira theme menu (checked on domiranextjs.vercel.app 2026-10-15). */
 .ih-desktop-nav a { font-size:16px; font-weight:700; line-height:26px; letter-spacing:.4px; color:#101010; }
 .ih-header-cta { grid-column:3; justify-self:end; font-size:13px; padding:13px 20px; }
 /* Without this the actions box wrapped to a second row between 1100 and 1199px. */
 .ih-header .ih-header-actions { grid-column:3; justify-content:flex-end; }
 .ih-menu-button { display:none; }
 .page-title .ih-hero-copy { padding-top:72px; }
}
@media(max-width:359px) { .ih-header-inner { padding:12px 14px; gap:8px; } .ih-header-cta { font-size:11px; padding:11px 12px; } }

/* Keep the viewport as the sticky header's scroll container. */
html, body { overflow-x: clip; overflow-y: visible; }

/* theme palette: one shared set of neutrals and orange accents. */
:root { --ih-ink:#101010; --ih-accent:#fe5631; }
.page-title.style-1 { background:linear-gradient(252.62deg,#dcedf5 0%,#f9f1e5 100.83%); }
.ih-header { background:#fff; border-bottom-color:transparent; transition:background-color .3s ease,box-shadow .3s ease; }
body:has(.ih-header) { background:#fff; }
.ih-header.ih-header--home:not(.is-scrolled) { background:linear-gradient(252.62deg,#dcedf5 0%,#f9f1e5 100.83%); }
.section-categories { background:#f9f7f3; }
.ih-header.is-scrolled { background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.1); }
.ih-logo-mark span,.ih-eyebrow span { background:#fe5631; }
.ih-eyebrow,.page-title .ih-hero-copy p { color:#5c6368; }
.ih-menu-button,.page-title .flat-tab .wg-filter { border-color:#e4e4e4; }
.ih-mobile-menu { background:#fff; border-color:#e4e4e4; }
.ih-header-cta:hover { color:#fe5631; border-color:#fe5631; }
.flat-tab .tf-btn,.flat-tab .nav-link-item.active { background:#101010; }
.support-widget__trigger { background:#fff; color:#101010; box-shadow:0 4px 18px rgba(0,0,0,.12); }
.prgoress_indicator { background:#fff; }
@media(prefers-reduced-motion:reduce) { .ih-header { transition:none; } }

/* Keep category imagery in the layout instead of floating over headings and labels. */
.section-categories .tf-container { max-width:1320px; padding-left:20px; padding-right:20px; }
.section-categories .tabs-hover-wrap { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; }
.section-categories .tabs-hover-wrap > div:first-child { max-width:none; min-width:0; }
.section-categories .tabs-hover-wrap .tab-content-wrap { position:static; transform:none; width:100%; height:auto; display:none; }
.section-categories .categories-item { padding:24px 16px; }
.section-categories .categories-item > .d-flex { flex-wrap:wrap; gap:8px 16px; min-width:0; }
.section-categories .categories-item .title { font-size:clamp(22px,3vw,32px); overflow-wrap:anywhere; }
.section-categories .categories-item .text { white-space:nowrap; font-size:14px; }
.section-categories .heading-section { margin-bottom:32px; }
.section-categories .heading-section .title { font-size:clamp(28px,4vw,44px); line-height:1.2; }
.section-categories .heading-section .sub { max-width:700px; margin-left:auto; margin-right:auto; }
.ih-mobile-menu { max-height:calc(100dvh - 80px); overflow-y:auto; }
.ih-header-cta,.ih-menu-button { min-height:44px; }
.flat-tab .nice-select .list { max-height:260px; overflow-y:auto; z-index:20; }
.flat-tab .form-title .wrap-fill { min-width:0; }
.flat-tab .form-title .wrap-fill > div { min-width:0; }
.section-properties .tf-filters { max-width:100%; flex-wrap:wrap; justify-content:center; gap:8px; }
.section-properties .fillters-wrap { width:100%; max-width:100%; }
.section-properties .card-house { min-width:0; }
.section-properties .card-house .img-style { overflow:hidden; }
@media(hover:none), (max-width:991px) {
 .card-house.style-1 .content { opacity:1!important; visibility:visible!important; transform:none!important; }
}
@media(min-width:1024px) {
 .section-categories .tf-container { padding-left:32px; padding-right:32px; }
 .section-categories .tabs-hover-wrap { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; align-items:center; }
 .section-categories .tabs-hover-wrap .tab-content-wrap { display:block; }
 .section-categories .tab-content-wrap img { height:400px!important; width:100%; object-fit:cover; }
}
@media(max-width:767px) {
 .tf-filters { max-width:100%; flex-wrap:wrap; justify-content:center; gap:8px; }
 .tf-filters .btn-fillter { padding:8px 12px; }
 .flat-tab .group-select { flex-wrap:wrap; }
 .flat-tab .group-select > div { min-width:0; width:100%; }
}

.ih-hero-copy strong.ih-keyword-highlight { color:#fe5631; }

.ih-header-cta { display:inline-flex; align-items:center; }
.ih-alert-dot { display:inline-block; width:6px; height:6px; flex-shrink:0; border-radius:50%; background:#fe5631; margin-right:8px; }


.ih-sources{padding:64px 24px;background:#fff;}.ih-sources h2{font-size:clamp(28px,4vw,40px);line-height:1.2;margin-bottom:20px;}.ih-sources p{max-width:720px;margin-bottom:24px;color:#5c6368;}.ih-sources a{color:#101010;}

.ih-header-actions{grid-column:2;display:flex;align-items:center;justify-content:center;gap:16px;min-width:0;}.ih-header-actions .ih-header-cta{grid-column:auto;}.ih-language{display:none;position:relative;}.ih-language summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;min-height:44px;font-size:13px;padding:0 8px;}.ih-language summary::-webkit-details-marker{display:none;}.ih-language-options{position:absolute;right:0;top:calc(100% + 8px);min-width:140px;padding:8px;background:#fff;border:1px solid #e4e4e4;border-radius:12px;box-shadow:0 8px 24px #00000012;z-index:110;}.ih-language-options a{display:block;padding:10px 12px;border-radius:8px;color:#101010;font-size:14px;}.ih-language-options a:hover,.ih-language-options a[aria-current]{background:#f9f7f3;}.ih-menu-languages a{padding:12px;border:1px solid #e4e4e4;border-radius:10px;font-size:13px;}.ih-menu-languages a[aria-current]{border-color:#101010;}.ih-language summary:focus-visible,.ih-menu-languages a:focus-visible{outline:2px solid #fe5631;outline-offset:3px;}
@media(min-width:1200px){.ih-header-inner{grid-template-columns:auto 1fr auto;}.ih-header-actions{grid-column:3;justify-content:flex-end;}.ih-language{display:block;}.ih-desktop-nav{justify-self:center;}}

.ih-language-segment{display:none;border:1px solid #d8d8d8;border-radius:99px;padding:3px;gap:2px;}.ih-language-segment a{display:flex;align-items:center;justify-content:center;min-width:38px;min-height:36px;border-radius:99px;font-size:12px;color:#5c6368;}.ih-language-segment a[aria-current]{background:#101010;color:#fff;}.ih-language-segment a:focus-visible{outline:2px solid #fe5631;outline-offset:3px;}@media(min-width:1200px){.ih-language-segment{display:flex;}}

.ih-language-original{display:none;}@media(min-width:1200px){.ih-language-original{display:block;}}

.footer .footer-logo.ih-logo{display:inline-flex;align-items:center;gap:10px;color:#fff;font-family:Syne,sans-serif;}.footer .footer-logo.ih-logo .ih-logo-mark span{background:#fe5631;}
