/*
Theme Name: Hamburger Horizonte
Author: Finn Priebe
Author URI: http://www.brennwert.design
*/

/* –– Farben und Custom Properties –– */

html {
    --medium-grey: #d7d7d7;
    --light-grey: #ebebeb;
    --orange: #f02e30;
    --dark-violet: #342170;
    --violet: #342170;
    /*
    --orange: #ff5500;
    --dark-violet: #140041;
    --violet: #5353a6;
    */

    --header-height-full: 250px;
    --header-height-reduced: 100px;
    --mapbox-z-offset: 1000;
}

/* –– Fonts –– */

@font-face {
    font-family: "fieldwork";
    src: url("https://use.typekit.net/af/10c0a4/00000000000000007735ceac/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    ascent-override: 90%;
}

@font-face {
    font-family: "fieldwork";
    src: url("https://use.typekit.net/af/5ef809/00000000000000007735ceb2/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 800;
    font-stretch: normal;
    ascent-override: 90%;
}

@font-face {
    font-family: "Source Serif Pro Regular";
    src: url("/wp-content/themes/hh/fonts/source-serif-pro-regular.woff2") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: normal;
}

/* –– Spalten –– */

html, body {
    margin: 0;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
    overscroll-behavior: none;
}

#content {
    z-index: calc(var(--mapbox-z-offset) + 10);
}

:is([data-posttype="archiv"], [data-template="imprint-template"], [data-template="dataProtection-template"]) #content {
    padding-top: var(--header-height-reduced);
}

.mW, .mWSmall {
    width: 100%;
    max-width: 1460px;
    left: 50%;
    margin-left: -730px;
    position: relative;
    box-sizing: border-box;
}

.mWSmall {
    max-width: 820px;
    margin-left: -410px;
}

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

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

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

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

.halfCol {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: 40px;
    -moz-column-gap: 40px;
    -ms-column-gap: 40px;
    -o-column-gap: 40px;
    column-gap: 40px;
}

.twoGridCols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.gridCol {
    width: 100%;
    max-width: 100%;
}

.content-block > *:first-child:not(.margin), 
.content-block > .structurally-transparent:first-child > *:first-child:not(.margin), 
.content-block > .structurally-transparent:first-child > .structurally-transparent:first-child > *:first-child:not(.margin), 
.content-block > .structurally-transparent:first-child > .structurally-transparent:first-child > .structurally-transparent:first-child > *:first-child:not(.margin)  
{margin-top: 0 !important;}

.content-block > *:last-child:not(.margin), 
.content-block > .structurally-transparent:last-child > *:last-child:not(.margin), 
.content-block > .structurally-transparent:last-child > .structurally-transparent:last-child > *:last-child:not(.margin), 
.content-block > .structurally-transparent:last-child > .structurally-transparent:last-child > .structurally-transparent:last-child > *:last-child:not(.margin), 
.content-block.with-init-script > *:nth-last-child(2) 
{margin-bottom: 0 !important;}

/* –– Schrift –– */

h1, h2, h3, .h3 {
    font-weight: normal;
}

p, ul, ol, table, #bodyOptOut {
    font-family: 'Source Serif Pro Regular';
    font-size: 1.3rem;
    line-height: 1.5em;
    margin: 20px 0;
}

h1, #programDate {
    font-family: fieldwork;
    font-weight: 700;
    font-size: 5.5rem;
    line-height: 1.1em;
    margin: 0 0 40px 0;
    color: var(--orange);
    letter-spacing: -2px;
}

h2, #keyvisualTitle h2 {
    font-family: fieldwork;
    font-weight: 700;
    font-size: 4rem;
    line-height: 1.1em;
    margin: 50px 0;
    color: var(--dark-violet);
}

h3, .h3, select, input {
    font-family: fieldwork;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.3em;
    margin: 25px 0;
}

strong, b {
    font-family: fieldwork;
    font-weight: 700;
}

/* –– Transition –– */

.trans1 {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

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

.noTrans {
    -webkit-transition: all 0 linear !important;
    -moz-transition: all 0 linear !important;
    -ms-transition: all 0 linear !important;
    -o-transition: all 0 linear !important;
    transition: all 0 linear !important;
}

/* –– Sonstiges –– */

.noPointerEvents {
    pointer-events: none !important;
}

.onlySmartphone {
	display: none;
}

.prevScrolling {
    height: 100vh;
    overflow: hidden;
}

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

.responsiveIframe {
    position: relative;
}

.responsiveIframe img {
    width: 100%;
}

.responsiveIframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#bodyOptOut input {
    width: 20px;
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    -ms-appearance: checkbox !important;
    -o-appearance: checkbox !important;
    appearance: checkbox !important;
    border: none;
    height: 20px;
    margin: 0;
}

#cookieMsg {
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    bottom: 0;
    left: 0;
    background-color: var(--dark-violet);
}

#cookieMsg p {
    margin: 0;
    color: white;
}

#cookieMsg a {
    text-decoration: underline;
    margin-left: 20px;
}

#cookieMsg.cookieMsgOut {
    bottom: -100px;
}

ul, ol {
    padding-left: 15px;
}

ul {
    list-style-image: url('img/BP.png');
}

p > strong, p > b {
    font-family: fieldwork;
    font-weight: 700;
}

.clear {
    clear: both;
    display: block;
}

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

.jumpAnchor {
    position: relative;
    top: -360px;
}

.smallNav .jumpAnchor {
    top: -230px;
}

.bgImg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bgImg.b-lazy, .bgImg.b-lazyNews {
    opacity: 0;
}

.bgImg.b-loaded {
    opacity: 1 !important;
}

.hiddenLayer {
    opacity: 0 !important;
    pointer-events: none;
}

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

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

.scrollableArea > div > div {
    width: calc(100% + 15px);
}

.fullHeight {
    height: 100%;
}

hr {
    width: 100%;
    border: none;
    border-bottom: solid 2px var(--medium-grey);
    margin: 40px 0;
}

hr.dotted {
    margin: 75px 0;
    border-bottom: dashed 2px black;
}

sub, sup {
    font-size: 0.7em;
    margin-left: 1px;
}

object {
    pointer-events: none;
}

.svg {
    width: 100%;
    height: auto;
}

.initial {
    font-family: fieldwork;
    font-weight: 700;
    font-size: 8em;
    margin: 0.28em 0.06em 0 0;
    float: left;
    height: 0.3em;
    color: var(--dark-violet);
    position: relative;
}

:is(.chromeBrowser) .initial {
    top: 0.075em;
}

:is(.safariBrowser) .initial {
    top: -0.12em;
}

.initialGroup1 {margin-left: -0.04em;}
.initialGroup2 {margin-left: -0.04em;}
.initialGroup3 {margin-left: -0.03em;}
.initialGroup4 {margin-left: -0.05em; height: 0.45em; margin-right: 0.18em}

.transparent {
    opacity: 0;
}

.lessSpacing {
    letter-spacing: -4px;
}

.smallBtn {
    cursor: pointer;
    color: white;
    font-family: fieldwork;
    font-weight: 700;
    border-radius: 5px;
    background-color: var(--orange);
    display: inline-block;
    padding: 3px 10px;
}

:is(.safariBrowser) .smallBtn {
    padding-bottom: 10px;
}

.smallBtn:hover, .smallBtn.selBtn {
    background-color: var(--orange);
}

.smallArrow {
    -webkit-transform: scale(0.5,1);
    -moz-transform: scale(0.5,1);
    -ms-transform: scale(0.5,1);
    -o-transform: scale(0.5,1);
    transform: scale(0.5,1);
    display: inline-block;
    letter-spacing: -5px;
}

.reloadedContent {
    opacity: 0 !important;
}

.date {
    font-family: fieldwork;
    font-weight: 700;
    color: white;
    border-radius: 5px;
    display: inline-block;
    padding: 2px 7px 0;
    margin: 30px 0;
}

.stdImg::after {
    display: block;
    content: "";
    padding-bottom: 75%;
}

#secondImg {
    margin-top: 70px;
}

.textWithOverflow {
    cursor: pointer;
}

.hiddenText, .showHiddenText .moreTextPoints {
    display: none;
}

.showHiddenText .hiddenText {
    display: inline;
}

.moreTextPoints span {
    color: var(--orange);
    font-family: fieldwork;
    font-weight: 700;
}

#messageLayer, #galleryLayer, #organizerLayer, #pressLayer, #newsLayer, #mobileNavLayer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.9);
    z-index: calc(var(--mapbox-z-offset) + 95);
    cursor: pointer;
}

#messageLayer {
    z-index: calc(var(--mapbox-z-offset) + 99);
}

#messageLayer div {
    position: absolute;
    width: 30%;
    left: 35%;
    box-sizing: border-box;
    padding: 30px;
    background-color: var(--orange);
    top: 25%;
}

#messageLayer p {
    color: white;
    margin: 0;
}

.bgCloser {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.close {
    float: right;
    display: inline-block;
    cursor: pointer;
    margin: 20px 0 0 0;
}

.close img {
    position: relative;
    top: 2px;
    margin-left: 10px;
}

.clickableArea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.clickableArea div {
    cursor: pointer;
    height: 100%;
    float: left;
}

.icon {
    width: 44px;
    height: 44px;
    display: inline-block;
    background-image: url('/wp-content/themes/hh/img/SocialIcons.svg');
    background-size: 200%;
}

.mailIcon {background-position: 0 0;}
.fbIcon {background-position: -44px 0;}
.twitterIcon {background-position: 0 -44px;}
.gplusIcon {background-position: -44px -44px;}

.whatsappIcon, .instagramIcon {
    background-size: contain;
    background-position: center;
    background-color: #ff5500;
    border-radius: 5px;
}

.whatsappIcon {
    background-image: url('/wp-content/themes/hh/img/whatsapp.svg');
}

.instagramIcon {
    background-image: url('/wp-content/themes/hh/img/instagram.svg');
}

.videoPlaceholder {
    background-color: var(--violet);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    max-width: 560px;
}

.videoPlaceholder::after {
    content: '';
    padding-bottom: 56.25%;
    display: block;
}

.stdImg {
    width: 100%;
    display: block;
    box-shadow: 0 0 15px rgba(0,0,0,0.05) inset;
    overflow: hidden;
    border-radius: 2px;
}

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

.line.distribute {
    justify-content: space-between;
}

.line.align-start {
    align-items: start;
}

:target {
    scroll-margin-top: calc(var(--header-height-reduced) + 70px);
}

.desktop-none {
    display: none;
}

/* –– Navigation –– */

#nav {
    width: 100%;
    height: var(--header-height-full);
    position: fixed;
    z-index: calc(var(--mapbox-z-offset) + 20);
}

#metaNav a {
    margin-right: 15px;
}

#logo {
    position: absolute;
    right: 20px;
    bottom: 0;
    display: block;
}

#logoMobile, #logoMobileFull, #mobileNavTrigger {
    display: none;
}

#logo div {
    height: 175px;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    display: block;
}

#logo img {
    height: 100%;
    width: auto;
    position: absolute;
    right: 10px;
    bottom: 0;
    display: block;
}

.smallNav #nav, :is([data-posttype="archiv"], [data-template="imprint-template"], [data-template="dataProtection-template"]) #nav {
    height: var(--header-height-reduced);
}

#nav.showNav, :is([data-posttype="archiv"], [data-template="imprint-template"], [data-template="dataProtection-template"]) #nav {
    background-color: var(--dark-violet);
}

.smallNav #logo div:last-of-type, :is([data-posttype="archiv"], [data-template="imprint-template"], [data-template="dataProtection-template"]) #logo div:last-of-type {
    opacity: 0;
}

.smallNav #logo, :is([data-posttype="archiv"], [data-template="imprint-template"], [data-template="dataProtection-template"]) #logo {
    right: -50px;
    bottom: 30px;
}

.smallNav #logo div, :is([data-posttype="archiv"], [data-template="imprint-template"], [data-template="dataProtection-template"]) #logo div {
    height: 150px;
}

#newsHeadline {
    display: none;
}

.news h3 {
    width: 98%;
}

#logo-2025 img {
    position: absolute;
    width: 250px;
    top: 75px;
}

/* –– Keyvisual (alt) –– */

#keyvisualWrapper {
    height: 200vh;
    margin-bottom: 75px;
}

#keyvisual {
    height: 100vh;
    position: sticky;
    top: 0;
}

#keyvisual img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}

#keyvisual img:last-of-type {
    opacity: var(--progress);
}

#keyvisualTitle {
    position: absolute;
    bottom: 125px;
}

#keyvisualTitle > div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#keyvisualTitle * {
    color: white !important;
    margin: 0 !important;
}

#keyvisualTitle h2 {
    margin-top: -10px !important;
}

#keyvisualTitle p br {
    display: none;
}

#mainNavMainPage {
    position: absolute;
    bottom: 40px;
}

#mainNavMainPage > div, #mainNav {
    display: flex;
    gap: 35px;
}

:is(#mainNavMainPage, #mainNav) p {
    margin: 0;
    font-family: fieldwork;
    font-weight: 700;
    color: white;
    font-size: 1.4rem;
}

#mainNav {
    position: relative;
    top: 30px;
    opacity: 0;
    pointer-events: none;
    width: fit-content;
}

:is(#nav.showNav, [data-posttype="archiv"], [data-template="imprint-template"], [data-template="dataProtection-template"]) #mainNav {
    opacity: 1;
    pointer-events: all;
}

/* –– Keyvisual 2026 –– */

#keyvisual-2026-outer {
    width: 100%;
    height: 400vh;
    margin-bottom: 75px;
}

#keyvisual-2026-inner {
    width: 100%;
    height: calc(100vh + 1px);
    position: sticky;
    top: 0;
    overflow: hidden;
    container-type: size;
    background-color: #0f3a94;
}

#keyvisual-2026-inner-wrapper, #keyvisual-2026-inner-wrapper > * {
    position: absolute;
    aspect-ratio: 1 / 1;
}

@container (aspect-ratio <= 1 / 1) {

    #keyvisual-2026-inner-wrapper {
        height: 100%;
        left: 50%;
        translate: -50% 0;
    }

}

@container (aspect-ratio > 1 / 1) {

    #keyvisual-2026-inner-wrapper {
        width: 100%;
        top: 50%;
        translate: 0 -50%;
    }

}

#keyvisual-2026-inner-wrapper > *, #keyvisual-2026-inner-wrapper > * > * {
    position: absolute;
    inset: 0;
    width: 100%;
    transform-origin: 68.3% 48%;
    animation-fill-mode: both;
    animation-duration: 10s;
    animation-play-state: paused;
    animation-delay: calc(var(--amount) * -10s);
    animation-timing-function: linear;
}

#keyvisual-2026-waves {
    animation-name: keyvisual-2026-waves;
    opacity: 0.75;
}

@keyframes keyvisual-2026-waves {
    0% {
        scale: 1;
    }
    100% {
        scale: 1.25;
    }
}

#keyvisual-2026-wave-1 {
    animation-name: keyvisual-2026-wave-1;
}

@keyframes keyvisual-2026-wave-1 {
    0% {
        scale: 1;
    }
    100% {
        scale: 0.975;
    }
}

#keyvisual-2026-wave-3 {
    animation-name: keyvisual-2026-wave-3;
}

@keyframes keyvisual-2026-wave-3 {
    0% {
        scale: 1;
    }
    100% {
        scale: 1.025;
    }
}

#keyvisual-2026-water-color {
    background-color: #0f3a94;
    mix-blend-mode: color;
    opacity: 0.5;
}

#keyvisual-2026-left-shading {
    width: 40%;
    aspect-ratio: auto;
    height: 100%;
    background-image: linear-gradient(to right, rgba(7, 34, 90, 0.9), rgba(7, 34, 90, 0));
}

#keyvisual-2026-life-preserver-group {
    animation-name: keyvisual-2026-life-preserver-group;
    animation-timing-function: cubic-bezier(0.310, 1.155, 0.770, 0.950);
}

@keyframes keyvisual-2026-life-preserver-group {
    0% {
        scale: 0.75;
    }
    100% {
        scale: 1;
    }
}

#keyvisual-2026-life-preserver-shadow {
    animation-name: keyvisual-2026-life-preserver-shadow;
}

@keyframes keyvisual-2026-life-preserver-shadow {
    0%, 25% {
        opacity: 0;
    }
    50%, 100% {
        opacity: 1;
    }
}

#keyvisual-2026-life-preserver-underwater {
    filter: grayscale(100%) brightness(25%) contrast(75%);
    opacity: 0.5;
}

#keyvisual-2026-life-preserver-partly-above-water {
    animation-name: keyvisual-2026-life-preserver-partly-above-water;
    
}

@keyframes keyvisual-2026-life-preserver-partly-above-water {
    0%, 15% {
        clip-path: shape(
            from 49% 34%, smooth to 49% 34% with 49% 34%, smooth to 49% 34% with 49% 34%, smooth to 49% 34% with 49% 34%, smooth to 49% 34% with 49% 34%, 
            move to 81% 31%, smooth to 81% 31% with 81% 31%, smooth to 81% 31% with 81% 31%, smooth to 81% 31% with 81% 31%, smooth to 81% 31% with 81% 31%, smooth to 81% 31% with 81% 31%, 
            move to 54% 61%, smooth to 54% 61% with 54% 61%, smooth to 54% 61% with 54% 61%, smooth to 54% 61% with 54% 61%, smooth to 54% 61% with 54% 61%, smooth to 54% 61% with 54% 61%, smooth to 54% 61% with 54% 61%, 
            move to 86% 54%, smooth to 86% 54% with 86% 54%, smooth to 86% 54% with 86% 54%, smooth to 86% 54% with 86% 54%, smooth to 86% 54% with 86% 54%
        );
        opacity: 0;
    }
    25% {
        clip-path: shape(
            from 45% 35%, smooth to 51% 22% with 45% 24%, smooth to 57% 34% with 65% 31%, smooth to 47% 45% with 49% 51%, smooth to 45% 35% with 45% 44%, 
            move to 67% 28%, smooth to 73% 27% with 69% 26%, smooth to 84% 27% with 80% 23%, smooth to 87% 36% with 91% 31%, smooth to 74% 37% with 81% 37%, smooth to 67% 28% with 64% 31%, 
            move to 46% 52%, smooth to 51% 52% with 46% 48%, smooth to 60% 62% with 56% 58%, smooth to 62% 68% with 66% 68%, smooth to 56% 67% with 58% 70%, smooth to 50% 60% with 50% 65%, smooth to 46% 52% with 46% 54%, 
            move to 81% 54%, smooth to 87% 50% with 81% 47%, smooth to 91% 57% with 92% 52%, smooth to 83% 59% with 88% 60%, smooth to 81% 54% with 81% 56%
        );
        opacity: 1;
    }
    100% {
        clip-path: shape(
            from 39% 35%, smooth to 51% 22% with 39% 24%, smooth to 67% 34% with 65% 31%, smooth to 47% 50% with 49% 51%, smooth to 39% 35% with 39% 44%, 
            move to 67% 28%, smooth to 73% 17% with 69% 26%, smooth to 84% 17% with 80% 23%, smooth to 97% 36% with 91% 25%, smooth to 74% 47% with 81% 57%, smooth to 67% 28% with 64% 31%, 
            move to 46% 52%, smooth to 51% 52% with 46% 48%, smooth to 70% 62% with 66% 58%, smooth to 62% 78% with 66% 78%, smooth to 56% 77% with 58% 80%, smooth to 50% 60% with 50% 65%, smooth to 46% 52% with 46% 54%, 
            move to 71% 54%, smooth to 87% 50% with 71% 47%, smooth to 95% 57% with 92% 52%, smooth to 83% 69% with 88% 70%, smooth to 71% 54% with 71% 56%
        );
        opacity: 1;
    }
}

#keyvisual-2026-life-preserver-above-water {
    animation-name: keyvisual-2026-life-preserver-above-water;
}

@keyframes keyvisual-2026-life-preserver-above-water {
    0%, 25% {
        opacity: 0;
    }
    50%, 100% {
        opacity: 1;
    }
}

#keyvisual-2026-life-preserver-wave-1 {
    animation-name: keyvisual-2026-life-preserver-wave-1;
    animation-timing-function: ease-in-out;
}

@keyframes keyvisual-2026-life-preserver-wave-1 {
    0% {
        opacity: 0.1;
        scale: 0.75;
    }
    25% {
        opacity: 0.5;
    }
    40%, 100% {
        opacity: 0;
        scale: 0.85;
    }
}

#keyvisual-2026-life-preserver-wave-2 {
    animation-name: keyvisual-2026-life-preserver-wave-2;
    animation-timing-function: ease-in-out;
}

@keyframes keyvisual-2026-life-preserver-wave-2 {
    0% {
        opacity: 0.1;
        scale: 0.45;
    }
    25% {
        opacity: 0.5;
    }
    40%, 100% {
        opacity: 0;
        scale: 0.35;
    }
}

#keyvisual-2026-glow {
    width: 60%;
    border-radius: 50%;
    left: auto;
    right: -20%;
    top: 50%;
    translate: 0 -50%;
    background-image: radial-gradient(rgba(247, 167, 10, 0.5), rgba(247, 167, 10, 0) 70%);
    opacity: 0.5;
}

#keyvisual-2026-outer #keyvisualTitle p {
    font-size: 2.15rem;
}

#keyvisual-2026-outer #keyvisualTitle p:first-child {
    letter-spacing: 0.025em;
}

#keyvisualTitle, #mainNavMainPage {
    filter: drop-shadow(0 0 100px rgba(10,42,109)) drop-shadow(0 0 50px rgba(10,42,109,0.75));
}

/* –– Einleitung –– */

#mainImg, .wideImg {
    margin-bottom: 75px;
}

#mainImg::after, .wideImg::after {
    content: "";
    display: block;
    padding-bottom: 35%;
}

.wideImg {
    border-bottom: none;
}

.wideImg::after {
    padding-bottom: 15%;
}

#mainImg > div {
    position: absolute;
}

#mainImg .mW .thirdCol:last-of-type {
    float: right;
}

#mainImg h3 {
    color: white;
}

#mainImg h1, #mainImg.mainImgSubsite h1 {
    text-transform: uppercase;
    color: white;
    white-space: nowrap;
    font-size: 3.8rem;
    margin-left: 25px;
}

#titleInMainImg {
    position: absolute;
    bottom: 40px;
    right: 15px;
}

#titleInMainImg > div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#titleInMainImg * {
    text-align: right;
    margin: 0;
}

#date {
    position: absolute;
    bottom: 45px;
    width: 100%;
    right: 20px;
}

#date h2 {
    color: white;
    margin: 0;
    text-align: right;
    text-shadow: 0 0 30px rgba(0,0,0,0.7);
    float: right;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 3.5rem;
}

#date h2:first-of-type {
    margin-bottom: 5px;
    position: relative;
    right: -5px;
}

#programColumn {
    padding-right: 60px;
}

#mainImg.mainImgSubsite h1 {
    margin: 0;
    text-transform: none;
    font-size: 5rem;
}

.mainImgSubsite * {
    text-align: right;
}

.mainImgSubsite h3 {
    margin: 0;
}

#mainImg.mainImgSubsite .cW {
    position: absolute;
    bottom: 75px;
}

.hide-title {
    visibility: hidden;
}

#entryTextTextCol {
    padding-right: 40px;
    /*
    border-right: solid 2px var(--medium-grey);
    */
}

#entryTextTextCol > p {
    margin: 0;
}

#podcast {
    background-color: var(--light-grey);
    padding: 35px;
}

#podcast > *:first-child {
    margin-top: 0;
}

#podcast > *:last-child {
    margin-bottom: 0;
}

#podcast > p:first-child {
    margin-bottom: 0;
}

#podcast > h3 {
    margin-top: 0;
}

#podcast a {
    display: flex;
}

#podcast a img {
    width: 50px;
    height: auto;
    display: block;
    margin-right: 15px;
}

#podcast a .h3 {
    color: var(--orange);
    font-weight: bold;
    margin: 0;
}

#podcastPreview {
    margin-top: 35px;
}

#podcastPreview, #podcastStart {
    display: flex;
    align-items: center;
}

#podcastImg {
    display: block;
    width: 40%;
    aspect-ratio: 1 / 1;
    object-position: center;
    object-fit: cover;
    border: solid 2px var(--medium-grey);
}

#podcastStart {
    gap: 15px;
    cursor: pointer;
    margin-left: -10px;
}

#podcastStart img {
    width: 50px;
    aspect-ratio: 1 / 1;
}

#podcastStart p {
    color: var(--orange);
    line-height: 1.1em;
}

#podcastAudio {
    width: 100%;
    max-width: 100%;
}

#programHaedline .smallBtn {
    font-family: fieldwork;
    font-weight: 700;
    text-align: center;
    display: block;
    background-color: var(--orange);
    white-space: nowrap;
    width: min-content;
    padding: 10px 15px;
    margin: 0;
}

#livestream-info {
    background-color: var(--orange);
    padding: 35px;
    margin: 25px 0;
    display: flex;
    align-items: center;
    gap: 35px;
    border-radius: 2px;
}

#livestream-info img {
    width: 75px;
    height: auto;
    display: block;
}

#livestream-info p {
    color: white;
    margin: 0;
}

#trailer {
    width: 100%;
    aspect-ratio: 16 / 9;
    margin: 10px 0 0;
}

[data-pageid="4650"] #mainImg :is(h3, h1) {
    text-align: left;
}

/* –– Programm –– */

#programHaedline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 35px 0;
}

#programHaedline h2 {
    margin: 0;
}

.programFiltersRow {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
    margin-bottom: 30px;
}

.programFiltersRow :is(select, input, .checkbox) {
    margin: 0;
}

.programFiltersRow .line:has(.checkbox) {
    column-gap: 35px;
    row-gap: 15px;
    flex-wrap: wrap;
    grid-column-start: span 3;
}

.programFiltersRow .checkboxLabel {
    white-space: nowrap;
}

[onclick*="resetProgramFilters"] {
    margin: 0;
}

#noEventsFound {
    margin-top: 50px;
}

.program-point {
    margin: 60px 0;
}

.program-point:target {
    scroll-margin-top: 250px;
}

.program-point-header {
    background-color: var(--light-grey);
    display: flex;
    cursor: pointer;
    border-radius: 2px;
}

.program-point:nth-child(2n) .program-point-header {
    background-color: var(--dark-violet);
}

.program-point:nth-child(2n) .program-point-header * {
    color: white;
}

.program-point-img {
    align-self: stretch;
    flex-basis: 180px;
    flex-shrink: 0;
    flex-grow: 0;
    position: relative;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.program-point-img img {
    object-fit: cover;
    object-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
}

.program-point-header-contents {
    padding: 35px;
    display: grid;
    grid-template-columns: 1fr 330px 140px;
    gap: 75px;
    align-items: center;
    position: relative;
    flex-grow: 1;
}

/*
.registration-not-opened .program-point-header-contents {
    padding-top: 45px;
    padding-bottom: 45px;
}
*/

.program-point-labels {
    position: absolute;
    top: 0;
    left: 35px;
    transform: translateY(-50%);
    display: flex;
    gap: 15px;
}

.program-point-label {
    padding: 0 7px;
    background-color: var(--dark-violet);
    border-radius: 3px;
    color: white !important;
    margin: 0;
    font-family: fieldwork;
    font-weight: 700;
}

.program-point-label span, .date span {
    color: inherit !important;
    display: inline-block;
}

:is(.safariBrowser) .program-point-label span, :is(.safariBrowser) .date span {
    translate: 0 -10%;
}

.program-point:nth-child(2n) .program-point-label {
    color: black !important;
    background-color: var(--light-grey);
}

:is(.program-point, .program-point:nth-child(2n)) .main-program-point-label {
    background-color: var(--orange) !important;
    color: white !important;
}

.program-point-date-and-title .h3 {
    color: var(--orange);
    margin: 0 0 10px;
}

.program-point-date-and-title * {
    margin: 10px 0;
}

.program-point-facts p {
    margin: 10px 0;
    text-indent: -30px;
}

.program-point-facts p::first-line {
    text-indent: 0;
}

.program-point-facts img:not(.wheelchair) {
    width: 20px;
    height: auto;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    position: relative;
    top: -0.1em;
}

.program-point:nth-child(2n) .program-point-facts img {
    filter: invert(100%);
}

.program-point-buttons .smallBtn {
    font-family: fieldwork;
    font-weight: 700;
    background-color: var(--orange);
    display: block;
    text-align: center;
}

.program-point-date-and-title > *:first-child, .program-point-facts > *:first-child, .program-point-buttons > *:first-child {
    margin-top: 0 !important;
}

.program-point-date-and-title > *:last-child, .program-point-facts > *:last-child, .program-point-buttons > *:last-child {
    margin-bottom: 0 !important;
}

.program-point-body {
    padding: 50px 0 0;
    overflow: hidden;
}

.program-point-body.hidden {
    height: 0;
    padding-top: 0;
}

.program-point-body-cols {
    display: grid;
    grid-template-columns: 5fr 4fr;
    grid-gap: 50px;
}

.program-point-body-cols > * {
    max-width: 100%;
}

.program-point-text table, .program-point-text thead, .program-point-text tbody, .program-point-text tr, .program-point-text th, .program-point-text td {
    border: none !important;
    padding: 0 !important;
    vertical-align: top !important;
    height: auto !important;
    width: auto !important;
}

.program-point-text td {
    position: relative;
    display: flex;
    gap: 50px;
    align-items: start;
}

.program-point-text tr:not(:last-child) td::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: var(--light-grey);
    left: 0;
    bottom: 25px;
}

.program-point-text tr:not(:last-child) td {
    padding-bottom: 50px !important;
}

.program-point-text em strong, .program-point-text strong em {
    color: var(--orange);
    font-style: normal;
    font-family: fieldwork;
    font-weight: 700;
}

.program-point-text a:has(em strong, strong em) {
    text-decoration: none;
}

.program-point-text td li:not(:last-child) {
    margin-bottom: 15px;
}

.program-point-persons {
    cursor: pointer;
    position: relative;
    width: 200px;
    top: 5px;
    flex-shrink: 0;
}

.program-point-persons > div {
    position: relative;
}

.program-point-persons > div::after {
    content: '';
    display: block;
    padding-bottom: 100%;
}

.program-point-persons > div img, .program-point-persons > div div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    object-fit: cover;
    object-position: center;
}

.program-point-persons > div div {
    box-shadow: 0 0 25px rgba(0,0,0,0.1) inset;
}

.program-point-persons:not(.second-img) > div img:last-of-type {
    opacity: 0;
}

.program-point-persons p {
    margin: 10px 0 0;
    font-size: 0.85rem;
}

.program-point-buttons > .smallBtn {
    margin: 15px 0;
}

.organizerIcon {
    width: 15px;
}

.program-point:nth-child(2n+1) .organizerIcon {
    filter: invert(100%);
}

.program-point:has(.program-point-important-msg) .program-point-header {
    background-color: var(--orange) !important;
}

.program-point:has(.program-point-important-msg) .program-point-sharing-icons a {
    background-color: var(--light-grey) !important;
}

.program-point:has(.program-point-important-msg) .program-point-sharing-icons a[href*="facebook"] {
    background-image: url('/wp-content/themes/hh/img/facebook-black.svg');
}

.program-point:has(.program-point-important-msg) .program-point-sharing-icons a[href*="mail"] {
    background-image: url('/wp-content/themes/hh/img/mail-black.svg');
}

.program-point:has(.program-point-important-msg) .program-point-sharing-icons a[href*="whatsapp"] {
    background-image: url('/wp-content/themes/hh/img/whatsapp-black.svg');
}

.program-point:has(.program-point-important-msg) .program-point-sharing-icons a[onclick*="shareEvent"] {
    background-image: url('/wp-content/themes/hh/img/further-sharers-black.svg');
}

.program-point:has(.program-point-important-msg) .program-point-buttons .smallBtn, .program-point:has(.program-point-important-msg) .program-point-buttons .smallBtn *, .program-point:has(.program-point-important-msg) .program-point-label {
    background-color: var(--light-grey) !important;
    color: black !important;
}

.program-point-sharing-icons {
    display: flex;
    gap: 10px;
}

.program-point-sharing-icons a {
    display: block;
    width: 33px;
    aspect-ratio: 1 / 1;
    background-color: var(--orange);
    border-radius: 5px;
    background-position: center;
    background-size: contain;
    flex-grow: 1;
}

.program-point-sharing-icons a[href*="facebook"] {
    background-image: url('/wp-content/themes/hh/img/facebook.svg');
}

.program-point-sharing-icons a[href*="mail"] {
    background-image: url('/wp-content/themes/hh/img/mail.svg');
}

.program-point-sharing-icons a[href*="whatsapp"] {
    background-image: url('/wp-content/themes/hh/img/whatsapp.svg');
}

.program-point-sharing-icons a[onclick*="shareEvent"] {
    background-image: url('/wp-content/themes/hh/img/further-sharers.svg');
}

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

    .program-point-sharing-icons a[onclick*="shareEvent"] {
        display: none !important;
    }

}

.sharing-not-available .program-point-sharing-icons a[onclick*="shareEvent"] {
    display: none !important;
}

.wheelchair {
    display: inline-block;
    width: 0.75em;
    margin-right: 0.15em;
    translate: 0 20%;
}

/* –– Videos –– */

#videos {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 60px;
    margin-bottom: 20px;
}

.video {
    max-width: 100%;
    cursor: pointer;
}

.video.hidden {
    display: none;
}

.video-img {
    position: relative;
}

.video-img::after {
    content: '';
    display: block;
    padding-bottom: 75%;
}

.video-img > img:first-child {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.video-img > img:last-child {
    position: absolute;
    width: 35px;
    height: auto;
    bottom: 20px;
    left: 20px;
}

.video h3 {
    margin-bottom: 0;
}

#videos + .smallBtn {
    background-color: var(--orange);
    position: relative;
    left: 50%;
    translate: -50% 0;
    margin-bottom: 0px;
}

#newsDateClose {
    padding-top: 30px;
}

#newsDateClose h3:first-of-type {
    float: left;
}

#newsLayer h2 {
    color: var(--orange);
    margin-top: 10px;
}

#newsSocialMedia h3 {
    margin-right: 15px;
    padding-bottom: 20px;
}

.news .date:first-child {
    margin-top: 0;
}

/* –– Akteure –– */

#participant1 {
    visibility: hidden;
    position: absolute;
    top: 0;
}

#participantsSel {
    margin-bottom: 40px;
}

#participantsSelMobile {
    display: none;
}

#participantsSel .smallBtn {
    margin: 0 15px 15px 0;
    background-color: var(--light-grey);
    color: black;
}

#participantsSel .smallBtn:hover, #participantsSel .smallBtn.selBtn {
    background-color: var(--orange);
    color: white;
}

#participant h3 {
    margin: 0 0 20px 0;
}

#participant .stdImg {
    position: relative;
    top: 5px;
}

#participant p {
    margin-bottom: 0;
    margin-top: 0;
}

#participant + .fullCol > hr, #registration form + .fullCol hr {
    margin-bottom: 0;
}

#participant .stdImg::after {
    padding-bottom: 100%;
}

#participant .twoThirdCol .smallBtn {
    display: inline;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 1.8em;
}

/* –– Anmeldung –– */

#registration {
    padding-top: 50px;
}

#registration h2 {
    margin: 0;
}

#registrationForm {
    margin-top: 75px;
}

#deafInput {
    margin-top: 15px;
}

#dataprotectionInput {
    margin-bottom: 35px;
}

#eventsSelectBox {
    background-color: var(--light-grey);
    padding: 50px;
    border-radius: 10px;
    margin-bottom: 100px;   
}

#eventsSelectBox .checkbox {
    margin: 0 0 35px 0;
}

select, input {
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    border-radius: 10px;
    border: solid 2px var(--medium-grey);
    margin: 0 0 30px 0;
    padding-left: 15px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    background-color: white;
    -webkit-appearance: none;
}

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

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

:-moz-placeholder {
    color: black;
    opacity: 1;
}

::-moz-placeholder {
    color: black;
    opacity: 1;
}

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

input:focus, select:focus {
    outline-style: none;
    box-shadow: none;
}

#submitBtn {
    text-align: left;
    border: none;
    background-color: var(--orange);
    color: white;
    cursor: pointer;
}

#submitBtn:hover {
    background-color: var(--orange);
}

#submitBtn + h3 {
    color: white;
    position: absolute;
    top: 17px;
    right: 15px;
    margin: 0;
}

#submitBtn[disabled] {
    background-color: var(--light-grey);
    cursor: default;
}

select.highlight, input.highlight {
    border: solid 2px var(--orange);
}

#registration form + hr {
    margin-top: 45px;
}

#requiredLabel {
    margin-top: 10px;
}

#adressLabelBox, #eventsLabelBox {
    height: 60px;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    margin-top: -80px;
}

#adressLabel {
    margin: 0;
    position: absolute;
    bottom: 10px;
}

.radio, .checkbox {
    margin: 25px 0;
    display: grid;
    grid-template-columns: 30px 1fr;
    grid-gap: 15px;
}

input[type=radio], input[type=checkbox] {
    -webkit-appearance: none;
    appearance: none;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin: 0;
}

.highlight input[type=radio], .highlight input[type=checkbox] {
    border-color: var(--orange);
}

input[type=radio]:checked, input[type=checkbox]:checked {
    background-image: url('img/checkbox.svg');
}

p.radioLabel, p.checkboxLabel {
    margin: 0;
}

p.radioLabel a, p.checkboxLabel a {
    text-decoration: underline;
}

#privateBusinessTwoCols {
    display: flex;
    flex-direction: row;
    height: 60px;
    margin: 10px 0 30px;
}

#privateBusinessTwoCols .radio {
    margin: 0 30px 0 0;
    transform: translateY(15px);
}

.dynamicsCheckbox, .ticketsAvailable, .ticketsAvailable {
    display: contents;
}

fieldset {
    display: contents;
}

fieldset[disabled] {
    display: none;
}

/* –– Konferenzorte –– */

#placesPart .fullCol h2 {
    margin-top: 50px;
}

#placesPart table {
    margin: 40px 0 40px;
}

#places .halfCol:first-of-type {
    padding-right: 40px;
}

#places .halfCol:last-of-type {
    padding-left: 40px;
}

.place h2 {
    color: var(--dark-violet);
    margin-top: 10px;
}

.place td:first-of-type {
    width: 55px;
}

.place td:last-of-type {
    padding-left: 25px;
}

.clockIcon {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    position: relative;
    top: 5px;
}

.placeIcon {
    position: relative;
    top: -5px;
}

#map {
    background-color: #eef0ef;
    border-radius: 2px;
    overflow: hidden;
    margin: 20px 0;
}

#map::after {
    content: "";
    display: block;
    padding-bottom: 45%;
}

/* –– Galerie –– */

#gallery {
    margin-top: 25px;
    margin-bottom: 70px;
    width: 100%;
    overflow: hidden;
}

#gallery > div {
    width: calc(100% + 40px);
    left: -20px;
    position: relative;
}

.galleryTop #gallery > div {
    width: calc(100% + 20px);
    left: -10px;
}

.galImgCol {
    width: 20%;
    padding: 0 20px;
    box-sizing: border-box;
}

.galleryTop .galImgCol {
    padding: 0 10px;
}

.galImgCol > div {
    width: 100%;
    cursor: pointer;
}

.galImgCol > div::after {
    display: block;
    content: "";
    padding-bottom: 100%;
}

.fiveGalImgsAvail .galImgCol:last-of-type {
    float: right;
}

.galleryNav {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    height: 50px;
    width: 50px;
    border-radius: 10px;
    cursor: pointer;
    background-color: var(--orange);
    display: table;
}

#galleryNav1 {
    left: 25px;
}

#galleryNav2 {
    right: 25px;
}

.galleryNav:hover {
    background-color: var(--orange);
}

.galleryNav h3 {
    color: white;
    width: 100%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    font-size: 35px;
    top: 2px;
}

:is(.safariBrowser) .galleryNav h3 {
    translate: 0 -10%;
}

#galleryNav1 h3 {
    left: -3px;
}

#galleryImg2 {
    opacity: 0;
}

.state2 #galleryImg2 {
    opacity: 1;
}

#galleryImg {
    position: absolute;
    width: 500px;
    left: 50%;
    top: 50%;
    height: 500px;
    margin: -250px 0 0 -250px;
}

#galleryImg div {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.galleryNavPreview {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: min-content;
    position: relative;
    left: 50%;
    translate: -50% 0;
}

.galleryNavPreview img {
    width: 33px;
    height: auto;
    cursor: pointer;
}

.galleryNavPreview img:first-of-type {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.galleryNavPreview img:last-of-type {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: 33px;
}

.galleryVideoIcon {
    position: absolute;
    width: calc(100% - 40px) !important;
    height: 100%;
    background-color: rgba(255,85,0,0.8);
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

.galleryVideoIcon img {
    width: 50px;
    height: auto;
}

.galleryTop .galleryVideoIcon {
    width: calc(100% - 20px) !important;
}

.galleryTop .galleryVideoIcon img {
    width: 40px;
}

#galleryLayer .responsiveIframe {
    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%);
    width: 80%;
}

/* –– Veranstalter –– */

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

#logos img {
    width: auto;
    height: calc(var(--multi) * 75px);
    cursor: pointer;
}

#logos img:not(:last-child) {
    margin-right: 75px;
}

#organizerLayer, #organizerLayer .scrollableArea, #pressLayer, #newsLayer {
    background-color: white;
}

#organizerLayer .mWSmall, #newsLayer .mWSmall {
    cursor: default;
}

#organizerHeadlinePart, #pressHeadlinePart {
    padding-top: 50px;
}

#organizerLayer h2, #pressLayer h2 {
    margin: 0 0 60px 0;
    display: inline-block;
}

.organizer hr {
    margin: 60px 0;
}

.organizer img {
    margin-bottom: 10px;
    height: calc(var(--multi) * 75px);
    width: auto;
}

.organizer:last-of-type {
    padding-bottom: 50px;
}

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

/* –– Presse –– */

#pressLayer .halfCol:first-of-type {
    padding-right: 40px;
}

#pressLayer .halfCol:last-of-type {
    padding-left: 40px;
}

#pressHeadlinePart .mailIcon {
    margin-left: 20px;
    position: relative;
    top: 5px;
}

#pressLayer .halfCol > h3 {
    color: var(--orange);
    margin: 0 0 30px 0;
}

.download .bgImg {
    width: 30%;
    box-sizing: border-box;
    float: left;
    border-radius: 2px;
    overflow: hidden;
    border: 2px solid var(--medium-grey);
}

.download .bgImg::after {
    content: "";
    display: block;
    padding-bottom: 58%;
}

.download a > .cW > div:last-of-type {
    float: left;
    width: 70%;
    box-sizing: border-box;
    padding-left: 40px;
}

#pressLayer .date {
    background-color: var(--dark-violet);
    margin: 0 0 20px 0;
}

#pressLayer .date + h3 {
    margin: 0;
}

.download:last-of-type, .press:last-of-type {
    padding-bottom: 50px;
}

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

/* –– HTML-Content –– */

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

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

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

.htmlContent p a {
    text-decoration: underline;
}

.htmlContent table {
    width: 100% !important;
    margin: 40px 0;
}

.htmlContent table, .htmlContent tbody, .htmlContent thead, .htmlContent th, .htmlContent tr, .htmlContent td {
    border-collapse: collapse;
    border: solid 2px var(--medium-grey);
    text-align: left;
    box-sizing: border-box;
}

.htmlContent th {
    background-color: var(--light-grey);
    border-right: solid 2px white;
}

.htmlContent th:last-of-type {
    border: solid 2px var(--medium-grey);
}

.htmlContent td, .htmlContent th {
    padding-left: 15px;
}

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

.vimeoVideoWrapper {
    padding-top: 0;
}

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

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

.htmlContent video {
    display: block;
}

audio {
    margin: 30px 0;
}

.wp-audio-shortcode {
    display: none;
}

.jsEnabled audio {
    margin: 0;
}

.mediaControls {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding: 15px 0 15px 0;
    z-index: calc(var(--mapbox-z-offset) + 10);
    background-color: white;
}

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

.mediaControls h3 {
    display: inline-block;
    margin: 15px 20px 0 0;
}

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

.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;
    position: absolute;
    padding: 0;
}

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

.mediaControls input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    height: 22px;
    width: 6px;
    border-radius: 0;
    background-color: var(--orange);
    cursor: grab;
}

.mediaControls input[type=range]::-moz-range-thumb {
    -moz-appearance: none;
    box-shadow: none;
    border: none;
    height: 22px;
    width: 6px;
    border-radius: 0;
    background-color: var(--orange);
    cursor: grab;
}

.mediaControlsRangeVolumeWrapper input[type=range]::-webkit-slider-thumb {
    background-color: var(--orange);
}

.mediaControlsRangeVolumeWrapper input[type=range]::-moz-range-thumb {
    background-color: var(--orange);
}

.mediaControlsRangeVolumeWrapper {
    margin-right: 0;
}

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

.mediaControls input[type=range]::-moz-range-track {
    width: 100%;
    height: 22px;
    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: var(--light-grey);
    top: 29px;
    pointer-events: none;
}

.mediaControlsRangeTimeWrapper {
    width: 45%;
}

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

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

.mediaControlsMute {
    float: right;
    position: relative;
    top: 3px;
}

.htmlContent iframe {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
}

/* –– Footer –– */

#footer hr {
    margin: 70px 0 60px;
}

#footer h3, #footer p, #newsSocialMedia h3 {
    display: inline-block;
    margin-top: 0;
}

#footer h3 {
    margin-right: 15px;
    position: relative;
    top: -22px;
}

#footerContact {
    float: left;
}

#footerContact .icon {
    margin-left: 25px;
    position: relative;
    top: 5px;
}

#newsSocialMedia {
    float: right;
}

#footerSocialMedia p {
    margin-right: 15px;
}

#footerSocialMedia .icon, #newsSocialMedia .icon {
    margin-left: 15px;
}

#footerDistribute {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#footer hr:not(.dotted) {
    margin: 35px 0;
}

/* –– Archiv –– */

.archivedEvent {
    margin-bottom: 75px;
}

.archivedEvent > div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.archivedEvent .halfCol {
    float: none;
}

.archivedEvent h3 {
    margin: 0;
}

.archivedEvent h2, #twinTransformationHeadline {
    margin: 10px 0 20px;
    font-size: 2.8rem;
}

.archivedEvent hr {
    margin: 25px 0;
}

.archivedEvent .moreTextPoints span {
    display: none;
}

.archivedEvent p {
    margin-bottom: 0;
}

.archivedEvent .bgImg {
    border-radius: 2px;
    width: 100%;
}

.archivedEvent .bgImg::after {
    content: '';
    display: block;
    padding-bottom: 62%;
}

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

.archivedEvent .smallBtn {
    margin-top: 25px;
    background-color: var(--orange);
}

/* –– Consent-Popup –– */

#consentPopup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y: scroll;
    background-color: rgba(0,0,0,0.85);
    overscroll-behavior: contain;
    z-index: calc(var(--mapbox-z-offset) + 97);
}

#consentPopup, #consentPopup * {
    box-sizing: border-box;
}

#consentPopupInner {
    min-height: 100vh;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 0;
    box-sizing: border-box;
}

#consentPopupBox {
    width: 800px;
    padding: 50px;
    background-color: white;
}

#consentPopupInputs {
    margin: 40px 0;
    display: flex;
    gap: 50px;
}

#consentPopupInputs .checkbox {
    margin: -15px 0;
}

#consentPopupButtons .smallBtn {
    margin: 0;
}

#consentPopupButtons .smallBtn:first-child {
    margin-right: 15px;
    background-color: var(--light-grey);
    color: black;
}

#consentPopupTrigger {
    position: fixed;
    bottom: 0;
    right: 25px;
    background-color: var(--light-grey);
    margin: 0;
    padding: 0 5px;
    cursor: pointer;
    font-size: 0.85rem;
}

/* –– Twin Transformation –– */

#twinTransformation {
    background-color: var(--light-grey);
    padding: 75px 0;
    margin: 100px 0;
}

#twinTransformation .fullCol {
    display: flex;
    gap: 75px;
}

#twinTransformationImg {
    width: 150px;
}

#twinTransformationText {
    margin: 0;
}

#twinTransformation .smallBtn {
    margin-bottom: 0;
}

/* –– Karte –– */

.map {
    position: relative;
    aspect-ratio: 2 / 1;
    margin: 75px 0;
    background-color: var(--light-grey);
}

.map-container {
    position: relative;
    height: 100%;
}

.map-placeholder {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: var(--light-grey);
    display: grid;
    place-items: center;
}

.leaflet-marker-icon {
    filter: drop-shadow(0 0 5px rgba(0,0,0,0.25));
}

/* –––– Media-Queries –––– */

/* großes Notebook */
@media screen and (max-width: 1500px) {

html {
    --header-height-full: 210px;
}

.mW {
    width: 96%;
    left: 2%;
    margin-left: 0;
}

h1, #programDate {
    font-size: 5rem;
}

h2, #keyvisualTitle h2 {
    font-size: 3.6rem;
}

.program-point-header-contents {
    grid-template-columns: 1fr 350px 140px;
}

#keyvisualTitle {
    bottom: 100px;
}

#mainNavMainPage {
    bottom: 30px;
}

#logo div {
    height: 160px;
}

.archivedEvent .bgImg::after {
    padding-bottom: 65%;
}

#keyvisual-2026-outer #keyvisualTitle p {
    font-size: 1.95rem;
}

}

/* Notebook */
@media screen and (max-width: 1300px) {

html {
    --header-height-full: 190px;
}

:target {
    scroll-margin-top: calc(var(--header-height-reduced) + 50px);
}

#titleInMainImg {
    bottom: 20px;
}

.fullCol, .halfCol, .thirdCol, .twoThirdCol, .daySelCol {
    padding: 0 25px;
}

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

#logo div {
    height: 145px
}

#date {
    bottom: 40px;
}

#programColumn {
    padding-right: 45px;
}

#program tr td:nth-of-type(2) {
    padding-left: 25px;
    padding-right: 20px;
}

#program tr td:nth-of-type(3) {
    width: 28%;
}

#daySel {
    width: calc(100% + 30px);
    margin-left: -15px;
}

.scrollableArea > div > div {
    width: 100%;
}

#triangleImg {
    width: calc(35.3% - 30px);
}

.place td:first-of-type {
    width: 45px;
}

.place td:last-of-type {
    padding-left: 20px;
}

#places .halfCol:first-of-type {
    padding-right: 30px;
}

#places .halfCol:last-of-type {
    padding-left: 30px;
}

#logos {
    margin: 40px 0;
}

.icon {
    transform: scale(0.8);
}

#footerSocialMedia .icon, #newsSocialMedia .icon {
    margin-left: 0;
}

.news hr {
    margin: 30px 0 40px;
}

.download .bgImg::after {
    padding-bottom: 65%;
}

#date {
    bottom: 30px;
}

.galleryVideoIcon img {
    width: 40px;
}

.galleryTop .galleryVideoIcon img {
    width: 30px;
}

#logos img {
    height: calc(var(--multi) * 60px);
}

#videos {
    margin-bottom: 0;
    grid-row-gap: 50px;
}

h1, #programDate {
    font-size: 4.6rem;
}

h2, #keyvisualTitle h2 {
    font-size: 3.2rem;
}

p, ul, ol, table, #bodyOptOut {
    font-size: 1.2rem;
}

.archivedEvent h2, #twinTransformationHeadline {
    font-size: 2.6rem;
}

.smallNav #logo div, :is([data-posttype="archiv"], [data-template="imprint-template"], [data-template="dataProtection-template"]) #logo div {
    height: 140px;
}

.program-point-header-contents {
    grid-template-columns: 1fr 320px 140px;
}

.initial {
    font-size: 7.8em;
    height: 0.4em;
    margin-top: 0.3em;
}

#videos + .smallBtn {
    margin-top: 50px;
}

#logo-2025 img {
    width: 225px;
    top: 50px;
}

#keyvisual-2026-outer #keyvisualTitle p {
    font-size: 1.79rem;
}

#keyvisual-2026-outer #keyvisualTitle p:first-child {
    letter-spacing: 0.023em;
}

}

/* Tablet */
@media screen and (max-width: 1100px) {

html {
    --header-height-full: 160px;
    --header-height-reduced: 85px;
}

.fullCol, .halfCol, .thirdCol, .twoThirdCol, .daySelCol {
    padding: 0 20px;
}

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

h1, #programDate {
    font-size: 3.2rem;
}

#keyvisualTitle h2, .archivedEvent h2, #twinTransformationHeadline {
    font-size: 2.4rem;
}

#keyvisualTitle h2 {
    margin-top: 0 !important;
}

#titleInMainImg {
	transform-origin: 100% 100%;
	transform: scale(0.75);
}

#podcast {
    padding: 25px;
}

.program-point {
    margin: 50px 0;
}

.program-point-header-contents {
    grid-template-columns: 1fr 235px 80px;
    gap: 35px;
}

.program-point-persons {
    width: 175px;
}

#logo div {
    height: 125px;
}

.smallNav #logo div, :is([data-posttype="archiv"], [data-template="imprint-template"], [data-template="dataProtection-template"]) #logo div {
    height: 125px;
}

#podcastStart img {
    width: 45px;
}

hr.dotted {
    margin: 60px 0;
}

.program-point-facts {
    translate: 30px 0;
}

.archivedEvent {
    margin-bottom: 50px;
}

.download a > .cW > div:last-of-type {
    padding-left: 25px;
}

#consentPopupTrigger {
    display: none;
}

.program-point-body-cols {
    grid-template-columns: 6fr 4fr;
    grid-gap: 25px;
}

.program-point-more-button span {
    display: none;
}

.program-point-text td li:not(:last-child) {
    margin-bottom: 10px;
}

:is(.chromeBrowser) .initial {
    top: 0.07em;
}

#eventsSelectBox .checkbox {
    margin: 0 0 30px 0;
}

.twoGridCols {
    grid-template-columns: 1fr;
}

.smallNav #logo, :is([data-posttype="archiv"], [data-template="imprint-template"], [data-template="dataProtection-template"]) #logo {
    bottom: 25px;
}

#keyvisualTitle {
    bottom: 80px;
}

#twinTransformation {
    padding: 50px 0;
    margin: 75px 0;
}

#twinTransformation .fullCol {
    gap: 50px;
}

#entryTextTextCol .twoGridCols {
    gap: 0;
}

#entryTextTextCol .twoCols {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -ms-column-count: 1;
    -o-column-count: 1;
    column-count: 1;
}

h1, #programDate {
    font-size: 4.4rem;
}

#keyvisual-2026-outer #keyvisualTitle p {
    font-size: 1.71rem;
}

}

/* Smartphone */
@media screen and (max-width: 900px) {

.fullCol, .halfCol, .thirdCol, .twoThirdCol {
    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;
}

#logo, #program tr td:nth-of-type(3), #program .htmlContent strong:first-of-type br, #participantsSel, #triangleImg, #map, #newsBottom, #footer p br, .close span, .galImgCol:nth-of-type(5), .galImgCol:nth-of-type(6), #cookieMsg {
    display: none;
}

.mW, .mWSmall, #messageLayer div {
    width: 90%;
    left: 5%;
    margin-left: 0;
}

#content {
    max-width: 100%;
}

#mainImg, .wideImg {
    margin-bottom: 20px;
}

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

#mainImg::after {
	padding-bottom: 40%;
}

#mainImg h3 {
    font-size: 0.9rem;
}

#mainImg .svg {
    width: 55%;
}

#programColumn {
    padding-right: 0;
}

h1, #programDate, #mainImg.mainImgSubsite h1 {
    font-size: 2.5rem;
    margin-bottom: 20px;
}

h2, #keyvisualTitle h2 {
    font-size: 2.2rem;
    line-height: 1em;
}

hr.dotted {
    margin: 40px 0 30px;
}

#daySel {
    width: calc(100% + 10px);
    margin-left: -5px;
}

.daySelCol {
    padding: 0 5px;
}

.daySelBtn {
    height: 40px;
    border-radius: 5px;
}

.daySelBtn h3 {
    font-size: 0.9rem;
    position: relative;
    top: -2px;
}

#programDate {
    margin-top: 30px;
}

#placeAndPresenter h3 span::before {
    content: ' ';
    display: block;
}

#placeAndPresenter h3:last-of-type {
    margin-top: 15px;
}

#program tr td:nth-of-type(2) {
    padding-left: 15px;
    padding-right: 0;
}

#program tr td:nth-of-type(1) h2 {
    font-size: 1.2rem;
    top: 0;
}

#newsCol {
    position: relative;
}

#participant h3 {
    margin-top: 30px;
}

#registration {
    padding-top: 35px;
}

select, input {
    height: 50px;
    border-radius: 5px;
}

.dropdownArrow {
    height: 46px;
}

#places .halfCol:first-of-type, #places .halfCol:last-of-type {
    padding-right: 0;
    padding-left: 0;
}

.place h2 {
    margin: 0 0 20px 0;
}

.place h3 {
    font-size: 0.9rem;
    margin: 10px 0;
}

#placesPart table {
    margin: 20px 0 30px;
}

.place td:first-of-type {
    width: 30px;
}

.place td:last-of-type {
    padding-left: 15px;
}

.placeIcon {
    top: 0;
}

#logos {
    margin: 10px 0;
}

#placeAndPresenter {
    margin-bottom: -10px;
}

.date {
    margin: 20px 0;
}

#secondImg {
    margin-top: 20px;
}

#newsHeadline, #participantsSelMobile {
    display: block;
}

#newsHeadline h2, #submitBtn {
    margin-bottom: 10px;
}

#participantsSelMobile {
    margin: -25px 0 5px;
}

h1 {
    margin-top: 30px;
}

#placesPart .fullCol h2 {
    margin-top: 40px;
}

#messageLayer div {
    padding: 20px;
    top: 5%;
}

#places .halfCol:last-of-type table {
    margin-bottom: -5px;
}

#footer hr {
    margin: 40px 0 30px;
}

#footer h3, #footerContact p {
    top: 0;
    margin-bottom: 10px;
}

#footerContact .icon, #footer .fbIcon, #newsSocialMedia .fbIcon {
    margin-left: -3px;
}

#footerSocialMedia h3 {
    margin-top: 15px;
    width: 100%;
}

#newsDateClose {
    padding-top: 20px;
}

#newsDateClose h3 {
    font-size: 0.9rem;
    margin: 0 0 15px;
}

#newsLayer h2 {
    margin-bottom: 20px;
}

.htmlContent hr {
    margin: 25px 0;
}

#newsSocialMedia h3 {
    width: 100%;
    margin-bottom: 0;
}

#logoMobile, #logoMobileFull {
    display: block;
    width: auto;
    height: 60%;
    position: absolute;
    bottom: 20%;
    right: 0;
}

#logoMobileFull {
    opacity: 1;
}

#logoMobile {
    opacity: 0;
}

.smallNav #logoMobileFull {
    opacity: 0;
    pointer-events: none;
}

.smallNav #logoMobile, :is([data-posttype="archiv"], [data-template="imprint-template"], [data-template="dataProtection-template"]) #logoMobile {
    opacity: 1;
}

#mobileNavTrigger {
    display: block;
    position: absolute;
    height: 20px;
    width: auto;
    top: 20px;
    cursor: pointer;
}

.smallNav #mobileNavTrigger {
    bottom: 33%;
}

.smallNav :is(#logoMobile, #logoMobileFull), :is([data-posttype="archiv"], [data-template="imprint-template"], [data-template="dataProtection-template"]) :is(#logoMobile, #logoMobileFull) {
    bottom: 30%;
    height: 150%;
    translate: 20% 0;
}

#nav, #content {
    transition: all 0.2s ease;
}

#mobileNavLayer h3 {
    text-align: center;
    margin: 20px 0;
    color: var(--orange);
}

#mobileNavLayer a:first-of-type h3 {
    margin-top: 40px;
}

#mobileNavLayer p {
    text-align: center;
}

#mobileNavLayer p a {
    display: block;
    margin: 10px 0;
}

#organizerHeadlinePart, #pressHeadlinePart {
    padding-top: 30px;
}

.organizer img {
    height: calc(var(--multi) * 45px);
}

#logos {
    display: contents;
}

#logos img {
    margin: 15px 0;
}

#organizerHeadlinePart .close {
    margin-top: 10px; 
}

#organizerLayer h2, #pressLayer h2 {
    margin-bottom: 40px;
}

.organizer hr {
    margin: 50px 0;
}

#pressLayer .halfCol:first-of-type, #pressLayer .halfCol:last-of-type {
    padding-right: 0;
    padding-left: 0;
}

.download .bgImg {
    width: 100%;
}

.download a > .cW > div:last-of-type {
    padding-left: 0;
    width: 100%;
}

#pressLayer .date {
    margin: 15px 0 15px;
}

#pressHeadlinePart .mailIcon {
    top: 10px;
    margin-left: 5px;
}

.galImgCol {
    padding: 0 5px;
    width: 25%;
}

#gallery {
    margin: 20px 0 35px;
}

#gallery > div {
    width: calc(100% + 10px);
    left: -5px;
}

.galleryNav h3 {
    font-size: 2.5rem;
}

.galleryNav {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    top: 90%;
}

#galleryNav1 {
    left: 10%;
}

#galleryNav2 {
    right: 10%;
}

#newsSocialMedia, #footerSocialMedia {
    float: none;
    padding-bottom: 20px;
}

.place tr:last-of-type img {
    position: relative;
    top: 5px;
}

.daySelBtn img {
    width: 10px;
    margin-left: -5px;
    bottom: -7px;
}

.jumpAnchor {
    top: -170px !important;
}

#mainImg h1, #date h2, #mainImg.mainImgSubsite h1 {
    font-size: 1.1rem;
    letter-spacing: 1px;
}

#mainImg .fullHeight > .fullHeight {
    position: absolute;
    top: 0;
}

#date {
    bottom: 15px;
    right: 0;
}

#adressLabelBox, #eventsLabelBox {
    height: auto;
    margin-bottom: 0;
    margin-top: 0;
}

#adressLabel {
    position: static;
}

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

#secondImg::after {
    padding-bottom: 25%;
}

.galleryNavPreview img {
    width: 25px;
}

.galleryVideoIcon {
    width: calc(100% - 10px) !important;
}

.galleryVideoIcon img {
    width: 20px;
}

.galleryTop .galleryVideoIcon img {
    width: 20px;
}

.archivedEvent > div {
    flex-direction: column;
}

.archivedEvent .bgImg {
    margin-bottom: 20px;
}

.archivedEvent h2, #twinTransformationHeadline {
    font-size: 1.6rem;
    line-height: 1em;
    margin-bottom: 15px;
}

.archivedEvent hr {
    margin: 20px 0;
}

.archivedEvent {
    margin-bottom: 40px;
}

#mainImg h3 {
	display: none;
}

#titleInMainImg {
	transform: none;
	bottom: 15px;
}

.onlySmartphone {
	display: block;
}

#consentPopupBox {
    width: 90%;
    padding: 25px;
}

#consentPopupInner {
    padding: 25px 0;
}

#consentPopupButtons .smallBtn:first-child {
    margin: 0 0 15px 0;
}

#consentPopupInputs {
    margin: 30px 0;
}

#consentPopupTrigger, .mobileNone {
    display: none;
}

#entryTextTextCol {
    padding-right: 0;
    border-right: none;
}

.program-point-header {
    display: block;
}

.program-point-img {
    height: auto;
    width: 100%;
    aspect-ratio: 1 / 1;
}

.program-point-header-contents, .registration-not-opened .program-point-header-contents {
    padding: 40px 20px 20px;
    display: block;
}

.program-point-date-and-title .h3 {
    margin-bottom: 5px;
}

.program-point-date-and-title h3 {
    margin-top: 5px;
}

.program-point-facts {
    margin: 25px 0 35px;
}

.program-point-facts p {
    margin: 5px 0;
}

.program-point-buttons .smallBtn {
    margin: 15px 0;
}

.program-point-body-cols {
    display: flex;
    flex-direction: column-reverse;
}

.program-point-persons {
    margin: 30px 0 15px;
}

.program-point-body {
    padding-top: 35px;
}

.program-point-labels {
    left: 25px;
}

#registrationForm {
    margin-top: 25px;
}

#eventsLabelBox {
    margin-bottom: 20px;
}

#eventsSelectBox {
    padding: 25px;
    grid-template-columns: 1fr;
    row-gap: 20px;
    margin-bottom: 35px;
}

#gallery {
    margin-top: 10px;
}

#logos {
    margin: 35px 0;
}

#logos img {
    height: calc(var(--multi) * 40px);
}

#logos img:not(:last-child) {
    margin-right: 50px;
}

#videos {
    display: block;
}

.video {
    margin: 35px 0;
}

#videos + .smallBtn {
    margin: -5px 0 25px;
}

#mainImg.mainImgSubsite {
    margin-bottom: 35px;
}

#mainImg.mainImgSubsite h3 {
    display: block;
}

#mainImg.mainImgSubsite .cW {
    bottom: 0;
}

.galleryNavPreview img:last-of-type {
    margin-left: 15px;
}

#livestream .smallBtn {
    margin-bottom: 0;
}

.program-point-facts p {
    text-indent: -30px;
    padding-left: 30px;
}

.program-point-persons {
    top: 0;
    width: 100%;
    margin-bottom: 0;
}

.program-point-text tr:not(:last-child) td, .program-point-text tr:last-child td {
    padding-right: 0 !important;
    padding-bottom: 10px !important;
}

.program-point-text table, .program-point-text tbody, .program-point-text tr, .program-point-text td {
    display: block;
    width: 100% !important;
}

.program-point-text br {
    display: block !important;
}

.program-point-text td:first-child::after {
    display: none !important;
}

.program-point-text tr + tr {
    padding-top: 10px !important;
}

.program-point-text tr:not(:last-child) td::after {
    bottom: -5px;
    margin: 10px 0 15px;
}

.program-point:target {
    scroll-margin-top: 100px;
}

#programHaedline {
    flex-direction: column;
    gap: 30px;
    align-items: start;
}

#livestream-info {
    padding: 25px;
    align-items: start;
    gap: 25px;
}

#livestream-info img {
    width: 50px;
}

p, ul, ol, table, #bodyOptOut {
    font-size: 1.1rem;
}

.initial {
    font-size: 5.7em;
}

#mainNavMainPage, #mainNav {
    display: none;
}

#keyvisualWrapper {
    margin-bottom: 50px;
}

#keyvisualTitle {
    bottom: 75px;
}

.smallNav #nav, :is([data-posttype="archiv"], [data-template="imprint-template"], [data-template="dataProtection-template"]) #nav {
    background-color: var(--dark-violet);
}

html {
    --header-height-reduced: 65px;
}

#keyvisualTitle h2 {
    font-size: 1.4rem;
}

#keyvisualTitle > div {
    gap: 0;
}

#keyvisualTitle p br {
    display: block;
}

#keyvisualTitle p span {
    display: none;
}

#keyvisual img {
    object-position: 40% 50%;
}

.program-point-facts {
    translate: 0;
}

h3, .h3, select, input, #keyvisualTitle h2, p > strong, p > b {
    font-size: 1.3rem;
}

.htmlContent p > img {
    margin: 10px 0;
}

select, input {
    margin: 0 0 20px 0;
}

.radio, .checkbox {
    margin: 20px 0;
}

#privateBusinessTwoCols {
    margin: 10px 0;
}

#submitBtn + h3 {
    top: 13px;
}

.video h3 {
    margin-top: 15px;
}

#logos img:first-child {
    margin-top: -10px;
}

.archivedEvent h2, #twinTransformationHeadline {
    font-size: 1.8rem;
    margin-top: 5px;
}

#footerDistribute {
    flex-direction: column;
    align-items: start;
}

#footerSocialMedia {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 5px;
    padding: 0;
}

#footerSocialMedia p {
    margin: 0;
    flex-grow: 1;
}

#footer hr:not(.dotted) {
    margin: 20px 0 25px;
}

:is(.download, .press) hr {
    margin: 25px 0 30px;
}

.download:last-of-type, .press:last-of-type {
    padding-bottom: 35px;
}

#pressLayer .halfCol > h3 {
    margin: 0 0 20px 0;
}

#pressHeadlinePart {
    padding-top: 20px;
}

:is([data-posttype="archiv"], [data-template="imprint-template"], [data-template="dataProtection-template"]) #logoMobileFull {
    display: none;
}

:target {
    scroll-margin-top: calc(var(--header-height-reduced) + 30px);
}

.program-point-labels {
    gap: 5px;
}

.program-point-label {
    font-size: 0.8rem;
    padding: 0 5px 1px;
}

#participant p {
    margin-top: 25px;
}

.program-point-more-button span {
    display: inline;
}

.program-point-text-2::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--light-grey);
    margin: 25px 0;
}

.program-point-body-cols {
    grid-gap: 0;
}

:is(.chromeBrowser) .initial {
    top: -0.025em;
}

.desktop-none {
    display: block;
}

#podcast {
    margin-top: 25px;
}

#eventsSelectBox .checkbox {
    margin: 0 0 25px 0;
}

.twoGridCols {
    gap: 25px;
    margin-bottom: 40px;
}

#consentPopupInputs {
    flex-direction: column;
    gap: 40px;
}

#twinTransformation {
    margin: 50px 0;
}

#twinTransformation .fullCol {
    flex-direction: column;
    gap: 25px;
}

#twinTransformationImg {
    width: 100px;
}

.safariBrowser #participant .twoThirdCol .smallBtn {
    line-height: 2em;
}

.program-point-text a:has(em strong, strong em) {
    pointer-events: none;
}

#logo-2025 img {
    width: 45%;
}

.programFiltersRow {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 20px;
}

#programFilters .checkbox {
    margin: 0;
}

.program-point-labels {
    flex-direction: column;
    align-items: start;
}

.program-point-labels:has(.main-program-point-label) {
    transform: translateY(-75%);
}

.map {
    margin: 35px 0;
}

.program-point-sharing-icons a {
    flex-grow: 0;
}

@container (aspect-ratio <= 1 / 1) {

    #keyvisual-2026-inner-wrapper {
        translate: -60% 0;
    }

}

@keyframes keyvisual-2026-life-preserver-group {
    0% {
        scale: 0.5;
    }
    100% {
        scale: 0.8;
    }
}

#keyvisualTitle {
    container-type: inline-size;
    filter: drop-shadow(0 0 100px rgb(7,31,81)) drop-shadow(0 0 50px rgb(7,31,81));
}

#logo-2025 img {
    filter: drop-shadow(0 0 100px rgb(7,31,81)) drop-shadow(0 0 50px rgb(7,31,81));
}

#keyvisual-2026-outer #keyvisualTitle p {
    font-size: 6.67cqi;
    white-space: nowrap;
}

#keyvisual-2026-outer #keyvisualTitle p * {
    font-size: unset;
}

#keyvisualTitle h1 {
    font-size: 17.35cqi;
    white-space: nowrap;
}

#keyvisual-2026-outer {
    background-color: #0a255e;
}

#keyvisual-2026-inner-wrapper {
    mask-image: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, black 35%, black 65%, rgba(0,0,0,0.1) 100%);
}

}