: wpautop legt ohnehin ein darum. */
.hours-title {
margin: var(--sp-5) 0 var(--sp-2);
font-weight: 600;
}
.hours-title:first-child { margin-top: 0; }
.hours-title strong { font-weight: inherit; }
.hours {
display: grid;
/* FESTE erste Spalte: zwei Listen sind zwei Raster, mit `max-content`
stünden die Wertespalten versetzt. Stellschraube --hours-col. */
grid-template-columns: var(--hours-col, 8rem) auto;
gap: var(--sp-2) var(--sp-4);
margin: 0 0 var(--sp-4);
}
.hours dt { font-weight: 400; color: var(--muted); }
.hours dd { margin: 0; font-variant-numeric: tabular-nums; }
/* Lesbare Zeilenlänge nur im echten Fließtext */
:is(.page-entry, .tabtext) :is(p, li) { max-width: 42em; }
/* Versalien nur, wo sie Struktur tragen. Die NAVIGATION ist ausgenommen —
dort waren sie der Grund, warum die Kopfleiste kräftiger wirkte. */
:is(.content-button a, a.boxbutton, .headerbox-button a, .post-more,
.contactform button,
.wpcf7 .wpcf7-submit, .psbutton, .pslink,
.boxcontent h3, .cboxcontent h3, .requestformtitle) {
text-transform: none;
}
/* Label-Rolle: klein, fett, weit gesperrt */
:is(.footer-box .footerboxtitle, .sidebarbox .widgettitle,
.propbox .prop-location, .breadcrumb, table th) {
font-size: var(--fs-label);
font-weight: 600;
text-transform: uppercase;
letter-spacing: var(--ls-label);
line-height: var(--lh-snug);
}
::selection { background: var(--accent); color: #fff; }
/* ===== 2b · BESTANDSBEREINIGUNG — gepunktete Rahmen =====
31 Stellen mit 1px-#ccc-Punktrahmen, das auffälligste Alterssignal.
Stilart und Farbe zentral umgestellt, Geometrie unangetastet. Ein
pauschales `* { border-style: solid }` wäre gefährlich: Elemente mit
border-width > 0 und border-style:none bekämen einen sichtbaren Rahmen. */
#tabContainer .tabtext,
.boxcontent,
.cboxcontent,
.meta-category,
.postbox,
.propbox,
.propimagewrap,
.request-list-box,
.request-single-box,
.service-list-box,
.sidebarbox,
.team-profile-data,
.team-profile-image img,
.teambox,
ul.commentlist li {
border-style: solid;
border-color: var(--line);
}
.bo-favlist,
.page-nav,
.postmeta {
border-top-style: solid;
border-top-color: var(--line);
}
#sidebar .widgettitle,
#tabContainer .tabtext h3,
#topmenu li:hover > ul > li,
#topmenu ul li,
.blog-list-box,
.favorites-list li,
.footer-box .footerboxtitle,
.headerbox-headline,
.headerbox-headline-mobile,
.pagetitle,
.propbox .propbox-separator,
.propfacts a,
.request-single-box table td {
border-bottom-style: solid;
border-bottom-color: var(--line);
}
/* ===== 3 · LAYOUT & RAUM =====
Inhaltsbreite bleibt beim Bestandsmaß (1060 + 20px, content-box). */
/* Innenabstand der Inhaltsspalte auf allen Breiten; schrumpft mobil über
--space-block von selbst. Horizontal Bestandsmaß 15px. */
.ib { margin: var(--sp-5) 0 var(--space-block); }
/* Seitentitel auf die Raumskala. Der Innenabstand gibt dem Trennstrich Luft
und löst auf der Objektseite die Überschneidung mit .propicons. */
.pagetitle { margin: 0 0 var(--sp-5); padding-bottom: var(--sp-3); }
/* Die Objektübersicht verschachtelt .page-content in .page-content —
die innere darf das Außenmaß nicht ein zweites Mal aufschlagen. */
.page-content .page-content { padding: 0; }
/* homepage.php gibt die Hüllen für Team- und Blog-Box immer aus, den Inhalt
nur bei aktivem Modul — zwei leere .page-content, die trotzdem Abstand
reservieren. Selbstheilend, sobald ein Modul aktiviert wird. */
.page-content:not(:has(*)) { padding: 0; }
/* Sektionsabstand aus EINER Quelle: der Seiteneditor setzt auf .ctacontainer
ein Inline-`padding:80px 0`, zusammen mit .inner-section verdoppelt.
→ Fall a. */
.homepage-section .inner-section { padding: 0; }
.ctacontainer { padding: var(--space-section) 0 !important; }
/* ---- Der Inline-Außenabstand der CTA-Wrapper ---------------------------
Die Vorlagen schreiben `style="margin:px 0 !important"` in die Seite.
Inline-!important schlägt jede Stylesheet-Regel; kompensieren ginge nur
mit negativem --space-section.
`display: contents` löst es anders: der Wrapper erzeugt gar keinen Kasten
mehr — was es nicht gibt, hat auch keinen Außenabstand.
WER DEM WRAPPER SPÄTER EINE FLÄCHE GIBT, MUSS DIESE REGEL ENTFERNEN.
Sauber bleibt: die drei Werte in den Theme-Optionen auf 0. */
.col-full.cb.ct { display: contents; }
/* Der Seiteneditor schreibt in cta3 ein `style="margin:-25px 0 0 30px"`.
`!important` ist PFLICHT: gegen einen Inline-Style verliert jede Regel
ohne, egal wie spezifisch. Der linke Einzug bleibt, nur die vertikale
Verschiebung fällt. */
.ctacontainer .columns :is(.col1-2, .col2-3, .col3-4) > .inner > div[style*="margin"] {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.separator-headline { margin: var(--space-block) 0 var(--sp-5); }
.separator-headline > span::before,
.separator-headline > span::after { height: 1px; background: var(--line); }
.separator-headline h4 { font-size: var(--fs-h2); }
hr { height: 1px; background: var(--line); margin: var(--space-block) 0 var(--sp-5); }
/* Info-Boxen: Float-Reihe → Grid. :has() als Wächter; fällt es aus,
entfallen Container- und Kindregel gemeinsam und das Float-Layout
bleibt intakt. */
.ib:has(> .col-otc) {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: var(--gap-grid);
}
.ib:has(> .col-otc) > .col-otc { width: auto; margin: 0; float: none; display: flex; }
.ib:has(> .col-otc) > .clear { display: none; }
/* ===== 4 · KOPFBEREICH ===== */
.topline {
background: var(--topbar);
border-bottom: 1px solid var(--line);
padding: var(--sp-2) 0;
}
/* Obere Leiste leichter als das Hauptmenü — sie ist Nebennavigation. */
.topline-menu ul li {
font-size: var(--fs-meta); font-weight: 500;
text-transform: uppercase; letter-spacing: .03em;
}
.topline-data span { font-size: var(--fs-meta); color: var(--ink-3); }
:is(.topline-menu ul li a, .topline-content a) { color: var(--ink-3); }
.topline-data span i { color: var(--accent); }
#header { border-bottom: 1px solid var(--line); }
.logo { padding: var(--header-y) 0; }
@media (min-width: 1025px) {
#header {
position: sticky; top: 0; z-index: 10050; /* .slidercontent liegt auf 10003 */
background: rgba(255, 255, 255, .92);
-webkit-backdrop-filter: saturate(180%) blur(14px);
backdrop-filter: saturate(180%) blur(14px);
}
/* Versalien wie im Bestand. Die Laufweite ist empirisch die größte, die noch
hineinpasst: .02em mit 11px hält von 1040 bis 1600px einzeilig. */
#topmenu ul li {
font-size: var(--fs-menu); font-weight: 700;
text-transform: uppercase; letter-spacing: .02em;
}
#topmenu ul li a {
padding: calc(var(--header-y) + 15px) 11px calc(var(--header-y) + 20px);
color: var(--ink-3);
transition: color var(--dur) var(--ease);
}
/* Aktiver Punkt: 2px Unterstrich in Rot statt reinem Farbwechsel */
#topmenu > ul > li > a::after {
content: ""; position: absolute; left: 11px; right: 11px;
bottom: calc(var(--header-y) + 12px);
height: 2px; background: var(--accent);
transform: scaleX(0); transform-origin: left;
transition: transform var(--dur) var(--ease);
}
#topmenu > ul > li:is(:hover, .current-menu-item, .current_page_parent,
.current_page_ancestor) > a::after { transform: scaleX(1); }
#topmenu ul ul {
border: 1px solid var(--line);
border-radius: var(--r-card);
box-shadow: var(--e-float);
overflow: hidden;
padding: var(--sp-1) 0;
}
#topmenu li:hover > ul > li { border-bottom: none; height: auto; }
/* Das Theme setzt `#topmenu ul ul li a` (1,1,1) auf feste 13px und schlägt
damit die Größe am . */
#topmenu ul ul li a { padding: var(--sp-3) var(--sp-5); font-size: var(--fs-small); }
#topmenu ul ul li:hover { background: var(--tint); }
/* 1025–1199px ist .header-right zu schmal für die volle Menügröße — ohne
Straffung bricht die Leiste zweizeilig. */
@media (max-width: 1199px) {
#topmenu ul li { font-size: var(--fs-small); }
#topmenu ul li a { padding: calc(var(--header-y) + 15px) 9px calc(var(--header-y) + 20px); }
#topmenu > ul > li > a::after { left: 9px; right: 9px; }
}
}
/* Mobile Filterleiste: das Theme zeigt nur ein Symbol ohne Beschriftung,
damit ist nicht erkennbar, dass ein Tippen die Suche aufklappt.
BREAKPOINT 834, nicht 1024 — mobile.css legt die Klappmechanik nur dort
an; auf 1024 stand der Knopf über einer ohnehin offenen Leiste. */
@media (max-width: 834px) {
.immotax .mobileselect {
display: flex; align-items: center; justify-content: space-between;
box-sizing: border-box;
min-height: var(--btn-h);
padding: 0 var(--sp-4);
background: var(--soft);
border: 1px solid var(--line);
border-radius: var(--r-btn);
color: var(--ink-3);
font-size: var(--fs-small); font-weight: 600; letter-spacing: .02em;
text-align: left;
cursor: pointer;
}
.immotax .mobileselect::before { content: var(--filter-label); }
.immotax .mobileselect i { font-size: 1.25rem; color: var(--accent); }
/* ---- Der halb offene Filter beim Erstaufruf ----------------------------
Zwei Mechaniken für dieselbe Klappe, die sich widersprechen:
mobile.css schließt über die HÖHE (`height: 0` lässt Innenabstand und
Rahmen stehen — 34px Streifen), die Vorlage über die ANZEIGEART
(`.toggle()` liest den aktuellen display-Wert, der auf `block` steht, und
SCHLIESST deshalb beim ersten Klick).
Beide müssen auf dieselbe Eigenschaft. Die Hover-Regel fällt ersatzlos:
auf Touchgeräten gibt es kein Hover, mit Maus klappte der Filter beim
Darüberfahren auf. */
.immotax .immo-mobiletoggle {
display: none;
height: auto;
visibility: visible;
margin-top: 0 !important; /* → Theme-Regel mit !important, Fall c */
}
.immotax:hover .immo-mobiletoggle { height: auto; }
/* UND ES SIND ZWEI SKRIPTE: die Vorlage toggelt `.hbox-taxsearch`,
js/script.js zusätzlich das