/* Approved: Ratgeber 01 Kontor and market-report cover 03 Nordlicht, Bremen. */
.page-ratgeber,.page-wissen{--page-width:1440px;--page-inset:5vw}
.page-ratgeber .page-intro,.page-wissen .page-intro{padding-bottom:48px}
.page-ratgeber .page-intro h1,.page-wissen .page-intro h1{font-weight:300}
.page-ratgeber .guide-art,.page-ratgeber .guide-row h2{width:100%}
html body.page-wissen .wb-mb__input{border-radius:24px!important}
.page-ratgeber .page-intro>p:last-child,.page-wissen .page-intro>p:last-child{max-width:74ch;font-size:14px;line-height:1.8}
.page-ratgeber .guide-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding-bottom:80px}
.page-ratgeber .guide-row{display:flex;flex-direction:column;gap:0;padding:26px 24px;border:1px solid #d5d5ce;border-radius:4px;min-width:0;background:#fff;transition:border-color .25s,box-shadow .25s}
.page-ratgeber .guide-row:hover{border-color:#888d81;box-shadow:0 12px 28px #25282009}
.page-ratgeber .guide-art{display:flex;align-items:start;justify-content:space-between;height:53px;margin-bottom:18px}
.page-ratgeber .guide-art svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.page-ratgeber .guide-number{font-size:10px;letter-spacing:.1em;color:#70736d;padding:0}
.page-ratgeber .guide-row h2{font-size:14px;line-height:1.4;font-weight:600;letter-spacing:.02em;text-transform:uppercase;text-wrap:initial;min-height:68px;max-width:none;margin:0 0 12px;overflow-wrap:break-word}
.page-ratgeber .guide-row .guide-description{font-size:12px;line-height:1.85;color:#656961;min-height:68px;margin:0 0 22px}
.page-ratgeber .guide-bottom{margin-top:auto;width:100%}
.page-ratgeber .guide-row .guide-meta{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#656961;margin:0 0 17px}
html body.page-ratgeber .guide-row .kontur-button{width:100%;height:46px;min-height:46px!important;padding:10px 12px!important;background:#fff!important;color:#272825!important;border:1px solid #272825!important;font-size:11px!important;white-space:normal}
html body.page-ratgeber .guide-row .kontur-button:hover,html body.page-ratgeber .guide-row .kontur-button:focus-visible,html body.page-ratgeber .guide-row .kontur-button[data-contour-active]{background:#272825!important;color:#fff!important}
.page-wissen .wb-mb{width:min(calc(100% - 2 * var(--page-inset)),var(--page-width));margin:0 auto;background:#f1f1ea;color:#262825;padding:54px 64px}
.page-wissen .wb-mb__innen{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:70px;align-items:center;max-width:1000px}
.page-wissen .wb-mb__content{min-width:0}
.page-wissen .wb-mb__titel{font-size:clamp(29px,3vw,42px)!important;max-width:none;font-weight:300;line-height:1.14;letter-spacing:-.045em;margin:0 0 22px;text-wrap:initial}
.page-wissen .wb-mb__beschreibung{color:#555b51;font-size:13px!important;line-height:1.85}
.page-wissen .wb-mb__details{font-size:10px;line-height:1.8;color:#656961;margin-top:16px}
.page-wissen .wb-mb__formular{display:grid;gap:14px;margin-top:25px}
.page-wissen .wb-mb__feld{margin:0;gap:8px;font-size:11px}
.page-wissen .wb-mb__input{height:48px;border:1px solid #bbbeb3;border-radius:24px;padding:12px 20px;font-size:16px;margin:0}
.page-wissen .wb-mb__opt{font-size:11px;line-height:1.7;gap:10px;color:#53594f;margin:0}
.page-wissen .wb-mb__opt input{width:17px;height:17px;margin:2px 0 0;accent-color:#333333}
html body.page-wissen .wb-mb .kontur-button{width:100%;height:48px;min-height:48px!important;margin:0;padding:10px 20px!important;border-color:#333333!important;background:#333333!important;color:white!important;font-size:12px!important}
html body.page-wissen .wb-mb .kontur-button:hover,html body.page-wissen .wb-mb .kontur-button:focus-visible,html body.page-wissen .wb-mb .kontur-button[data-contour-active]{background:white!important;color:#333333!important}
.page-wissen .wb-mb__mikro{font-size:10px!important;line-height:1.7;color:#656961;margin:0}
.page-wissen .wb-mb .form-result{font-size:12px;color:#333333}
.page-wissen .wb-mb .form-result:empty{display:none}
.page-wissen .wb-mb .demo-note{font-size:10px;color:#666!important}
.report-cover{box-sizing:border-box;aspect-ratio:210/297;width:100%;max-width:315px;background:#333333;position:relative;isolation:isolate;padding:25px 23px;color:white;display:flex;flex-direction:column;overflow:hidden;box-shadow:8px 16px 26px #181d2429;border-left:5px solid #242424;container-type:inline-size;justify-self:center}
.report-cover .cover-logo{width:67%;height:auto;display:block;filter:invert(1)}
.report-cover .cover-eyebrow{font-size:2.5cqw;letter-spacing:.14em;margin:10cqw 0 0;color:#dddddd;text-transform:uppercase}
.report-cover .cover-title{font-weight:300;font-size:11.5cqw;line-height:1.1;letter-spacing:-.055em;margin:3cqw 0}
.report-cover .cover-region{font-size:4cqw;line-height:1.6;margin:3cqw 0}
.report-cover .cover-edition{font-size:3cqw;letter-spacing:.06em;margin-top:auto;border-top:1px solid currentColor;padding-top:4cqw}
.report-cover .cover-foot{font-size:2.2cqw;line-height:1.7;margin:3cqw 0 0}
.report-cover .cover-graphic{display:block;position:absolute;z-index:-1;inset:49% 0 18%;background:linear-gradient(#33333333,#33333388),url(assets/bremen-1920.webp) center 55%/cover;opacity:.6}
.page-wissen .wissen-filter{display:block;padding-top:60px}
.page-wissen .wissen-filter h2{font-size:30px;margin:0 0 25px;max-width:32ch}
.page-wissen .wissen-filter__inner{gap:10px}
.page-wissen .wissen-filter__btn{padding:10px 22px;border:1px solid #c6c9bd;border-radius:30px;font-size:11px}
.page-wissen .wissen-filter__btn--active{background:#333333;color:#fff;border-color:#333333}
.page-wissen .wissen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-block:28px 80px}
.page-wissen .wissen-card{border:1px solid #d5d5ce;padding:28px;max-width:none}
.page-wissen .wissen-card__body{height:100%;display:flex;flex-direction:column}
.page-wissen .wissen-card__title{font-size:28px!important;line-height:1.15;margin:25px 0 20px;text-wrap:initial}
.page-wissen .wissen-card__excerpt{font-size:13px;line-height:1.8;margin-bottom:25px}
.page-wissen .wissen-card__meta{display:flex;flex-direction:column;align-items:start;gap:12px;margin-top:auto;font-size:10px}
.page-wissen .wissen-card__link{font-size:11px}
.page-wissen .wissen-card[hidden]{display:none!important}
.page-wissen .wissen-filter__inner{flex-wrap:wrap;gap:10px}
.page-wissen .wissen-filter__btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border:1px solid #b8b8b0;border-radius:999px;font-size:12px}
.page-wissen .wissen-filter__btn--active{background:#333;color:#fff;border-color:#333}
.page-wissen .wissen-filter__btn:focus-visible{outline:2px solid #333;outline-offset:4px}
.page-wissen .wissen-count{margin:15px 0 0;font-size:12px;color:#555}
.page-wissen .wissen-card__title{min-height:3.45em;letter-spacing:-.025em;font-weight:400}
.page-wissen .wissen-grid{grid-auto-rows:1fr}
.page-wissen .wissen-card__link{font-size:12px;text-underline-offset:5px}
@media(max-width:760px){.page-wissen .wissen-grid{grid-auto-rows:auto}.page-wissen .wissen-card__title{font-size:25px!important;min-height:0}.page-wissen .wissen-filter__btn{padding:10px 16px}.page-wissen .wissen-card__excerpt{font-size:14px}}
@media(max-width:1150px){.page-ratgeber .guide-list{grid-template-columns:repeat(2,minmax(0,1fr))}.page-wissen .wb-mb{padding:42px}.page-wissen .wb-mb__innen{gap:45px}.page-wissen .wissen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.page-ratgeber,.page-wissen{--page-inset:24px}.page-ratgeber .page-intro,.page-wissen .page-intro{padding-bottom:32px}.page-ratgeber .page-intro>p:last-child,.page-wissen .page-intro>p:last-child{font-size:13px}.page-ratgeber .guide-list{grid-template-columns:1fr;gap:16px;padding-bottom:45px}.page-ratgeber .guide-row{padding:24px}.page-ratgeber .guide-row h2{min-height:0;font-size:15px;margin-bottom:15px}.page-ratgeber .guide-row .guide-description{min-height:0;margin-bottom:22px}.page-ratgeber .guide-art{height:45px;margin-bottom:15px}.page-wissen .wb-mb{padding:30px 22px}.page-wissen .wb-mb__innen{display:flex;flex-direction:column;gap:34px}.page-wissen .report-cover{width:210px;max-width:100%}.page-wissen .wb-mb__titel{font-size:29px!important}.page-wissen .wb-mb__beschreibung{font-size:12px!important}.page-wissen .wissen-filter{padding-top:36px}.page-wissen .wissen-filter h2{font-size:27px}.page-wissen .wissen-grid{grid-template-columns:1fr;padding-bottom:45px}.page-wissen .wissen-card{padding:24px}}
@media(prefers-reduced-motion:reduce){.page-ratgeber .guide-row{transition:none}}

/* Separate the accessible reading option from every guide request button. */
.page-ratgeber .guide-bottom .guide-reading-link{display:block;margin-top:16px;text-align:center;font:inherit;line-height:1.5;text-underline-offset:4px}
