/*
Theme Name: Museumsquartier Osnabrück
Author: Finn Priebe
Author URI: http://www.brennwert.design
*/

/*
Magenta: #FF0046; Hellgrau: #DDDDDD; Blau: #69a5c1;
*/

/* –– Font –– */

@font-face{
    font-family: "Avenir-Book";
    src:url("fonts/1475508/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix");
    src:url("fonts/1475508/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix") format("eot"),url("fonts/1475508/065a6b14-b2cc-446e-9428-271c570df0d9.woff2") format("woff2"),url("fonts/1475508/65d75eb0-2601-4da5-a9a4-9ee67a470a59.woff") format("woff"),url("fonts/1475508/c70e90bc-3c94-41dc-bf14-caa727c76301.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: "Avenir-Black";
    src:url("fonts/1475556/f55e4498-ad48-4577-93a0-c614de5cbbb8.eot?#iefix");
    src:url("fonts/1475556/f55e4498-ad48-4577-93a0-c614de5cbbb8.eot?#iefix") format("eot"),url("fonts/1475556/c78eb7af-a1c8-4892-974b-52379646fef4.woff2") format("woff2"),url("fonts/1475556/75b36c58-2a02-4057-a537-09af0832ae46.woff") format("woff"),url("fonts/1475556/b5c44a82-eeb8-41de-9c3f-a8db50b24b8a.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Crimson-Regular';
    src: url('fonts/CrimsonText-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/CrimsonText-Regular.woff') format('woff'), url('fonts/CrimsonText-Regular.ttf')  format('truetype'), url('fonts/CrimsonText-Regular.svg#CrimsonText-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* –– Variablen –– */

html {
    --scrollbar-width: 15px;
    --max-width: 1250px;
    --outer-dist: calc((100vw - var(--max-width) - var(--scrollbar-width)) / 2);
}

/* –– Spalten –– */

html, body {
    margin: 0;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1em;
    box-sizing: border-box;
}

.mW, .cW {
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

.mW {
    max-width: 1250px;
    left: 50%;
    margin-left: -625px;
}

.cW::after, .clearAfter {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}

.halfCol, .thirdCol, .twoThirdCol, .subHalfCol {
    float: left;
    position: relative;
}

.fullCol, .halfCol, .thirdCol, .twoThirdCol, .subHalfCol {
    padding: 0 25px;
    box-sizing: border-box;
}

.halfCol, .subHalfCol {width: 50%;}
.thirdCol {width: 33.3%;}
.twoThirdCol {width: 66.6%;}

.twoCols {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
}

.threeCols {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -ms-column-count: 3;
    -o-column-count: 3;
    column-count: 3;
}

.twoCols, .threeCols {
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    -ms-column-gap: 50px;
    -o-column-gap: 50px;
    column-gap: 50px;
}

.subHalfCol {
	padding-left: 0;
	padding-right: 25px;
}

.subHalfCol + .subHalfCol {
	padding-right: 0;
	padding-left: 25px;
}

form .subHalfCol {
	padding-right: 10px;
}

form .subHalfCol + .subHalfCol {
	padding-left: 10px;
}

.gridCols {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 50px;
}

.gridCols > div {
    position: relative;
}

.gridCol-1-3 {grid-column: auto / span 1;}
.gridCol-2-3 {grid-column: auto / span 2;}

/* –– Schrift –– */

h1, h2 {
	font-family: "Avenir-Black";
    font-size: 3.2rem;
    line-height: 1.1em;
    text-transform: uppercase;
    margin: 50px 0;
    font-weight: normal;
}

h3 {
	font-family: "Avenir-Black";
    font-size: 1.7rem;
    line-height: 1.2em;
    margin: 25px 0;
    font-weight: normal;
}

h4, input, select, :is(#newsletterLayer, #newsletter-registration) .cr_button {
    font-family: "Avenir-Black";
    font-size: 1.1rem;
    line-height: 1.2em;
    text-transform: uppercase;
    margin: 25px 0;
    font-weight: normal;
}

p, textarea, ul, ol, button, .lightbox-caption {
    font-family: 'Crimson-Regular';
    font-size: 1.1rem;
    line-height: 1.3em;
    margin: 15px 0;
}

p strong, p b, ul strong, ol strong, ul b, ol b, ol li::before {
	font-family: "Avenir-Black";
	font-size: 1rem;
	font-weight: normal;
}

sup, sub {
	font-size: 0.7em;
    line-height: 1rem !important;
}

sup {
	position: relative;
	top: 3px;
}

ul {
	padding-left: 15px;
	list-style-image: url('img/bp.png');
}

body, *:not(ol, li) {
	counter-reset: ol-item;
}

ol {
	padding-left: 0;
	list-style: none;
}

ol li {
	counter-increment: ol-item;
}

ol li::before {
	margin-right: 10px;
	content: counter(ol-item);
	background: black;
	border-radius: 50%;
	color: white;
	height: 22px;
	width: 22px;
	text-align: center;
	display: inline-block;
	position: relative;
	top: 1px;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
 }

/* –– Transition –– */

.trans1, .scrollableArea::before, .scrollableArea::after {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.trans2 {
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.noTrans {
	-webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

/* –– Sonstiges –– */

.jumpAnchor {
    position: relative;
    width: 100%;
    height: 0;
    display: block;
    top: -175px;
}

.mainPage *:not(.jumpAnchor):target {
    scroll-margin-top: 150px;
}

.smoothScroll {
    scroll-behavior: smooth;
}

.scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
}

p:empty, h1:empty, h2:empty, h3:empty, h4:empty {
    display: none;
}

a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

a[href^="tel:"] {
    pointer-events: none;
}

hr {
    width: 100%;
    border: none;
    border-bottom: solid 2px black;
    margin: 50px 0;
}

hr.fatLine, #easyLanguageContent .gridCol-2-3 hr {
    border-bottom: solid 10px black;
    margin: 70px 0;
}

.thinHeadline {
    font-family: "Avenir-Book";
}

.bgImg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 0 40px rgba(0,0,0,0.1) inset;
}

.invis, .hide {
    opacity: 0;
    pointer-events: none;
}

.hide {
	max-height: 0;
    overflow: hidden;
}

.jsNotEnabled .hide {
    max-height: none;
    overflow: visible;
    opacity: 1;
    pointer-events: auto;
}

.noMaxHeight {
    max-height: none !important;
}

.initial {
    font-family: "Avenir-Black";
    font-size: 4.6rem;
    position: relative;
    top: 25px;
    float: left;
}

.initialGroup2 {
    margin-left: 5px;
}

.extraPaddingRight {
	padding-right: 50px;
}

.extraPaddingLeft {
	padding-left: 50px;
}

.extraPaddingBottom {
    padding-bottom: 50px;
}

.centerVertical {
	position: relative;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
}

#msg, #layer, #mobileNav, #galLayer, #newsletterLayer, #audioPlayerOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,0.9);
	z-index: 95;
	cursor: pointer;
}

#layer {
    background-color: rgb(255,255,255);
    z-index: 90;
    cursor: default;
    -webkit-transition: opacity 0.6s ease;
    -moz-transition: opacity 0.6s ease;
    -ms-transition: opacity 0.6s ease;
    -o-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
}

#galLayer, #newsletterLayer {
    background-color: rgba(0,0,0,0.9);
}

#layer .scrollableArea::before, #layer .scrollableArea::after {
    content: none;
}

#layer .scrollableArea, #layer .scrollableArea > div {
    box-sizing: border-box;
}

#layer .scrollableArea > div {
    padding-right: 0;
    width: 98%;
}

#layerContent {
    position: absolute;
}

#mobileNav {
	background-color: rgb(255,255,255);
}

#msg p {
	padding: 25px;
	box-sizing: border-box;
	max-width: 400px;
	background-color: #FF0046;
	color: white;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
}

#msg {
	cursor: pointer;
}

.varContent {
    position: relative;
}

.varContentVis, .varContentInvis, .overflowHidden {
    overflow: hidden;
}

.varContentInvis {
	position: absolute;
	visibility: hidden;
	top: 0;
}

.b-lazy, .reloadedContent {
	opacity: 0;
}

.b-lazy.b-loaded, .jsNotEnabled .b-lazy, .jsNotEnabled .reloadedContent {
	opacity: 1;
}

.scrollableArea {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.scrollableArea > div {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-right: 20px;
    position: relative;
}

.scrollableArea::before, .scrollableArea::after {
    content: "";
    width: 100%;
    height: 150px;
    position: absolute;
    left: 0;
    z-index: 50;
    opacity: 1;
    pointer-events: none;
}

.scrollableArea::before {
    top: 0;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}

.scrollableArea::after {
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

.scrollableArea.scrollableAreaAtTop::before, .scrollableArea.scrollableAreaAtBottom::after {
    opacity: 0;
}

.sqrImg, .wideImg {
    width: 100%;
}

.sqrImg::after, .day::after, .dayCircle::after, .dayCircleGrey::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.wideImg::after {
	content: "";
    display: block;
    padding-bottom: 60%;
}

.wideImg2::after {
    content: "";
    display: block;
    padding-bottom: 50%;
}

.hyphens {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

.bgCloser {
    cursor: pointer;
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    width: 0;
    width: calc((100% - 1200px) / 2);
}

.bgCloserRight {
    left: auto;
    right: 70px;
    width: calc((100% - 1200px) / 2 - 70px);
}

#layerWhiteStripeRight {
	position: fixed;
	height: 100%;
	width: 60px;
	right: -30px;
	top: 0;
	background-color: white;
}

.socialMediaIcon {
	display: inline-block;
	background-color: black;
	border-radius: 50%;
	overflow: hidden;
	margin-left: 10px;
	width: 40px;
	height: 40px;
	float: left;
    position: relative;
    top: 5px;
}

#footer .socialMediaIcon {
    float: none;
}

.socialMediaIcon img {
	width: 100%;
	height: 100%;
}

.socialMediaIcon:hover {
	background-color: #FF0046;
}

.jsEnabled .showIfJSIsNotEnabled, .onlySmartphone {
	display: none;
}

.showIfJSIsNotEnabled {
	display: block;
}

.tags {
	margin: 30px 0 0;
}

.tag, .inlineButton {
	display: inline-block;
	background-color: black;
	padding: 0 7px 2px 7px;
	margin: 0 10px 10px 0;
}

.tag strong, .inlineButton strong {
	color: white;
}

.tag:hover, a.selected .tag, .inlineButton:hover {
	background-color: #FF0046;
}

.inlineButton {
    margin: 10px 0;
    text-decoration: none !important;
    cursor: pointer;
}

.layerLinkInlineButton, .downloadInlineButton {
    margin-bottom: 0;
}

.legend {
	margin: 5px 0;
}

.legend span {
	width: 20px;
	height: 20px;
	display: inline-block;
	background-repeat: no-repeat;
	margin-right: 15px;
	position: relative;
	top: 5px;
}

.arrowLine img {
	width: 12px;
	height: auto;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -6px;
}

.noMarginTop {
	margin-top: 0;
}

.arrowInCircle {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: solid 2px black;
	margin-top: 20px;
	position: relative;
    display: inline-block;
}

.arrowInCircle svg, .arrowInCircle img {
	width: 25px;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.meterLineHeight {
	visibility: hidden;
}

.heightDefinedByRestSpaceWrapper {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0;
    height: 100%;
}

.heightDefinedByRestSpace {
    flex-grow: 1;
    position: relative;
    overflow: hidden;
}

.distributedHorizontalNav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 40px;
}

.distributedHorizontalNav h3 {
    display: inline-block;
    position: relative;
}

.distributedHorizontalNav h3:hover, .event:hover h3, .singleEventAtDay:hover h3, .exhibition:hover h3, .longExhibition:hover h3, .news:hover h3, #loadMoreEvents:hover, #loadMoreExhibitions:hover, #loadMoreNews:hover, #guideDetailsCalenderLink:hover {
    color: #FF0046;
}

.distributedHorizontalNav .arrowLine {
    opacity: 0;
}

.distributedHorizontalNav .selected .arrowLine {
     opacity: 1;
}

.distributedHorizontalNav hr {
    margin-top: 20px;
}

.button {
    color: white;
    background-color: black;
    padding: 5px 10px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.button.selected, .button:hover {
    background-color: #FF0046;
}

.buttonArrow {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    width: 0;
}

.selected > .buttonArrow {
    width: 25px;
}

.buttonArrow img {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
}

.buttonArrow img:last-of-type {
    opacity: 0;
}

.selected > .buttonArrow img:last-of-type {
    opacity: 1;
}

.contentCenter {
    text-align: center;
    width: 100%;
    display: block;
}

.verySmallGap {
    visibility: hidden;
    line-height: 0.1rem;
    margin: -5px 0;
}

.smallGap {
    visibility: hidden;
    line-height: 0.7rem;
}

.chrome .smallGap {
    line-height: 0.6rem;
}

#textBelowFeedbackForm {
    padding-top: 20px;
}

#textBelowFeedbackForm.hide {
    padding-top: 0;
}

#feedback_submit_subHalfCol {
    padding-left: 0;
    padding-right: 10px;
}

.moreDates {
    cursor: pointer;
}

.moreDates:hover {
    color: #FF0046;
}

/*

#cookieMsg {
    width: 100%;
    max-height: 0;
    overflow: hidden;
    background-color: #69a5c1;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    display: flex;
    align-items: center;
}

#cookieMsgSpace {
    width: 100%;
    max-height: 0;
    display: flex;
    align-items: center;
    overflow: hidden;
}

#cookieMsg.out, #cookieMsgSpace.out {
    max-height: 150px;
}

#cookieMsg > p, #cookieMsgSpace > p {
    margin: 0;
    padding: 15px 30px 20px;
    color: white;
    opacity: 0;
}

#cookieMsg a, #cookieMsgSpace a {
    padding: 0 0 0 15px;
    display: inline-block;
    text-decoration: underline;
}

#cookieMsg.out p {
    opacity: 1;
}

#cookieMsg span, #cookieMsgSpace span {
    display: none;
}

#cookieMsg button, #cookieMsgSpace button {
    background-color: white;
    border-radius: 0;
    border: none;
    padding: 5px 10px;
    margin-left: 30px;
    font-family: "Avenir-Book";
    cursor: pointer;
}

*/

#cookieMsgBG {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 98;
}

#cookieMsgBG.out {
    display: block;
}

#cookieMsg {
    display: none;
    position: fixed;
    width: 750px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 98;
    background-color: #69a5c1;
    flex-direction: column;
    padding: 10px 25px;
}

#cookieMsg.out {
    display: flex;
}

#cookieMsg p {
    color: white;
}

#cookieMsg > div:last-child {
    display: flex;
}

#cookieMsg > div:last-child > * {
    margin-right: 30px;
}

#cookieMsg button {
    background-color: white;
    border-radius: 0;
    border: none;
    padding: 5px 10px;
    font-family: "Avenir-Book";
    cursor: pointer;
}

#cookieMsg > div:last-child > p {
    position: relative;
    top: 3px;
}

#cookieOptionsTrigger {
    position: fixed;
    bottom: 350px;
    right: 0;
    background-color: white;
    cursor: pointer;
    padding: 0.1em 0.35em;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    margin: 0;
    rotate: -90deg;
    transform-origin: 100% 100%;
}

.paddingTop {
    padding-top: 50px;
}

#backToAnchorPageButton {
    position: fixed;
    width: 100%;
    height: 75px;
    background-color: white;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
}

#backToAnchorPageButton * {
    margin: 0;
}

#weitere-informationen {
    scroll-margin-top: 100px;
}

.content-block > *:first-child, 
.content-block > .structurally-transparent:first-child > *:first-child, 
.content-block > .structurally-transparent:first-child > .structurally-transparent:first-child > *:first-child, 
.content-block > .structurally-transparent:first-child > .structurally-transparent:first-child > .structurally-transparent:first-child > *:first-child
{margin-top: 0;}

.content-block > *:last-child, 
.content-block > .structurally-transparent:last-child > *:last-child, 
.content-block > .structurally-transparent:last-child > .structurally-transparent:last-child > *:last-child, 
.content-block > .structurally-transparent:last-child > .structurally-transparent:last-child > .structurally-transparent:last-child > *:last-child
{margin-bottom: 0;}

.content-block > *:nth-last-child(2):has(+ *:is([disabled], .hidden)), 
.content-block > .structurally-transparent:last-child > *:nth-last-child(2):has(+ *:is([disabled], .hidden)) 
{margin-bottom: 0;}

@media (min-width: 901px) {

    .weak-content-block > *:first-child, 
    .weak-content-block > .structurally-transparent:first-child > *:first-child, 
    .weak-content-block > .structurally-transparent:first-child > .structurally-transparent:first-child > *:first-child, 
    .weak-content-block > .structurally-transparent:first-child > .structurally-transparent:first-child > .structurally-transparent:first-child > *:first-child
    {margin-top: 0;}

    .weak-content-block > *:last-child, 
    .weak-content-block > .structurally-transparent:last-child > *:last-child, 
    .weak-content-block > .structurally-transparent:last-child > .structurally-transparent:last-child > *:last-child, 
    .weak-content-block > .structurally-transparent:last-child > .structurally-transparent:last-child > .structurally-transparent:last-child > *:last-child
    {margin-bottom: 0;}

    .content-block > *:nth-last-child(2):has(+ *:is([disabled], .hidden)), 
    .content-block > .structurally-transparent:last-child > *:nth-last-child(2):has(+ *:is([disabled], .hidden)) 
    {margin-bottom: 0;}

    :is(.content-block, .weak-content-block) > .only-mobile:first-child + * 
    {margin-top: 0;}

}

#newsletterForTeachersForm .checkbox {
    height: auto;
}

#newsletterForTeachersForm p.checkboxLabel {
    position: relative;
    top: 0;
    transform: translateY(0);
}

#newsletterForTeachersForm label.checkboxLabel::before {
    bottom: auto;
    translate: 0 5px;
}

#newsletterForTeachersForm input[type="submit"] {
    margin-top: 25px;
}

/* –– Navigation –– */

.mainNav {
    margin: 10px 0 0;
}

.mainNav h4 {
    display: inline-block;
    margin: 0 25px 0 0;
    position: relative;
}

body:not(.easyLanguagePage) .mainNav h4 {
    font-size: 1rem;
}

.mainNav h4 hr {
    position: absolute;
    top: -15px;
    margin: 0;
    width: 0;
}

.mainNav h4:hover hr {
    width: 100%;
}

.mainNav .socialMediaIcon {
	position: relative;
	top: -10px;
	float: right;
}

#fixedNav {
	position: fixed;
	top: -300px;
	left: 0;
	width: 100%;
	height: var(--new-nav-height);
	z-index: 60;
}

#mainSiteMainNav {
    height: var(--new-nav-height);
    margin-bottom: 75px;
}

.jsNotEnabled #fixedNav {
	display: none !important;
}

#fixedNav.fixedNavOut {
	top: 0;
}

#body {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    overflow-y: hidden;
}

#bodyContent {
    width: 100%;
}

#body > a, #constructionWorkTape {
    display: none !important;
}

#constructionWorkTape {
    width: 50px;
    position: relative;
    height: 100%;
    min-height: 100vh;
}

#constructionWorkTapePattern {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#constructionWorkTapePattern div {
    background-color: rgb(255,237,0);
    background-image: url('img/constructionWorkTape.svg');
    width: 100%;
    height: 100%;
    transform: scale(1.5) translateY(-10px);
    transform-origin: 50% 0%;
}

#constructionWorkTapeBadgeWrapper {
    position: absolute;
    right: 0;
    top: 23px;
    height: 35vh;
    overflow: hidden;
    pointer-events: none;
}

#constructionWorkTapeBadge {
    background-color: black;
    color: white;
    padding: 3px 50px 5px 10px;
    transform: rotate(-45deg);
    transform-origin: 100% 100%;
    position: relative;
    left: 25px;
    pointer-events: all;
}

.digitalQuartierLinkNav {
    float: right;
    color: white;
    background-color: #FF0046;
    padding: 5px 10px;
    position: relative;
    top: -5px;
}

.sub-menu {
    height: 50px;
    width: var(--body-content-width);
    background-color: black;
    display: block;
    position: absolute;
    left: var(--sub-menu-left);
    top: 140px;
    opacity: 0;
    pointer-events: none;
    z-index: 90;
}

.mainNav > a:hover .sub-menu, .mainNav > a:hover .sub-menu-arrow, .sub-menu:hover, .sub-menu:hover + .sub-menu-arrow, .activated-sub-menu .sub-menu, .activated-sub-menu .sub-menu-arrow {
    opacity: 1;
    pointer-events: all;
}

#mainSiteMainNav .sub-menu {
    /*left: calc(var(--sub-menu-left) + 25px);*/
    left: var(--sub-menu-left);
}

/*
#fixedNav .fullCol {
    padding: 0;
}
*/

.sub-menu-inner {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 25px;
}

.sub-menu-inner * {
    color: white;
}

.sub-menu-inner p {
    margin: 0 30px 0 0;
    font-family: "Avenir-Book";
}

.sub-menu::before {
    content: '';
    display: block;
    width: 30px;
    height: 15px;
    position: absolute;
    top: -13px;
    left: calc(50% - 15px);
    background-color: black;
    clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}

a:nth-child(1) .sub-menu::before {left: calc(var(--sub-menu-arrow-1-left) - 15px);}
a:nth-child(2) .sub-menu::before {left: calc(var(--sub-menu-arrow-2-left) - 15px);}
a:nth-child(3) .sub-menu::before {left: calc(var(--sub-menu-arrow-3-left) - 15px);}
a:nth-child(4) .sub-menu::before {left: calc(var(--sub-menu-arrow-4-left) - 15px);}
a:nth-child(6) .sub-menu::before {left: calc(var(--sub-menu-arrow-5-left) - 15px);}
.digitalQuartierLinkNavLink .sub-menu::before {left: calc(var(--sub-menu-arrow-6-left) - 15px);}

.sub-menu::after {
    content: '';
    display: block;
    width: 100%;
    height: 100px;
    left: 0;
    bottom: -100px;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
    position: absolute;
}

#mainSiteMainNav .digitalQuartierLinkNavLink .sub-menu::before {
    transform: translateX(-50px);
}

.isScrolledAtTop .sub-menu {
    opacity: 0 !important;
}

.peaceLabLinkTablet {
    display: none;
}

.metaNav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.metaNav h4 {
    font-family: "Avenir-Book";
}

.metaNav > * > * {
    margin-right: 25px;
}

.metaNav > *:last-child > * {
    margin-right: 0;
}

.meta-nav-icon {
    width: 25px;
    height: auto;
}

:root {
    --new-nav-height: 70px;
    --new-nav-padding: 35px;
}

#new-nav {
    background-color: black;
    height: var(--new-nav-height);
    display: flex;
    align-items: center;
    justify-content: center;
}

#new-nav .mW {
    left: 0;
    margin-left: 0;
}

#new-nav .cW, #new-nav .fullCol {
    height: 100%;
}

#new-nav > .cW > .fullCol, #new-main-nav, #new-meta-nav {
    display: flex;
    align-items: center;
}

#new-nav > .cW > .fullCol {
    justify-content: space-between;
}

#new-main-nav, #new-meta-nav {
    justify-content: start;
    gap: 25px;
    height: 100%;
}

#new-nav img {
    width: 25px;
    height: auto;
}

.new-nav-item {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.new-nav-item::after {
    content: '';
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 10px;
    background-color: #FF0046;
    display: block;
    opacity: 0;
    transition: opacity 0.3s ease;
}

body:not(.is-touch-device) :is(.new-nav-item:hover::after, .new-nav-item:focus-within::after) {
    opacity: 1;
}

body.is-touch-device .new-nav-item.open {
    opacity: 1;
}

.new-nav-item > p, #new-meta-nav p {
    color: white;
    text-transform: uppercase;
    margin: 0;
    translate: 0 -5%;
}

#new-nav :is([src$="easy-language-small.svg"], [src$="sign-language-small.svg"]) {
    filter: invert(100%);
}

.new-subnav {
    position: absolute;
    background-color: white;
    padding: var(--new-nav-padding);
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    bottom: var(--new-nav-height);
    left: calc(var(--new-nav-padding) * -1);
    opacity: 0;
    pointer-events: none;
}

#fixedNav .new-subnav {
    bottom: auto;
    top: var(--new-nav-height);
}

.new-subnav.with-categories {
    display: flex;
    gap: calc(var(--new-nav-padding) * 2);
}

body:not(.is-touch-device) :is(.new-nav-item:hover .new-subnav, .new-nav-item:focus-within .new-subnav) {
    opacity: 1;
    pointer-events: all;
}

body.is-touch-device .new-nav-item.open .new-subnav {
    opacity: 1;
    pointer-events: all;
}

.new-subnav * {
    font-family: "Avenir-Black";
    white-space: nowrap;
}

.new-subnav-category > p:first-child {
    text-transform: uppercase;
    border-bottom: solid 2px black;
    padding-bottom: 10px;
    margin-bottom: 35px;
}

#new-mobile-nav-trigger {
    display: none;
}

/* –– Slider –– */

#slider {
    position: relative;
    width: 100%;
    height: calc(100vh - var(--new-nav-height));
    overflow: hidden;
    transition: all 0.3s ease;
}

body:not(.is-touch-device):has(:is(.new-nav-item:hover, .new-nav-item:focus-within)) #slider {
    filter: brightness(0.25);
}

body.is-touch-device:has(.new-nav-item.open) #slider {
    filter: brightness(0.25);
}

#slider1, #slider2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#logo {
    width: 250px;
    height: auto;
    margin: 75px 0 0 -15px;
    position: absolute;
}

#osnabrueckLogo {
    float: right;
    width: 230px;
    height: auto;
}

#edge {
    position: absolute;
    width: 1400px;
    height: auto;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    margin-left: 420px;
}

#sliderBox {
    background-color: white;
    padding: 60px 30px 30px 30px;
    position: absolute;
    right: 50%;
    margin-right: -600px;
}

#sliderBox h4 {
    margin: 0;
    display: inline-block;
}

#sliderBox hr {
    margin: 0;
    position: absolute;
    top: -10px;
    left: -35px;
    width: 60%;
}

#sliderTimeline {
    position: absolute;
    height: 4px;
    background-color: black;
    bottom: 0;
    left: 0;
    width: 0;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
    display: none;
}

#slider .varContent.anim * {
    white-space: nowrap;
}

#mobileSliderText {
    display: none;
}

/* –– Fragen / Antworten –– */

.question h3 {
    margin: 0;
}

.question h3 + hr, .answer hr {
    width: 100px;
    margin: 25px 0;
}

.answer hr {
    border-color: #DDDDDD;
}

.answer:last-of-type hr, .question:last-of-type .fatLine {
    display: none;
}

.question .fatLine {
    margin: 50px 0;
}

.answerFromMQHeadline {
    margin-bottom: 10px;
}

.answerFromMQ {
    font-style: italic;
}

/* –– Veranstaltungen –– */

#eventSearchForm .subHalfCol, #exhibitionSearchForm .subHalfCol {
	padding-right: 25px;
}

#eventSearchForm .subHalfCol + .subHalfCol, #exhibitionSearchForm .subHalfCol + .subHalfCol {
	padding-left: 25px;
    padding-right: 0;
}

#eventsSearchWrapper {
	margin: 10px 0;
}

#eventsSearchWrapper input {
	margin: 0;
}

#events {
	padding-top: 40px;
}

.event {
	overflow: hidden;
	max-height: 1000px;
}

.event.reloadedContent {
	max-height: 0;
}

.event h4 {
	margin-bottom: 20px;
}

.event h3 {
	margin: 20px 0 15px 0;
}

.event hr {
    display: none;
	margin: 45px 0 60px;
}

.eventDouble > hr {
    margin: 10px 0 50px;
}

#loadMoreEvents {
	margin: 0;
}

.event .tags {
    margin-bottom: 20px;
}

#eventsInThePastCheckbox {
    clear: both;
    display: none;
}

/* –– Kalender –– */

#calendarNav {
    padding: 10px 0 30px;
}

#calendarNav a {
    padding: 5px 8px;
}

#calendarNav h4 {
    display: inline-block;
    margin: 0 10px;
}

#calendarNav a:first-of-type svg {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

.day {
    width: 11%;
    margin: 0 3.8% 3.8% 0;
    float: left;
    position: relative;
}

.day:last-of-type {
    margin-right: 0;
}

.weekday h4 {
    color: #DDDDDD;
    top: 0 !important;
}

.dayCircle, .dayCircleGrey {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    box-sizing: border-box;
    border: solid 2px black;
    background-color: white;
}

.day h4 {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
}

.dayCircleGrey {
    border: none;
    background-color: #DDDDDD;
}

.timespanMatchCircle {
	display: none;
}

.dayCircle.timespanMatch:not(.closed) ~ .timespanMatchCircle {
    display: block;
    width: 80%;
    height: 80%;
    top: 10%;
    left: 10%;
    border-radius: 50%;
    position: absolute;
    box-sizing: border-box;
    border: solid 2px black;
}

.dayCircle.timespanMatch.currentDay:not(.closed) ~ .timespanMatchCircle {
    border-color: #FF0046;
}

.dayCircle.dateMatch:not(.closed) {
    background-color: black;
}

.day:hover .dayCircle.dateMatch:not(.closed), .day:hover .dayCircleTail, .dayCircle.dateMatch.currentDay, .dayCircle.dateMatch.currentDay ~ .dayCircleTail {
    background-color: #FF0046;
    border-color: #FF0046;
}

.dayCircle.dateMatch:not(.closed) ~ h4 {
    color: white;
}

.dayCircleTail {
    display: none;
    width: 50%;
    position: absolute;
    height: 5px;
    right: 0;
    bottom: 0;
    background-color: black;
}

.dayCircle.dateMatch:not(.closed) ~ .dayCircleTail {
    display: block;
}

.day:hover .dayCircle.timespanMatch, .currentDay, .day:hover .dayCircle.timespanMatch ~ .timespanMatchCircle {
    border-color: #FF0046;
}

#calendarLegend .legend span {
	background-image: url('img/calendarLegend.svg');
}

.calendarLegend2 {background-position: -20px 0;}
.calendarLegend3 {background-position: -40px 0;}

#dayOverview > div {
	width: 100%;
}

#dayOverview h2 {
	margin: 30px 0 -10px;
}

.singleEventAtDay hr {
	width: 50px;
	margin: 25px 0;
}

.singleEventAtDay:last-of-type hr {
	display: none;
}

.singleEventAtDay:first-of-type h3 {
	margin-top: 0;
}

.singleEventAtDay:last-of-type h3 {
    margin-bottom: 0;
}

/* –– Ausstellungen & Sammlungen –– */

#exhibitionsCol {
    min-height: 1300px;
}

#exhibitionSearchForm {
	padding-bottom: 40px;
}

.exhibition h4 {
	margin: 0 0 15px 0;
}

.exhibition h3 {
	margin: 15px 0;
}

.exhibition p .smallArrow, .exhibition:last-child hr {
	display: none;
}

.exhibition:nth-of-type(even) .subHalfCol:first-of-type {
	float: right;
	padding-right: 0;
	padding-left: 25px;
}

.exhibition:nth-of-type(even) .subHalfCol:last-of-type {
	padding-right: 25px;
	padding-left: 0;
}

.exhibition .arrowInCircle {
	margin-top: 10px;
}

#loadMoreExhibitions h4 {
    margin: 60px 0 0;
}

#headlineLongExhibitions {
    text-transform: uppercase;
    margin-bottom: 35px;
}

.longExhibition hr {
    margin: 40px 0;
}

.longExhibition:last-of-type p, .exhibition:last-of-type hr {
    margin-bottom: 0;
}

#fatLineAboveNews {
    margin: 50px 0;
}

.exhibition h4:empty + h3 {
    margin-top: 0;
}

.longExhibition:last-of-type hr {
    display: none;
}

#archiveBtnExhibitions {
    margin: 40px 0 0 0;
}

#archiveBtnExhibitions2 {
     margin: 30px 0 0 0;
     font-size: 1.1rem;
}

.exhibitionsArchive .subHalfCol {
    width: 33.3%;
}

.exhibitionsArchive .subHalfCol + .subHalfCol {
    width: 66.6%;
}

#exhibitionArchivePart #exhibitionsCol {
    min-height: 0;
}

#blutsbruederIFrame {
    width: 100%;
    border: solid 1px black;
    box-sizing: border-box;
    margin: 20px 0 40px;
    position: relative;
}

#blutsbruederIFrame::after {
    content: '';
    display: block;
    padding-bottom: 70%;
}

#blutsbruederIFrame iframe {
    border: none;
    width: 100%;
    height: 100%;
    position: absolute;
}

.felixSchoeller {
    width: calc(200% + 50px);
    left: calc(-100% - 50px);
    position: relative;
}

.felixSchoeller > hr {
    margin: 50px 0 !important;
}

.singlePageContent .htmlContent .wincat-nomhead {
    margin: 50px 0 30px;
}

.nom3grid {
    display: grid;
    grid-gap: 50px;
    grid-template-columns: 1fr 1fr 1fr;
}

.singlePageContent .htmlContent .nom-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.singlePageContent .htmlContent .nom-image::after {
    content: '';
    display: block;
    padding-bottom: 100%;
}

.singlePageContent .htmlContent .nom-card .arrowInCircle {
    margin: 0;
}

.singlePageContent .htmlContent .nom-name {
    margin: 30px 0 10px;
}

.singlePageContent .htmlContent .nom-ort {
    margin: 0;
}

.singlePageContent .htmlContent .nom-titel {
    margin: 25px 0 25px;
}

.felixSchoeller a {
    text-decoration: none !important;
}

#felixSchoellerDetails .smallSlider .arrowInCircle {
    display: none;
}

#felixSchoellerDetails .smallSliderCaption {
    width: 100%;
    left: 0;
    text-align: left;
}

.singleColLayout, .singleColLayout .mW {
    max-width: 750px;
    margin-left: -375px;
}

.paddingTop.singleColLayout {
    padding-top: 0;
}

.singleColLayout .smallSlider {
    margin-bottom: 10px;
}

.singleColLayout .smallSlider .wideImg {
    height: auto !important;
    aspect-ratio: 11 / 4;
    width: calc(100vw - var(--scrollbar-width));
    left: 50%;
    translate: -50% 0;
}

.singleColLayout .smallSlider .wideImg::after {
    display: none;
}

.singleColLayout .smallSlider .wideImg + div {
    width: 100%;
    margin: 25px 0 50px;
    display: flex;
    align-items: start;
    gap: 25px;
    margin: ;
}

.singleColLayout .smallSlider .wideImg + div .smallSliderCaption {
    position: static;
    width: 100%;
    margin: 0;
    order: 2;
}

.singleColLayout .smallSlider .wideImg + div .arrowInCircle {
    zoom: 0.75;
    border-width: 3px;
    margin: 0;
    flex-shrink: 0;
}

.singleColLayout .smallSlider .wideImg + div .arrowInCircle:last-of-type {
    order: 3;
}

.singleColLayout .smallSlider .wideImg + div .arrowInCircle svg polyline {
    stroke-width: 3px;
}

.singleColLayout .smallSlider .wideImg + div::after {
    display: none;
}

.singleColLayout .singlePostContentMetaData:has(span:empty + span:empty) {
    display: none;
}

.singleColLayout .htmlContent p:has(+ .leftColImgWrapper) {
    margin-bottom: 35px;   
}

.singleColLayout .htmlContent p:has(+ .leftColImgWrapper)::after {
    content: '';
    display: block;
    width: 100%;
    clear: both;
}

.singleColLayout .htmlContent .leftColImgWrapper {
    height: auto;
    width: 40%;
    position: static;
    margin: 5px 50px 0 0;
    float: left;
}

.singleColLayout .htmlContent .leftColImg {
    position: static;
    width: 100%;
    margin-left: 0;
}

.singleColLayout .htmlContent .leftColImg div {
    max-height: none;
}

.singleColLayout .htmlContent .leftColImg img {
    min-height: 10px;
}

.singleColLayout .htmlContent .leftColImg p {
    margin-bottom: 20px;
}

.singleColLayout .htmlContent .smallGap {
    clear: both;
}

.singleColLayout .htmlContent .twoCols {
    column-gap: 25px;
}

.singleColLayout .htmlContent .twoCols, .singleColLayout .htmlContent .twoCols ol, .singleColLayout .htmlContent .twoCols ol li {
    width: fit-content;
}

.singleColLayout .htmlContent .twoCols > *:first-child {
    margin-top: 0;
}

.singleColLayout .singlePageContent .htmlContent h3 {
    margin-top: 30px;
}

.singleColLayout .htmlContent ol {
    margin-bottom: 30px;
}

.singleColLayout h2 {
    margin-bottom: 35px;
}

.singleColLayout .event .tags {
    display: none;
}

.singleColLayout #events .wideImg::after {
    padding-bottom: 60%;
}

.singleColLayout .eventDouble > hr {
    margin: 25px 0 50px;
}

.singleColLayout .htmlContent > hr {
    border-bottom-width: 10px;
}

.singleColLayout #events {
    margin-bottom: 35px;
}

.singleColLayout .eventDouble:last-child hr {
    display: none;
}

#registrationForm {
    width: 600px;
}

/* –– Neuigkeiten –– */

.news h4 {
    margin-bottom: 10px;
}

.news h3 {
    margin-top: 10px;
}

.news hr {
    margin: 35px 0;
}

#loadMoreNews h4 {
    margin-top: 40px;
}

#all-news {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
    margin-top: 25px;
}

#all-news .news {
    border-bottom: solid 2px black;
    padding-bottom: 45px;
}

/* –– Führungen & Vermittlung –– */

#guideDetails {
    padding-top: 5px;
}

#guideDetails h2 {
    text-transform: none;
    margin-top: 0;
}

#guideDetails .wideImg {
    position: relative;
    top: 5px;
}

#guideDetails .wideImg::after, #singlePostContent .wideImg::after, #houseDetails .wideImg::after {
    padding-bottom: 70%;
}

#guideDetailsCalenderLink {
    margin: 50px 0 -20px 0;
}

#guideDetailsCalenderLink span {
    display: inline-block;
}

#guideDetailsCalenderLink .arrowInCircle {
    margin: 0 0 0 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#guideTextLeft {
    margin-top: 50px;
}

#guidesNav {
    justify-content: start;
    gap: 50px;
}

/* –– Museumsquartier –– */

#areaIntroText {
    margin-bottom: 80px;
}

#areamap img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

#areamap img.selected {
    opacity: 1;
}

#areamap img:first-of-type {
    position: relative;
}

#areamapLegend {
    position: absolute;
    top: 0;
}

#areamapLegend p {
    margin: 7px 0;
}

#areamapLegend strong {
    color: white;
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: black;
    text-align: center;
    position: relative;
    margin-right: 20px;
    top: -8px;
}

#areamapLegend strong span {
    position: relative;
    top: 1px;
}

.chrome #areamapLegend strong span, .safari #areamapLegend strong span {
	top: 2px;
}

#areamapLegend strong::after {
    content: ' ';
    display: inline-block;
    height: 2px;
    width: 20px;
    background-color: black;
    position: absolute;
    bottom: 0;
    left: 12px;
}

#areamapInnerCity {
    position: absolute;
    right: 60px;
    bottom: 60px;
}

.clickableArea {
    position: absolute;
    -webkit-transform: rotate(-17deg);
    -moz-transform: rotate(-17deg);
    -ms-transform: rotate(-17deg);
    -o-transform: rotate(-17deg);
    transform: rotate(-17deg);
}

#houseNav .button {
    float: right;
    margin: 10px 0;
}

#houseNav .cW:nth-of-type(2) .button {
    position: relative;
    left: -60px;
}

#houseNav .cW:nth-of-type(4) .button {
    position: relative;
    left: -120px;
}

#houseDetails h3:first-child {
    margin-bottom: 40px;
}

#teamBtn {
    margin: 15px 0 0 0;
}

/* –– Kontakt –– */

#contactPart h2 {
    text-transform: none;
    margin-bottom: 35px;
}

#mapArea {
    background-color: #f6f6f4;
}

#map {
    margin: 50px 0;
}

#prices td:first-of-type {
    width: 75% !important;
}

#prices tr {
    height: 70px;
}

#contactPart .thirdCol h2:first-of-type {
	margin-top: 0;
}

#rentalText .twoCols p, #rentalText .threeCols p {
    margin: 0;
}

/* –– Partner & Förderer –– */

#supporter {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.itemcount-1 > * {width: 100%;}
.itemcount-2 > * {width: calc(50% - 100px);}
.itemcount-3 > * {width: calc(33% - 100px);}
.itemcount-4 > * {width: calc(25% - 50px);}
.itemcount-5 > * {width: calc(20% - 50px);}
.itemcount-6 > * {width: calc(15% - 25px);}

.itemcount-1 > * > img, .itemcount-2 > * > img, .itemcount-3 > * > img, .itemcount-4 > * > img, .itemcount-5 > * > img, .itemcount-6 > * > img {width: 100%;}

/* –– HTML-Content –– */

@media screen and (min-width: 900px) {

    .htmlContent > *:first-child, .htmlContent > *:first-child > *:first-child, .htmlContent > *:first-child > *:first-child > *:first-child, .htmlContent > *:first-child > *:first-child > *:first-child > *:first-child {
        margin-top: 0 !important;
    }

    .htmlContent .subHalfCol > *:first-child, .htmlContent .subHalfCol > *:first-child > *:first-child, .htmlContent .subHalfCol > *:first-child > *:first-child > *:first-child, .htmlContent .subHalfCol > *:first-child > *:first-child > *:first-child > *:first-child {
        margin-top: 0 !important;
    }

    .htmlContent .thirdCol > *:first-child, .htmlContent .thirdCol > *:first-child > *:first-child, .htmlContent .thirdCol > *:first-child > *:first-child > *:first-child, .htmlContent .thirdCol > *:first-child > *:first-child > *:first-child > *:first-child {
        margin-top: 0 !important;
    }

    .htmlContent .twoThirdCol > *:first-child, .htmlContent .twoThirdCol > *:first-child > *:first-child, .htmlContent .twoThirdCol > *:first-child > *:first-child > *:first-child, .htmlContent .twoThirdCol > *:first-child > *:first-child > *:first-child > *:first-child {
        margin-top: 0 !important;
    }

    .htmlContent > *:last-child, .htmlContent > *:last-child > *:last-child, .htmlContent > *:last-child > *:last-child > *:last-child, .htmlContent > *:last-child > *:last-child > *:last-child > *:last-child {
        margin-bottom: 0 !important;
    }

    .htmlContent .subHalfCol > *:last-child, .htmlContent .subHalfCol > *:last-child > *:last-child, .htmlContent .subHalfCol > *:last-child > *:last-child > *:last-child, .htmlContent .subHalfCol > *:last-child > *:last-child > *:last-child > *:last-child {
        margin-bottom: 0 !important;
    }

    .htmlContent .thirdCol > *:last-child, .htmlContent .thirdCol > *:last-child > *:last-child, .htmlContent .thirdCol > *:last-child > *:last-child > *:last-child, .htmlContent .thirdCol > *:last-child > *:last-child > *:last-child > *:last-child {
        margin-bottom: 0 !important;
    }

    .htmlContent .twoThirdCol > *:last-child, .htmlContent .twoThirdCol > *:last-child > *:last-child, .htmlContent .twoThirdCol > *:last-child > *:last-child > *:last-child, .htmlContent .twoThirdCol > *:last-child > *:last-child > *:last-child > *:last-child {
        margin-bottom: 0 !important;
    }

}

body .htmlContent .initial, body .htmlContent .initial:first-child, body .htmlContent strong .initial:first-child, body #singlePostContent .htmlContent strong .initial:first-child {
    margin: 0 10px 40px -5px !important;
}

body .htmlContent .initialGroup2, body .htmlContent .initialGroup2:first-child, body .htmlContent strong .initialGroup2:first-child, body #singlePostContent .htmlContent strong .initialGroup2:first-child {
    margin-left: 0 !important;
}

.htmlContent a {
	text-decoration: underline;
}

.htmlContent hr {
	margin: 35px 0 30px;
}

.htmlContent img {
    width: 100%;
    height: auto;
    margin: 20px 0;
}

.htmlContent .logoSizeShortcode img {
    width: 100% !important;
    height: auto !important;
}

.htmlContent h2 {
	margin: 25px 0;
}

.htmlContent h3, .htmlContent h4 {
    margin: 20px 0 5px;
}

.htmlContent h4 + p {
    margin-top: 5px;
}

.singlePageContent .htmlContent h3 {
    margin: 40px 0 25px;
}

.singlePageContent .htmlContent h4 {
    margin: 25px 0 10px;
}

.singlePageContent .htmlContent .wp-caption-text {
    margin-bottom: 30px;
    font-size: 1.1rem;
    line-height: 1.3em;
}

.htmlContent .twoCols, .htmlContent .threeCols {
    margin: 15px 0;
}

.shortcodeColWrapper > div:first-of-type {
    padding-left: 0;
}

.shortcodeColWrapper > div:last-of-type {
    padding-right: 0;
}

.twoElementsTogether > *:first-child {
    margin: 30px 0 5px 0;
}

.twoElementsTogether > *:last-child {
    margin: 5px 0 30px 0;
}

table {
    width: 100% !important;
    margin: 35px 0;
}

table, td, th {
    border: solid 2px #DDDDDD;
    border-collapse: collapse;
    text-align: left;
}

td, th {
	font-size: 1rem;
    padding: 12px;
}

td {
	font-family: "Avenir-Book";
    width: auto !important;
}

th, td strong, td b {
	font-family: "Avenir-Black";
	font-weight: normal;
}

.leftColImgWrapper {
    height: 0;
    position: relative;
    width: calc(200% + 50px);
    left: calc(-100% - 50px);
}

.leftColImg {
    position: absolute;
    top: 5px;
    width: 30%;
    left: 20%;
    margin-left: -25px;
    cursor: pointer;
}

.leftColImgBig {
    width: calc(50% - 25px);
    left: 0;
    margin-left: 0;
}

.leftColImg div {
    max-height: 450px;
    overflow: hidden;
}

.leftColImgBig div {
    max-height: none;
}

.leftColImg img {
    display: block;
    margin: 0;
    width: 100%;
    height: auto;
}

.leftColImg p, .wp-caption-text {
    font-family: "Avenir-Book";
    font-size: 0.9rem;
    margin-bottom: 0;
}

.leftColImgWrapperFixedBottom .leftColImg {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    top: -15px;
}

.youtubeVideoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin: 40px 0;
}

.youtubeVideoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.wp-caption-text {
    margin-top: 0;
}

.wp-caption {
    width: 100% !important;
}

.htmlContent .wp-video, .htmlContent .wp-video video {
    width: 100% !important;
    height: auto;
}

.imgWithCreditAndCaption {
	margin: 50px 0;
}

.aspectRatioImg {
	width: 100%;
	position: relative;
}

.aspectRatio2To1::after, .aspectRatio3To2::after {
	content: '';
	display: block;
}

.aspectRatio2To1::after {
	padding-bottom: 50%;
}

.aspectRatio3To2::after {
	padding-bottom: 66%;
}

.aspectRatioImg img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
	margin: 0;
}

.aspectRatioImgCredit {
    margin: 5px 0 0;
    font-size: 12px !important;
}

.aspectRatioImgCaption {
    margin: 10px 0 0;
}

.twoColsGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 50px;
    grid-row-gap: 35px;
    margin: 50px 0;
}

@media screen and (min-width: 901px) {

    .twoColsGrid > * {
        margin: 0 !important;
    }

}

.textWithIcon {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.textWithIcon img {
    width: 60px;
    height: auto;
    margin-right: 25px;
    flex-shrink: 0;
}

.thinDivider {
    border-bottom: solid 2px black !important;
}

/* –– Formulare –– */

input, select, textarea, :is(#newsletterLayer, #newsletter-registration) .cr_ipe_item input, :is(#newsletterLayer, #newsletter-registration) .cr_button, .captchaImg, .wpforms-submit {
	height: 60px;
	background-color: white;
	width: 100%;
	border: solid 2px black;
	box-sizing: border-box;
	padding: 0 0 0 15px;
	margin: 10px 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    font-family: "Avenir-Black";
}

input, select, :is(#newsletterLayer, #newsletter-registration) .cr_button {
    text-transform: none;
}

.select, .checkbox, .radio {
	margin: 10px 0;
	position: relative;
}

select {
	margin: 0;
	cursor: pointer;
}

.dropdownArrow {
	position: absolute;
	right: 2px;
	pointer-events: none;
    top: 2px;
}

textarea {
    padding-top: 10px;
    resize: vertical;
    height: 150px;
    font-family: 'Crimson-Regular';
}

input[type=submit], input[type=reset], input[type=button], :is(#newsletterLayer, #newsletter-registration) .cr_button, .wpforms-submit {
    background-color: black;
    cursor: pointer;
    padding: 0;
    color: white;
    border: none;
}

input[type=submit]:hover, input[type=submit]:hover, :is(#newsletterLayer, #newsletter-registration) .cr_button:hover {
    background-color: #FF0046;
}

.checkbox, .radio {
    height: 60px;
}

input[type=checkbox], input[type=radio] {
    opacity: 0;
    position: absolute;
    cursor: pointer;
    margin: 0;
}

label.checkboxLabel, label.radioLabel {
    display: inline-block;
    padding-left: 25px;
    pointer-events: none
}

p.checkboxLabel, p.radioLabel {
    position: absolute;
    left: 40px;
    margin: 0;
    top: 50%;
    -webkit-transform: translateY(-55%);
    -moz-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    -o-transform: translateY(-55%);
    transform: translateY(-55%);
}

label.checkboxLabel::before, label.radioLabel::before {
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    bottom: 18px;
}

label.checkboxLabel::before {
    content: url('img/checkbox.svg');
}

label.radioLabel::before {
    content: url('img/radio.svg');
}

input[type=checkbox]:checked + label.checkboxLabel::before {
    content: url('img/checkboxSel.svg');
}

input[type=radio]:checked + label.radioLabel::before {
    content: url('img/radioSel.svg');
}

::-webkit-input-placeholder {
	opacity: 1 !important;
    color: black !important;
}
 
::-moz-placeholder {
	opacity: 1 !important;
    color: black !important;
}

::-ms-input-placeholder {  
    opacity: 1 !important;
    color: black !important;
}
 
:-ms-input-placeholder {  
	opacity: 1 !important;
    color: black !important;
}

input::placeholder {
    opacity: 1 !important;
    color: black !important;
}

input:focus, select:focus, textarea:focus {
    outline: none !important;
}

input:invalid, select:invalid, textarea:invalid {
	outline: none;
	box-shadow: none;
}

input:focus, select:focus, textarea:focus {
	border-color: #FF0046;
}

.captchaImg {
    overflow: hidden;
    padding: 0;
}

.captchaImg img {
    height: 100%;
    width: auto;
}

.captchaInput input {
    text-transform: none;
}

.switch {
    display: flex;
    align-items: center;
}

.switch > div {
    width: 50px;
    height: 25px;
    border: solid 2px white;
    border-radius: 25px;
    position: relative;
    cursor: pointer;
}

.switch > div > div {
    height: 19px;
    width: 19px;
    background-color: white;
    border-radius: 50%;
    top: 3px;
    position: absolute;
}

.switch[data-state="off"] > div > div {
    left: 2px;
}

.switch[data-state="on"] > div > div {
    right: 2px;
}

.switch p {
    margin: 0 0 0 10px;
    color: white;
}

.formCols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 10px;
}

.formCols > * {
    margin: 0;
}

.wpforms-container input.wpforms-field-medium, .wpforms-container select.wpforms-field-medium, .wpforms-container .wpforms-field-row.wpforms-field-medium, .wp-core-ui div.wpforms-container input.wpforms-field-medium, .wp-core-ui div.wpforms-container select.wpforms-field-medium, .wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-medium {
    max-width: 100% !important;
}

.wpforms-container .wpforms-field input.wpforms-error, .wpforms-container .wpforms-field input.user-invalid, .wpforms-container .wpforms-field textarea.wpforms-error, .wpforms-container .wpforms-field textarea.user-invalid, .wpforms-container .wpforms-field select.wpforms-error, .wpforms-container .wpforms-field select.user-invalid {
    border: solid 2px #FF0046 !important;
}

.wpforms-container label.wpforms-error, .wpforms-container em.wpforms-error {
    color: #FF0046 !important;
    font-family: "Avenir-Black" !important;
    margin-top: 5px !important;
}

.wpforms-container input[type="date"], .wpforms-container input[type="datetime"], .wpforms-container input[type="datetime-local"], .wpforms-container input[type="email"], .wpforms-container input[type="month"], .wpforms-container input[type="number"], .wpforms-container input[type="password"], .wpforms-container input[type="range"], .wpforms-container input[type="search"], .wpforms-container input[type="tel"], .wpforms-container input[type="text"], .wpforms-container input[type="time"], .wpforms-container input[type="url"], .wpforms-container input[type="week"], .wpforms-container select, .wpforms-container textarea, .wp-core-ui div.wpforms-container input[type="date"], .wp-core-ui div.wpforms-container input[type="datetime"], .wp-core-ui div.wpforms-container input[type="datetime-local"], .wp-core-ui div.wpforms-container input[type="email"], .wp-core-ui div.wpforms-container input[type="month"], .wp-core-ui div.wpforms-container input[type="number"], .wp-core-ui div.wpforms-container input[type="password"], .wp-core-ui div.wpforms-container input[type="range"], .wp-core-ui div.wpforms-container input[type="search"], .wp-core-ui div.wpforms-container input[type="tel"], .wp-core-ui div.wpforms-container input[type="text"], .wp-core-ui div.wpforms-container input[type="time"], .wp-core-ui div.wpforms-container input[type="url"], .wp-core-ui div.wpforms-container input[type="week"], .wp-core-ui div.wpforms-container select, .wp-core-ui div.wpforms-container textarea {
    font-family: "Avenir-Black" !important;
}

.wpforms-submit {
    width: fit-content;
    padding: 0 1em;
    margin-top: 1.5em;
}

.wpforms-container input[type="checkbox"], .wpforms-container input[type="radio"], .wp-core-ui div.wpforms-container input[type="checkbox"], .wp-core-ui div.wpforms-container input[type="radio"] {
    opacity: 1 !important;
    position: static !important;
    padding: 0 !important;
    width: 25px !important;
    height: 25px !important;
}

.wpforms-field-gdpr-checkbox ul, .wpforms-field-checkbox ul {
    padding-left: 0 !important;
}

.wpforms-field-gdpr-checkbox li, .wpforms-field-checkbox li {
    display: block !important;
}

.wpforms-field-gdpr-checkbox input:checked, .wpforms-field-checkbox input:checked {
    background-image: url('img/pluginCheckboxSel.svg');
    background-size: cover;
}

.wpforms-container .wpforms-required-label, .wp-core-ui div.wpforms-container .wpforms-required-label {
    color: black !important;
}

.wpforms-container input[type="checkbox"], .wpforms-container input[type="radio"], .wp-core-ui div.wpforms-container input[type="checkbox"], .wp-core-ui div.wpforms-container input[type="radio"] {
    margin-left: 0 !important;
}

.wpforms-container .wpforms-form .wpforms-field-label, .wpforms-container .wpforms-form .wpforms-field-sublabel, .wpforms-container .wpforms-form .wpforms-field-description, .wpforms-container .wpforms-form textarea, .wpforms-container .wpforms-form li, .wpforms-container .wpforms-form th {
    hyphens: none !important;
}

.wpforms-field-select select {
    background-image: url('img/dropdownArrow.svg');
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 60px;
}

#popupSource {
    position: absolute;
    visibility: hidden;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    overflow: hidden;
}

.popup, .popup * {
    box-sizing: border-box;
}

.popup {
    position: fixed;
    width: 100%;
    height: 100%;
    inset: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 99;
}

.popupBox {
    max-height: calc(100% - 100px);
    margin: 50px auto auto;
    padding: 50px;
    width: 650px;
    max-width: 90%;
    background-color: white;
    overflow-y: scroll;
    overflow-x: hidden;
}

.popup, .popupBox {
    overscroll-behavior: none;
}

.popupHeadline {
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin-bottom: 35px;
    gap: 35px;
}

.popupHeadline > * {
    margin: 0;
}

.popupHeadline img {
    cursor: pointer;
}

.popup .wpforms-container {
    margin-top: 35px;
}

.popup .wpforms-submit, .popup .wpforms-container {
    margin-bottom: 0 !important;
}

.popup .wpforms-submit-container > br {
    display: none !important;
}

/* –– Audio –– */

audio {
    margin: 0;
}

.mediaControls {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    z-index: 10;
    background-color: white;
}

.mediaControls input {
    height: 24px;
    padding-left: 0;
}

.mediaControls img {
    width: 20px;
    height: auto;
    margin: 0;
    position: relative;
    top: 2px;
    margin: 0 20px 0 0;
    cursor: pointer;
}

.mediaControls h4 {
    display: inline-block;
    margin: 0 20px 0 0;
    position: relative;
    top: 1px;
}

.mediaControlsRangeWrapper {
    margin: 0 20px 0 0;
    display: inline-block;
    position: relative;
}

.mediaControls input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    width: 100%;
    margin: 0;
    background: transparent;
    border: none !important;
    outline: none;
}

.mediaControls input[type=range]:focus {
    outline: none;
}

.mediaControls input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    height: 20px;
    width: 5px;
    border-radius: 0;
    background-color: black;
    cursor: grab;
}

.mediaControls input[type=range]::-moz-range-thumb {
    -moz-appearance: none;
    box-shadow: none;
    border: none;
    height: 20px;
    width: 5px;
    border-radius: 0;
    background-color: black;
    cursor: grab;
}

.mediaControls input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 20px;
    box-sizing:border-box;
}

.mediaControls input[type=range]::-moz-range-track {
    width: 100%;
    height: 20px;
    visibility: hidden;
    box-sizing:border-box;
}

.mediaControls input[type=range]::-moz-focus-outer {
    border: 0;
}

.mediaControlsRangeWrapper div {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: black;
    top: 35%;
    pointer-events: none;
}

.mediaControlsRangeTimeWrapper {
    width: 42%;
}

.mediaControlsPlayPause, .mediaControlsCurrTime, .mediaControlsRangeTimeWrapper {
    float: left;
}

.mediaControlsRangeVolumeWrapper {
    width: 15%;
    float: right;
}

.mediaControlsEndTime, .mediaControlsRangeVolumeWrapper {
    margin-right: 0;
}

.mediaControlsEndTime {
    top: -2px !important;
}

.mediaControlsVolumeIcon {
    position: relative;
    left: 15px;
    cursor: default !important;
}

/* –– 20 Orte –– */

#twentyPlacesPart .thirdCol > img {
    width: 100%;
    height: auto;
    display: block;
}

#twentyPlacesPartFirstDivider {
    margin-top: 0;
    width: calc(66.6% - 15px);
    position: relative;
    top: -2px;
}

#twentyPlaces {
    padding-top: 30px;
    padding-bottom: 30px;
}

.place {
    display: block;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.place > div, .place > div img {
    overflow: hidden;
    width: 100%;
    position: relative;
    display: block;
}

.place > div img {
    filter: blur(0);
}

.place > h4 {
    margin: 15px 0 35px 0;
}

.place > div > div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    opacity: 0;
    box-sizing: border-box;
    padding: 40px;
    display: flex;
    flex-direction: row;
    overflow: hidden;
}

.place:hover > div > div {
    opacity: 1;
}

.place:hover > div img {
    filter: blur(5px);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}

.place p {
    color: white;
    margin: 10px 0;
}

.place p:first-of-type {
    margin-top: 0;
    margin-bottom: 20px;
}

.place p:last-of-type {
    margin-bottom: 30px;
}

.placeScrollableArea {
    overflow: hidden;
    position: relative;
}

.placeScrollableArea > div {
    overflow-y: scroll;
    width: 100%;
    padding-right: 20px;
    height: 100%;
    -webkit-mask-image: -webkit-gradient(
        linear, center top, center bottom, 
        color-stop(0.0, rgba(0,0,0,1)),
        color-stop(0.8, rgba(0,0,0,1)),
        color-stop(1.0, rgba(0,0,0,0)));
    -moz-mask-image: -moz-gradient(
        linear, center top, center bottom, 
        color-stop(0.0, rgba(0,0,0,1)),
        color-stop(0.8, rgba(0,0,0,1)),
        color-stop(1.0, rgba(0,0,0,0)));
    -ms-mask-image: -ms-gradient(
        linear, center top, center bottom, 
        color-stop(0.0, rgba(0,0,0,1)),
        color-stop(0.8, rgba(0,0,0,1)),
        color-stop(1.0, rgba(0,0,0,0)));
    -o-mask-image: -o-gradient(
        linear, center top, center bottom, 
        color-stop(0.0, rgba(0,0,0,1)),
        color-stop(0.8, rgba(0,0,0,1)),
        color-stop(1.0, rgba(0,0,0,0)));
    mask-image: gradient(
        linear, center top, center bottom, 
        color-stop(0.0, rgba(0,0,0,1)),
        color-stop(0.8, rgba(0,0,0,1)),
        color-stop(1.0, rgba(0,0,0,0)));
}

#twentyPlacesSupporter > div > div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

#twentyPlacesSupporter hr {
    margin-top: -10px;
}

#twentyPlacesSupporter .fullCol {
    width: 100%;
}

#singlePlaceContent h2 {
    margin-top: 0;
}

#singlePlaceContent .halfCol > img {
    width: 100%;
}

#singlePlaceContentWithoutTitle {
    padding-top: 20px;
}

#singlePlaceContent .halfCol:first-of-type h4, #singlePlaceContent .halfCol:first-of-type p {
    width: 90%;
}

#singlePlaceContent .halfCol:first-of-type p {
    margin-bottom: 0;
}

#singlePlaceContentDivider {
    width: 2px;
    height: 100%;
    background-color: black;
    position: absolute;
    right: 0;
    top: 0;
}

#singlePlaceAdress {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

#singlePlaceAdress span {
    display: inline-block;
}

#singlePlaceAdress span:first-of-type {
    white-space: nowrap;
    background-color: black;
    color: white;
    padding: 5px 10px;
    margin-right: 20px;
}

#singlePlaceContent .audioPlayer {
    margin-bottom: 50px;
}

#singlePlaceContentReduced {
    display: flex;
    flex-direction: column;
    position: fixed;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
}

#singlePlaceContentReduced > div {
    width: 100%;
}

#singlePlaceContentReduced > div:first-of-type {
    flex-grow: 1;
}

#singlePlaceContentReducedBtn {
    text-align: center;
    background-color: black;
    width: 100%;
    color: white;
    padding: 10px 0 15px;
    margin: 0;
}

/* –– Footer –– */

#footer hr {
	margin-bottom: 25px;
}

#footerLinks {
	display: inline-block;
}

#footerLinks p {
	display: inline-block;
	margin-right: 20px;
}

.socialShare {
	float: right;
}

.socialShare h4 {
    display: inline-block;
    float: left;
    margin-right: 15px;
    position: relative;
    top: -10px;
}

.socialShare > div {
    float: left;
}

#newsletterLink {
    display: inline;
    width: auto;
}

/* –– Single –– */

#singlePostContentPaddingTop {
    width: 100%;
    height: 50px;
}

#singlePostContent .fullCol > h2 {
	width: 80%;
    margin-top: 0;
    display: inline-block;
}

#singlePostContent .close {
    float: right;
    margin-top: 10px;
}

#singlePostContent .fatLine {
    margin: 45px 0 40px;
}

#singlePostContent .socialShare {
    float: none;
    width: 100%;
}

#singlePostContent .socialShare > div {
    float: right;
}

#singlePostContent .socialShare h4 {
	margin-right: 0;
}

#singlePostContent .tags {
    margin: 0 0 20px 0;
}

.smallSlider .wideImg .bgImg {
    position: absolute;
    height: 100%;
    top: 0;
    cursor: pointer;
}

.smallSlider .arrowInCircle {
    cursor: pointer;
}

.smallSlider .arrowInCircle:first-of-type {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

.smallSlider .arrowInCircle:last-of-type {
    float: right;
}

.smallSliderCaption {
    position: absolute;
    width: 80%;
    left: 10%;
    text-align: center;
    top: 15px;
    font-family: "Avenir-Book";
}

.smallSliderCaptionOnlyOne {
    text-align: left;
    width: 100%;
    left: 0;
    position: relative;
}

.foldoutHead {
    cursor: pointer;
}

.foldoutHead h4 {
    width: 85%;
    display: inline-block;
    position: relative;
    top: 10px;
    overflow: hidden;
}

.foldout:not(.selected) + .foldout {
    margin-top: -25px;
}

.foldoutHead .arrowInCircle {
    float: right;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.foldout.selected .arrowInCircle {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.jsNotEnabled .foldoutBody {
    overflow: visible !important;
    max-height: none !important;
    opacity: 1 !important;
}

.foldoutBody:not(.hide) {
    max-height: 2000px;
    opacity: 1;
}

#singlePostContent.singlePostContentNews .socialShare {
	float: right;
	width: auto;
	display: inline-block;
}

.moreDatesAtdetailSite, .moreDatesAtdetailSite + span .timeOutputPipe {
	display: none;
}

.outputMoreDates hr {
	margin: 20px 0;
}

/* –– Team –– */

#team {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
}

.twoThirdCol #team {
    grid-template-columns: 1fr 1fr;
}

.teamMember {
    border-bottom: solid 2px black;
    padding-bottom: 25px;
}

.teamMember h3 {
    margin-bottom: 10px;
}

.teamMember h4 {
    margin: 5px 0;
}

.teamMemberInitial {
    width: 65px;
    height: 65px;
    background-color: #FF0046;
    border-radius: 50%;
    display: flex;
    align-items: center;
}

.teamMemberInitial p {
    font-family: "Avenir-Black";
    color: white;
    width: 100%;
    text-align: center;
    margin: 0;
    font-size: 1.7rem;
}

.teamMemberInitial .more-than-two-chars {
    scale: 0.75;
}

.team-category:not(:first-child) {
    margin-top: 75px !important;
}

#team-jump-links {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    margin-bottom: 75px;
}

#team-jump-links * {
    margin: 0;
}

.team-category:target {
    scroll-margin-top: 125px;
}

#jobs-column {
    border-left: solid 10px black;
}

#jobs {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.job {
    display: block;
}

/* –– Presse –– */

.pressColLeft {
	float: left;
	width: 25%;
}

.pressColRight {
	float: right;
	width: 70%;
}

.imgPlaceholder {
	background-color: #DDDDDD;
}

.press:last-of-type hr {
	display: none;
}

.imgPlaceholder h2 {
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	width: 100%;
	position: absolute;
	color: white;
}

.imgPlaceholder h2 span {
	font-size: 2.6rem;
}

.press h4 {
	margin-bottom: 10px;
}

.press h3 {
	margin: 0;
}

/* –– Lightbox –– */

#galLayerImg {
    width: 50%;
    left: 50%;
    position: absolute;
    height: 80%;
    top: 7%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

#galLayerCaption {
    position: absolute;
    bottom: 50px;
    width: 80%;
    left: 10%;
    text-align: center;
    margin: 0;
    color: white;
    font-family: "Avenir-Book";
}

#youTubePlayer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 95;
    background-color: rgba(0,0,0,0.9);
    display: flex;
    align-items: center;
    justify-content: center;
}

#youTubePlayer > div {
    width: 70%;
    position: relative;
}

#youTubePlayer > div::after {
    content: '';
    display: block;
    padding-bottom: 56.25%;
}

#youTubePlayer iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
}

#youTubePlayer > img {
    position: absolute;
    right: 50px;
    top: 50px;
    cursor: pointer;
    filter: invert(100%);
    display: block;
    width: 40px;
    height: auto;
}

/* –– Universelle Lightbox –– */

html {
    --lightbox-inset: 200px;
}

dialog {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    border: none;
    overscroll-behavior: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 0;
    backdrop-filter: blur(10px);
}

.lightbox-dialog {
    padding: 0;
    overflow: hidden;
}

.lightbox-figure {
    width: 100%;
    height: 100%;
    margin: 0;
    display: grid;
    place-items: center;
}

.lightbox-img, .lightbox-iframe, .lightbox-video, .lightbox-audio {
    width: calc(100% - var(--lightbox-inset) * 2);
    max-height: calc(100% - var(--lightbox-inset) * 1.5);
    display: none;
    grid-row: 1;
    grid-column: 1;
    position: absolute;
    z-index: 10;
    view-transition-name: lightbox-figure;
}

.lightbox-figure[data-type="img"] .lightbox-img, .lightbox-figure[data-type="iframe"] .lightbox-iframe, .lightbox-figure[data-type="video"] .lightbox-video, .lightbox-figure[data-type="audio"] .lightbox-audio {
    display: block;
}

.lightbox-img {
    height: calc(100% - var(--lightbox-inset) * 1.5);
    object-position: center;
    object-fit: contain;
}

.lightbox-iframe, .lightbox-video {
    aspect-ratio: 16 / 9;
    object-position: center;
    object-fit: contain;
    border: none;
    background-color: black;
}

@media (min-width: 901px) and (orientation: landscape) {

    .lightbox-figure.portrait-video :is(.lightbox-iframe, .lightbox-video) {
        aspect-ratio: 9 / 16;
        width: auto;
        height: calc(100% - var(--lightbox-inset) / 2);
        max-height: none;
    }

}

.lightbox-prev, .lightbox-next, .lightbox-close {
    position: absolute;
    z-index: 100;
    border-color: white;
    cursor: pointer;
}

.lightbox-prev, .lightbox-next {
    top: 50%;
}

.only-one :is(.lightbox-prev, .lightbox-next) {
    display: none;
}

.lightbox-prev {
    inset-inline-start: calc(var(--lightbox-inset) / 2);
    translate: -50% -50%;
}

.lightbox-next {
    inset-inline-end: calc(var(--lightbox-inset) / 2);
    translate: 50% -50%;
    scale: -1 1;
}

.lightbox-close {
    inset-inline-end: calc(var(--lightbox-inset) / 2);
    top: calc(var(--lightbox-inset) / 2);
    translate: 50% -50%;
}

.lightbox-caption {
    position: absolute;
    color: white;
    width: calc(100% - var(--lightbox-inset) * 2);
    bottom: calc(var(--lightbox-inset) / 3);
    margin: 0;
    text-align: center;
    font-family: "Avenir-Black";
    filter: drop-shadow(0 0 var(--small-gap) rgba(0, 0, 0, 1)) drop-shadow(0 0 var(--small-gap) rgba(0, 0, 0, 1));
    z-index: 5;
}

.lightbox-caption br {
    display: none;
}

::view-transition-group(lightbox-figure) {
    animation-duration: var(--fast-trans);
}

:root:active-view-transition-type(prev) {

    &:dir(ltr)::view-transition-old(lightbox-figure) {
        animation-name: lightbox-figure-prev-old;
    }

    &:dir(ltr)::view-transition-new(lightbox-figure) {
        animation-name: lightbox-figure-prev-new;
    }

    &:dir(rtl)::view-transition-old(lightbox-figure) {
        animation-name: lightbox-figure-next-old;
    }

    &:dir(rtl)::view-transition-new(lightbox-figure) {
        animation-name: lightbox-figure-next-new;
    }

}

:root:active-view-transition-type(next) {

    &:dir(ltr)::view-transition-old(lightbox-figure) {
        animation-name: lightbox-figure-next-old;
    }

    &:dir(ltr)::view-transition-new(lightbox-figure) {
        animation-name: lightbox-figure-next-new;
    }

    &:dir(rtl)::view-transition-old(lightbox-figure) {
        animation-name: lightbox-figure-prev-old;
    }

    &:dir(rtl)::view-transition-new(lightbox-figure) {
        animation-name: lightbox-figure-prev-new;
    }

}

@keyframes lightbox-figure-prev-old {
    from {
        translate: 0 0;
        opacity: 1;
    }
    to {
        translate: var(--large-gap) 0;
        opacity: 0;
    }
}

@keyframes lightbox-figure-prev-new {
    from {
        translate: calc(var(--large-gap) * -1) 0;
        opacity: 0;
    }
    to {
        translate: 0 0;
        opacity: 1;
    }
}

@keyframes lightbox-figure-next-old {
    from {
        translate: 0 0;
        opacity: 1;
    }
    to {
        translate: calc(var(--large-gap) * -1) 0;
        opacity: 0;
    }
}

@keyframes lightbox-figure-next-new {
    from {
        translate: var(--large-gap) 0;
        opacity: 0;
    }
    to {
        translate: 0 0;
        opacity: 1;
    }
}

/* –– Newsletter –– */

#newsletterLayer .close {
    border-color: white;
    margin: 0;
    position: absolute;
    top: 30px;
    right: 30px;
}

#newsletterLayer > div {
    width: 640px;
    background-color: white;
    padding: 30px;
    box-sizing: border-box;
    left: 50%;
    top: 45%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#newsletterLayer {
    cursor: default;
}

#newsletterLayer > div > h3 {
    color: #FF0046;
    margin-top: 0;
}

:is(#newsletterLayer, #newsletter-registration) .checkbox {
    height: auto;
    display: grid;
    grid-template-columns: 25px 1fr;
    gap: 15px;
    margin: 20px 0;
}

:is(#newsletterLayer, #newsletter-registration) p.checkboxLabel {
    position: static;
    transform: none;
}

:is(#newsletterLayer, #newsletter-registration) label.checkboxLabel::before {
    position: static;
}

:is(#newsletterLayer, #newsletter-registration) label.checkboxLabel {
    padding-left: 0;
}

:is(#newsletterLayer, #newsletter-registration) a {
    text-decoration: underline;
}

#newsletter-registration {
    margin-top: 25px;
}

#newsletter-registration [name="mail"] + div {
    display: none;
}

#newsletter-registration [name="mail"]:not(:placeholder-shown) + div {
    display: block;
}

/* –– Friedenslabor –– */

#headerImg {
    width: 100%;
}

#headerImg::after {
    content: "";
    display: block;
    padding-bottom: 40%;
}

#forumErinnernSubline {
    margin-bottom: 50px;
}

#forumErinnernEvents .eventDouble:last-of-type hr {
    display: none;
}

/* –– Audioguide –– */

#audioguides {
    padding-top: 40px;
}

.audioguide, .audioguide * {
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
}

.audioguide > div {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    position: relative;
    cursor: pointer;
}

.audioguide > div > div {
    flex-shrink: 0;
}

.audioguide > div > div:first-of-type {
    width: 120px;
    margin-right: 20px;
}

.audioguide > div > div:last-of-type {
    width: calc(100% - 140px);
}

.audioguide hr {
    margin: 25px 0;
}

.audioguide h3 {
    margin-top: 0;
    line-height: 1.1em;
}

.audioguide h4 {
    margin: 0;
    position: absolute;
    bottom: -10px;
    right: 0;
    font-size: 2.7rem;
}

.audioguide img {
    position: absolute;
    bottom: 0;
}

#audioPlayerOverlay {
    opacity: 0;
    pointer-events: none;
    background-color: white;
}

#audioPlayerOverlay.show {
    opacity: 1;
    pointer-events: all;
}

#audioPlayerOverlay > div, #audioPlayerOverlay > div > div {
    height: 100%;
}

#overlayAudioPlayer {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 20px 0;
}

#overlayAudioPlayer h3 {
    margin-bottom: 40px;
}

#audioPlayerOverlayClose {
    position: absolute;
    right: 25px;
    top: 20px;
}

#audioPlayerOverlayCloseBG {
    position: absolute;
    width: 100%;
    height: 100%;
}

#overlayAudioPlayer {
    width: calc(100% - 50px);
}

#audioguideVersionSelect {
    margin: 50px 0 35px;
}

#audioguideVersionSelect p:last-child {
    margin-left: 25px;
}

#audioguideVersionSelect p {
    cursor: pointer;
}

#audioguideVersionSelect p:not(.audioguideVersionSelected):hover {
    background-color: black;
}

.audioguideVersionSelected {
    background-color: #FF0046;
    position: relative;
}

.audioguideVersionSelected::after {
    content: '';
    display: block;
    position: absolute;
    width: 20px;
    height: 10px;
    background-color: #FF0046;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
}

/* –– Corona-Popup –– */

#coronaPopupNewsletterBtn {
    cursor: pointer;
}

#coronaPopup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 90;
    background-color: rgba(0,0,0,0.9);
    overflow-y: scroll;
    overflow-x: hidden;
}

#coronaPopupBox {
    width: calc(100% - 50px);
    background-color: white;
    position: absolute;
    left: 25px;
    top: 25px;
    box-sizing: border-box;
    padding: 35px;
}

#coronaPopup .close {
    position: absolute;
    right: 35px;
    top: 35px;
    cursor: pointer;
    margin: 0;
}

#coronaPopupFrame {
    margin-top: 50px;
}

#coronaPopupFrame iframe {
    box-sizing: border-box;
    width: 100%;
    border: solid 1px black;
}

#coronaPopupBox .htmlContent {
    width: calc(100% - 75px);
}

#coronaPopupBtnWrapper {
    width: 100%;
}

#coronaPopupBtn {
    cursor: pointer;
}

.viralMuseumPage .htmlContent {
    width: 90%;
    padding-top: 40px;
}

.viralMuseumPage .close {
    position: absolute;
    right: 15px;
    top: 25px;
}

.viralMuseumPage #constructionWorkTapeBadgeWrapper {
    display: none;
}

#toRegularWebsite {
    position: relative;
    top: -3px;
    margin-left: 20px;
}

/* Text-Popup / Text-Bild-Popup */

#textPopup, #textImgPopup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.75);
    scrollbar-width: none;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
    overscroll-behavior: contain;
    overflow: auto;
    padding: 50px 0;
}

#textPopupBackground, #textImgPopupBackground {
    position: absolute;
    width: 100%;
    height: 100%;
}

#textPopup, #textPopup *, #textImgPopup, #textImgPopup * {
    box-sizing: border-box;
}

#textPopup::-webkit-scrollbar, #textImgPopup::-webkit-scrollbar {
    display: none;
}

#textPopupBox {
    background-color: #FF0046;
    padding: 50px;
    width: 900px;
    margin: auto 0;
    position: relative;
}

#textPopupBoxHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
    display: none;
}

#textPopupBoxHeader * {
    margin: 0;
}

#textPopupBoxHeader img {
    cursor: pointer;
    filter:  invert(100%);
    padding: 10px;
}

#textPopupBox * {
    color: white;
}

#textPopup p {
    font-family: "Avenir-Black";
}

#textImgPopupBox {
    width: 900px;
    margin: auto 0;
    background-color: var(--bg-col);
    cursor: pointer;
    position: relative;
    z-index: 125;
    border: solid 2px white;
}

#textImgPopupBox a {
    display: grid;
    grid-template-columns: 1fr 2fr;
}

#textImgPopupBox * {
    color: var(--text-col);
    font-family: "Avenir-Black";
     cursor: pointer;
}

#textImgPopupBox .htmlContent {
    padding: 50px;
}

#textImgPopupImg {
    position: relative;
}

#textImgPopupImg img {
    position: absolute;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,1) 75%, rgba(0,0,0,0) 100%);
    mask-image: linear-gradient(90deg, rgba(0,0,0,1) 75%, rgba(0,0,0,0) 100%);
}

#textImgPopupClose {
    position: absolute;
    filter: invert(100%);
    right: -35px;
    top: -35px;
    cursor: pointer;
}

/* –– Digital-Quartier –– */

.digitalQuartierPage #constructionWorkTapeBadgeWrapper, .dontShowConstructionWorkTape #constructionWorkTapeBadgeWrapper {
    display: none;
}

#digitalQuartierHeader, #easyLanguageHeader, #signLanguageHeader, #atHomeHeader, #cityTracesHeader {
    background-color: #FF0046;
    padding: 40px 0 40px;
}

#digitalQuartierHeader .fullCol, #easyLanguageHeader .fullCol, #signLanguageHeader .fullCol, #atHomeHeader .fullCol, #cityTracesHeader .fullCol {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#digitalQuartierHeader h1, #easyLanguageHeader h1, #signLanguageHeader h1, #atHomeHeader h1, #cityTracesHeader h1 {
    color: white;
    margin: 0;
    display: inline-block;
}

#digitalQuartierHeader a img, #easyLanguageHeader a img, #signLanguageHeader a img, #atHomeHeader a img, #cityTracesHeader a img {
    width: 170px;
    height: auto;
}

#easyLanguageHeader h1 img, #signLanguageHeader h1 img {
    width: 65px;
    height: auto;
    margin-right: 20px;
    position: relative;
    top: 10px;
}

#digitalQuartierTitle p, #easyLanguageTitle p {
    color: white;
    margin: 0;
    display: inline-block;
}

#digitalQuartierNav {
    margin: 75px 0;
}

#digitalQuartierNav .fullCol {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.singleDigitalQuartier {
    margin: 75px 0;
}

.singleDigitalQuartier:first-child {
	margin-top: 0;
}

.singleDigitalQuartier hr {
    margin: 70px 0 0 0;
}

.singleDigitalQuartierIntro .gridCol-1-3 img, .singleDigitalQuartierContent div > img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.singleDigitalQuartierGroupImgNaturalSize img {
    position: relative !important;
    height: auto !important;
}

.singleDigitalQuartierIntro .htmlContent h3 {
    margin-top: 0;
}

.singleDigitalQuartierContents {
    padding: 75px 0 0;
    overflow: hidden;
}

.singleDigitalQuartierContents > div {
    grid-row-gap: 60px;
}

.hideDigitalQuartierContents {
    height: 0;
    padding: 0;
    opacity: 0;
    pointer-events: none;
}

.singleDigitalQuartierContent {
    cursor: pointer;
}

.singleDigitalQuartierContent > div {
    position: relative;
}

.singleDigitalQuartierContent > div::after {
    content: '';
    display: block;
    padding-bottom: 66%;
}

.singleDigitalQuartierContent h4 {
    margin-bottom: 5px;
}

.singleDigitalQuartierContent > div > div, .signLanguagePlayIcon {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #FF0046;
    left: 25px;
    bottom: 25px;
}

.singleDigitalQuartierContent p {
    margin-bottom: 0;
}

.singleDigitalQuartierIntroLabel {
    padding: 5px 10px;
    background-color: black;
    color: white;
    display: inline-block;
    cursor: pointer;
}

.singleDigitalQuartierIntroLabel:hover {
    background-color: #FF0046;
}

#digitalQuartierLightbox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.9);
    z-index: 95;
}

#digitalQuartierLightboxClose {
    position: absolute;
    top: 25px;
    right: 25px;
    filter: invert(100%);
    border: solid 2px black;
    border-radius: 50%;
    padding: 5px;
    cursor: pointer;
    z-index: 25;
}

#digitalQuartierLightboxPrev, #digitalQuartierLightboxNext {
    position: absolute;
    top: calc(50% - 15px);
    width: 30px;
    height: auto;
    cursor: pointer;
    padding: 5px;
    z-index: 10;
}

#digitalQuartierLightboxPrev {
    left: 25px;
}

#digitalQuartierLightboxNext {
    right: 25px;
    transform: scaleX(-1);
}

#digitalQuartierLightboxContent {
    position: absolute;
    width: calc(100% - 400px);
    height: calc(100% - 100px);
    top: 50px;
    left: 200px;
}

#digitalQuartierLightboxContent * {
    color: white;
}

.digitalQuartierLightboxVideoWrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    overflow-y: scroll;
    scrollbar-width: none;
    overscroll-behavior: contain;
}

.digitalQuartierLightboxVideoWrapper::-webkit-scrollbar {
    display: none;
}

.digitalQuartierLightboxVideoWrapper .youtubeVideoWrapper {
    width: 100%;
    margin: 0;
}

.digitalQuartierLightboxVideoWrapper h4 {
    margin: 35px 0 20px;
}

.singleDigitalQuartier:last-child hr {
    display: none;
}

.singleDigitalQuartier .jumpAnchor {
    position: relative;
    top: -150px;
    display: block;
}

.singleDigitalQuartierSubCategories {
    display: flex;
    padding: 0 0 75px 0;
}

.singleDigitalQuartierSubCategories > div {
    margin: 0 50px 0 0;
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.singleDigitalQuartierSubCategories p {
    margin: 0;
}

.singleDigitalQuartierSubCategories > div:first-child {
    cursor: default;
}

.singleDigitalQuartierSubCategories > p {
    color: #FF0046;
    margin: 0 50px 0 0;
}

.singleDigitalQuartierSubCategories > div > div {
    position: absolute;
    width: 100%;
    height: 150%;
    top: 0;
    opacity: 0;
}

.singleDigitalQuartierSubCategories > div.selected > div {
    opacity: 1;
}

.singleDigitalQuartierSubCategories hr {
    margin: 0;
    position: absolute;
    bottom: 0;
}

.singleDigitalQuartierSubCategories img {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 80%);
}

#digitalQuartierLightboxAudioPlayerImg {
    width: 100%;
    height: 70%;
    object-fit: cover;
    object-position: center;
}

#digitalQuartierLightboxAudioPlayer {
    width: 100%;
    border: solid 1px white;
    margin-top: 50px;
}

#digitalQuartierLightboxAudioPlayer audio {
    background-color: #bbb;
    display: block;
    border-radius: 0 !important;
}

.chrome #digitalQuartierLightboxAudioPlayer audio {
    background-color: #f2f3f4;
}

.digitalQuartierLightboxTextWrapper {
    background-color: white;
    padding: 50px;
    height: calc(100vh - 200px);
    overflow-y: scroll;
}

.digitalQuartierLightboxTextWrapper * {
    color: black !important;
}

.digitalQuartierLightboxTextWrapper > h2 {
    margin-top: 0;
}

.digitalQuartierLightboxTextWrapper .htmlContent {
    padding-bottom: 50px;
}

.digitalQuartierLightboxSlideshowWrapper {
    overflow-y: scroll;
    height: calc(100vh - 50px);
    scrollbar-width: none;
}

.digitalQuartierLightboxSlideshowWrapper::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.digitalQuartierLightboxSlideshow {
    background-color: white;
    padding: 50px 50px 35px;
    margin-bottom: 35px;
}

.digitalQuartierLightboxSlideshow > img {
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 60vh;
}

.digitalQuartierLightboxSlideshowNav {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 25px;
}

.digitalQuartierLightboxSlideshowNav > img {
    width: 30px;
    height: auto;
    flex-shrink: 0;
    filter: invert(1);
    cursor: pointer;
    padding: 10px;
    position: relative;
}

.digitalQuartierLightboxSlideshowNav > p {
    color: black !important;
    text-align: center;
    margin: 0 25px;
    width: 100%;
    position: relative;
    top: 10px;
}

.digitalQuartierLightboxSlideshowNav > img:first-child {
    left: -10px;
}

.digitalQuartierLightboxSlideshowNav > img:last-child {
    right: -10px;
    transform: scaleX(-1);
}

.digitalQuartierLightboxSlideshowWrapper .htmlContent {
    padding-bottom: 50px;
}

/* Photo Award */

.photoAwardHeader {
    background-color: #69a5c1 !important;
}

#photoAwardUpperPart {
    margin: 75px 0;
}

#photoAwardNav {
    display: flex;
    align-items: center;
    gap: 50px;
    margin: 50px 0;
}

#photoAwardNav h4 {
    margin: 0;
}

.photoAwardTopic {
    scroll-margin-top: 75px;
}

.photoAwardTopic + .htmlContent {
    margin-bottom: 50px;
}

.photoAwardArtists {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 50px;
    row-gap: 65px;
}

.photoAwardArtist {
    cursor: pointer;
}

.photoAwardPreviewImg {
    display: block;
    aspect-ratio: 1 / 1;
    width: 100%;
    margin-bottom: 20px;
    object-position: center;
    object-fit: cover;
}

.photoAwardSeriesTitle {
    font-family: "Avenir-Book";
    text-wrap: balance;
}

.photoAwardSeriesTitle + .htmlContent {
    margin-top: 15px;
}

.photoAwardArtist > :is(p, h3) {
    margin: 5px 0;
}

.photoAwardArtist > *:last-child {
    margin-bottom: 0;
}

.photoAwardMoreText {
    margin-top: 20px !important;
    font-family: "Avenir-Black";
}

.photoAwardMoreText:empty {
    display: block;
}

html[lang="de"] .photoAwardMoreText:not(.showMore)::after {
    content: 'Mehr anzeigen';
}

html[lang="en"] .photoAwardMoreText:not(.showMore)::after {
    content: 'Show more';
}

html[lang="de"] .photoAwardMoreText.showMore::after {
    content: 'Weniger anzeigen';
}

html[lang="en"] .photoAwardMoreText.showMore::after {
    content: 'Show less';
}

.photoAwardArtist:has(.photoAwardMoreText:not(.showMore)) .htmlContent p:first-child {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.photoAwardLogos {
    text-align: center;
    margin-top: 100px;
}

.photoAwardLogos img {
    width: 500px;
    max-width: 100%;
}

/* Video-Popup */

#videoPopup {
    z-index: 95;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#videoPopupWrapper {
    width: 70%;
    position: relative;
}

#videoPopupWrapper::after {
    content: '';
    display: block;
    padding-bottom: 56%;
}

#videoPopupBGCloser, #videoPopup video {
    position: absolute;
    width: 100%;
    height: 100%;
}

#videoPopupBGCloser img {
    position: absolute;
    right: 25px;
    top: 25px;
    border-radius: 50%;
    border: solid 2px white;
    padding: 10px;
    cursor: pointer;
}

#videoPopup video {
    object-fit: contain;
}

#videoPopup h3 {
    margin: 0 0 50px 0;
    color: white;
    display: block;
    width: 70%;
}

#videoPopup h3:empty {
    display: none;
}

#videoPopup iframe {
    width: 1200px;
    height: 675px;
    object-fit: contain;
    border: none;
}

#videoPopupIframeWrapper {
    z-index: 50;
}

/* Sprach-Seite */

#languagePageHeadline {
    margin: 0 0 75px;
}

#languagePageJumpAnchorHeadline {
    margin: 0 0 25px;
}

.languagePageJumpAnchor {
    cursor: pointer;
}

.languagePageTextSection {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    margin: 50px 0;
}

.languagePageTextSection > div {
    float: none;
}

.languagePageTextSection .twoThirdCol > div > *:first-child {
    margin-top: 0;
}

.languagePageTextSection .twoThirdCol > div > *:last-child {
    margin-bottom: 0;
}

.languagePageImgWrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.languagePageImg {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    object-position: center;
    object-fit: cover;
}

/* Leichte Sprache */

.easyLanguagePage * {
    text-transform: none !important;
}

#easyLanguageHeader, #signLanguageHeader {
    background-color: #69a5c1;
}

#easyLanguageContent {
    margin-top: 75px;
}

.easyLanguageHeadline {
    margin: 50px 0;
    position: relative;
}

.easyLanguageHeadline * {
    margin: 0 !important;
}

.easyLanguageHeadline h2 {
    width: calc(100% - 120px);
    position: relative;
    top: -10px;
}

.easyLanguageHeadline img {
    height: auto;
    width: 75px;
    right: 0;
    top: 0;
    position: absolute;
}

.easyLanguageHeadlineCounter {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: solid 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -8px;
    border-left: none;
    left: calc(-1 * var(--outer-dist) - 25px);
}

#easyLanguageContent .gridCols {
    grid-column-gap: 75px;
}

#easyLanguageContent .gridCol-2-3 {
    padding-right: 75px;
    border-right: solid 2px black;
}

#easyLanguageContent p, #easyLanguageContent ul, #easyLanguageContent ol, #easyLanguageContent strong {
    font-size: 1.5rem;
    line-height: 1.4em;
}

#easyLanguageContent .htmlContent > p, #easyLanguageContent .htmlContent > ul, #easyLanguageContent .htmlContent > ol {
    margin: 25px 0;
}

#easyLanguageContent .htmlContent > img {
    margin: 50px 0;
    display: block;
}

#easyLanguageContent .gridCol-2-3 hr {
    margin: 75px 0;
}

#easyLanguageSidebar h2 {
    margin-top: 0;
    position: relative;
    top: -10px;
}

#easyLanguageContent h3 {
	font-size: 2rem;
}

#easyLanguageContent .htmlContent > h3 {
    margin: 50px 0;
}

#easyLanguageContent .shortcodeColWrapper {
    margin: 35px 0;
}

#easyLanguageSidebarNav {
    position: relative;
    transition: opacity 0.3s ease;
}

.easyLanguageSidebarNavPrimary {
	display: flex;
	align-items: center;
	margin: 25px 0;
}

.easyLanguageSidebarNavPrimary * {
	margin: 0;
}

.easyLanguageSidebarNavPrimary p:first-child {
	border: solid 2px black;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	margin-right: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.easyLanguageSidebarNavSecundary {
	padding-left: 75px;
	position: relative;
}

.easyLanguageSidebarNavSecundary::before {
	content: '';
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: black;
	border-radius: 50%;
	left: 42px;
	top: 12px;
}

.easyLanguageSidebarNavPrimary, .easyLanguageSidebarNavSecundary {
	cursor: pointer;
}

#easyLanguageContent .htmlContent a[href] {
    color: blue !important;
}

/* Gebärdensprache */

#signLanguageHeader {
    margin-bottom: 100px;
}

.signLanguageVideo:not(:last-child) {
    margin-bottom: 50px;
}

.signLanguageVideo h3 {
    margin-top: 0;
}

.signLanguageVideoWrapper {
    position: relative;
    cursor: pointer;
}

.signLanguageVideo video {
    width: 100%;
    height: auto;
    display: block;
}

.signLanguagePlayIcon {
    width: 100px;
    height: 100px;
    bottom: 50px;
    left: 50px;
}

.signLanguageVideoPlaying .signLanguagePlayIcon {
    opacity: 0;
}

/* Uneindeutig zuhause */

#atHomeHeader {
    background-color: #095d67;
}

#atHomeTitle h1 {
    position: absolute;
    left: 10000px;
}

#atHomeHeader img {
    width: 550px;
    height: auto;
}

#cityTracesTitle h1 {
    color: black;
}

#cityTracesTitle h1 span {
    display: inline-block;
    background-color: white;
    padding: 0 10px;
    position: relative;
}

#cityTracesTitle h1 span:first-child {
    transform: translateX(-100px);
}

#cityTracesTitle h1 span:last-child {
    z-index: 1;
}

/* Stadtspuren Osnabrück */

#cityTracesHeader {
    background-color: black;
}

/* Partizipatives Modul */

html {
    --participatory-module-outer-padding: 120px;
}

.participatoryModule {
    scrollbar-width: none;
}

.participatoryModule::-webkit-scrollbar {
    display: none;
}

.participatoryModule #footer, .participatoryModule #constructionWorkTape, .participatoryModule #constructionWorkTapeBadgeWrapper, .participatoryModule #cookieOptionsTrigger {
    display: none !important;
}

#participatoryModuleBody {
    padding: 75px var(--participatory-module-outer-padding);
}

#participatoryModuleHeader {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#participatoryModuleHeadline {
    width: 75%;
    margin-bottom: 75px;
}

.participatoryModule h1 {
    margin: 0;
    text-transform: none;
    background-color: black;
    color: white;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding: 5px 15px;
    display: inline;
    line-height: 1.7em;
}

.participatoryModule p {
    font-family: "Avenir-Book";
}

#participatoryModuleLang {
    display: flex;
}

#participatoryModuleLang p {
    padding: 15px 20px;
    border: solid 2px black;
}

#participatoryModuleLang[data-lang="de"] a:first-child p, #participatoryModuleLang[data-lang="en"] a:last-child p {
    background-color: black;
    color: white;
}

#participatoryModuleContent {
    overflow-x: hidden;
    width: 100%;
    display: flex;
}

.participatoryModuleChart {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 50px;
    flex-basis: 100%;
    flex-shrink: 0;
    position: relative;
    left: var(--participatory-module-offset);
}

.participatoryModuleChartColumn {
    max-width: 100%;
}

.participatoryModuleLink {
    display: block;
    border: solid 2px black;
}

.participatoryModuleImgWrapper {
    position: relative;
}

.participatoryModuleImgWrapper::after {
    content: '';
    display: block;
    padding-bottom: 66%;
}

.participatoryModuleImg {
    width: 100%;
    height: 100%;
    position: absolute;
    object-position: center;
    object-fit: cover;
    border-bottom: solid 2px black;
}

.participatoryModuleVideoIcon {
    position: absolute;
    width: 50px;
    height: auto;
    bottom: 25px;
    left: 25px;
}

.participatoryModuleLinkContent {
    padding: 25px;
}

.participatoryModule h2 {
    text-transform: none;
    margin: 0 0 25px 0;
    font-size: 2rem;
}

.participatoryModuleLinkContent p {
    margin-bottom: 0;
}

#participatoryModuleNav {
    position: fixed;
    width: calc(100% - var(--participatory-module-outer-padding));
    height: 50px;
    top: calc(50% - 25px);
    left: calc(var(--participatory-module-outer-padding) / 2);
    pointer-events: none;
    display: flex;
    justify-content: space-between;
}

#participatoryModuleNav img {
    height: 100%;
    width: auto;
    cursor: pointer;
    pointer-events: all;
}

#participatoryModuleNav img:first-child {
    transform: translateX(-50%) scaleX(-1);
}

#participatoryModuleNav img:last-child {
    transform: translateX(50%);
}

#participatoryModuleNav img.invis {
    pointer-events: none;
}

/* Dürer-Datenbank */

.readMoreAfterFirstParagraphHidden {
    display: none;
}

.readMoreAfterFirstParagraphTrigger {
    cursor: pointer;
}

.readMoreAfterFirstParagraphTrigger svg {
    margin-left: 5px;
    transform: rotate(90deg);
}

#duererAbbrNoticeMobile {
    display: none;
}

.duererImg {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 50px;
    margin: 75px 0;
}

.duererImg > div {
    position: relative;
}

.duererImg > div:last-child {
    grid-column: auto / span 3;
}

.duererImgPreview {
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: top center;
    object-fit: cover;
}

.duererImgPreview + div {
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 25px rgba(0,0,0,0.25);
}

.duererImgPreview + div + img {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
}

.duererImg h3 {
    margin: 0 0 20px 0;
}

.duererImgInfos {
    display: grid;
    grid-template-columns: 100px 125px 100px 1fr;
    grid-gap: 25px;
}

.duererImgInfos > p {
    margin: 0;
}

.duererImg .arrowInCircle {
    position: absolute;
    margin: 0;
    right: 0;
    bottom: 0;
}

.duererImg hr {
    margin: 20px 0 0 0;
    width: calc(100% - 20px);
}

#duererFilter h3 {
    margin-top: 0;
}

#duererFilter input[type=button] {
    display: none;
}

#duerer-imgs-loading {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px;
    background-color: #eee;
    margin: 75px 0;
}

#duerer-imgs-loading img {
    animation: rotating 1s linear infinite;
    width: 50px;
    height: auto;
}

@keyframes rotating {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

#duerer-abbreviations {
    margin-top: 25px;
}

.duerer-abbr {
    display: grid;
    grid-template-columns: 50px 1fr;
    grid-gap: 20px;
}

.duerer-abbr p:first-child {
    display: flex;
    width: 44px;
    height: 44px;
    background-color: black;
    border-radius: 50%;
    color: white;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.single-duerer-page #fixedNav {
    position: static;
    top: 0;
    box-shadow: none;
}

.single-duerer-page h1 {
    margin-top: 0;
}

#duerer-page-img {
    position: relative;
    cursor: pointer;
}

#duerer-page-img img:first-child {
    width: 100%;
}

#duerer-page-img img:last-child {
    position: absolute;
    width: 50px;
    height: auto;
    transform: translate(-45%, 100%);
    top: 0;
    left: 0;
}

#duerer-page-back {
    cursor: pointer;
    margin-top: 35px;
}

#duerer-page-back .smallArrow {
    margin-right: 10px;
}

#duerer-page-back svg {
    transform: scaleX(-1);
}

#duerer-page-text {
    padding-left: 50px;
    padding-bottom: 25px;
}

.duerer-page-label {
    margin-bottom: -10px;
}

.duerer-page-value {
    margin-bottom: 20px;
}

#duerer-page-pre-headline-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#duerer-page-pre-headline-wrapper img {
    cursor: pointer;
}

#duererBackToTopMobile, #duererFilterTriggerMobile {
    display: none;
}

.downloadDuererImg {
    cursor: pointer;
}

/* Lupen-Lightbox */

#magnifier-lightbox {
    --magnifier-lightbox-inset: 100px;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
    padding: var(--magnifier-lightbox-inset);
    display: flex;
    flex-direction: column;
    transition: opacity 0.5s ease;
    top: 0;
    z-index: 90;
}

.magnifier-lightbox-hide {
    opacity: 0;
    pointer-events: none;
}

#magnifier-lightbox, #magnifier-lightbox * {
    box-sizing: border-box;
    color: white;
    -ms-touch-action: none;
    touch-action: none;
}

#magnifier-lightbox-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 100px;
    margin-bottom: calc(var(--magnifier-lightbox-inset) * 0.75);
}

#magnifier-lightbox-head h1 {
    margin: 0;
}

#magnifier-lightbox .arrowInCircle {
    border-color: white;
    margin-top: 0;
    cursor: pointer;
    flex-shrink: 0;
}

#magnifier-lightbox-body {
    flex-grow: 1;
    display: grid;
    grid-template-columns: 5fr 1fr;
    gap: var(--magnifier-lightbox-inset);
}

#magnifier-lightbox-large-img, #magnifier-lightbox-small-img-img {
    border: solid 1px white;
}

#magnifier-lightbox-large-img {
    position: relative;
    overflow: hidden;
}

#magnifier-lightbox-large-img-img {
    width: calc(var(--magnifier-lightbox-large-img-width) * var(--magnifier-lightbox-zoom) * 1px);
    position: absolute;
    height: auto;
}

.magnifier-lightbox-show-full #magnifier-lightbox-large-img-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: none !important;
    background-color: black;
}

#magnifier-lightbox-small-img {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}

#magnifier-lightbox-small-img > div {
    grid-area: 1 / 2 / 1 / 2;
    position: relative;
}

#magnifier-lightbox-small-img-img {
    width: 100%;
    height: auto;
    display: block;
}

#magnifier-lightbox-detail-ref {
    position: absolute;
    width: 0;
    height: 0;
}

.magnifier-lightbox-show-full #magnifier-lightbox-detail-ref {
    display: none;
}

#magnifier-lightbox-detail {
    position: absolute;
    width: calc(var(--magnifier-lightbox-small-img-width) / var(--magnifier-lightbox-zoom) * 1px);
    border: solid 2px #FF0046;
    aspect-ratio: var(--magnifier-lightbox-large-img-width) / var(--magnifier-lightbox-large-img-height);
    translate: -50% -50%;
    cursor: move;
}

#magnifier-lightbox-detail img {
    position: absolute;
    width: 35px;
    height: auto;
    display: block;
    background-color: #FF0046;
    bottom: 0;
    left: 0;
}

#magnifier-lightbox-zoom-control-headline {
    margin-top: 25px;
}

#magnifier-lightbox-zoom-control {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.magnifier-lightbox-show-full :is(#magnifier-lightbox-zoom-control, #magnifier-lightbox-zoom-control-headline) {
    opacity: 0.25;
    pointer-events: none;
}

#magnifier-lightbox-zoom-amount {
    margin: 0;
    font-size: 35px;
    font-family: "Avenir-Book";
    transform: translateY(5%);
}

#magnifier-lightbox-show-all-button {
    appearance: none;
    width: 100%;
    background-color: transparent;
    border: solid 1px white;
    padding: 0.75em 0.5em;
    cursor: pointer;
    margin: 35px 0 0;
    font-family: "Avenir-Black";
    font-size: 1rem;
    font-weight: normal;
}

.magnifier-lightbox-prevent-body-scroll {
    height: 100vh;
    overflow: hidden;
}

/* Bild-Text-Kombinationen */

.img-text-combinations {
    display: flex;
    flex-direction: column;
    gap: 50px;
    margin: 50px 0;
}

.img-text-combination {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}

.img-text-combinations-2-3 .img-text-combination {
    grid-template-columns: 1fr 2fr;
}

.img-text-combinations-2-3 .img-text-combination:nth-child(even) {
    grid-template-columns: 2fr 1fr;
}

.img-text-combination:not(:last-child)::after {
    content: '';
    display: block;
    border-bottom: solid 2px black;
    grid-column: span 2;
}

.img-text-combination:nth-child(odd) > div:first-child {
    order: 2;
}

.img-text-combination:nth-child(odd) > div:last-child {
    order: 1;
}

.img-text-combination:nth-child(odd)::after {
    order: 3;
}

.img-text-combination-imgs {
    display: flex;
    gap: 25px;
}

.img-text-combination-img {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2;
    cursor: pointer;
    object-position: center;
    object-fit: cover;
}

.img-text-combination-img.natural {
    aspect-ratio: auto;
}

.img-text-combination-img.dont-fit {
    object-fit: contain;
}

/* –––– Media-Queries –––– */

/* constructionWorkTape */
@media screen and (max-width: 1550px) {

.audioGuideBody #constructionWorkTapeBadgeWrapper, .hideConstructionTapeOnTablet #constructionWorkTapeBadgeWrapper, .singlePlaceBody #constructionWorkTapeBadgeWrapper {
    display: none;
}

}

/* Notebook */
@media screen and (max-width: 1400px) {

#videoPopupIframeWrapper {
    transform-origin: center;
    transform: scale(0.9);
}

#easyLanguageHeader h1 img, #signLanguageHeader h1 img {
    width: 55px;
}

html {
    --participatory-module-outer-padding: 100px;
     --lightbox-inset: 160px;
}

.participatoryModuleChart {
    grid-gap: 25px;
}

.participatoryModuleVideoIcon {
    bottom: 20px;
    left: 20px;
}

#magnifier-lightbox {
    --magnifier-lightbox-inset: 50px;
}

#magnifier-lightbox-detail img {
    width: 30px;
}

}

/* Tablet */
@media screen and (max-width: 1300px) {

html {
    --max-width: 96%;
}

#cookieMsg button, #cookieMsgSpace button {
    font-size: 0.9rem;
}

#videoPopupIframeWrapper {
     transform: scale(0.7);
}

#videoPopupWrapper, #videoPopup h3 {
    width: 85%;
}

.peaceLabLinkTablet {
    display: inline-block;
}

.sub-menu-inner h4, .sub-menu-inner p:first-of-type {
    display: none;
}

.peaceLabLink {
    display: none;
}

.jumpAnchor {
    top: -100px;
}

#mainSiteMainNav .sub-menu {
    left: var(--sub-menu-left);
}

.sub-menu-inner p {
    margin-right: 18px;
}

#fixedNav .fullCol {
    padding: 0 20px;
}

#logo {
    width: 220px;
}

#edge {
    width: 1300px;
    margin-left: 350px;
}

.mW {
    width: 96%;
    left: 2%;
    margin-left: 0;
    max-width: none;
}

.bgCloser {
    width: 2%;
    width: calc(2% + 20px);
}

#sliderBox {
	margin-right: 20px;
	right: 2%;
    padding: 30px;
}

.fullCol, .halfCol, .thirdCol, .twoThirdCol {
    padding: 0 20px;
}

.twoCols, .threeCols {
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    -ms-column-gap: 40px;
    -o-column-gap: 40px;
    column-gap: 40px;
}

.subHalfCol, .extraPaddingRight, #eventSearchForm .subHalfCol, #exhibitionSearchForm .subHalfCol {
	padding-right: 20px;
}

.subHalfCol + .subHalfCol, .extraPaddingLeft, #eventSearchForm .subHalfCol + .subHalfCol, #exhibitionSearchForm .subHalfCol + .subHalfCol {
	padding-left: 20px;
}

p, textarea, ul, ol, button, .lightbox-caption {
	font-size: 1.05rem;
}

h1, h2 {
	font-size: 2.8rem;
}

h3, #fatLineAboveNews + h2 {
	font-size: 1.5rem;
}

h4, input, select, textarea {
	font-size: 1rem;
}

.day {
	width: 13%;
	margin: 0 1.5% 1.5% 0;
}

.event hr {
	margin: 35px 0 50px;
}

hr.fatLine {
	margin: 60px 0;
}

p strong, p b, ul strong, ol strong, ul b, ol b, ol li::before {
	font-size: 0.9rem;
}

.exhibition .arrowInCircle {
	display: none;
}

.exhibition p {
	margin-bottom: 0;
}

.exhibition hr {
	margin: 40px 0 50px;
}

.distributedHorizontalNav hr {
	margin-bottom: 25px;
}

#areaIntroText {
	margin-bottom: 60px;
}

#areamapLegend, #areamapInnerCity {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
}

#fatLineAboveNews + h2 {
	margin: 35px 0;
}

#prices table br {
	display: none;
}

#prices td:first-of-type {
	width: 70% !important;
}

.smallGap {
	line-height: 0rem;
}

.htmlContent hr {
	margin: 35px 0 25px;
}

.htmlContent h2 {
	margin: 20px 0;
}

.itemcount-2 > * {width: calc(50% - 50px);}
.itemcount-3 > * {width: calc(33% - 50px);}
.itemcount-4 > * {width: calc(25% - 25px);}
.itemcount-5 > * {width: calc(20% - 25px);}
.itemcount-6 > * {width: calc(15% - 15px);}

.question .fatLine {
	margin: 40px 0;
}

#layerContent {
	width: calc(100% - 20px);
}

.imgPlaceholder h2 {
	font-size: 2.5rem;
}

.imgPlaceholder h2 span {
	font-size: 2rem;
}

.leftColImg p {
    font-size: 0.8rem;
}

#galLayerCaption {
    bottom: 30px;
}

#forumErinnernSubline {
    margin-bottom: 40px;
}

.mainNav h4 {
    margin-right: 18px;
}

#twentyPlacesPartFirstDivider {
    display: none;
}

#twentyPlaces {
    padding-top: 60px;
}

.mediaControlsRangeTimeWrapper {
    width: 35%;
}

#footerLinks h4 {
    width: 120px;
    display: inline-block;
    margin: 0;
    position: relative;
    top: 10px;
}

#blutsbruederIFrame {
    margin: 20px 0 30px;
}

.felixSchoeller {
    width: calc(200% + 40px);
    left: calc(-100% - 40px);
}

.nom3grid {
    grid-gap: 40px;
}

.singlePageContent .htmlContent .wp-caption-text {
    font-size: 1.05rem;
}

#digitalQuartierHeader, #easyLanguageHeader, #signLanguageHeader, #atHomeHeader, #cityTracesHeader {
    padding: 25px 0 25px;
}

#digitalQuartierHeader a img, #easyLanguageHeader a img, #signLanguageHeader a img, #atHomeHeader a img, #cityTracesHeader a img {
	width: 150px;
}

#digitalQuartierNav {
	margin: 40px 0;
}

#digitalQuartierNav h4 {
	font-size: 0.9rem;
}

.singleDigitalQuartierIntro .gridCol-1-3 img {
	max-height: 250px;
}

.singleDigitalQuartierIntro .gridCol-1-3 .singleDigitalQuartierGroupImgNaturalSize img {
    max-height: none;
}

.singleDigitalQuartierContent > div > div, .signLanguagePlayIcon {
	width: 40px;
	height: 40px;
	left: 15px;
	bottom: 15px;
}

.signLanguagePlayIcon {
    width: 75px;
    height: 75px;
    left: 35px;
    bottom: 35px;
}

.singleDigitalQuartierContents > div {
	grid-row-gap: 50px;
}

.singleDigitalQuartierContent p {
	margin-top: 5px;
}

.singleDigitalQuartier {
	margin: 65px 0;
}

.singleDigitalQuartier hr {
	margin: 60px 0 0 0;
}

#digitalQuartierLightboxClose {
	top: 20px;
	right: 20px;
	width: 20px;
	height: auto;
}

#digitalQuartierLightboxPrev {
	left: 15px;
}

#digitalQuartierLightboxNext {
	right: 15px;
}

#digitalQuartierLightboxContent {
	width: calc(100% - 150px);
	left: 75px;
}

.digitalQuartierLightboxVideoWrapper h4 {
	margin: 30px 0 15px;
}

.singleDigitalQuartierSubCategories > p, .singleDigitalQuartierSubCategories > div {
    margin: 0 35px 0 0;
}

.singleDigitalQuartierSubCategories {
    margin: -25px 0 -20px;
}

/*

#cookieMsg > p, #cookieMsgSpace > p {
    width: 50%;
}

*/

.languagePageImg {
    height: 75%;
}

.easyLanguageHeadlineCounter {
    display: none;
}

#easyLanguageContent p, #easyLanguageContent ul, #easyLanguageContent ol, #easyLanguageContent strong {
    font-size: 1.2rem;
}

#easyLanguageContent .gridCol-2-3 {
    padding-right: 50px;
}

#easyLanguageContent .gridCols {
    grid-column-gap: 50px;
}

.twoColsGrid, .imgWithCreditAndCaption {
    margin: 40px 0;
}

#easyLanguageContent .gridCol-2-3 hr {
    margin: 60px 0;
}

.mainNav h4 {
    font-size: 0.9rem !important;
}

.mainNav .socialMediaIcon {
    width: 30px;
    height: 30px;
}

#easyLanguageHeader h1 img, #signLanguageHeader h1 img {
    width: 55px;
}

#signLanguageHeader {
    margin-bottom: 75px;
}

.signLanguagePlayIcon {
    display: none;
}

#atHomeHeader img, #cityTracesHeader img {
    width: 450px;
}

.digitalQuartierLightboxSlideshow > img {
    height: 55vh;
}

.participatoryModule h1 {
    font-size: 2.2rem;
}

.participatoryModule h2 {
    font-size: 1.4rem;
}

.participatoryModule p {
    font-size: 0.9rem;
}

.participatoryModuleLinkContent {
    padding: 15px;
}

#participatoryModuleBody {
    padding-top: 50px;
}

#participatoryModuleHeadline {
    margin-bottom: 60px;
}

#participatoryModuleLang p {
    padding: 10px 15px;
}

.duerer-page-value {
    margin-bottom: 15px;
}

.duerer-page-label {
    margin-bottom: -15px;
}

#duerer-page-back {
    margin-top: 20px;
}

#magnifier-lightbox-zoom-amount {
    font-size: 20px;
}

#magnifier-lightbox-detail img {
    width: 25px;
}

#textImgPopupBox {
    width: 800px;
}

#jobs {
    margin-top: 35px;
    gap: 35px;
}

#all-news {
    grid-template-columns: 1fr 1fr;
    gap: 35px;
}

#all-news .news {
    padding-bottom: 35px;
}

.singleColLayout #events {
    padding-top: 25px;
}

.singleColLayout, .singleColLayout .mW {
    max-width: 750px;
    margin-left: -375px;
    left: 50%;
}

}

/* Kleines Tablet */
@media screen and (max-width: 1100px) {

#new-main-nav .new-nav-item:has(> p > [href="#kontakt"]) {
    display: none;
}

html {
     --lightbox-inset: 140px;
}

}

/* geringe Bildschirmhöhe */
@media screen and (min-aspect-ratio: 10/7) {

#digitalQuartierLightboxContent {
	width: calc(100% - 300px);
	left: 150px;
}

}

/* Sehr kleines Tablet */
@media screen and (max-width: 1000px) {

#new-meta-nav > :is([href="/leichte-sprache/"], [href="/gebaerdensprache/"]) {
    display: none;
}

}

/* Smartphone */
@media screen and (max-width: 900px) {

html {
    --max-width: 90%;
    --lightbox-inset: 100px;
}

#mobileNav .meta-nav-icon {
    width: 20px;
    position: relative;
    top: 5px;
}

.smartphoneNone {
    display: none !important;
}

#cityTracesTitle h1 span:first-child {
    transform: none;
}

.participatoryModule {
    display: none;
}

#videoPopupIframeWrapper {
    transform: scale(0.27);
}

#videoPopupIframeWrapper h3 {
    font-size: 4rem;
}

.jumpAnchor {
    top: -75px;
}

#videoPopupWrapper {
    width: 100%;
}

.mW {
    width: 90%;
    left: 5%;
}

.singleColLayout, .singleColLayout .mW {
    max-width: none;
    margin-left: 0;
    width: 90%;
    left: 5%;
}

.bgCloser {
    width: 5%;
}

.fullCol, .halfCol, .thirdCol, .twoThirdCol, .subHalfCol, .subHalfCol + .subHalfCol, form .subHalfCol, form .subHalfCol + .subHalfCol, .extraPaddingRight, .extraPaddingLeft, #eventSearchForm .subHalfCol, #exhibitionSearchForm .subHalfCol, #eventSearchForm .subHalfCol + .subHalfCol, #exhibitionSearchForm .subHalfCol + .subHalfCol, .exhibition:nth-of-type(even) .subHalfCol:first-of-type {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    float: none;
}

.twoCols, .threeCols {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -ms-column-count: 1;
    -o-column-count: 1;
    column-count: 1;
}

a[href^="tel:"] {
    pointer-events: auto;
}

.mainNav, #sliderLinkBox {
	display: none;
}

#slider {
	height: 40vh;
}

#logo {
	width: 80px;
	margin: 15px 0 0 -5px;
}

#osnabrueckLogo {
	width: 100px;
}

#edge {
	width: 650px;
	margin-left: 145px;
	margin-top: -45px;
}

#slider .bgImg {
	background-position: right center;
}

p, textarea, ul, ol, button, .lightbox-caption {
	font-size: 1rem;
}

h1, h2, #fatLineAboveNews + h2 {
	font-size: 1.7rem;
	margin: 40px 0;
}

h3 {
	font-size: 1.2rem;
}

h4, input, select, textarea {
	font-size: 0.8rem;
}

h3 {
	margin: 15px 0;
}

.htmlContent h2 {
	margin: 10px 0;
}

.htmlContent h3, .htmlContent h4 {
	margin: 10px 0 5px;
}

#question {
	margin-top: 20px;
}

input, select, textarea {
	padding-left: 10px;
	height: 40px;
}

textarea {
	height: 150px;
}

hr {
	margin: 35px 0;
}

.news hr {
	margin: 25px 0;
}

.dropdownArrow {
	height: 36px;
}

#events {
	padding-top: 25px;
}

.event hr {
    margin: 25px 0 40px;
    display: block;
}

#mobileSliderText {
    display: block;
}

#mobileSliderTextContent h4 {
    margin: 15px 0 30px 0;
}

.eventDouble:last-of-type hr {
    display: block;
}

.eventDouble:last-of-type .event:last-of-type hr, .scrollableArea::before, .scrollableArea::after, .distributedHorizontalNav, #areamapLegend {
    display: none;
}

.onlySmartphone {
    display: block;
}

#exhibitionSearchForm {
    padding-bottom: 25px;
}

.exhibition .subHalfCol:last-of-type {
    margin-top: 20px;
}

.exhibition hr {
    margin: 30px 0 40px;
}

hr.fatLine, #fatLineAboveNews, .arrowLine hr {
    margin: 35px 0;
}

.heightDefinedByRestSpaceWrapper {
    display: block;
    position: static;
    height: auto;
}

#headlineLongExhibitions {
    margin-top: 30px;
}

#guidesPartHeadline {
    margin-bottom: 25px;
}

#guideDetails h2 {
    margin: 15px 0 20px;
}

.arrowInCircle {
    width: 25px;
    height: 25px;
}

.arrowInCircle svg, .arrowInCircle img {
    width: 15px;
}

#guideDetailsCalenderLink .arrowInCircle {
    float: right;
    position: relative;
    top: 15px;
}

#guideDetailsCalenderLink {
    margin: 30px 0 20px;
}

.initial, .htmlContent .initial, .htmlContent .initial:first-child {
    font-size: 4.4rem;
    margin-right: 5px !important;
}

#areaIntroText {
    margin-bottom: 0;
}

#areamapInnerCity {
    right: 0;
    bottom: 20px;
}

#areamapInnerCity {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

#houseNav .button {
    float: none;
    margin: 5px 0;
}

#houseNav .cW:nth-of-type(2) .button, #houseNav .cW:nth-of-type(4) .button {
    left: 0;
}

#areamap, #houseNav, #houseDetails h3:first-child {
    margin-bottom: 20px;
}

#houseNav h3 {
    font-size: 0.9rem;
}

.selected > .buttonArrow {
    width: 15px;
}

#houseDetails .wideImg {
    margin-bottom: -15px;
}

#lineAboveTeamBtn {
    margin: 20px 0;
}

#msg p {
    max-width: 90%;
    width: 90%;
    margin: -20px 0 0 0;
}

#contactPart h2 {
    margin: 25px 0 15px;
}

#map, #singlePostContent .fatLine {
    margin: 35px 0;
}

#prices table {
    margin: 25px 0;
}

#map::after {
	padding-bottom: 80%;
}

table td {
	font-size: 0.8rem;
}

#prices tr {
	height: 55px;
}

#prices table + .shortcodeColWrapper .subHalfCol:last-of-type p {
	margin-bottom: 0;
}

.smallGap {
	line-height: 0.7em;
}

.itemcount-2 > * {width: calc(50% - 15px);}
.itemcount-3 > * {width: calc(33% - 15px);}
.itemcount-4 > * {width: calc(25% - 5px);}
.itemcount-5 > * {width: calc(20% - 5px);}
.itemcount-6 > * {width: calc(15% - 5px);}

#footerLinks p {
	display: block;
	margin: 5px 0;
}

#footerLinks p:last-of-type {
    margin-bottom: 20px;
}

.socialMediaIcon {
	margin: 0 10px 0 0;
}

.socialShare h4 {
	float: none;
	top: 0;
	margin-bottom: 10px;
}

.question .fatLine {
	margin: 30px 0;
}

.question h3 + hr, .answer hr {
	margin: 20px 0;
}

.mobileNavTrig {
	cursor: pointer;
}

.mobileNavTrig h4 {
	display: inline-block;
}

.burgerBar {
	width: 20px;
	height: auto;
	float: right;
	margin-top: 20px;
}

#mainSiteMainNav, #galLayerCaption {
	display: none;
}

#fixedNav > div, #fixedNav > div > div, #fixedNav .mobileNavTrig {
	height: 100%;
}

#fixedNav .mobileNavTrig h4 {
	position: absolute;
	margin: 0;
	bottom: 15px;
}

#fixedNav .burgerBar {
	position: absolute;
	bottom: 13px;
	right: 0;
	float: none;
}

body:not(.mainPage) .mobileNavTrig {
	border-bottom: solid 2px black;
	margin-bottom: 30px;
}

body:not(.mainPage) .mobileNavTrig h4, .smallSlider {
	margin-bottom: 20px;
}

body:not(.mainPage) #fixedNav .mobileNavTrig {
	border-bottom: none;
}

#singlePostContent .fullCol > h2 {
	text-transform: none;
	margin-bottom: 30px;
	font-size: 1.4rem;
}

#singlePostContent .close {
	margin-top: 0;
}

#singlePostContent .tags {
	margin-bottom: 0;
}

.htmlContent img {
	margin: 5px 0;
}

.smallSliderCaption {
	top: 10px;
	width: 74%;
	left: 13%;
	font-size: 0.8rem;
}

.smallSliderCaptionOnlyOne {
	left: 0;
	width: 100%;
	position: relative;
	margin-top: 0;
}

.foldoutHead hr {
	margin-bottom: 5px;
}

.foldout + .foldout {
	margin-top: -10px;
}

.foldoutHead h4 {
	top: 20px;
}

#singlePostContentPaddingTop {
	height: 20px;
}

#singlePostContent .tags + h4 {
	margin-top: 10px;
}

.event h4 {
	margin: 20px 0 10px;
}

.event h3 {
	margin-top: 10px;
}

.singlePostContentMetaData {
	margin-bottom: 15px;
}

.singlePostContentMetaData br, #layerWhiteStripeRight, .foldoutHead .arrowInCircle {
	display: none;
}

.singlePostContentMetaData span:not(:empty)::before {
	content: ' | ';
}

#singlePostContent .socialShare h4:last-of-type {
	margin: 0 0 10px 0;
}

#singlePostContent .socialShare > div, #singlePostContent.singlePostContentNews .socialShare {
	float: none;
}

#questions .halfCol:nth-of-type(2) .question:last-of-type .fatLine, #press .halfCol:nth-of-type(1) .press:last-of-type hr {
	display: block;
}

.imgPlaceholder h2 {
	font-size: 1.7rem;
}

.imgPlaceholder h2 span {
	font-size: 1.4rem;
}

#mobileNav hr {
	position: relative;
	width: 50%;
	left: 25%;
	margin: 25px 0 20px;
}

#mobileNav h3, #mobileNav h4 {
	width: 100%;
	text-align: center;
}

#mobileNav > div:first-child {
	padding-top: 30px;
}

#exhibitionsCol {
    min-height: 0;
}

.leftColImgWrapper {
    position: relative;
    width: 100%;
    left: 0;
    height: auto;
    margin: 20px 0;
}

.leftColImg {
    position: relative;
    top: 0;
    width: 100%;
    left: 0;
    margin-left: 0;
}

.leftColImg div {
    max-height: none;
    overflow: visible;
}

.leftColImgWrapperFixedBottom .leftColImg {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    top: 0;
}

.foldoutHead h4 {
    width: 100%;
}

#guideTextLeft {
    margin: 40px 0 30px 0;
}

#guideDetails .htmlContent .smallGap, #guideDetails .htmlContent .verySmallGap {
    display: none;
}

#guideDetails .htmlContent h3, .singlePageContent .htmlContent h3 {
    margin: 30px 0 20px;
}

#guideDetails .htmlContent h4, .singlePageContent .htmlContent h4 {
    margin: 25px 0 10px;
}

.htmlContent > *:first-child {
    margin-top: 0 !important;
}

.htmlContent > *:last-child {
    margin-bottom: 0 !important;
}

.extraPaddingBottom {
    padding-bottom: 0;
}

.eventDouble > hr {
    display: none;
}

#layer .scrollableArea > div, #layerContent {
    width: 100%;
}

#newsletterLayer > div {
    width: 90%;
    padding: 20px;
    top: 50%;
}

#newsletterLayer [name="email"] {
    margin-bottom: 0 !important;
}

#newsletterLayer button {
    margin-top: 0 !important;
}

#newsletterLayer .close {
    top: 20px;
    right: 5%;
}

#newsletterLayer .cr_ipe_item label {
    font-size: 1rem;
}

#newsletterLayer #recaptcha_v2_widget > div, #newsletterLayer #recaptcha_v2_widget > div iframe {
    width: 100% !important;
}

/*

#cookieMsg > p, #cookieMsgSpace > p {
    padding: 10px 15px 15px;
    font-size: 0.7rem;
}

#cookieMsg p strong, #cookieMsgSpace p strong {
    font-size: 0.7rem;
}

#cookieMsg span, #cookieMsgSpace span {
    display: inline-block;
}

#cookieMsg a:first-of-type, #cookieMsgSpace a:first-of-type {
    padding-left: 0;
}

*/

#forumErinnernSubline {
    margin: 25px 0 30px 0;
}

#forumErinnernEvents .eventDouble:last-of-type hr {
    display: block;
}

#forumErinnernEvents .eventDouble:last-of-type .event:last-of-type hr {
    display: none;
}

#footer #newsletterLink {
    position: relative;
    top: 5px;
}

.captchaImg {
    height: 40px;
}

#feedback_submit_subHalfCol {
    padding-right: 0;
}

#mobileSliderTextContent h4 br, #singlePlaceContentDivider {
    display: none;
}

#entryTextRight {
    padding-top: 25px;
}

#twentyPlacesPart .thirdCol > img {
    margin: 30px 0 -20px 0;
}

.place > h4 {
    margin-bottom: 25px;
}

.place > div > div {
    padding: 30px;
}

#twentyPlacesSupporter > div > div {
    flex-direction: column;
}

#twentyPlacesSupporter img {
    max-width: 80%;
    margin: 15px 0;
}

#footerLinks h4 {
    width: auto;
    display: inline;
    margin: 25px 0;
    position: static;
    top: 0;
}

#singlePlaceContentWithoutTitle {
    padding-top: 0;
}

#singlePlaceContent .halfCol:first-of-type h4, #singlePlaceContent .halfCol:first-of-type p {
    width: 100%;
}

#singlePlaceContent .halfCol:first-of-type h4 {
    margin: 15px 0;
}

#singlePlaceContent .audioPlayer {
    margin: 40px 0;
}

.mediaControlsRangeVolumeWrapper {
    width: 35%;
}

.mediaControls h4 {
    top: 4px;
}

.mediaControls img {
    margin-right: 15px;
}

.mediaControlsVolumeIcon {
    left: 0;
}

.mediaControlsVolumeIcon {
    margin-right: 0 !important;
    left: 15px !important;
}

.mediaControlsPlayPause {
    left: -3px;
}

.mediaControlsRangeTimeWrapper {
    width: 100%;
    margin-right: 0;
    margin-top: 15px;
}

#singlePlaceAdress {
    margin-top: -10px;
}

#singlePlaceContentReduced .mW {
    width: 80%;
    left: 10%;
}

#singlePlaceContentReduced .audioPlayer {
    margin-bottom: 20px;
}

#singlePlaceContentReduced .mediaControlsVolumeIcon {
    left: 0 !important;
}

#singlePlaceContentReduced > div:first-of-type {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
}

#singlePlaceContentReduced > div.higherThanAvailArea {
    background-position: center;
    background-size: cover;
}

#singlePlaceContentReduced > div.extraHighImg {
    background-position: center bottom;
    background-size: contain;
}

#audioPlayer20PlacesOverview {
    margin-top: 30px;
}

#archiveBtnExhibitions, #archiveBtnExhibitions2 {
    font-size: 0.9rem;
}

#archiveBtnExhibitions2 {
    margin: 10px 0 0 0;
}

.exhibitionsArchive .subHalfCol, .exhibitionsArchive .subHalfCol + .subHalfCol {
    width: 100%;
}

#exhibitionArchivePart h2 {
    margin: 30px 0 10px 0;
}

#team {
    padding-top: 15px;
}

.teamRow:last-of-type .teamMember hr {
    display: block;
}

.teamRow:last-of-type .teamMember:last-of-type hr {
    display: none;
}

.socialShare {
    float: none;
    margin-top: 30px;
}

.socialShare > div {
    float: right;
}

.socialShare h4 {
    float: left;
}

#audioPlayerOverlayClose {
    right: 0;
}

#overlayAudioPlayer {
    width: 100%;
}

.audioguide:last-of-type hr {
    display: none;
}

.audioguide a {
    position: relative;
    top: -80px;
}

#blutsbruederIFrame {
    margin: 20px 0 20px;
}

#blutsbruederIFrame + a p {
    margin-bottom: 30px;
}

.felixSchoeller {
    width: 100%;
    left: 0;
}

.felixSchoeller > hr {
    margin: 35px 0 !important;
}

.felixSchoeller h2 {
    text-transform: none;
    font-size: 1.4rem;
}

.singlePageContent .htmlContent .wincat-nomhead {
    margin: 25px 0 15px;
}

.nom3grid {
    grid-template-columns: 1fr;
}

.singlePageContent .htmlContent .nom-name {
    margin: 20px 0 5px;
}

.singlePageContent .htmlContent .nom-titel {
    margin: 15px 0 5px;
}

.singlePageContent .htmlContent .nom-card .arrowInCircle {
    margin: -15px 0 -30px;
}

#felixSchoellerDetails .smallSliderCaption {
    display: none;
}

.singlePageContent .htmlContent .wp-caption-text {
    font-size: 0.8rem;
}

#constructionWorkTape {
    width: 20px;
}

#constructionWorkTapeBadgeWrapper {
    top: 0;
}

#constructionWorkTapeBadge {
    transform: rotate(-45deg) scale(0.7);
    left: 15px;
}

#constructionWorkTapePattern div {
    transform: scale(2.2) translateY(-5px);
}

#fixedNavInner, #fixedNavInner > .cW, #fixedNavInner > .cW > .fullCol {
    position: absolute;
    bottom: 0;
}

.paddingTop {
    padding-top: 25px;
}

.singlePlaceBody #constructionWorkTapeBadgeWrapper, .twentyPlacesPageBody #constructionWorkTapeBadgeWrapper {
    display: none;
}

#coronaPopupFrame {
    margin-top: 25px;
    position: relative;
    left: -20px;
    width: calc(100% + 40px);
}

#coronaPopupBox {
    width: 100%;
    left: 0;
    top: 0;
    padding: 20px;
}

#coronaPopup .close {
    right: 20px;
    top: 20px;
}

#coronaPopupBox .htmlContent {
    width: 100%;
}

.viralMuseumPage .htmlContent {
    padding-top: 25px;
    width: 100%;
}

.viralMuseumPage .close {
    top: 0;
    right: 0;
}

#toRegularWebsite {
    top: 0;
    margin-left: 0;
}

#digitalQuartierHeader a img, #digitalQuartierHeader a, #easyLanguageHeader a img, #easyLanguageHeader a, #signLanguageHeader a img, #signLanguageHeader a, #atHomeHeader a, #atHomeHeader a img, #cityTracesHeader a, #cityTracesHeader a img {
	display: none;
}

#digitalQuartierNav .fullCol {
	display: block;
}

#digitalQuartierNav h4 {
	margin: 5px 0;
	display: inline;
}

#digitalQuartierNav h4::after {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	background-color: black;
	border-radius: 50%;
	margin: 0 5px;
	position: relative;
	top: -3px;
}

#digitalQuartierNav a:last-child h4::after {
	display: none;
}

#digitalQuartierTitle p, #easyLanguageTitle p {
	margin-top: 5px;
}

.gridCols {
	display: block;
}

.singleDigitalQuartierIntro .gridCol-1-3 img {
	height: 200px;
	position: relative;
	margin-bottom: 20px;
}

.singleDigitalQuartierIntro .gridCol-1-3 .singleDigitalQuartierGroupImgNaturalSize img {
    height: auto;
}

.singleDigitalQuartierContents {
	padding: 40px 0 0;
}

.singleDigitalQuartier hr {
	margin: 0;
}

.singleDigitalQuartierContent h4 {
	margin-top: 15px;
}

.singleDigitalQuartierContent {
	margin-bottom: 35px;
}

.singleDigitalQuartier {
	margin: 40px 0;
}

#digitalQuartierLightboxPrev, #digitalQuartierLightboxNext {
	top: auto;
	bottom: 60px;
	padding: 15px;
	background-color: transparent;
}

#digitalQuartierLightboxPrev {
	left: 0;
}

#digitalQuartierLightboxNext {
	right: 0;
}

#digitalQuartierLightboxContent {
	left: 20px;
	width: calc(100% - 40px);
}

.singleDigitalQuartier .jumpAnchor {
	top: 400px;
}

.singleDigitalQuartierSubCategories {
    flex-direction: column;
    grid-row-gap: 0 !important;
    margin: -10px 0 -40px;
}

.singleDigitalQuartierSubCategories > p, .singleDigitalQuartierSubCategories > div {
    margin: 0;
}

.singleDigitalQuartierSubCategory {
    margin-top: 10px !important;
}

.singleDigitalQuartierSubCategories > div > div, .singleDigitalQuartierSubCategories > div.selected > div {
    display: none;
}

.singleDigitalQuartierSubCategory.selected strong {
    color: white;
    background-color: black;
    padding: 2px 5px;
}

#entryTextRight {
    padding-top: 0;
}

#digitalQuartierMainPageBtns {
    margin: 15px 0;
}

#digitalQuartierMainPageBtns > h3 {
    margin-top: 0;
}

#mobileNav h4 {
    margin: 20px 0;
}

#digitalQuartierLinkSmartphone span {
    color: white;
    background-color: #FF0046;
    padding: 5px 10px;
    display: inline-block;
}

/*

#cookieMsg, #cookieMsgSpace {
    padding: 0 20px;
    box-sizing: border-box;
    flex-direction: column;
    align-items: flex-start;
}

#cookieMsg > p, #cookieMsgSpace > p {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
}

#cookieMsg span, #cookieMsgSpace span {
    margin-left: 10px;
}

#cookieMsg button, #cookieMsgSpace button {
    margin-left: 0;
}

*/

#cookieMsg {
    width: 90%;
    box-sizing: border-box;
    padding: 0 20px;
}

#cookieMsg > div:last-child {
    flex-direction: column;
}

#cookieMsg .switch {
    margin: 10px 0 15px;
}

#cookieMsg button {
    width: 100%;
}

#languagePageHeadline {
    margin: 25px 0 25px;
}

.languagePageBody #constructionWorkTapeBadgeWrapper {
    display: none;
}

.languagePageTextSection {
    flex-direction: column;
    margin: 35px 0;
}

#languagePageJumpAnchors {
    margin-bottom: -10px;
}

#languagePageJumpAnchorHeadline {
    margin: 35px 0 35px;
}

.languagePageImg {
    position: relative;
    height: 250px;
    margin-top: 25px;
}

#digitalQuartierLightboxAudioPlayerImg {
    height: 40%;
}

#digitalQuartierLightboxAudioPlayer {
    margin-top: 30px;
}

.twoColsGrid {
    grid-template-columns: 1fr;
}

.easyLanguageHeadline img {
    width: 40px;
    height: 40px;
}

#easyLanguageContent .gridCol-2-3 {
    padding-right: 0;
    border-right: none;
}

.easyLanguageHeadline h2 {
    width: calc(100% - 60px);
}

#easyLanguageContent {
    margin-top: 50px;
}

.imgWithCreditAndCaption, #easyLanguageContent .htmlContent > h3 {
    margin: 30px 0;
}

#easyLanguageContent .gridCol-2-3 hr {
    margin: 40px 0 50px;
}

.easyLanguageHeadline {
    margin: 50px 0 30px;
}

.twoColsGrid {
    margin: 0;
    display: contents;
}

#easyLanguageContent .htmlContent p br {
    display: none;
}

#easyLanguageContent h3 {
    font-size: 1.7rem;
}

.textWithIcon img {
    margin-right: 20px;
}

#easyLanguageContent .gridCols {
    display: flex;
    flex-direction: column-reverse;
}

#easyLanguageSidebar {
    display: none;
}

#easyLanguageSidebar h2 {
    margin-bottom: 20px;
}

.easyLanguageSidebarNavPrimary {
    margin: 20px 0;
}

#easyLanguageSidebar {
    margin-bottom: 50px;
}

.easyLanguageSidebarNavPrimary p:first-child, .easyLanguageSidebarNavSecundary::before {
    display: none;
}

.easyLanguageSidebarNavSecundary {
    padding-left: 0;
    margin: 5px 0;
}

.metaNav {
    display: none;
}

#easyLanguageHeader h1 img, #signLanguageHeader h1 img {
   display: none;
}

#signLanguageHeader {
    margin-bottom: 50px;
}

.signLanguageVideo h3 {
    margin-top: 20px;
}

.signLanguageVideo:not(:last-child) {
    margin-bottom: 40px;
}

.signLanguagePlayIcon {
    width: 40px;
    height: 40px;
    left: 15px;
    bottom: 15px;
}

.digitalQuartierLightboxTextWrapper, .digitalQuartierLightboxSlideshow {
    padding: 20px;
}

.digitalQuartierLightboxTextWrapper {
    height: calc(100vh - 250px);
    position: relative;
    top: 25px;
}

.digitalQuartierLightboxTextWrapper .htmlContent {
    padding-bottom: 20px;
}

.digitalQuartierLightboxTextWrapper > h2 {
    text-transform: none;
    margin-bottom: 25px;
}

#atHomeHeader img, #cityTracesHeader img {
    width: 100%;
}

.digitalQuartierLightboxSlideshow, .digitalQuartierLightboxSlideshowWrapper .htmlContent {
    position: relative;
    top: 25px;
}

.digitalQuartierLightboxSlideshow {
    margin-bottom: 25px;
}

.digitalQuartierLightboxSlideshowNav {
    margin-top: 15px;
}

.digitalQuartierLightboxSlideshow > img {
    height: 40vh;
}

.digitalQuartierLightboxSlideshowWrapper .htmlContent {
    width: calc(100% - 100px);
    left: 55px;
}

#digitalQuartierLightboxPrev, #digitalQuartierLightboxNext, .single-duerer-page #fixedNav {
    display: none;
}

#duerer-page-img img:last-child {
    width: 35px;
    transform: translate(-20%, 100%);
}

#duerer-page-back {
    margin-bottom: 30px;
}

#duerer-page-pre-headline-wrapper {
    margin-top: 20px;
}

#duerer-page-text {
    padding: 0;
}

.single-duerer-page h1 {
    margin-bottom: 20px;
}

.duererImg {
    margin: 50px 0;
    display: block;
}

.duererDatabasePageBody h1 {
    margin-top: 40px !important;
}

#duererAbbrNoticeMobile {
    display: block;
}

#duererBackToTopMobile {
    display: inline-block;
    margin-top: 25px;
}

.duererImg > div:first-child::after {
    content: '';
    display: block;
    padding-bottom: 66%;
}

.duererImgPreview + div + img {
    display: none;
}

.duererImg h3 {
    margin: 15px 0;
}

.duererImgInfos {
    grid-template-columns: 65px 80px 65px 1fr;
}

.duererImg .arrowInCircle {
    bottom: 50px;
}

.duererImg hr {
    width: 100%;
    margin: 40px 0;
}

#duererFilter {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 110%;
    padding: 25px;
    background-color: white;
    box-sizing: border-box;
    z-index: 95;
}

#duererFilterTriggerMobile {
    display: block;
    position: fixed;
    bottom: 0;
    background-color: #FF0046;
    width: 100%;
    cursor: pointer;
    z-index: 90;
}

#duererFilterTriggerMobile * {
    color: white;
    text-align: center;
}

.duererDatabasePageBody #cookieOptionsTrigger {
    display: none;
}

#duererFilter input[type=button] {
    display: block;
    margin-top: 20px;
}

#duerer-imgs-loading {
    margin: 50px 0;
}

#textPopupBox {
    padding: 25px;
    width: 90%;
}

#textPopupBoxHeader {
    margin-bottom: 25px;
}

#magnifier-lightbox {
    --magnifier-lightbox-inset: 35px;
    padding-bottom: 0;
}

#magnifier-lightbox-body {
    display: block;
}

#magnifier-lightbox-large-img {
    width: 100%;
    aspect-ratio: 1 / 1;
}

#magnifier-lightbox-small-img {
    display: none;
}

.magnifier-lightbox-show-full #magnifier-lightbox-large-img-img {
    top: 0 !important;
    left: 0 !important;
}

#magnifier-lightbox-head {
    gap: 35px;
    margin-bottom: var(--magnifier-lightbox-inset);
}

#magnifier-lightbox h1 {
    font-size: 1.4rem;
}

#magnifier-lightbox, #magnifier-lightbox * {
    overscroll-behavior: contain;
}

#magnifier-lightbox-zoom-control-headline {
    display: none;
}

#magnifier-lightbox-show-all-button {
    margin: 0;
}

#magnifier-lightbox-zoom-control {
    margin: 20px 0;
}

#textImgPopupBox {
    width: 90%;
}

#textImgPopupBox a {
    grid-template-columns: 1fr;
}

#textImgPopupBox .htmlContent {
    padding: 25px;
}

#textImgPopupImg {
    aspect-ratio: 2 / 1;
}

#textImgPopupImg img {
    -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,1) 85%, rgba(0,0,0,0) 100%);
    mask-image: linear-gradient(180deg, rgba(0,0,0,1) 85%, rgba(0,0,0,0) 100%);
}

#textImgPopupClose {
    right: 0;
}

.formCols {
    grid-template-columns: 1fr;
}

.wpforms-container .wpforms-one-half, .wpforms-container .wpforms-three-sixths, .wpforms-container .wpforms-two-fourths {
    width: 100% !important;
    float: none !important;
}

.wpforms-container .wpforms-field.wpforms-five-sixths, .wpforms-container .wpforms-field.wpforms-four-sixths, .wpforms-container .wpforms-field.wpforms-four-fifths, .wpforms-container .wpforms-field.wpforms-one-fifth, .wpforms-container .wpforms-field.wpforms-one-fourth, .wpforms-container .wpforms-field.wpforms-one-half, .wpforms-container .wpforms-field.wpforms-one-sixth, .wpforms-container .wpforms-field.wpforms-one-third, .wpforms-container .wpforms-field.wpforms-three-fourths, .wpforms-container .wpforms-field.wpforms-three-fifths, .wpforms-container .wpforms-field.wpforms-three-sixths, .wpforms-container .wpforms-field.wpforms-two-fourths, .wpforms-container .wpforms-field.wpforms-two-fifths, .wpforms-container .wpforms-field.wpforms-two-sixths, .wpforms-container .wpforms-field.wpforms-two-thirds {
    margin-left: 0 !important;
}

.wpforms-submit {
    height: 40px !important;
}

.popupBox {
    padding: 20px;
}

.popupHeadline {
    margin-bottom: 25px;
}

.popup .wpforms-container {
    margin-top: 25px;
}

.wpforms-field-select select {
    padding-right: 40px;
}

.popupBox {
    margin-top: 25px;
    max-height: calc(100% - 50px);
}

.wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.wpforms-container label.wpforms-error, .wpforms-container em.wpforms-error {
    font-size: 0.8rem !important;
}

#cookieOptionsTrigger {
    display: none;
}

#new-mobile-nav-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
}

#new-main-nav, #new-meta-nav {
    display: none;
}

#new-mobile-nav-trigger p {
    color: white;
    margin: 0;
    text-transform: uppercase;
    translate: 0 -5%;
}

#new-mobile-nav-trigger img {
    filter: invert(100%);
    width: 15px;
}

#new-nav .fullCol {
    padding: 0;
}

.new-meta-nav-items-mobile {
    display: flex;
    gap: 15px;
    justify-content: center;
}

.new-meta-nav-items-mobile > * {
    margin: 0;
}

.new-meta-nav-items-mobile img {
    width: 25px;
}

.new-meta-nav-items-mobile + .new-meta-nav-items-mobile {
    margin-top: 20px;
}

.new-subnav-mobile {
    margin-bottom: 25px;
    display: none;
}

h3.open + .new-subnav-mobile {
    display: block;
}

.new-subnav-mobile p {
    text-align: center;
    margin: 5px 0;
}

.new-subnav-category-mobile {
    margin-top: 20px;
}

.new-subnav-category-mobile > p:first-child {
    font-family: "Avenir-Black";
    border-bottom: solid 2px black;
    width: 50%;
    margin: 0 auto;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.new-meta-nav-items-mobile ~ p {
    text-align: center;
}

#team {
    grid-template-columns: 1fr !important;
    gap: 25px;
}

.team-category {
    margin-bottom: 10px !important;
}

.teamMember {
    padding-bottom: 20px;
}

.team-category:not(:first-child) {
    margin-top: 25px !important;
}

.team-category:target {
    scroll-margin-top: 75px;
}

#team-jump-links {
    gap: 25px;
    margin-bottom: 35px;
}

#jobs-column {
    border-left: none;
    margin-top: 50px;
}

#jobs {
    margin-top: 25px;
    gap: 25px;
}

.img-text-combinations {
    margin: 35px 0;
    gap: 35px;
}

.img-text-combination {
    display: block;
}

.img-text-combination-imgs {
    flex-direction: column;
    gap: 0;
}

.img-text-combination-img {
    margin-bottom: 25px;
    aspect-ratio: auto;
    object-fit: cover;
}

.img-text-combination:not(:last-child)::after {
    margin-top: 30px;
}

#entryTextRight {
    margin-top: 25px;
}

#wpforms-4668, #wpforms-4669 {
    margin-bottom: 0 !important;
}

#all-news {
    grid-template-columns: 1fr;
    gap: 30px;
    margin-top: 15px;
}

#all-news .news {
    padding-bottom: 30px;
}

#loadMoreNews h4 {
    margin-top: 25px;
}

#footer [href="/?newsletterLayer#newsletterLink"]::after {
    content: '';
    display: block;
    width: 100%;
    height: 20px;
}

#newsletterForTeachersForm {
    margin-top: 25px;
}

#newsletterForTeachersForm p.checkboxLabel {
    width: calc(100% - 40px);
}

.singleColLayout .smallSlider .wideImg + div {
    width: 75px;
}

.singleColLayout .singlePageContent .htmlContent h3 {
    margin-top: 15px;
}

.singleColLayout .htmlContent .leftColImgWrapper {
    width: 100%;
    float: none;
    margin: 25px 0;
}

.singleColLayout .htmlContent .smallGap + .smallGap {
    display: none;
}

.singleColLayout .smallSlider .wideImg {
    aspect-ratio: 5 / 3;
}

.singleColLayout .smallSlider .wideImg + div .arrowInCircle {
    zoom: 1;
    border-width: 2px;
}

.singleColLayout .smallSlider .wideImg + div .arrowInCircle svg polyline {
    stroke-width: 2px;
}

#registrationForm {
    width: 100%;
}

.inputPlaceholder {
    display: none;
}

#photoAwardUpperPart {
    margin: 50px 0;
}

#photoAwardNav {
    margin: 25px 0;
    gap: 10px;
    flex-direction: column;
    align-items: start;
}

.photoAwardArtists {
    grid-template-columns: 1fr;
    column-gap: 35px;
    row-gap: 35px;
}

.lightbox-img, .lightbox-iframe, .lightbox-video, .lightbox-audio {
    width: 90%;
}

.lightbox-figure.portrait-video :is(.lightbox-iframe, .lightbox-video) {
    aspect-ratio: 9 / 16;
    translate: 0 calc(var(--lightbox-inset) / 4);
}

.lightbox-prev, .lightbox-next {
    bottom: 75px;
    top: auto;
}

.photoAwardTopic:has(+ .htmlContent) {
    margin-bottom: 25px;
}

.photoAwardTopic + .htmlContent {
    margin-bottom: 35px;
}

.singleColLayout .smallSlider .wideImg + div {
    width: 100%;
    margin-bottom: 25px;
}

}