/* Faszination Berg — tarteaucitron site-fit overrides. Loaded after tarteaucitron's stock CSS. */ /* Site fonts everywhere inside the consent UI. */ #tarteaucitronRoot, #tarteaucitronRoot * { font-family: 'Brandon Grotesque', 'OpenSans', sans-serif; } #tarteaucitronRoot p, #tarteaucitronRoot span, #tarteaucitronRoot li, #tarteaucitronRoot button, #tarteaucitronRoot div.tarteaucitronDetails, #tarteaucitronRoot .tarteaucitronMainText { font-family: 'OpenSans', 'Brandon Grotesque', sans-serif !important; } /* Header ("Cookies management panel") — was very large. */ #tarteaucitronRoot #tarteaucitron .tarteaucitronH1, #tarteaucitronRoot #tarteaucitronRootH1, #tarteaucitronRoot #tarteaucitronTitle { font-family: 'Brandon Grotesque', sans-serif !important; font-size: 1.4rem !important; line-height: 1.5 !important; font-weight: 500 !important; letter-spacing: 0.05rem; text-transform: uppercase; margin: 0 0 12px !important; } /* Subheader / disclaimer paragraph in the management panel — hidden entirely. This also removes the top/bottom hairline borders set on #tarteaucitronInfo in the stock theme (they were the "hr" lines above and below the text). */ #tarteaucitronRoot #tarteaucitron #tarteaucitronInfo, #tarteaucitronRoot div#tarteaucitronInfo { display: none !important; } /* Small-banner / alert disclaimer (used by tarteaucitronAlertBig). */ #tarteaucitronRoot #tarteaucitron .tarteaucitronMainText, #tarteaucitronRoot #tarteaucitron #tarteaucitronDisclaimerAlert { font-size: 0.95rem !important; line-height: 1.45 !important; font-weight: 400 !important; letter-spacing: normal !important; } /* Hide the "Einstellungen für alle Dienste / Preference for all services / Preferenze per tutti i servizi" subheadline that sits in the top strip. */ #tarteaucitronRoot #tarteaucitronMainLineOffset .tarteaucitronName, #tarteaucitronRoot #tarteaucitronMainLineOffset .tarteaucitronH2 { display: none !important; } /* "+" indicator next to category titles — hidden. */ #tarteaucitronRoot .tarteaucitronPlus, #tarteaucitronRoot .tarteaucitronTitle button .tarteaucitronPlus { display: none !important; } /* Category title row: render as plain heading, never as a button. Add left padding so titles don't sit flush against the panel edge. */ #tarteaucitronRoot #tarteaucitronServices .tarteaucitronTitle { cursor: default !important; padding: 14px 20px 8px !important; } #tarteaucitronRoot #tarteaucitronServices .tarteaucitronTitle button, #tarteaucitronRoot #tarteaucitronServices .tarteaucitronTitle .catToggleBtn, #tarteaucitronRoot #tarteaucitronServices .tarteaucitronTitle .asCatToggleBtn { background: transparent !important; border: 0 !important; padding: 0 !important; margin: 0 !important; cursor: default !important; pointer-events: none !important; text-decoration: none !important; text-transform: uppercase; font-family: 'Brandon Grotesque', sans-serif !important; font-size: 0.95rem !important; font-weight: 600 !important; letter-spacing: 0.04rem; color: inherit !important; } /* ROOT CAUSE FIX: tarteaucitron's stock CSS applies `font: inherit` to every

/etc. inside #tarteaucitronRoot. That means font size cascades from . MUI's CssBaseline puts font-size: 1.8rem on , which gets inherited by .tarteaucitronName as 32.4px — and as an inline-block, .tarteaucitronName establishes its own line-box of font-size × line-height (45px), splitting wrapped text into huge gaps. Pin the font-size on #tarteaucitron so descendants inherit a sane size. */ html body #tarteaucitronRoot #tarteaucitron { font-size: 14px !important; } /* Brute-force line-height for the entire consent surface. */ html body #tarteaucitronRoot #tarteaucitron, html body #tarteaucitronRoot #tarteaucitron * { line-height: 1.4 !important; } /* Mandatory cookies description: stock theme + the renderer's trailing
+ empty .tarteaucitronListCookies span produce huge vertical gaps. Use html body prefix to win against any later-injected