/* cabin-regular - latin */
@font-face { font-family: 'Cabin'; font-style: normal; font-weight: 400; src: local(""), url("/assets/fonts/cabin-v18-latin-regular.woff2") format("woff2"), url("/assets/fonts/cabin-v18-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; }

/* cabin-500 - latin */
@font-face { font-family: 'Cabin'; font-style: normal; font-weight: 500; src: local(""), url("/assets/fonts/cabin-v18-latin-500.woff2") format("woff2"), url("/assets/fonts/cabin-v18-latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; }

/* cabin-600 - latin */
@font-face { font-family: 'Cabin'; font-style: normal; font-weight: 600; src: local(""), url("/assets/fonts/cabin-v18-latin-600.woff2") format("woff2"), url("/assets/fonts/cabin-v18-latin-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; }

/* cabin-700 - latin */
@font-face { font-family: 'Cabin'; font-style: normal; font-weight: 700; src: local(""), url("/assets/fonts/cabin-v18-latin-700.woff2") format("woff2"), url("/assets/fonts/cabin-v18-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; }

/* cabin-italic - latin */
@font-face { font-family: 'Cabin'; font-style: italic; font-weight: 400; src: local(""), url("/assets/fonts/cabin-v18-latin-italic.woff2") format("woff2"), url("/assets/fonts/cabin-v18-latin-italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; }

/* cabin-500italic - latin */
@font-face { font-family: 'Cabin'; font-style: italic; font-weight: 500; src: local(""), url("/assets/fonts/cabin-v18-latin-500italic.woff2") format("woff2"), url("/assets/fonts/cabin-v18-latin-500italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; }

/* cabin-700italic - latin */
@font-face { font-family: 'Cabin'; font-style: italic; font-weight: 700; src: local(""), url("/assets/fonts/cabin-v18-latin-700italic.woff2") format("woff2"), url("/assets/fonts/cabin-v18-latin-700italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; }

/* cabin-600italic - latin */
@font-face { font-family: 'Cabin'; font-style: italic; font-weight: 600; src: local(""), url("/assets/fonts/cabin-v18-latin-600italic.woff2") format("woff2"), url("/assets/fonts/cabin-v18-latin-600italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; }

@font-face { font-family: 'Cabin Condensed'; font-style: normal; font-weight: 400; src: local(""), url("/assets/fonts/cabincondensed-regular-webfont.woff2") format("woff2"), url("/assets/fonts/cabincondensed-regular-webfont.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; }

@font-face { font-family: 'Cabin Condensed'; font-style: normal; font-weight: 500; src: local(""), url("/assets/fonts/cabincondensed-medium-webfont.woff2") format("woff2"), url("/assets/fonts/cabincondensed-medium-webfont.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; }

@font-face { font-family: 'Cabin Condensed'; font-style: normal; font-weight: 600; src: local(""), url("/assets/fonts/cabincondensed-semibold-webfont.woff2") format("woff2"), url("/assets/fonts/cabincondensed-semibold-webfont.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; }

@font-face { font-family: 'Cabin Condensed'; font-style: normal; font-weight: 700; src: local(""), url("/assets/fonts/cabincondensed-bold-webfont.woff2") format("woff2"), url("/assets/fonts/cabincondensed-bold-webfont.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; }

nav li { position: relative; }

nav li ul { visibility: hidden; opacity: 0; position: absolute; transition: opacity 0.18s ease; top: 100%; left: 0; }

nav li:active > ul, nav li:focus-within > ul, nav li ul:active { visibility: visible; opacity: 1; }

html, .root { font-family: "Gill Sans", "Cabin Condensed", "Trebutchet MS", sans; font-weight: 500; font-size: 18px; }

html { -webkit-hyphens: auto; hyphens: auto; }

h1, h2, h3, dd, em { -webkit-hyphens: manual; hyphens: manual; }

body, .article { line-height: 1.542rem; }

h1 { font-family: "Gill Sans", "Cabin Condensed", "Trebutchet MS", sans; }

h1 { font-size: 2.3rem; line-height: 4.626rem; margin-top: 3.084rem; margin-bottom: 1.542rem; }

@media (max-width: 580px) { h1 { font-size: 2rem; line-height: 3.084rem; margin-top: 3.084rem; margin-bottom: 1.542rem; } }

h2, .h2 { font-size: 1.38888889rem; line-height: 1.542rem; margin-top: 3.084rem; margin-bottom: 1.542rem; }

h2:first-child, .h2:first-child { margin-top: 4.626rem; }

h1 + h2 { margin-top: 1.542rem; }

em { font-size: 1.38888889rem; line-height: 1.542rem; margin-top: 1.542rem; margin-bottom: 1.542rem; font-style: normal; text-transform: uppercase; text-align: center; display: block; }

h3 { font-size: 1rem; line-height: 1.542rem; margin-top: 1.542rem; margin-bottom: 0; }

p, ul, ol, pre, table { margin-top: 0; margin-bottom: 1.542rem; }

blockquote { margin-top: 3.084rem; margin-bottom: 0; }

ul ul, ol ol, ul ol, ol ul { margin-top: 0; margin-bottom: 0; }

hr, .hr { border: 1px solid; margin: -1px 0; }

sub, sup { line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5rem; }

sub { bottom: -0.25rem; }

@media (min-width: 760px) { p { text-align: justify; } }

body:not(.wischmeyer) .wrapper ul { padding: 0; }

@media (min-width: 580px) { body:not(.wischmeyer) .wrapper ul { text-align: center; } body:not(.wischmeyer) .wrapper ul li { list-style: none; display: inline-block; margin: 0 0.5rem; } body:not(.wischmeyer) .wrapper ul li:not(:first-child):not(.first-in-line)::before { content: "I"; display: inline-block; text-align: center; width: 0; text-indent: -1.2rem; } }

@media (max-width: 580px) { body:not(.wischmeyer) .wrapper ul li { text-align: center; list-style: none; } }

body.wischmeyer .wrapper ul { padding: 0; }

@media (min-width: 760px) { body.wischmeyer .wrapper ul { text-align: justify; } }

@media (min-width: 760px) { body.wischmeyer .wrapper ul li { list-style: none; display: inline; } body.wischmeyer .wrapper ul li:not(:first-child)::before { content: "I"; display: inline-block; text-align: center; width: 20px; text-indent: -3px; } }

@media (max-width: 760px) { body.wischmeyer .wrapper ul li { list-style: none; display: block; margin-bottom: 1.542rem; } }

body { margin: 0; }

.wrapper { position: relative; max-width: 1264px; margin-left: auto; margin-right: auto; padding-left: 32px; padding-right: 32px; width: 100%; box-sizing: border-box; margin-bottom: 4.626rem; }

@media (max-width: 1400px) { .wrapper { max-width: 1064px; } }

@media (max-width: 1200px) { .wrapper { max-width: 964px; } }

h1, h2 { text-transform: uppercase; text-align: center; }

h1, h2, h3 { font-weight: 500; }

nav a { text-decoration: none; font-weight: 500; }

nav a.uppercase { text-transform: uppercase; }

nav ul { padding: 0; margin: 0; }

@media (min-width: 760px) { nav > ul { display: flex; flex-wrap: wrap; column-gap: 16px; justify-content: space-between; align-content: center; text-align: center; max-width: 1264px; margin-left: auto; margin-right: auto; padding-left: 32px; padding-right: 32px; width: 100%; box-sizing: border-box; } }

@media (min-width: 760px) and (max-width: 1400px) { nav > ul { max-width: 1064px; } }

@media (min-width: 760px) and (max-width: 1200px) { nav > ul { max-width: 964px; } }

@media (min-width: 760px) { nav > ul > li { display: inline-block; margin: 0 0 18px; } }

nav li { list-style: none; margin: 0; color: #fff; text-decoration: none; }

@media (max-width: 760px) { nav li { margin-bottom: 1.542rem; } }

.splide { visibility: visible !important; }

@media (min-width: 760px) { header { width: 100%; z-index: 1; text-align: center; height: 66.66666vh; min-height: 21.588rem; max-height: 43.176rem; position: relative; } header h1 { font-weight: 600; margin-top: 0; margin-bottom: 117px; } header.no-header-image { height: 33.33333vh; min-height: 10.794rem; max-height: 21.588rem; } header > div, header > img { height: 50%; } header.no-header-image > div { height: 100%; } header > div { display: flex; flex-direction: column; } header > div .logo { display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center; min-height: 0; } header .header-image-container { position: relative; overflow: hidden; } header .header-image-container .header-image { position: absolute; bottom: 0; height: 33.33333vh; min-height: 10.794rem; max-height: 21.588rem; width: 100%; object-fit: cover; object-position: center bottom; } }

@media only screen and (min-width: 760px) and (min-height: 500px) { body.has-js header:not(.no-shrink) { transition: all 0.6s ease; position: sticky; min-height: 15.42rem; top: 0; } body.has-js header.no-header-image:not(.no-shrink) { min-height: 7.71rem; } body.has-js.scrolled header { height: 20vh; } body.has-js.scrolled header.no-header-image { height: 20vh / 2; } }

@media (min-width: 760px) { .logo img { transition: transform 0.3s ease; } body:not(.scrolled) .logo img { transition-delay: 0.12s; } body.wischmeyer .logo img { height: 80px; } body.has-js.scrolled.wischmeyer .logo img { transform: scale(0.6); } body.design-atelier .logo img { height: 105px; } body.has-js.scrolled.design-atelier .logo img { transform: scale(0.45); } body.historikerinnen-werkstatt .logo img { height: 80px; } body.has-js.scrolled.historikerinnen-werkstatt .logo img { transform: scale(0.6); } }

header { color: #414244; background: #ffffff; }

nav a { color: #414244; transition: color 0.18s ease; }

nav a:hover { color: #82505f; text-decoration: none; }

nav a.active { color: #82505f; }

body.wischmeyer, body.design-atelier { color: #ffffff; background: #414244; }

body.historikerinnen-werkstatt { color: #ffffff; background: #82505f; }

@media (min-width: 760px) { dt { float: left; width: 108px; height: 1rem; } dd { float: left; width: calc(100% - 108px); margin-left: 0; margin-bottom: 0.85rem; } dl::after { content: ""; display: block; clear: both; } .werdegang dt { width: 180px; } .werdegang dd { width: calc(100% - 180px); } }

@media (max-width: 760px) { dd { margin-bottom: 1.542rem; margin-left: 1em; } }

blockquote { text-align: center; margin-left: 0; margin-right: 0; }

blockquote p { display: inline-block; text-align: center; }

blockquote p .quote-attribution { display: block; text-align: right; text-transform: none; font-size: 0.75rem; }

@media (min-width: 760px) { #plakate .row > *:not(:last-child) { margin-right: 3em; } }

#werbematerialien .row > *:not(:last-child) { margin-right: 1em; }

body.wide { overflow-x: hidden; }

.has-subtitle { margin-bottom: 0; }

ul.subtitle { text-align: center; padding: 0; }

ul.subtitle li { list-style: none; display: inline-block; }

ul.subtitle li:not(:last-child) { margin-right: 1.5em; }

.subtitle.mobile { display: none; }

.subtitle.mobile { position: fixed; top: 4.626rem; width: 100%; background: #ffffff; z-index: 1; color: #414244; line-height: 1.542rem; padding-bottom: 0.771rem; font-size: 0.7rem; }

.subtitle.mobile li:not(:last-child) { margin-right: 0.6em; }

@media (max-width: 760px) { .subtitle:not(.mobile) { display: none; } .subtitle.mobile { display: block; } .home-columns { padding-top: 6.939rem; } }

.row { display: flex; justify-content: center; align-items: center; margin-bottom: 1.542rem; }

@media (max-width: 760px) { .row { flex-direction: column; margin-bottom: 0; } .row > * { margin-bottom: 1.542rem; } }

.row * { display: block; min-width: 0; min-height: 0; max-width: 100%; flex-shrink: 1; }

#cds { margin-left: 76px; margin-right: 76px; }

#cds img.front { filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.24)); }

#cds img.disk { filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.24)); }

@media (min-width: 760px) { #cds .cd:not(:last-child) { margin-right: 2em; } }

#cds img { max-width: 100%; margin: 0 auto 6px; }

#cds .cd { position: relative; z-index: 0; }

#cds .cd .left, #cds .cd .right { position: absolute; max-width: 80%; top: 50%; }

#cds .cd .left { transform: translate(-80%, -70%); left: 0; }

#cds .cd .right { transform: translate(80%, -70%); right: 0; }

#cds .back { position: relative; z-index: 0; }

#cds .disk { z-index: 1; }

#cds .front { position: relative; z-index: 2; }

@media (max-width: 760px) { #cds { margin-left: 0; margin-right: 0; } #cds .disk.left, #cds .disk.right { position: static; transform: none; } #cds .cd img { filter: none; } }

@media (min-width: 760px) { #dvds .row > *:not(:last-child) { margin-right: 2em; } }

@media (max-width: 760px) { #werbematerialien .row { flex-wrap: wrap; flex-direction: row; } #werbematerialien .row img:last-child { display: none; } #werbematerialien .row .separator { display: none; } }

.images-with-caption { text-align: center; }

body .historikerinnen-werkstatt nav a:hover { color: #82505f; }

section { margin-top: 3.084rem; margin-bottom: 4.626rem; }

@media (min-width: 760px) { #kontakt { align-items: flex-end; } #kontakt p { flex: 1; } #kontakt p:last-child { text-align: right; } }

@media (max-width: 760px) { #kontakt.row { display: block; } }

#kontakt a { display: inline; }

a { color: #ffffff; }

@media (min-width: 760px) { .home header { height: 33.33333vh; min-height: 12.336rem; } .home header .logo img { max-height: none; margin-bottom: 4px; margin-top: 32px; } }

.home-columns { flex-grow: 1; position: relative; }

.home-columns > a { display: block; position: relative; overflow: hidden; }

@media (max-width: 760px) { .home-columns > a { height: 100vw; } }

@media (min-width: 760px) { .home-columns { display: flex; align-items: stretch; min-height: 400px; } .home-columns > a { min-width: 0; flex: 1; } }

.home-columns img.background { position: absolute; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }

.home-columns a::after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; opacity: 0; transition: opacity 0.3s ease; }

.home-columns a:hover::after { opacity: 0.05; }

.home-columns a:hover img.background { transform: scale(105%); }

footer { background: #ffffff; color: #414244; }

footer ul { margin: 0; max-width: 1264px; margin-left: auto; margin-right: auto; padding-left: 32px; padding-right: 32px; width: 100%; box-sizing: border-box; text-align: right; }

@media (max-width: 1400px) { footer ul { max-width: 1064px; } }

@media (max-width: 1200px) { footer ul { max-width: 964px; } }

footer ul li { line-height: 2.313rem; list-style: none; display: inline-block; font-size: 0.7rem; }

footer ul li:not(:first-child)::before { content: "I"; display: inline-block; margin-left: 0.3em; margin-right: 0.3em; }

footer ul li a { text-decoration: none; color: #414244; }

footer ul li a:hover { text-decoration: none; color: #82505f; }

html { height: 100%; }

body { display: flex; flex-direction: column; min-height: calc(100% + 1px); }

body .wrapper { flex-grow: 1; }

#menu-button { display: block; height: 48px; width: 48px; position: relative; }

#menu-button::before { position: absolute; display: block; content: ""; box-sizing: border-box; top: 14px; left: 13px; width: 22px; height: 19px; border: solid; border-width: 3px 0; border-color: #414244; transition: border 0.18s; }

#menu-button::after { position: absolute; display: block; content: ""; top: 22px; left: 13px; width: 22px; height: 3px; background-color: #414244; transition: background 0.18s; }

#menu-checkbox:checked + #menu-button::before, #menu-button:hover::before { border-color: #82505f; }

#menu-checkbox:checked + #menu-button::after, #menu-button:hover::after { background-color: #82505f; }

#menu-button, #menu-checkbox { display: none; }

@media (max-width: 760px) { #menu-button { display: block; cursor: pointer; position: absolute; top: 18px; right: 24px; z-index: 3; } nav { visibility: hidden; opacity: 0; transition: opacity 0.18s ease; text-align: center; background: #ffffff; position: fixed; width: 100%; height: calc(100% - 4.626rem); top: 4.626rem; overflow-y: auto; } nav ul { margin-top: 1.542rem; } nav a { display: block; } #menu-checkbox:checked ~ nav { visibility: visible; z-index: 4; opacity: 1; } header div { height: 4.626rem; } header div:first-child { position: fixed; background: #ffffff; width: 100%; z-index: 2; } header .logo { display: flex; flex-diraction: column; align-items: center; justify-content: center; } header .logo img { max-height: 60%; max-width: 60%; } header .header-image-container { margin-top: 4.626rem; } header .header-image-container .header-image { width: 100%; height: 100%; object-fit: cover; display: block; } header.no-header-image + div { margin-top: 4.626rem; } }

.centered p { text-align: center; }

.nowrap { white-space: nowrap; }

a.big-mail { white-space: nowrap; font-size: 1.6rem; text-decoration: none; }

a.big-mail:hover { text-decoration: underline; }

a.big-mail .big-at { font-size: 3.2rem; line-height: 1.542rem; position: relative; top: 3px; }

@media (max-width: 580px) { a.big-mail { font-size: 1.4rem; } a.big-mail .big-at { font-size: 2.5rem; } }

@media (max-width: 760px) { .home-columns a:nth-child(2) img { transform: translate(-50%, -75%) !important; } }

.home-columns a:nth-child(2) img { transition: transform 0.18s ease; }

.home-columns a:nth-child(2):hover img { transform: translate(-50%, -57%) scale(1.2) !important; }

@media (max-width: 760px) { .home-columns a:nth-child(2):hover img { transform: translate(-50%, -75%) scale(1.2) !important; } }

@media (max-width: 760px) { body.wischmeyer .logo img { position: relative; top: 4px; } }

html { background: #ffffff; }

@media (min-width: 760px) { header:not(.no-header-image) { background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 2px, #ffffff 2px, #ffffff); } }

html { scrollbar-color: #66686b #353537; }

a.mail { transition: transform 0.3s ease; display: block; }

a.mail:hover { transform: scale(1.1); text-decoration: none; }

body.home { min-height: 100vh; }

body.home .logo img { transform: none !important; }

a { text-decoration: none; }

body.historikerinnen-werkstatt p a:not(.mail), body.historikerinnen-werkstatt dt a:not(.mail), body.historikerinnen-werkstatt dd a:not(.mail) { opacity: 0.7; }

body.historikerinnen-werkstatt p a:not(.mail):hover, body.historikerinnen-werkstatt dt a:not(.mail):hover, body.historikerinnen-werkstatt dd a:not(.mail):hover { opacity: 1; }

body.historikerinnen-werkstatt p a.inline-mail, body.historikerinnen-werkstatt dt a.inline-mail, body.historikerinnen-werkstatt dd a.inline-mail { opacity: 1; }

body.historikerinnen-werkstatt p a.inline-mail:hover, body.historikerinnen-werkstatt dt a.inline-mail:hover, body.historikerinnen-werkstatt dd a.inline-mail:hover { opacity: 0.7; }

@media (min-width: 760px) { .mobile-only { display: none; } }

.menu-header { display: block; width: 100%; height: 4.626rem; object-fit: cover; object-position: center bottom; }

@media (min-width: 760px) { .menu-header { display: none; } }

.color-overlay { position: absolute; background: #82505f; display: block; width: 100%; height: 100%; opacity: 0.95; }

.extra-space-dash { margin: 0 0.08rem; }

a.mail { white-space: nowrap; }

/*# sourceMappingURL=main.css.map */