/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"futura", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-medium:500;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-brand-primary:#6f899a;--color-brand-accent:#6f899a;--color-brand-dark:#0c0b0b;--color-bg-default:#fff;--color-bg-soft:#f5f5f5;--color-line-200:#ededed;--color-line-300:#d2d2d2;--color-text-default:#0c0b0b;--color-text-muted:#5a5a5a;--font-display:"futura-bold", system-ui, sans-serif;--container-maxw:1500px;--fs-h1:5rem;--fs-h2:2.5rem;--fs-h3:2rem;--fs-h4:1.7rem;--fs-h5:1.2rem;--fs-lead:1.125rem;--fs-small:.875rem;--space-section-y:clamp(3rem, 2rem + 4vw, 6rem);--space-section-gap:clamp(1.5rem, 1rem + 1vw, 2.5rem)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-sans);color:var(--color-text-default);background-color:var(--color-bg-default);font-feature-settings:"kern","liga","calt";margin:0;font-size:1.3em;font-weight:400;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:.15em;text-decoration:underline}img,svg,video{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-brand-primary);text-wrap:balance;margin-block:.5em .35em;font-weight:400;line-height:1.2}h1{font-size:var(--fs-h1);text-transform:uppercase;margin-top:0}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}h4{font-size:var(--fs-h4)}h5{font-size:var(--fs-h5)}h1~h1{outline-offset:4px;outline:3px dashed red}p{text-wrap:pretty;max-width:72ch;margin-block:0 1em}.lead{font-size:var(--fs-lead);color:var(--color-text-default);max-width:60ch;line-height:1.5}ul,ol{padding-inline-start:1.25rem}li+li{margin-top:.25rem}:where(input,button,textarea,select):focus-visible{outline:3px solid var(--color-brand-accent);outline-offset:2px}a:focus-visible{outline:3px solid var(--color-brand-accent);outline-offset:3px;border-radius:2px}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.top-3{top:calc(var(--spacing) * 3)}.z-10{z-index:10}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.ml-4{margin-left:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.hidden{display:none}.table{display:table}.h-full{height:100%}.w-full{width:100%}.border-collapse{border-collapse:collapse}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-line-200{border-color:var(--color-line-200)}.object-cover{object-fit:cover}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-24{padding-block:calc(var(--spacing) * 24)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-text-muted{color:var(--color-text-muted)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-open\:rotate-45:is(:where(.group):is([open],:popover-open,:open) *){rotate:45deg}}@font-face{font-family:futura;src:url(/fonts/futura/futurabq-book.woff2)format("woff2"),url(/fonts/futura/futurabq-book.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:futura-light;src:url(/fonts/futura/futurabq-light.woff2)format("woff2"),url(/fonts/futura/futurabq-light.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:futura-medium;src:url(/fonts/futura/futurabq-medium.woff2)format("woff2"),url(/fonts/futura/futurabq-medium.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:futura-bold;src:url(/fonts/futura/futurabq-bold.woff2)format("woff2"),url(/fonts/futura/futurabq-bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}.maxw{max-width:var(--container-maxw);margin-inline:auto;padding-inline:40px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--color-brand-primary);color:#fff;z-index:100;padding:.75rem 1rem;transition:top .15s;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.btn{background-color:var(--color-brand-primary);color:#fff;border:2px solid var(--color-brand-primary);cursor:pointer;text-align:center;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;line-height:1.25;text-decoration:none;transition:background-color .25s,color .25s,transform .15s,box-shadow .25s;display:inline-block}.btn:hover{color:#fff;background-color:#5b7585;text-decoration:none;box-shadow:0 2px 8px #6f899a40}.btn:active{transform:translateY(1px)}.btn-ghost{color:var(--color-brand-primary);background-color:#0000}.btn-ghost:hover{background-color:var(--color-brand-primary);color:#fff}.btn-sm{padding:.5rem 1.25rem;font-size:.875rem}.section{padding-block:var(--space-section-y)}.section-soft{background-color:var(--color-bg-soft)}.section-header{margin-bottom:var(--space-section-gap);max-width:60ch}.section-eyebrow{font-size:var(--fs-small);letter-spacing:.08em;text-transform:uppercase;color:var(--color-brand-accent);margin:0 0 .5rem;font-weight:600}.section-title{margin:0}.site-header{border-bottom:1px solid var(--color-line-200);background:var(--color-bg-default);z-index:50;position:fixed;top:0;left:0;right:0}.site-header .logo img{vertical-align:baseline}.nav-link{font-family:var(--font-display);color:var(--color-brand-primary);border-bottom:2px solid #0000;align-items:center;min-height:44px;padding:.5rem 0;font-size:14px;font-weight:400;transition:border-color .2s;display:inline-flex}.nav-link:hover{border-bottom-color:var(--color-brand-primary);text-decoration:none}.site-footer{color:var(--color-text-default);background:#fff;padding-block:0}.site-footer .fline1{text-align:center;background:#fff;padding:1rem 0}.site-footer .fline1 a{color:var(--color-text-default)}.site-footer .fline2{border-top:1px solid var(--color-line-200);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;font-size:.875rem;display:flex}.site-footer .fnav{gap:1.5rem;display:flex}.site-footer a{color:var(--color-text-default)}.site-footer a:hover{opacity:.8}.gallery-grid-4col{grid-template-columns:repeat(4,1fr);gap:0;display:grid}@media(max-width:768px){.gallery-grid-4col{grid-template-columns:repeat(2,1fr)}}.gallery-grid-4col .gallery-figure{aspect-ratio:1;margin:0;padding:0;overflow:hidden}.gallery-grid-4col .gallery-figure img{object-fit:cover;width:100%;height:100%;transition:transform .3s,opacity .3s}.gallery-grid-4col .gallery-figure img:hover{opacity:.9;transform:scale(1.03)}.fullwidth-gallery{padding-inline:0}.sopro-grid{grid-template-columns:repeat(6,1fr);gap:0;display:grid}.sopro-grid .gallery-figure{aspect-ratio:1;margin:0;padding:0;overflow:hidden}.sopro-grid .gallery-figure img{object-fit:contain;background:#fff;width:100%;height:100%;padding:.5rem}@media(max-width:768px){.sopro-grid{grid-template-columns:repeat(3,1fr)}}.galloadmore{color:inherit;cursor:pointer;background:0 0;border:1px solid;margin:20px auto;padding:8px 24px;font-family:inherit;font-size:1rem;transition:background .2s,color .2s;display:block}.galloadmore:hover{background:var(--color-brand-primary);color:#fff;border-color:var(--color-brand-primary)}.info-cards{grid-template-columns:repeat(5,1fr);gap:0;display:grid}.info-card{aspect-ratio:4/3;align-items:flex-end;display:flex;position:relative;overflow:hidden}.info-card img{object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.info-card:hover img{transform:scale(1.05)}.info-card:hover{text-decoration:none}.info-card-overlay{z-index:1;color:#fff;width:100%;font-family:var(--font-display);text-align:center;background:linear-gradient(#0000,#000000b3);padding:1.5rem;font-size:1.25rem;font-weight:400;position:relative}@media(max-width:768px){.info-cards{grid-template-columns:repeat(2,1fr)}}.auto-c2-dark{grid-template-columns:1fr 1fr;align-items:stretch;gap:0;display:grid}.auto-c2-dark .c5-img{overflow:hidden}.auto-c2-dark .c5-img img,.auto-c2-dark .c5-img picture img{object-fit:cover;width:100%;height:100%;display:block}.auto-c2-dark .c5-text{flex-direction:column;justify-content:center;padding:3rem;display:flex}.auto-c2-dark .c5-text p{max-width:none}.auto-c2-dark.orderswitsch{direction:rtl}.auto-c2-dark.orderswitsch>*{direction:ltr}@media(max-width:850px){.auto-c2-dark{grid-template-columns:1fr}.auto-c2-dark.orderswitsch{direction:ltr}.auto-c2-dark .c5-text{padding:2rem 1.5rem}}.auto-c2{grid-template-columns:1fr 1fr;align-items:center;gap:2.5rem;display:grid}@media(max-width:850px){.auto-c2{grid-template-columns:1fr}}.global-kontakt{background:var(--color-bg-default)}.kontakt-grid{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}@media(max-width:850px){.kontakt-grid{grid-template-columns:1fr}}.kontaktdaten__eintrag{align-items:flex-start;gap:10px;margin-bottom:.75rem;font-size:.95rem;display:flex}.kontaktdaten__eintrag a{color:var(--color-text-default)}.kontaktdaten__eintrag--top{align-items:flex-start}.video-grid{grid-template-columns:1fr 1fr;gap:0;display:grid}@media(max-width:768px){.video-grid{grid-template-columns:1fr}}.iframe-container{height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.iframe-container iframe{width:100%;height:100%;position:absolute;top:0;left:0}form#contactForm{flex-wrap:wrap;justify-content:space-between;display:flex}form input[type=text],form input[type=tel],form input[type=email],form textarea,form select{border:1px solid var(--color-line-300);width:100%;font:inherit;background:var(--color-bg-default);border-radius:4px;padding:.625rem .75rem}form input:focus-visible,form textarea:focus-visible,form select:focus-visible{border-color:var(--color-brand-accent)}form .input50{width:calc(50% - 13px);margin-bottom:26px}form .input50 input,form .input50 textarea{height:43px}form .input100{width:100%;margin-bottom:26px}form .input100 textarea{resize:vertical;min-height:120px}form .field100{width:100%;margin-bottom:26px}form .field100 textarea{resize:vertical;min-height:80px}@media(max-width:700px){form .input50{width:100%}}form label{font-size:var(--fs-small);color:var(--color-text-muted);margin-bottom:.25rem;display:block}form .honey{display:none}[data-aos]{opacity:0;transition:opacity .8s,transform .8s;transition-delay:var(--aos-delay,0s);will-change:opacity,transform}[data-aos=fade]{transform:none}[data-aos=fade-up]{transform:translateY(30px)}[data-aos=fade-down]{transform:translateY(-30px)}[data-aos=fade-left]{transform:translate(30px)}[data-aos=fade-right]{transform:translate(-30px)}[data-aos=zoom-in]{transform:scale(.95)}[data-aos].aos-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){[data-aos]{opacity:1!important;transition:none!important;transform:none!important}}@keyframes scrollBounce{0%,to{transform:rotate(45deg)translateY(0)}50%{transform:rotate(45deg)translateY(10px)}}.prose h1{margin-bottom:.5em}.prose h2{margin-top:2em;margin-bottom:.5em}.prose h3{margin-top:1.5em;margin-bottom:.5em}.prose p{line-height:1.6}.prose ul,.prose ol{margin-bottom:1em}.prose a{color:var(--color-brand-primary);text-decoration:underline}.cookie-banner{z-index:1000;border-top:2px solid var(--color-brand-primary);background:#fff;padding:1.25rem 2rem;display:none;position:fixed;bottom:0;left:0;right:0}.cookie-banner.is-visible{display:block}.cookie-banner-inner{max-width:var(--container-maxw);flex-wrap:wrap;align-items:center;gap:1.25rem;margin:0 auto;display:flex}.cookie-banner p{flex:1;min-width:200px;margin:0}.cookie-banner a{color:var(--color-brand-primary);text-decoration:underline}@media(max-width:768px){.maxw{padding-inline:20px}h1{font-size:2.5rem}h2{font-size:1.7rem}h3{font-size:1.4rem}}@media(max-width:400px){.site-header .logo img{width:120px!important}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@media(max-width:999px){.menu-btn[data-astro-cid-3ef6ksr2]{display:flex!important}.desktop-nav[data-astro-cid-3ef6ksr2],.social-icons[data-astro-cid-3ef6ksr2]{display:none!important}}@media(min-width:1000px){.menu-btn[data-astro-cid-3ef6ksr2],.mobile-nav[data-astro-cid-3ef6ksr2]{display:none!important}}.nav-parent[data-astro-cid-3ef6ksr2]:hover .nav-dropdown[data-astro-cid-3ef6ksr2]{display:block!important}@media(max-width:768px){.no-mobile[data-astro-cid-sz7xmlte]{display:none}.fline1[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;gap:.25rem}}

/* === STANDARD FIXES 2026-07-22 === */
/* Skip-Link */
.skip-link{top:-100px!important;opacity:0!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}
.skip-link:focus{top:0!important;opacity:1!important;width:auto!important;height:auto!important;clip:auto!important}

/* Map */
.site-map{aspect-ratio:16/3.5!important;max-height:460px!important;overflow:hidden!important}
.site-map iframe{max-height:460px!important}
iframe[src*='google.com/maps']{max-height:460px!important}
div:has(>iframe[src*='google.com/maps']){width:100vw!important;margin-left:calc(-50vw + 50%)!important;max-height:460px!important;overflow:hidden!important;padding:0!important}

/* Buttons + Forms */
.btn,button[type=submit],a.btn{border-radius:10px!important}
form input,form textarea,form select{border-radius:10px!important}
form input[type=hidden]{border-radius:0!important}

/* Headings responsive */
h1{font-size:clamp(1.8rem,1.2rem + 2.5vw,2.7em)!important}
h2{font-size:clamp(1.5rem,1rem + 2.2vw,2.3em)!important;text-wrap:balance}

/* Contact icons */
.contact-icon{width:24px!important;min-width:24px!important;height:24px!important}
.contact-icon svg{width:24px!important;height:24px!important;min-width:24px!important}

/* Footer: hide Konzept line */
.footer-credits{display:none!important}
/* Also hide the cc div in fline2 */
.site-footer .fline2 .cc{display:none!important}

/* ========================================================
   DESIGN FIXES — baustoffe-basel.oo.devqon.ch
   2026-07-22 — All 9 issues addressed
   ======================================================== */

/* === ISSUE 1: Map — full-width, flat, no padding === */
.global-kontakt section:last-child .maxw:has(iframe[src*="google.com/maps"]) {
  max-width: 100vw !important;
  width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  padding: 0 !important;
}
.global-kontakt section:last-child .maxw iframe[src*="google.com/maps"],
.global-kontakt iframe[src*="google.com/maps"],
iframe[src*="google.com/maps"] {
  width: 100% !important;
  max-height: 460px !important;
  height: 460px !important;
  display: block !important;
  border: 0 !important;
}
/* Also target any wrapping div */
.site-map, div:has(> iframe[src*="google.com/maps"]) {
  width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  max-height: 460px !important;
  overflow: hidden !important;
  padding: 0 !important;
}

/* === ISSUE 2: Gallery images — edge-to-edge, no gaps/padding === */
.gallery-grid-4col {
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.gallery-grid-4col .gallery-figure {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
.gallery-grid-4col .gallery-figure img {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.fullwidth-gallery {
  padding-inline: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
}
/* The gallery sections' parent maxw should be full-width */
section:has(.fullwidth-gallery) {
  padding: 0 !important;
}
section:has(.fullwidth-gallery) .maxw.fullwidth-gallery {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* === ISSUE 3: Gallery images — clickable with lightbox === */
/* We add cursor pointer and a subtle zoom-overlay indicator */
.gallery-grid-4col .gallery-figure {
  cursor: pointer !important;
  position: relative !important;
}
.gallery-grid-4col .gallery-figure::after {
  content: "\2922";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  font-size: 2.5rem;
  color: #fff;
  background: rgba(0,0,0,0.5);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
  pointer-events: none;
  z-index: 2;
}
.gallery-grid-4col .gallery-figure:hover::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

/* Lightbox overlay styles */
.lightbox-overlay {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0,0,0,0.92) !important;
  z-index: 10000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: zoom-out !important;
  padding: 2rem !important;
}
.lightbox-overlay img {
  max-width: 90vw !important;
  max-height: 90vh !important;
  object-fit: contain !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 40px rgba(0,0,0,0.5) !important;
}
.lightbox-close {
  position: absolute !important;
  top: 1.5rem !important;
  right: 1.5rem !important;
  font-size: 2rem !important;
  color: #fff !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 10001 !important;
}

/* === ISSUE 4: Videos — remove all borders/padding === */
.video-grid {
  gap: 0 !important;
  padding: 0 !important;
}
.video-grid > div {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}
.iframe-container {
  margin: 0 !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  /* padding-bottom is the aspect-ratio hack - do NOT override it */
  border: none !important;
}
.iframe-container iframe {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Make video sections full-width too */
section:has(.video-grid) {
  padding: 0 !important;
}
section:has(.video-grid) .maxw.fullwidth-gallery {
  max-width: 100% !important;
  padding: 0 !important;
}

/* === ISSUE 5: Contact icons — bigger (24px min) === */
.kontaktdaten__eintrag svg {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  flex-shrink: 0 !important;
}
.kontaktdaten__eintrag {
  gap: 12px !important;
  font-size: 1.05rem !important;
}

/* === ISSUE 6: Spacing between logo and contact icons === */
.kontakt-logo {
  margin-bottom: 2rem !important;
}
.global-kontakt section:first-child .maxw {
  padding-bottom: 0.5rem !important;
}
.global-kontakt section:first-child + section .kontakt-grid {
  padding-top: 1rem !important;
}

/* === ISSUE 7: Öffnungszeiten — text bigger === */
.kontaktdaten__eintrag--top {
  font-size: 1.1rem !important;
}
.kontaktdaten__eintrag--top p {
  font-size: 1.1rem !important;
  line-height: 1.6 !important;
  margin-bottom: 0.5em !important;
}
.kontaktdaten__eintrag--top div {
  font-size: 1.1rem !important;
}

/* === ISSUE 8: Impressum page — match original styling === */
/* The live site uses Montserrat/Quicksand fonts + specific sizes */
.prose {
  font-size: 1.1rem !important;
  line-height: 1.7 !important;
  max-width: 800px !important;
}
.prose h1 {
  font-size: var(--fs-h2) !important;
  margin-bottom: 1em !important;
  color: var(--color-brand-primary) !important;
}
.prose h2 {
  font-size: var(--fs-h4) !important;
  margin-top: 2.5em !important;
  margin-bottom: 0.75em !important;
  color: var(--color-brand-primary) !important;
}
.prose h4 {
  font-size: var(--fs-h4) !important;
  margin-top: 2em !important;
  margin-bottom: 0.5em !important;
  color: var(--color-brand-primary) !important;
}
.prose p {
  margin-bottom: 1em !important;
  line-height: 1.7 !important;
  max-width: none !important;
}
.prose a {
  color: var(--color-brand-primary) !important;
  text-decoration: underline !important;
}
/* Add top padding so content doesn't sit right under header */
main > section.maxw:first-child {
  padding-top: calc(4.5rem + var(--space-section-y)) !important;
}

/* === ISSUE 9: Text positioning on subpages === */
/* Ensure text blocks have correct alignment and spacing */
.auto-c2-dark .c5-text {
  padding: 3rem !important;
}
.auto-c2-dark .c5-text h2 {
  margin-bottom: 0.5em !important;
}
.auto-c2-dark .c5-text hr {
  margin-top: 0.5rem !important;
  margin-bottom: 1.5rem !important;
}
.auto-c2-dark .c5-text p {
  max-width: none !important;
  line-height: 1.7 !important;
}
/* Ensure proper spacing for the main text sections */
section > .maxw {
  padding-inline: 40px !important;
}

/* Responsive fixes for text sections */
@media (max-width: 850px) {
  .auto-c2-dark .c5-text {
    padding: 2rem 1.5rem !important;
  }
  section > .maxw {
    padding-inline: 20px !important;
  }
}


/* === MAP SECTION — truly full-width === */
.map-section {
  padding: 0 !important;
  margin: 0 !important;
}
.map-fullwidth {
  width: 100% !important;
  max-height: 460px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}
.map-fullwidth iframe {
  display: block !important;
  width: 100% !important;
  height: 460px !important;
  max-height: 460px !important;
  border: 0 !important;
}

/* === VIDEO SECTIONS — ensure truly clean edges === */
section:has(.video-grid) {
  padding: 0 !important;
  margin: 0 !important;
}
.video-grid.maxw.fullwidth-gallery {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* === Impressum page — subpage text top padding for fixed header === */
body > main > section.maxw:first-of-type {
  padding-top: calc(5rem + var(--space-section-y)) !important;
}

/* ====================================================================
   PIXEL-PERFECT FIXES FINAL — baustoffe-basel.oo.devqon.ch
   All values measured from https://baustoffe-basel.ch/ computed styles
   2026-07-23
   ==================================================================== */

/* === HERO SECTION — 820px like live === */
.hero-header {
  min-height: 820px !important;
  height: 820px !important;
}
.hero-header .absolute.inset-0.w-full.h-full.object-cover {
  height: 820px !important;
}

/* === H5 "Cristofoli AG" — Live: 24.96px, fw 500 === */
.hero-header h5 {
  font-size: 24.96px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  margin-bottom: 16.72px !important;
}

/* === H1 — Live: 80px === */
h1 {
  font-size: 80px !important;
  line-height: 96px !important;
  text-transform: uppercase !important;
  margin-bottom: 53.6px !important;
}
@media (max-width: 768px) {
  h1 { font-size: 2.5rem !important; line-height: 1.2 !important; margin-bottom: 1rem !important; }
}

/* === H2 — Live: 40px, lh 40px === */
h2 {
  font-size: 40px !important;
  line-height: 40px !important;
  margin-bottom: 26.8px !important;
  margin-top: 0 !important;
}
@media (max-width: 768px) {
  h2 { font-size: 1.7rem !important; line-height: 1.2 !important; }
}

/* === Paragraphs — Live values === */
p {
  line-height: 31.2px !important;
  margin-top: 20.8px !important;
  margin-bottom: 0 !important;
  max-width: none !important;
}
.cookie-banner p { margin-top: 0 !important; margin-bottom: 0 !important; }
form label { margin-top: 0 !important; line-height: normal !important; }
.site-footer p, .fline1 p, .fline2 p { margin-top: 0 !important; line-height: 26px !important; }

/* === ALL .btn — Live "button" class: bg #6f899a, white text, no border, border-radius 6px, padding 7px 10px 6px, font-size 20.8px === */
.btn, a.btn {
  background-color: rgb(111, 137, 154) !important;
  color: #fff !important;
  border: 0 none !important;
  border-radius: 6px !important;
  font-size: 20.8px !important;
  font-weight: 400 !important;
  padding: 7px 10px 6px 10px !important;
}
.btn:hover, a.btn:hover {
  background-color: #5b7585 !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* === Sopro "Weitere Infos" on WHITE bg section — Live: white bg, dark text, no border === */
section:not([style*="background:#0c0b0b"]):not(.hero-header) > .maxw .btn,
section:not([style*="background:#0c0b0b"]):not(.hero-header) .c5-text .btn,
section:not([style*="background:#0c0b0b"]):not(.hero-header) > .maxw a.btn,
section:not([style*="background:#0c0b0b"]):not(.hero-header) .c5-text a.btn {
  background-color: #fff !important;
  color: #0c0b0b !important;
  border: 0 none #0c0b0b !important;
}
section:not([style*="background:#0c0b0b"]):not(.hero-header) > .maxw .btn:hover,
section:not([style*="background:#0c0b0b"]):not(.hero-header) .c5-text .btn:hover {
  background-color: rgb(111, 137, 154) !important;
  color: #fff !important;
}

/* === "mehr laden" button — Live: white bg, black text, 1px solid black, border-radius 0 === */
button.galloadmore {
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  font-size: 20.8px !important;
  padding: 6px 12px !important;
  border-radius: 0 !important;
}
button.galloadmore:hover {
  background-color: rgb(111, 137, 154) !important;
  color: #fff !important;
  border-color: rgb(111, 137, 154) !important;
}

/* === Submit button — Live: white bg, dark text, 1px solid #6f899a, border-radius 6px === */
form input[type="submit"],
input.btn[type="submit"],
form .btn[type="submit"] {
  background-color: #fff !important;
  color: #0c0b0b !important;
  border: 1px solid #6f899a !important;
  border-radius: 6px !important;
  font-size: 22.88px !important;
  padding: 7px 10px 6px 10px !important;
  font-weight: 400 !important;
  cursor: pointer !important;
  width: 127px !important;
}

/* === Cookie OK button — Live: filled #6f899a, white text, border-radius 6px === */
#cookieAccept,
.cookie-banner .btn,
.cookie-banner .btn-sm {
  background-color: rgb(111, 137, 154) !important;
  color: #fff !important;
  border: 0 none !important;
  border-radius: 6px !important;
  padding: 7px 10px 6px 10px !important;
  font-size: 20.8px !important;
  font-weight: 400 !important;
  cursor: pointer !important;
}

/* === FORM FIELDS — Live: border-radius 0, border 1px solid #6f899a === */
form input[type="text"],
form input[type="tel"],
form input[type="email"],
form textarea,
form select {
  border-radius: 0px !important;
  border: 1px solid rgb(111, 137, 154) !important;
  padding: 1px 10px !important;
  font-size: 22.88px !important;
  background-color: #fff !important;
  color: #000 !important;
}
form .input50 input { height: 43px !important; }
form textarea {
  padding: 2px 10px !important;
  height: 200px !important;
  min-height: 200px !important;
}
form .field100 textarea {
  min-height: 200px !important;
  height: 200px !important;
}
form input[type="hidden"], form .honey input { border: none !important; }

/* === FOOTER — Live: TRANSPARENT bg, dark text (not dark bg!) === */
.site-footer {
  background-color: transparent !important;
  color: rgb(12, 11, 11) !important;
  padding-block: 0 !important;
}
.site-footer .fline1 {
  background: transparent !important;
  text-align: center !important;
}
.site-footer .fline1 a {
  color: rgb(12, 11, 11) !important;
}
.site-footer .no-mobile {
  color: rgb(12, 11, 11) !important;
}
.site-footer .fline2 {
  border-top-color: var(--color-line-200) !important;
  color: rgb(12, 11, 11) !important;
}
.site-footer .fnav a,
.site-footer .fnav span {
  color: rgb(12, 11, 11) !important;
}
/* Show cc line */
.site-footer .fline2 .cc {
  display: block !important;
  color: rgb(12, 11, 11) !important;
}
.site-footer .cc span,
.site-footer .cc a {
  color: rgb(12, 11, 11) !important;
}

/* === MAP — Live: 460px height (override CLEAN2 350px!) === */
.map-fullwidth,
.site-map,
div:has(> iframe[src*="google.com/maps"]) {
  max-height: 460px !important;
}
.map-fullwidth iframe,
.site-map iframe,
iframe[src*="google.com/maps"] {
  height: 460px !important;
  max-height: 460px !important;
}

/* === SOPRO product images — Live: object-fit cover === */
.sopro-grid .gallery-figure img {
  object-fit: cover !important;
}

/* === SCROLL CHEVRON — Live: 50px, bottom 82px === */
.scroll-down {
  bottom: 82px !important;
}
.scroll-down span {
  width: 50px !important;
  height: 50px !important;
}

/* === Kontakt section text sizes === */
.kontaktdaten__eintrag--top p {
  font-size: 20.8px !important;
  line-height: 31.2px !important;
  margin-bottom: 15px !important;
}
.kontaktdaten__eintrag--top div {
  font-size: 20.8px !important;
}
.kontaktdaten__eintrag--top div p {
  font-size: 20.8px !important;
  line-height: 31.2px !important;
  margin-bottom: 15px !important;
}

/* === Dark section text paragraphs === */
.auto-c2-dark .c5-text p {
  max-width: none !important;
  line-height: 31.2px !important;
}


/* === User-Feedback Fixes 2026-07-24 === */

/* 1. Dunkle Sektionen: Brand-Blau statt Schwarz */
.auto-c2-dark,
.site-split-text[style*='background'],
div[style*='background-color: #0c0b0b'],
div[style*='background:#0c0b0b'],
div[style*='background-color: var(--color-brand-dark)'],
section[style*='background-color: var(--color-brand-dark)']{
  background-color:#6f899a!important;
}

/* 2. Split-Bilder: kein Rand rechts, edge-to-edge */
.site-split-image{padding:0!important;margin:0!important}
.site-split-image img{width:100%!important;height:100%!important;object-fit:cover!important}
.site-split{gap:0!important}

/* 3. Kontakt-Icons: Brand-Blau Farbe */
.kontaktdaten__eintrag svg{color:#6f899a!important;fill:#6f899a!important}
.contact-icon{color:#6f899a!important}
.contact-icon svg{color:#6f899a!important;fill:#6f899a!important}

/* 4. Öffnungszeiten: Icon NEBEN Text (inline-flex) */
.kontaktdaten__eintrag--top{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
}
.kontaktdaten__eintrag--top svg{
  flex-shrink:0!important;
  margin-top:4px!important;
}

/* 5. Gallery dark sections fullwidth */
.fullwidth-gallery{padding:0!important;margin:0!important}
.gallery-grid-4col{gap:0!important;padding:0!important;margin:0!important}
.gallery-grid-4col img{border-radius:0!important}

/* 6. Video containers fullwidth */
.video-grid{gap:0!important;padding:0!important}
.video-grid > div{padding:0!important;margin:0!important}

@media(max-width:850px){
  .kontaktdaten__eintrag--top{flex-direction:row!important}
}

/* === Fixes 2026-07-24 Round 2 === */

/* 1. Weitere Infos Button: sichtbar als Button auf hellem Hintergrund */
section:not(.auto-c2-dark) .btn,
.maxw:not(.auto-c2-dark) > .btn{
  background-color:#6f899a!important;
  color:#fff!important;
  display:inline-block!important;
  padding:10px 20px!important;
  border-radius:6px!important;
  text-decoration:none!important;
}

/* 2. Galerie-Bilder: kein Rand an den Seiten, volle Breite */
.fullwidth-gallery,
.gallery-grid-4col{
  width:100vw!important;
  margin-left:calc(-50vw + 50%)!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* 3. Sopro-Sektion Text WEISS (nicht schwarz) */
.auto-c2-dark[id*='opro'] *,
.auto-c2-dark.orderswitsch *,
div[id*='opro'].auto-c2-dark *{
  color:#fff!important;
}
.auto-c2-dark .c5-text,
.auto-c2-dark .c5-text p,
.auto-c2-dark .c5-text h2,
.auto-c2-dark .c5-text h3,
.auto-c2-dark h2,
.auto-c2-dark p{
  color:#fff!important;
}

/* 4. Kontakt-Icons: GRÖSSER (32px) */
.kontaktdaten__eintrag svg{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
}

/* 5. Öffnungszeiten-Icon: vertikal zentriert neben Text, nicht oben */
.kontaktdaten__eintrag--top{
  align-items:center!important;
}
.kontaktdaten__eintrag--top svg{
  margin-top:0!important;
  align-self:center!important;
}

/* === Round 3 Fixes === */

/* 1. Weitere Infos BUTTON: erzwingen dass er sichtbar ist */
a.btn{
  background-color:#6f899a!important;
  color:#fff!important;
  display:inline-block!important;
  padding:10px 24px!important;
  border-radius:6px!important;
  text-decoration:none!important;
  font-size:1rem!important;
  margin-top:2rem!important;
}
a.btn:hover{background-color:#5a7585!important}
/* Auf dunklem Hintergrund: weisser Button */
.auto-c2-dark a.btn,
section[style*='background:#6f899a'] a.btn{
  background-color:#fff!important;
  color:#0c0b0b!important;
}

/* 2. Split-Bilder bis zum Rand — Image bricht aus maxw aus */
.auto-c2-dark .c5-img{
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:50vw!important;
}
/* Für normal (Bild links) */
.auto-c2-dark:not(.orderswitsch) .c5-img{
  right:0!important;
  left:auto!important;
  margin-right:calc(-50vw + 50%)!important;
}
/* Für reversed (Bild links, Text rechts) */
.auto-c2-dark.orderswitsch .c5-img{
  left:0!important;
  right:auto!important;
  margin-left:calc(-50vw + 50%)!important;
}
.auto-c2-dark{
  position:relative!important;
  min-height:500px!important;
  overflow:visible!important;
}
.auto-c2-dark .c5-img img,
.auto-c2-dark .c5-img picture{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
/* Sections müssen overflow hidden haben damit Bild nicht ausserhalb zeigt */
section:has(.auto-c2-dark){overflow:hidden!important}

/* 3. Sopro-Sektion: schmaler (weniger Höhe) */
#Sopro{min-height:400px!important}
#Sopro .c5-img{max-height:400px!important}
#Sopro .c5-img img{max-height:400px!important}

/* 4. Mehr Abstand Text zu Button */
.c5-text .btn{margin-top:2rem!important}
.c5-text p:last-of-type{margin-bottom:1.5rem!important}

/* 5. Öffnungszeiten-Icon: NEBEN dem Text, gleiche Zeile */
.kontaktdaten__eintrag--top{
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  gap:12px!important;
}
.kontaktdaten__eintrag--top > svg,
.kontaktdaten__eintrag--top > img{
  flex-shrink:0!important;
  margin-top:5px!important;
  width:28px!important;
  height:28px!important;
}
.kontaktdaten__eintrag--top > div{
  flex:1!important;
}

/* FINAL OVERRIDE: Buttons sichtbar */
/* Auf hellem Hintergrund: blauer Button */
section:not([style*='#6f899a']) a.btn,
.maxw:not(.auto-c2-dark) a.btn[href*='cristofoli'],
.maxw:not(.auto-c2-dark) a.btn[href*='sopro']{
  background-color:#6f899a!important;
  color:#fff!important;
  border:none!important;
}
/* Erster Intro-Bereich: der Weitere Infos Button */
a.btn[href*='cristofoli.ch']{
  background-color:#6f899a!important;
  color:#fff!important;
}
/* Sopro Weitere Infos */
a.btn[href*='sopro.com']{
  background-color:#fff!important;
  color:#0c0b0b!important;
}

/* Sopro: kein HR-Strich */
#Sopro .site-hr,
#Sopro hr{display:none!important}

/* Text in den dark sections: etwas mehr nach links (weniger padding-left) */
.auto-c2-dark:not(.orderswitsch) .c5-text{
  padding-left:2rem!important;
}
.auto-c2-dark.orderswitsch .c5-text{
  padding-left:2rem!important;
}

/* Button mit ID-Selektor (höchste Spezifität) */
#btn-weitere{
  background-color:#6f899a!important;
  color:#fff!important;
  padding:10px 24px!important;
  border-radius:6px!important;
  display:inline-block!important;
  text-decoration:none!important;
}

/* Öffnungszeiten: Brute-Force inline-flex */
.kontaktdaten__eintrag.kontaktdaten__eintrag--top{
  display:inline-flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:flex-start!important;
  gap:10px!important;
}
.kontaktdaten__eintrag--top > svg{
  order:-1!important;
  flex:0 0 28px!important;
  margin-top:3px!important;
}
.kontaktdaten__eintrag--top > div{
  flex:1 1 auto!important;
}

/* Sopro: kein Weissraum links - Text soll links sein, Bild rechts */
#Sopro .c5-text{padding-left:0!important}
#Sopro{padding:0!important}
/* Öffnungszeiten: kein kontaktdaten__eintrag--top flex mehr nötig */
.kontaktdaten__eintrag--top{display:block!important}

/* Texte in blauen Sektionen: besser zentriert */
.auto-c2-dark .c5-text{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:3rem 3rem!important;
  text-align:center!important;
}
.auto-c2-dark .c5-text h2{text-align:center!important}
.auto-c2-dark .c5-text p{text-align:center!important}
.auto-c2-dark .c5-text .site-hr{margin-inline:auto!important}
.auto-c2-dark .c5-text .btn{align-self:center!important}

/* Text linksbündig aber gleichmässig Padding links+rechts */
.auto-c2-dark .c5-text{
  text-align:left!important;
  padding:3rem 4rem!important;
}
.auto-c2-dark .c5-text h2{text-align:left!important}
.auto-c2-dark .c5-text p{text-align:left!important}
.auto-c2-dark .c5-text .site-hr{margin-inline:0!important}
.auto-c2-dark .c5-text .btn{align-self:flex-start!important}

/* Impressum + Datenschutz: bessere Lesbarkeit */
.prose{
  max-width:900px!important;
  margin-inline:auto!important;
  padding:2rem 40px!important;
  font-size:1.05rem!important;
  line-height:1.85!important;
  color:#333!important;
}
.prose h1{
  font-size:3rem!important;
  color:#6f899a!important;
  margin-bottom:2rem!important;
  font-weight:700!important;
}
.prose h2{
  font-size:1.8rem!important;
  color:#6f899a!important;
  margin-top:3rem!important;
  margin-bottom:1rem!important;
  font-weight:600!important;
  border-bottom:2px solid #e0e0e0!important;
  padding-bottom:0.5rem!important;
}
.prose h3{
  font-size:1.4rem!important;
  color:#6f899a!important;
  margin-top:2rem!important;
  margin-bottom:0.75rem!important;
  font-weight:600!important;
}
.prose h4{
  font-size:1.2rem!important;
  color:#6f899a!important;
  margin-top:1.5rem!important;
  margin-bottom:0.5rem!important;
  font-weight:600!important;
}
.prose p{
  margin-bottom:1rem!important;
}
.prose strong{
  color:#222!important;
}
.prose a{
  color:#6f899a!important;
  text-decoration:underline!important;
}
.prose ul,.prose ol{
  margin-bottom:1rem!important;
  padding-left:1.5rem!important;
}
.prose li{
  margin-bottom:0.4rem!important;
}

/* Datenschutz: strong-Überschriften wie h2/h3 stylen */
.prose p > strong:first-child:last-child,
.prose p > strong:only-child{
  display:block!important;
  font-size:1.4rem!important;
  color:#6f899a!important;
  margin-top:2rem!important;
  margin-bottom:0.5rem!important;
  font-weight:600!important;
  font-family:var(--font-display)!important;
}