.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}:root { --color-purple:        rgb(67 54 128);
--color-crimson:       rgb(114 19 51);
--color-black:         rgb(30 30 30);
--color-white:         rgb(255 255 255);
--color-rose:          rgb(246 242 242);
--color-mint:          rgb(225 239 222);
--color-nav-bg:        rgba(222, 220, 230, 0.95); --header-height:       6rem;
--header-height-md:    5.5rem;
--header-height-sm:    5rem; --logo-height:         4rem; --max-width-container: 85.5rem;
--max-width-nav:       540px; --transition-fast:     150ms cubic-bezier(0.4, 0, 0.2, 1);
--transition-base:     300ms cubic-bezier(0.4, 0, 0.2, 1);
--transition-slow:     500ms cubic-bezier(0.4, 0, 0.2, 1);
--transition-nav:      0.4s ease-in-out; --tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow:        0 0 #0000;
--tw-shadow:             0 0 #0000;
--tw-shadow-colored:     0 0 #0000;
} *,
::before,
::after {
box-sizing: border-box;
border-width: 0;
border-style: solid;
border-color: currentColor; --tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scroll-snap-strictness: proximity;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
::before,
::after {
--tw-content: '';
}
html {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
tab-size: 4;
font-family: "Satoshi Variable", sans-serif;
font-weight: 400;
}
body {
margin: 0;
line-height: inherit;
position: relative;
display: flex;
flex-direction: column;
overflow-x: hidden;
transition: all var(--transition-fast);
min-height: 100vh;
} h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: inherit;
}
h3 {
margin-bottom: 0.75rem;
font-size: 1.5rem;
}
@media (min-width: 640px)  { h3 { margin-bottom: 0.5rem; font-size: 1.875rem; } }
@media (min-width: 1024px) { h3 { font-size: 2.25rem; } }
a {
color: inherit;
text-decoration: inherit;
}
b, strong { font-weight: bolder; }
code, kbd, samp, pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
"Liberation Mono", "Courier New", monospace;
font-size: 1em;
}
small { font-size: 80%; }
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub { bottom: -0.25em; }
sup { top: -0.5em; }
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]) { text-decoration: underline dotted; }
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
blockquote, dl, dd,
h1, h2, h3, h4, h5, h6,
hr, figure, p, pre { margin: 0; }
fieldset { margin: 0; padding: 0; }
legend  { padding: 0; }
ol, ul, menu {
list-style: none;
margin: 0;
padding: 0;
} button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: inherit;
color: inherit;
margin: 0;
padding: 0;
}
button, select { text-transform: none; }
button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button;
background-color: transparent;
background-image: none;
}
button, [role="button"] { cursor: pointer; }
:disabled { cursor: default; }
textarea { resize: vertical; }
textarea:focus, input:focus { outline: none; }
input::placeholder, textarea::placeholder {
opacity: 1;
color: #9ca3af;
} img, svg, video, canvas, audio, iframe, embed, object {
display: block;
vertical-align: middle;
}
img, video {
max-width: 100%;
height: auto;
}
progress { vertical-align: baseline; }
summary { display: list-item; }
[hidden] { display: none; } :-moz-focusring { outline: auto; }
:-moz-ui-invalid { box-shadow: none; } ::-webkit-inner-spin-button,
::-webkit-outer-spin-button { height: auto; } [type='search'] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
} @font-face {
font-family: 'Satoshi Variable';
font-weight: 300 900;
font-style: normal;
font-display: swap;
src: url(//library.isbberlin.com/wp-content/themes/isb_library/assets/css/fonts/satoshi-variable/satoshi-variable-300-900-normal.woff2) format('woff2');
}
@font-face {
font-family: 'Satoshi Variable Italic';
font-weight: 300 900;
font-style: italic;
font-display: swap;
src: url(//library.isbberlin.com/wp-content/themes/isb_library/assets/css/fonts/satoshi-variable/satoshi-variable-300-900-italic.woff2) format('woff2');
}  .visible        { visibility: visible; }
.static         { position: static; }
.fixed          { position: fixed; }
.absolute       { position: absolute; }
.relative       { position: relative; }
.block          { display: block; }
.flex           { display: flex; }
.grid           { display: grid; }
.list-item      { display: list-item; } .top-0  { top: 0; }
.left-0 { left: 0; } .z-0  { z-index: 0; }
.z-10 { z-index: 10; }
.z-50 { z-index: 50; } .h-full  { height: 100%; }
.w-full  { width: 100%; }
.w-8\/12 { width: 66.666667%; } .max-w-lg  { max-width: 32rem; }
.max-w-3xl { max-width: 48rem; } .mx-auto { margin-left: auto; margin-right: auto; }
.my-1    { margin-top: 0.25rem;  margin-bottom: 0.25rem; }
.my-2    { margin-top: 0.5rem;   margin-bottom: 0.5rem; }
.my-3    { margin-top: 0.75rem;  margin-bottom: 0.75rem; }
.my-12   { margin-top: 3rem;     margin-bottom: 3rem; }
.mt-6    { margin-top: 1.5rem; }
.mt-7    { margin-top: 1.75rem; }
.mt-10   { margin-top: 2.5rem; }
.mt-12   { margin-top: 3rem; }
.mt-16   { margin-top: 4rem; }
.mt-20   { margin-top: 5rem; }
.mb-4    { margin-bottom: 1rem; }
.mb-5    { margin-bottom: 1.25rem; }
.mb-6    { margin-bottom: 1.5rem; }
.mb-8    { margin-bottom: 2rem; }
.mb-10   { margin-bottom: 2.5rem; }
.mb-20   { margin-bottom: 5rem; }
.mb-24   { margin-bottom: 6rem; }
.mb-28   { margin-bottom: 7rem; } .py-14  { padding-top: 3.5rem;  padding-bottom: 3.5rem; }
.pt-12  { padding-top: 3rem; }
.pb-20  { padding-bottom: 5rem; } .items-center       { align-items: center; }
.gap-12             { gap: 3rem; } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
rotate(var(--tw-rotate))
skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} .bg-rose    { background-color: var(--color-rose); }
.bg-mint    { background-color: var(--color-mint); }
.text-white { color: var(--color-white); }
.text-purple { color: var(--color-purple); }
.text-black\/60 { color: rgb(30 30 30 / 0.6); } .font-headline   { font-family: "Satoshi Variable", sans-serif; }
.text-sm         { font-size: .875rem; }
.text-base       { font-size: 1rem; }
.text-xl         { font-size: 1.25rem; }
.text-3xl        { font-size: 1.875rem; }
.text-4xl        { font-size: 2.25rem; }
.uppercase       { text-transform: uppercase; }
.leading-mini    { line-height: 1.15; }
.tracking-wider  { letter-spacing: 0.05em; }
.text-left       { text-align: left; }
.text-center     { text-align: center; } .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);
} .container {
width: 100%;
max-width: var(--max-width-container);
margin-right: auto;
margin-left: auto;
padding-right: 1rem;
padding-left: 1rem;
}
@media (min-width: 640px)  { .container { max-width: 640px;    padding-inline: 2rem; } }
@media (min-width: 768px)  { .container { max-width: 768px; } }
@media (min-width: 1024px) { .container { max-width: 1024px;   padding-inline: 4rem; } }
@media (min-width: 1280px) { .container { max-width: 1280px;   padding-inline: 5rem; } }
@media (min-width: 1536px) { .container { max-width: 1536px;   padding-inline: 6rem; } } .container { max-width: var(--max-width-container); } .site          { flex: 1 0 auto; }
.site-footer   { flex-shrink: 0; }
.screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.site-main {
margin-top: var(--header-height);
animation: fadeIn ease 0.5s both;
}
.search .site-main,
.archive .site-main,
.single .site-main {
margin-top: 11rem;
}
@keyframes fadeIn {
from { opacity: 0; }
to   { opacity: 1; }
}  .site-header {
background-color: var(--color-white);
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
height: var(--header-height); align-items: center; }
.home .site-header {
background-color: transparent;
box-shadow: none;
}
@media (max-width: 1023px) {
.site-header { height: var(--header-height-md); }
}
@media (max-width: 639px) {
.site-header { height: var(--header-height-sm); }
} .site-branding { width: 100%;
max-width: var(--max-width-container);
margin-inline: auto;
padding-inline: 1rem; display: flex;
align-items: center;
justify-content: space-between;
}
@media (min-width: 640px)  { .site-branding { max-width: 640px;    padding-inline: 2rem; } }
@media (min-width: 768px)  { .site-branding { max-width: 768px;    justify-content: center; } }
@media (min-width: 1024px) { .site-branding { max-width: 1024px;   padding-inline: 4rem; } }
@media (min-width: 1280px) { .site-branding { max-width: 1280px;   padding-inline: 5rem; } }
@media (min-width: 1536px) { .site-branding { max-width: 1536px;   padding-inline: 6rem; } } .site-branding { max-width: var(--max-width-container); } .site-title {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
} .site-logo {
display: flex;
align-items: center;
}
.site-logo a {
display: flex;
align-items: center;
}
.site-logo img {
height: var(--logo-height);
width: auto;
} .menu-toggle {
position: absolute;
left: 0;
top: 0;
z-index: 50;
width: 6rem;
height: var(--header-height);
cursor: pointer;
outline: 2px solid transparent;
outline-offset: 2px;
transform: rotate(0deg);
transition:
color var(--transition-slow),
background-color var(--transition-slow),
opacity var(--transition-slow),
transform var(--transition-slow);
}
.menu-toggle:focus { outline: 2px solid transparent; }
.menu-toggle span {
position: absolute;
display: block;
background-color: var(--color-black);
opacity: 1;
width: 40%;
height: 2px;
border-radius: 2px;
right: calc(30% - 3px);
transform: rotate(0deg);
transition:
background-color var(--transition-slow),
opacity var(--transition-slow),
transform var(--transition-slow),
top var(--transition-slow),
width var(--transition-slow),
left var(--transition-slow);
} .menu-toggle span:nth-child(1) { top: 40px; }
.menu-toggle span:nth-child(2),
.menu-toggle span:nth-child(3) { top: 48px; }
.menu-toggle span:nth-child(4) { top: 56px; } .toggled .menu-toggle span               { background-color: var(--color-purple); }
.toggled .menu-toggle span:nth-child(1)  { top: 48px; width: 0%; left: 50%; }
.toggled .menu-toggle span:nth-child(2)  { transform: rotate(45deg); }
.toggled .menu-toggle span:nth-child(3)  { transform: rotate(-45deg); }
.toggled .menu-toggle span:nth-child(4)  { top: 48px; width: 0%; left: 50%; } @media (max-width: 1023px) {
.menu-toggle {
width: 6rem;
height: var(--header-height-md);
}
.menu-toggle span:nth-child(1) { top: 31px; }
.menu-toggle span:nth-child(2),
.menu-toggle span:nth-child(3),
.toggled .menu-toggle span:nth-child(1),
.toggled .menu-toggle span:nth-child(4) { top: 41px; }
.menu-toggle span:nth-child(4) { top: 51px; }
} .main-navigation ul {
position: relative;
display: none;
opacity: 0;
transition: opacity 0.5s ease;
} .main-navigation > div {
position: absolute;
top: 0;
left: 0;
z-index: 40;
height: 100vh;
width: 50%;
max-width: var(--max-width-nav);
padding: 2rem 1rem;
background-color: var(--color-nav-bg);
transform: translateX(-100%);
transition: transform var(--transition-nav);
}
@media (max-width: 768px) { .main-navigation > div { width: calc(75% + 6px); } }
@media (max-width: 639px) { .main-navigation > div { width: calc(100% + 6px); } }
.main-navigation > div > ul {
visibility: visible;
margin-top: 4rem;
display: block;
overflow: hidden;
opacity: 1;
} .main-navigation > div ul li {
position: relative;
margin-block: 0.25rem;
display: block;
font-size: 1.5rem;
font-weight: 300;
color: var(--color-white);
transition: color 0.2s ease-in-out;
}
@media (min-width: 640px)  { .main-navigation > div ul li { font-size: 1.875rem; } }
@media (min-width: 1024px) { .main-navigation > div ul li { font-size: 2.25rem; } }
.main-navigation li a             { color: var(--color-purple); }
.main-navigation > div ul li:hover { color: var(--color-crimson); } .main-navigation > div ul li a::before {
content: '\2002';
width: 0.5em;
display: inline-block;
} .main-navigation.toggled > div { transform: translateX(0); } .submenu-toggle {
background: none;
border: none;
cursor: pointer;
padding: 0.25rem 0.5rem;
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%);
color: inherit;
}
.submenu-toggle-icon {
display: block;
width: 0.25em;
height: 0.25em;
border-right: 2px solid var(--color-purple);
border-bottom: 2px solid var(--color-purple);
transform: rotate(45deg);
transition: transform 0.2s ease;
}
.submenu-open > .submenu-toggle .submenu-toggle-icon {
transform: rotate(-135deg);
} .sub-menu {
display: none;
padding-left: 1rem;
}
.submenu-open > .sub-menu {
display: block;
opacity: 1;
margin-block-end: 1.5rem;
}
.submenu-open > .sub-menu li{
font-size: .75em;
} .headline__h2 {
font-family: "Satoshi Variable", sans-serif;
font-size: 1.5rem;
line-height: 1.1;
}
@media (min-width: 640px)  { .headline__h2 { font-size: 2.25rem; } }
@media (min-width: 1024px) { .headline__h2 { font-size: 2.5rem; } } @media (min-width: 640px)  { .single .entry-header { width: 83.333333%; } }
@media (min-width: 1024px) { .single .entry-header { width: 58.333333%; } }
.entry-feature {
margin-block: 1.5rem;
}
@media (min-width: 640px)  { .entry-feature { width: 91.666667%; } }
@media (min-width: 1024px) { .entry-feature { width: 75%; } }
.entry-feature > div { margin-bottom: 3rem; }
.single .entry-footer,
.entry-content {
margin-bottom: 3.5rem;
}
@media (min-width: 640px) {
.single .entry-footer,
.entry-content { margin-bottom: 5rem; width: 83.333333%; }
}
@media (min-width: 1024px) {
.single .entry-footer,
.entry-content { margin-bottom: 8rem; width: 66.666667%; }
}
.entry-content .description { margin-bottom: 0.5rem; }
@media (min-width: 1024px) { .single .entry-content { margin-bottom: 4rem; } } .home .entry-content { margin-bottom: 0; }
.widget_block p,
.entry-content p { margin-bottom: 1.5rem; } .section .intro a,
.entry-content a {
text-decoration-line: underline;
opacity: 1;
text-decoration-color: rgba(0, 0, 0, 0.5);
text-decoration-thickness: 0.1em;
text-underline-offset: 3px;
transition: all var(--transition-base);
transition-delay: 100ms;
}
.section .intro a:hover,
.entry-content a:hover {
text-decoration-color: transparent;
}
.section .related__items a {
border-bottom: 2px solid rgb(30 30 30 / 0.5);
transition: color var(--transition-fast), border-color var(--transition-fast);
}
.section .related__items a:hover {
border-color: rgb(114 19 51 / 0.5);
color: var(--color-crimson);
} .list-item,
.card {
line-height: 1.375;
}
@media (min-width: 640px) {
.list-item, .card { font-size: 1.125rem; }
}
.list-item .list-title,
.card h2 { font-weight: 700; } .list-item {
border-bottom: 1px solid rgb(67 54 128 / 0.4);
}
.list-item a {
display: block;
padding-block: 0.75rem;
transition: color var(--transition-base);
}
@media (min-width: 640px) { .list-item a { padding-block: 1rem; } }
.list-item a:hover       { color: var(--color-crimson); }
.list-item a:hover svg   { fill: var(--color-crimson); } .card .more {
border-bottom: 2px solid var(--color-crimson);
color: var(--color-crimson);
transition: border-color var(--transition-fast);
}
.card .more:hover     { border-color: rgb(114 19 51 / 0.5); }
.card-header a:hover  { color: var(--color-crimson); } .tags, .cats, .description, .keywords, .theme {
font-size: 0.725rem;
letter-spacing: 0.1em;
color: var(--color-black);
}
.single .tags, .list .tags, .theme,
.tags a, .tags span,
.cats a, .cats span,
.description a, .description span,
.keywords a, .keywords span {
opacity: 0.5;
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.tags a:hover,
.cats a:hover,
.description a:hover,
.keywords a:hover { opacity: 1; }
.tags, .theme { text-transform: uppercase; } [class^="icon"] {
position: relative;
margin-right: 0.25rem;
display: inline-block;
height: 1.25rem;
width: 1.25rem;
transition: all var(--transition-base);
}
.btn-outline:hover .icon.arrow-right { fill: white; }
.filter .icon.icon__arrow {
height: 1rem;
width: 1rem;
--tw-rotate: 90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
rotate(var(--tw-rotate))
skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.filter.open .icon.icon__arrow {
--tw-rotate: -90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
rotate(var(--tw-rotate))
skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} .columns {
margin-top: 1.5rem;
margin-bottom: 7rem;
display: flex;
flex-direction: column-reverse;
}
@media (min-width: 768px) {
.columns {
margin-top: 4rem;
flex-direction: row;
justify-content: space-between;
gap: 2rem;
}
}
.keywords li { display: flex; }
.related ul        { margin-top: 1rem; }
@media (min-width: 640px) { .related ul { margin-top: 0.5rem; } }
.related ul li     { margin-block: 0.25rem; } .home .card .tags { margin-bottom: 0.125rem; }
.home .collection .list-item { font-size: 1.125rem; }
@media (min-width: 640px) { .home .collection .list-item { font-size: 1.5rem; } }
.home .collection .list-item a {
display: flex;
align-items: center;
justify-content: space-between;
}
.home .collection .list-item .icon { margin-top: 0.75rem; }
@media (max-width: 1023px) {
.home .recent .cards .card:last-of-type { display: none; }
} .section.search img {
display: block;
height: 100%;
width: 100%;
object-fit: fill;
}
[type='search'] { outline-offset: 0; }
.search-form {
display: flex;
align-items: center;
justify-content: center;
}
.search-no-results .search-form {
justify-content: flex-start;
}
.search-form input[type='search'] {
height: 4rem;
padding: 1.5rem;
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 80vw;
max-width: 47.5rem;
}
@media (min-width: 768px) {
.search-form input[type='search'] { width: 50vw; }
}
.search-form input[type='search']:focus { outline: none; }
.search-form input[type='submit'] {
height: 4rem;
width: 4rem;
background-color: var(--color-purple);
background-image: url(//library.isbberlin.com/wp-content/themes/isb_library/assets/images/icon-search.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 45%;
color: var(--color-white);
font-size: 0;
transition: background-color var(--transition-fast);
}
.search-form input[type='submit']:hover {
cursor: pointer;
background-color: var(--color-crimson);
} .filter {
border: 2px solid rgb(30 30 30 / 0.3);
}
@media (min-width: 768px) { .filter { margin-top: 1.5rem; } }
.filter h3 {
margin: 0;
display: flex;
align-items: center;
justify-content: space-between;
border-color: rgb(30 30 30 / 0.3);
padding: 1rem 1rem 1rem 1.5rem;
font-size: 0.725rem;
text-transform: uppercase;
letter-spacing: 0.1em;
color: rgb(30 30 30 / 0.5);
cursor: pointer;
}
.filter__keywords {
display: none;
height: 11rem;
max-height: 16rem;
overflow-y: auto;
padding: 0.5rem 1.5rem 1.5rem;
margin-bottom: 0.5rem;
}
.filter a {
display: block;
padding-block: 2px;
transition: color var(--transition-fast);
}
.filter a.active,
.filter a:hover { color: var(--color-crimson); } .site-footer .site-info {
background-color: var(--color-purple);
}
.site-footer .site-info > div {
padding-top: 4rem;
padding-bottom: 6rem;
font-size: 0.875rem;
color: var(--color-white);
letter-spacing: 0.02em;
}
.site-footer .site-info > .container.legal {
padding-top: 0rem;
padding-bottom: 2rem;
font-size: 0.875rem;
justify-content: center;
color: var(--color-white);
letter-spacing: 0.02em;
opacity: .5;
}
.site-footer .site-info .legal-navigation .menu{
display: flex;
flex-flow: row;
gap: 1rem;
}
@media (min-width: 640px) {
.site-footer .site-info > div {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2rem;
font-size: 1rem;
}
}
@media (min-width: 1024px) {
.site-footer .site-info > div {
display: flex;
gap: 4rem;
}
.site-footer .widget_block            { width: 16.666667%; }
.site-footer .widget_block:first-child { width: 41.666667%; }
}
.site-footer .widget_block h2 {
margin-bottom: 1rem;
font-size: 0.875rem;
font-weight: 500;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.site-footer .widget_nav_menu .menu{
display: flex;
flex-flow: column;
row-gap: .25rem;
} @media (min-width: 640px) {
.sm\:mt-12   { margin-top: 3rem; }
.sm\:py-16   { padding-block: 4rem; }
.sm\:py-20   { padding-block: 5rem; }
.sm\:pt-16   { padding-top: 4rem; }
.sm\:pb-20   { padding-bottom: 5rem; }
.sm\:text-lg { font-size: 1.125rem; }
.sm\:text-4xl { font-size: 2.25rem; }
}
@media (min-width: 768px) {
.md\:w-8\/12 { width: 66.666667%; }
.md\:w-3\/12 { width: 25%; }
}
@media (min-width: 1024px) {
.lg\:mt-9    { margin-top: 2.25rem; }
.lg\:mt-16   { margin-top: 4rem; }
.lg\:mt-24   { margin-top: 6rem; }
.lg\:w-8\/12 { width: 66.666667%; }
.lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lg\:py-20   { padding-block: 5rem; }
.lg\:py-24   { padding-block: 6rem; }
.lg\:py-28   { padding-block: 7rem; }
}