#main-content .eventHead {
display: none;
}
#main-content .ticketsApp_step_headline.currentStep {
font-size: 1rem;
font-weight: 500;
letter-spacing: inherit;
line-height: 110%;
background-color: var(--col-pri);
}
#main-content .subtotal {
background-color: #fdc7bf;
}
#main-content .total {
background-color: var(--col-pri);
}
#main-content .svg-inline--fa {
height: 1.6em !important;
}
#main-content .svg-inline--fa.fa-w-14 ,
#main-content .svg-inline--fa.fa-w-6 {
width: 1.6em !important;
}
#main-content .row_1_1 {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
}
#main-content .row_1_1.comment_row {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
#main-content .ticketsApp_step_headline:not([id]) + .ticketsApp_step_content .total ~ .row_1_1 {
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 2.4ch;
}
#main-content .cancellationHeadline {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 1.2ch;
align-self: flex-start;
width: fit-content;
margin: 0;
cursor: pointer;
}
#main-content .cancellationIcon * {
display: none !important;
}
#main-content .cancellationIcon {
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
margin: 0;
padding: 0;
background: #000;
border-radius: 999999px;
text-align: center;
}
#main-content .cancellationIcon:before {
content: '!';
display: inline-block;
margin: 0.08rem 0.5px 0 0;
color: #fff;
font-family: 'proxima-nova', serif;
font-size: 1rem;
font-weight: 700;
line-height: 100%;
}
#main-content .cancellationText {
padding: 0;
font-size: 0.6rem !important;
hyphens: auto;
}
#main-content .next-step {
display: inline-block;
flex-shrink: 0;
width: fit-content;
margin: 0;
}
#main-content .formInclude form a ,
#main-content .cancellationArrow * ,
#main-content .next-step * ,
#main-content .form-mandatory {
color: var(--col-pri);
}
#main-content .next-step svg {
height: 1em !important;
}
#main-content .ticketsApp_step_headline {
position: relative;
}
#main-content .stepArrow {
float: unset;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
}
#main-content .stepArrow ,
#main-content .stepArrow svg {
display: block;
line-height: 0%;
height: fit-content;
}
#main-content .stepContainer * {
font-size: 0.7rem;
}
#main-content .stepContainer hr {
width: 100%;
min-width: 100%;
border-top: 2px solid #000;
}
#main-content .stepContainer .subtotal ,
#main-content .stepContainer .total {
font-size: 0.8rem;
}
#main-content .stepContainer li {
list-style: auto;
list-style-type: disc;
padding: 0 0 0 1.8ch !important;
}
#main-content .billdataCopyLink {
width: fit-content;
padding: 0.6rem 0;
}
#main-content .ticketSubmitBtn {
display: inline-block;
width: 100%;
text-transform: uppercase;
font-size: 1rem;
letter-spacing: 0.03em;
text-align: center;
margin-top: 0;
color: #fff;
padding: 1em 2.3em;
border: none;
outline: none;
background: var(--col-sec);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
-o-transition: -o-transform 0.3s ease-in-out;
-moz-transition: transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out;
}@font-face {
font-family: "Signika";
src: url(//www.handelslogistik.de/wp-content/themes/Divi_Child/assets/fonts/Signika-Light.ttf) format("truetype");
font-style: normal;
font-weight: 300;
}
@font-face {
font-family: "Signika";
src: url(//www.handelslogistik.de/wp-content/themes/Divi_Child/assets/fonts/Signika-Regular.ttf) format("truetype");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Signika";
src: url(//www.handelslogistik.de/wp-content/themes/Divi_Child/assets/fonts/Signika-SemiBold.ttf) format("truetype");
font-style: normal;
font-weight: 600;
}
@font-face {
font-family: "Signika";
src: url(//www.handelslogistik.de/wp-content/themes/Divi_Child/assets/fonts/Signika-Bold.ttf) format("truetype");
font-style: normal;
font-weight: 700;
} :root {
--col-pri: rgba(252, 73, 73);
--col-sec: rgba(63, 154, 161);
--bg-pink: #fff4f2;
--bg-blue: #dcebec;
--col-mute: #7f7f7f;
--bg-grad: linear-gradient( 
22deg, 
#ff8b4e   0%,
#ff8b4e  21%,
#fc8f80  63%,
#fc4949 100%
);
--nav-bg-vfx-off: brightness(100%) saturate(100%) blur(0px);
--nav-bg-vfx-on: brightness(80%) saturate(110%) blur(14px);
}   :root , html , body , * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: 'Signika', sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 120%;
scroll-behavior: smooth;
}
:root , html , body {
width: 100%;
width: 100vw;
scroll-padding-top: 120px;
}
body {
overflow: hidden auto;
}
body ,
body * {
-webkit-font-smoothing: initial !important;
-moz-osx-font-smoothing: initial !important;
font-smooth: initial !important;
}
* , div ,
p , ul, ol , li , address ,
form , label , input , button {
font-family: 'Signika', sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 120%;
border: none;
}
a ,
a:hover ,
a:active ,
a:visited {
text-decoration: none;
color: inherit;
}
#main-content *:is( p , ul , ol , address ) a ,
#main-content *:is( p , ul , ol , address ) a:hover ,
#main-content *:is( p , ul , ol , address ) a:active ,
#main-content *:is( p , ul , ol , address ) a:visited {
color: var(--col-pri) !important;
}
h1 , .et-l h2 {
padding: 0 !important;
color: var(--col-pri) !important;
font-family: 'proxima-nova', serif !important;
font-size: 1.75rem !important;
font-weight: 900 !important;
line-height: 120% !important;
}
.et-l h4 , .et-l h5 , .et-l h6 {
font-family: 'Signika', sans-serif !important;
}
.et-l h1 {
padding-bottom: 70px !important;
}
.et-l h2 {
padding-bottom: 45px !important;
}
.et-l h3 {
font-size: 1.2rem !important;
font-weight: 500 !important;
line-height: 100% !important;
letter-spacing: 0.03em !important;
color: #fff !important;
margin-top: 0 !important;
padding: 0.5em 0.7em !important;
border: none !important;
outline: none !important;
background: var(--col-pri) !important;
-webkit-clip-path: polygon(
0 0, 
100% 0, 
100% -webkit-calc(100% - 16px), 
-webkit-calc(100% - 16px) 100%, 
0 100%
);
clip-path: polygon(
0 0, 
100% 0, 
100% -moz-calc(100% - 16px), 
-moz-calc(100% - 16px) 100%, 
0 100%
);
clip-path: polygon(
0 0, 
100% 0, 
100% calc(100% - 16px), 
calc(100% - 16px) 100%, 
0 100%
);
}
.et-l h4 {
padding: 0 !important;
color: var(--col-mute) !important;
font-family: 'proxima-nova', serif !important;
font-size: 0.9rem !important;
font-weight: 400 !important;
line-height: 120% !important;
}
.et-l .bg-gradient h4 {
color: #fff !important; 
}
ol , li , li {
list-style: none;
}
address {
font-style: normal;
}
.et_pb_section + .et_pb_section img[src*=".svg"] {
max-width: 150px;
}
.et_pb_section#hero + .et_pb_section {
padding-top: 120px !important;
}
.bg-gradient {
background-color: #fc8f80 !important;
background-position: 50% 50%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-image: var(--bg-grad) !important;
}
.bg-pink {
background-color: var(--bg-pink) !important;
}
.bg-blue {
background-color: var(--bg-blue) !important;
}
html body #page-container > * .bt-cta > a ,
html body #page-container > * .bt-cta > button ,
html body #page-container > * a.bt-cta ,
html body #page-container > * button.bt-cta ,
html body #page-container #hero .et_pb_button ,
html body #page-container .kontaktbutton {
display: inline-block;
text-transform: uppercase !important;
letter-spacing: 0.03em !important;
text-align: center !important;
margin-top: 0 !important;
color: #fff !important;
padding: 0.5em 1.15em !important;
border: none !important;
outline: none !important;
background: var(--col-sec) !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
-o-transition: -o-transform 0.3s ease-in-out;
-moz-transition: transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out;
}
html body #page-container .kontaktbutton {
display: none !important;
}
html body #page-container > * *:is( .bt-cta > a , .bt-cta > button , a.bt-cta , button.bt-cta , .et_pb_button , .kontaktbutton ):hover {
-webkit-transform: scale(1.04) !important;
-moz-transform: scale(1.04) !important;
-ms-transform: scale(1.04) !important;
-o-transform: scale(1.04) !important;
transform: scale(1.04) !important;
}   #main-header {
height: 130px !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
border: none !important;
background: none !important;
-webkit-backdrop-filter: var(--nav-bg-vfx-off);
backdrop-filter: var(--nav-bg-vfx-off);
transition-property: padding-top , backdrop-filter;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
}
#main-header:before {
will-change: opacity;
content: '';
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background-image: url(//www.handelslogistik.de/wp-content/uploads/2026/2026_hero_deco_big.avif);
background-position: 0% 0%;
-webkit-background-size: 100% 880px;
-moz-background-size: 100% 880px;
-o-background-size: 100% 880px;
background-size: 100% 880px;
background-repeat: no-repeat;
opacity: 0;
-webkit-transition: opacity 0.2s linear 0s;
-o-transition: opacity 0.2s linear 0s;
-moz-transition: opacity 0.2s linear 0s;
transition: opacity 0.2s linear 0s;
}
#page-container #main-header:not( .et-fixed-header ) {
padding-top: calc( max( 0px , ( 100vw - 1980px ) * 0.066666 ) ) !important;
}
#page-container:not( :has( #hero:first-child ) ) #main-header:not( .et-fixed-header ) ,
body:not( .home ) #page-container #main-header:not( .et-fixed-header ) {
padding-top: 0 !important;
}
#page-container #main-header.et-fixed-header {
-webkit-backdrop-filter: var(--nav-bg-vfx-on);
backdrop-filter: var(--nav-bg-vfx-on);
}
#main-header.et-fixed-header:before ,
#page-container:not( :has( #hero:first-child ) ) #main-header:before {
opacity: 0.85;
}
#main-header * {
border: none !important;
}
#main-header .et_menu_container ,
#main-content > .container {
width: 100% !important;
height: 100% !important;
max-width: 1280px !important;
margin: 0 auto !important;
padding: 10px 40px !important;
}
#main-header .et_menu_container #et-top-navigation {
height: 100%;
margin: auto 0 auto auto !important;
padding: 0 !important;
}
#main-header .et_menu_container #et-top-navigation > nav {
height: 100%;
}
#main-header .et_menu_container #et-top-navigation ul {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
gap: 36px;
width: 100%;
height: 100%;
}
#main-header .et_menu_container #et-top-navigation ul * {
color: #fff !important;
line-height: 1rem !important;
}
#main-header .et_menu_container #et-top-navigation ul li a {
display: inline-block;
padding: 0;
font-size: 1rem;
font-weight: 400;
opacity: 1 !important;
}
#main-header .et_menu_container #et-top-navigation ul li.bt-cta a {
font-size: 0.85rem;
}
#main-header .et_menu_container #et-top-navigation ul li.current_page_item a {
text-decoration: underline !important;
}
#main-header .logo_container {
will-change: top , left;
width: 360px !important;
height: 189px !important;
top: -webkit- calc( 100% + 5px + max( 0px , ( 100vw - 1980px ) * 0.125) ) !important;
top: -moz- calc( 100% + 5px + max( 0px , ( 100vw - 1980px ) * 0.125) ) !important;
top:  calc( 100% + 5px + max( 0px , ( 100vw - 1980px ) * 0.125) ) !important;
left: 40px !important;
left: -webkit-calc( -0.25 * max( 0px, 100vw - 1920px - 0.5vw ) + 40px ) !important;
left: -moz-calc( -0.25 * max( 0px, 100vw - 1920px - 0.5vw ) + 40px ) !important;
left: calc( -0.25 * max( 0px, 100vw - 1920px - 0.5vw ) + 40px ) !important;
-webkit-transition: all 0.5s cubic-bezier(.92,.17,.11,.83);
-o-transition: all 0.5s cubic-bezier(.92,.17,.11,.83);
-moz-transition: all 0.5s cubic-bezier(.92,.17,.11,.83);
transition: all 0.5s cubic-bezier(.92,.17,.11,.83);
pointer-events: none;
}
body:not( .home ) #main-header .logo_container {
top: -webkit- calc( 100% + 5px ) !important;
top: -moz- calc( 100% + 5px ) !important;
top:  calc( 100% + 5px ) !important;
left: -webkit-calc( 40px ) !important;
left: -moz-calc( 40px ) !important;
left: calc( 40px ) !important;
}
#main-header .logo_container svg {
overflow: visible;
}
#main-header .logo_container svg .mark {
pointer-events: auto;
}
#main-header .logo_container svg .text {
will-change: opacity;
-webkit-transition: all 0.15s ease-in-out 0.2s;
-o-transition: all 0.15s ease-in-out 0.2s;
-moz-transition: all 0.15s ease-in-out 0.2s;
transition: all 0.15s ease-in-out 0.2s;
}
#main-header .logo_container svg #corner-tr {
will-change: transform;
display: block !important;
transform-box: fill-box;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translate( 0%, 0% );
-moz-transform: translate( 0%, 0% );
-ms-transform: translate( 0%, 0% );
-o-transform: translate( 0%, 0% );
transform: translate( 0%, 0% );
opacity: 1;
-webkit-animation: sliceoffRight 1s ease-out 1.5s 1 both;
-moz-animation: sliceoffRight 1s ease-out 1.5s 1 both;
-o-animation: sliceoffRight 1s ease-out 1.5s 1 both;
animation: sliceoffRight 1s ease-out 1.5s 1 both;
}
#main-header .logo_container svg #corner-bl {
will-change: transform;
display: block !important;
transform-box: fill-box;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translate( 0%, 0% );
-moz-transform: translate( 0%, 0% );
-ms-transform: translate( 0%, 0% );
-o-transform: translate( 0%, 0% );
transform: translate( 0%, 0% );
opacity: 1;
-webkit-animation: sliceoffLeft 1s ease-out 1.5s 1 both;
-moz-animation: sliceoffLeft 1s ease-out 1.5s 1 both;
-o-animation: sliceoffLeft 1s ease-out 1.5s 1 both;
animation: sliceoffLeft 1s ease-out 1.5s 1 both;
}
@-webkit-keyframes sliceoffLeft {
0% { -webkit-transform: translate( 0%, 0% ); transform: translate( 0%, 0% ); opacity: 1; }
100% { -webkit-transform: translate( -200%, -200% ); transform: translate( -200%, -200% ); opacity: 0; }
}
@-moz-keyframes sliceoffLeft {
0% { -moz-transform: translate( 0%, 0% ); transform: translate( 0%, 0% ); opacity: 1; }
100% { -moz-transform: translate( -200%, -200% ); transform: translate( -200%, -200% ); opacity: 0; }
}
@-o-keyframes sliceoffLeft {
0% { -o-transform: translate( 0%, 0% ); transform: translate( 0%, 0% ); opacity: 1; }
100% { -o-transform: translate( -200%, -200% ); transform: translate( -200%, -200% ); opacity: 0; }
}
@keyframes sliceoffLeft {
0% { -webkit-transform: translate( 0%, 0% ); -moz-transform: translate( 0%, 0% ); -o-transform: translate( 0%, 0% ); transform: translate( 0%, 0% ); opacity: 1; }
100% { -webkit-transform: translate( -200%, -200% ); -moz-transform: translate( -200%, -200% ); -o-transform: translate( -200%, -200% ); transform: translate( -200%, -200% ); opacity: 0; }
}
@-webkit-keyframes sliceoffRight {
0% { -webkit-transform: translate( 0%, 0% ); transform: translate( 0%, 0% ); opacity: 1; }
100% { -webkit-transform: translate( +200%, +200% ); transform: translate( +200%, +200% ); opacity: 0; }
}
@-moz-keyframes sliceoffRight {
0% { -moz-transform: translate( 0%, 0% ); transform: translate( 0%, 0% ); opacity: 1; }
100% { -moz-transform: translate( +200%, +200% ); transform: translate( +200%, +200% ); opacity: 0; }
}
@-o-keyframes sliceoffRight {
0% { -o-transform: translate( 0%, 0% ); transform: translate( 0%, 0% ); opacity: 1; }
100% { -o-transform: translate( +200%, +200% ); transform: translate( +200%, +200% ); opacity: 0; }
}
@keyframes sliceoffRight {
0% { -webkit-transform: translate( 0%, 0% ); -moz-transform: translate( 0%, 0% ); -o-transform: translate( 0%, 0% ); transform: translate( 0%, 0% ); opacity: 1; }
100% { -webkit-transform: translate( +200%, +200% ); -moz-transform: translate( +200%, +200% ); -o-transform: translate( +200%, +200% ); transform: translate( +200%, +200% ); opacity: 0; }
}
body #main-header.et-fixed-header .logo_container ,
body #page-container:not( :has(  #hero:first-child ) ) #main-header .logo_container {
top: -webkit-calc(50% - 45px) !important;
top: -moz-calc(50% - 45px) !important;
top: calc(50% - 45px) !important;
left: 40px !important;
}
#main-header.et-fixed-header .logo_container svg .text ,
#page-container:not( :has( #hero:first-child ) ) #main-header .logo_container svg .text {
opacity: 0;
}
#main-header .logo_helper {
display: none !important;
width: 0 !important;
height: 0 !important;
}
#main-header .logo_container a {
display: block !important;
width: -webkit-fit-content !important;
width: -moz-fit-content !important;
width: fit-content !important;
}
#main-header .logo_container a > * {
display: block !important;
aspect-ratio: 63 / 33;
width: 360px !important;
height: auto !important;
max-height: none !important;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
-webkit-transition: none !important;
-o-transition: none !important;
-moz-transition: none !important;
transition: none !important;
}
#main-header.et-fixed-header .logo_container a {
width: -webkit-max-content !important;
width: -moz-max-content !important;
width: max-content !important;
}
html #page-container {
overflow-y: unset !important;
padding: 0 !important;
margin-top: 0 !important;
}
.et_pb_row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.et_pb_row:first-child {
padding-top: 0;
}
.et_pb_row:last-child {
padding-bottom: 0;
}
.et_pb_heading {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
#main-content {
background: #ffffff;
}
#main-content:not( :has( #hero:first-child ) ) {
margin-top: 180px !important;
}
#main-content .et_pb_section > .et_pb_row ,
footer .et_pb_section > .et_pb_row {
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding: 0 40px !important;
}
html .et_pb_menu.et_pb_module {
background-color: transparent;
}   #hero ,
#hero .et_pb_module ,
#hero .et_pb_slides ,
#hero .et_pb_slide ,
#hero .et_pb_slider_container ,
#hero .et_pb_slider_container_inner {
height: 880px;
height: clamp( 520px, 60vw, 880px );
}
body:not( .home ) #hero ,
body:not( .home ) #hero .et_pb_module ,
body:not( .home ) #hero .et_pb_slides ,
body:not( .home ) #hero .et_pb_slide ,
body:not( .home ) #hero .et_pb_slider_container ,
body:not( .home ) #hero .et_pb_slider_container_inner {
height: 540px;
}
body:not( .home ) #hero .et_parallax_bg {
background-position: 50% 50% !important;
}
#hero .et_pb_slide .et_parallax_bg_wrap {
z-index: 0;
}
#hero .et_pb_slide{
display: block !important;
background-size: cover !important;
background-position: 35% 0% !important; } #hero .et_pb_slides .et_pb_container {
z-index: 3;
}
body:not( .home ) #hero .et_pb_slide ,
body:not( .home ) header#main-header:before {
background-image: 
linear-gradient(90deg,
#fc6a49cb 0%,
#fa7d42cb 11.8%,
#fbb83acb 50.2%,
#f7a427cb 62%,
#f8a128cb 65.0%,
#f8962fcb 74.0%,
#f88f33cb 78%,
#f9843acb 82.2%,
#fb6f46cb 95.8%,
#fc6949cb 100%
),
linear-gradient(90deg,
#fc6949 0%,
#fa8638 31%,
#f7a427 62%,
#f79a2d 70%,
#f88f33 78%,
#fa7c3e 89%,
#fc6949 100%
) !important;
}
#hero .et_pb_slide:before {
content: '';
z-index: 1;
position: absolute;
width: 100%;
height: 100%;
inset: 0;
background-image: url(//www.handelslogistik.de/wp-content/uploads/2026/2026_hero_deco_big.avif);
background-position: 0% 0%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
}
#hero .et_pb_slide:after {
content: '';
z-index: 2;
position: absolute;
width: 440px;
height: 476px;
inset: auto 0 0 auto;
background-image: url(//www.handelslogistik.de/wp-content/uploads/2026/2026_hero_deco_small.avif);
background-position: 100% 100%;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
}
body:not( .home ) #hero .et_pb_slide:before {
background-image: url(//www.handelslogistik.de/wp-content/uploads/2026/2026_hero_non-home_deco_left.avif) !important;
background-size: auto 85%;
background-position: 0% 100%;
width: 100% !important;
height: 100% !important;
inset: 0 !important;
}
body:not( .home ) #hero .et_pb_slide:after {
background-image: url(//www.handelslogistik.de/wp-content/uploads/2026/2026_hero_non-home_deco_right.avif) !important;
background-size: auto 100%;
background-position: 100% 0%;
width: 100% !important;
height: 100% !important;
inset: 0 !important;
}
@supports NOT ( background: url(//www.handelslogistik.de/wp-content/themes/Divi_Child/assets/css/image.avif) ) {
#hero .et_pb_slide:before ,
#main-header:before {
background-image: url(//www.handelslogistik.de/wp-content/uploads/2026/2026_hero_deco_big.webp);
}
#hero .et_pb_slide:after {
background-image: url(//www.handelslogistik.de/wp-content/uploads/2026/2026_hero_deco_small.webp);
}
}
@supports NOT ( background: url(//www.handelslogistik.de/wp-content/themes/Divi_Child/assets/css/image.webp) ) {
#hero .et_pb_slide:before ,
#main-header:before {
background-image: url(//www.handelslogistik.de/wp-content/uploads/2026/2026_hero_deco_big.png);
}
#hero .et_pb_slide:after {
background-image: url(//www.handelslogistik.de/wp-content/uploads/2026/2026_hero_deco_small.png);
}
}
#hero .et_pb_slides .et_pb_slider_container_inner {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-moz-box-orient: vertical !important;
-moz-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
width: 100% !important;
padding-top: 130px !important;
}
#hero .et_pb_slides .et_pb_slide_description {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
width: 100% !important;
height: 100% !important;
text-align: right !important;
margin: 0 !important;
padding: 0 !important;
}
body:not( .home ) #hero .et_pb_slides .et_pb_slide_description {
position: relative !important;
max-width: 1280px !important;
margin: 0 auto !important;
}
#hero .et_pb_slides .et_pb_slide_description .et_pb_button_wrapper {
position: absolute;
inset: auto -4% 100px auto;
}
body:not( .home ) #hero .et_pb_slides .et_pb_slide_description .et_pb_button_wrapper {
inset: auto 40px 100px auto;
}
#hero .et_pb_slides .et_pb_slide_description .et_pb_button ,
#hero .et_pb_slides .et_pb_slide_description .et_pb_button * {
font-size: 1.15rem !important;
font-weight: 400 !important;
line-height: 120% !important;
text-transform: none !important;
}   .et_pb_section:has( > .sticky-float-bts:only-child ) {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#main-content .et_pb_section > .et_pb_row.sticky-float-bts {
display: block !important;
z-index: 9999999;
position: absolute;
inset: 50% 0 auto auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: auto !important;
max-width: 210px !important;
height: auto !important;
padding: 0 !important;
outline: 2px solid rgba( 255, 255, 255, 0.4 );
-webkit-transition: -webkit-box-shadow 0.15s linear;
transition: -webkit-box-shadow 0.15s linear;
-o-transition: box-shadow 0.15s linear;
-moz-transition: box-shadow 0.15s linear, -moz-box-shadow 0.15s linear;
transition: box-shadow 0.15s linear;
transition: box-shadow 0.15s linear, -webkit-box-shadow 0.15s linear, -moz-box-shadow 0.15s linear;
}
#main-content .et_pb_section > .et_pb_row.sticky-float-bts.stuck ,
#sticky-float-bts-mobile {
position: fixed !important;
}
#main-content .et_pb_section > .et_pb_row.sticky-float-bts * ,
#sticky-float-bts-mobile * {
display: block;
margin: 0 !important;
}
#main-content .et_pb_section > .et_pb_row.sticky-float-bts > .et_pb_column {
width: 100% !important;
margin-right: 0 !important;
}
html body #page-container > * .sticky-float-bts .et_pb_button ,
#sticky-float-bts-mobile .et_pb_button {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: space-evenly !important;
-webkit-justify-content: space-evenly !important;
-moz-box-pack: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-moz-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
text-transform: uppercase;
font-size: 1.1rem !important;
line-height: 100% !important;
padding: 0.66rem !important;
border: none !important;
}
body #page-container .et_pb_button.bt-ticket ,
body #page-container .et_pb_button.bt-ticket:hover {
color: var(--col-pri) !important;
background: var(--bg-pink) !important;
}
body .et_pb_button.bt-ticket:before , 
body .et_pb_button.et_button_no_icon.bt-ticket:before {
content: '' !important;
display: inline-block !important;
opacity: 1 !important;
position: static !important;
width: 44px !important;
width: 1.75rem !important;
height: 26px !important;
height: 1.1rem !important;
margin: 0 auto 0 0 !important;
background-repeat: no-repeat !important;
background-image: url(//www.handelslogistik.de/wp-content/uploads/2026/2026_icon_ticket.svg) !important;
-webkit-background-size: contain !important;
-moz-background-size: contain !important;
-o-background-size: contain !important;
background-size: contain !important;
background-position: center !important;
}
body #page-container .et_pb_button.bt-contact ,
body #page-container .et_pb_button.bt-contact:hover {
color: var(--col-sec) !important;
background: var(--bg-blue) !important;
}
body .et_pb_button.bt-contact:before , 
body .et_pb_button.et_button_no_icon.bt-contact:before {
content: '' !important;
display: inline-block !important;
opacity: 1 !important;
position: static !important;
width: 41px !important;
height: 24px !important;
margin: 0 auto 0 0 !important;
background-repeat: no-repeat !important;
background-image: url(//www.handelslogistik.de/wp-content/uploads/2026/2026_icon_letter.svg) !important;
-webkit-background-size: contain !important;
-moz-background-size: contain !important;
-o-background-size: contain !important;
background-size: contain !important;
background-position: center !important;
}
body .et_pb_button.bt-ticket:after , 
body .et_pb_button.et_button_no_icon.bt-ticket:after ,
body .et_pb_button.bt-contact:after , 
body .et_pb_button.et_button_no_icon.bt-contact:after {
content: '';
display: inline-block !important;
position: static;
width: 0;
height: 0;
margin-left: 0;
visibility: hidden;
}
#section-intro {
padding-top: 120px !important;
padding-bottom: 120px !important;
} .et-l #section-intro *:not( h1, h2 ) {
font-size: 1rem !important;
}
#section-intro .et_pb_row {
padding-bottom: 0 !important;
}
#section-intro:before {
content: '';
z-index: 4;
display: block;
position: absolute;
inset: auto auto 100% 0;
margin-bottom: -1px;
height: 80px;
width: 400px;
width: clamp(400px, 20%, 600px);
background: inherit;
-webkit-clip-path: polygon(
0 0, 
-webkit-calc(100% - 160px) 0, 
100% 100%, 
0 100%
);
clip-path: polygon(
0 0, 
-moz-calc(100% - 160px) 0, 
100% 100%, 
0 100%
);
clip-path: polygon(
0 0, 
calc(100% - 160px) 0, 
100% 100%, 
0 100%
);
}
#section-intro:after {
content: '';
z-index: 4;
display: block;
position: absolute;
inset: 100% 0 auto auto;
margin-top: -1px;
height: 80px;
width: 300px;
width: clamp(300px, 15%, 500px);
background: inherit;
-webkit-clip-path: polygon(
0 0, 
100% 0,
100% 100%, 
160px 100%
);
clip-path: polygon(
0 0, 
100% 0,
100% 100%, 
160px 100%
);
}
#section-intro:has( + .section-partners ) {
padding-bottom: 20px !important;
}
body #page-container .et_pb_module + .et_pb_video {
margin-top: 40px !important;
margin-top: 1.56rem !important;
}
body #page-container .et_pb_text + .et_pb_text {
margin-top: 40px !important;
}   #section-facts {
padding-top: 180px;
padding-bottom: 100px;
}
#section-facts:after {
content: '';
z-index: 4;
display: block;
position: absolute;
inset: 100% auto auto 0;
margin-top: -1px;
height: 80px;
width: 300px;
width: clamp(300px, 15%, 500px);
background: inherit;
-webkit-clip-path: polygon(
0 0, 
100% 0,
-webkit-calc(100% - 160px) 100%, 
0 100%
);
clip-path: polygon(
0 0, 
100% 0,
-moz-calc(100% - 160px) 100%, 
0 100%
);
clip-path: polygon(
0 0, 
100% 0,
calc(100% - 160px) 100%, 
0 100%
);
}
#section-facts .et_pb_column:not( :only-child ) * {
text-align: center;
}
#section-facts .et_pb_row:has( > .et_pb_column:not( :only-child ) ) {
padding-left: 1%;
padding-right: 1%;
}
#section-facts img {
display: block;
aspect-ratio: 4 / 5;
-o-object-position: 50% 50%;
object-position: 50% 50%;
-o-object-fit: contain;
object-fit: contain;
width: auto;
max-width: 100%;
height: 160px;
max-height: 100%;
margin-left: auto;
margin-right: auto;
}
#section-facts .et_pb_column .et_pb_code * {
color: var(--col-pri);
font-family: 'proxima-nova', serif;
font-size: 1.1rem;
font-weight: 700;
}
#section-facts .et_pb_column .et_pb_code *.num {
font-size: 2.1rem;
}
#section-facts .et_pb_column .et_pb_text {
padding-top: 40px;
}
#section-facts .et_pb_column .et_pb_text * {
font-size: 0.9rem;
}   #section-orgs {
padding-top: 120px;
padding-bottom: 120px;
}
#section-orgs .et_pb_image_wrap {
width: 100% !important;
}
#section-orgs img {
display: block;
aspect-ratio: 2 / 1;
-o-object-position: 50% 50%;
object-position: 50% 50%;
-o-object-fit: contain;
object-fit: contain;
min-width: 100%;
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
margin-left: auto;
margin-right: auto;
}   .section-partners {
padding-top: 120px !important;
padding-bottom: 120px !important;
}
.section-partners + .section-partners {
padding-top: 40px !important;
padding-bottom: 80px !important;
}
.section-partners:not( :has( + .section-partners ) ):after {
content: '';
z-index: 4;
display: block;
position: absolute;
inset: 100% 0 auto auto;
margin-top: -1px;
height: 80px;
width: 300px;
width: clamp(300px, 15%, 500px);
background: inherit;
-webkit-clip-path: polygon(
0 0, 
100% 0,
100% 100%, 
160px 100%
);
clip-path: polygon(
0 0, 
100% 0,
100% 100%, 
160px 100%
);
}
.section-partners:has( + .section-partners ) {
padding-bottom: 0 !important;
}
.section-partners .et_pb_specialty_column .et_pb_row_inner {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.section-partners .et_pb_column {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.section-partners .et_pb_specialty_column .et_pb_row_inner + .et_pb_row_inner .et_pb_column {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
}
.section-partners .et_pb_specialty_column .et_pb_row_inner + .et_pb_row_inner .et_pb_column .et_pb_module {
width: auto;
min-width: 200px;
flex-basis: 25%;
gap: 15px;
}
.section-partners .et_pb_image_wrap {
width: 100% !important;
}
.section-partners img {
display: block;
aspect-ratio: 4 / 3;
-o-object-position: 50% 50%;
object-position: 50% 50%;
-o-object-fit: contain;
object-fit: contain;
min-width: 100%;
width: fit-content;
max-width: 100%;
height: auto;
max-height: 100%;
margin-left: auto;
margin-right: auto;
}   .section-contacts.et_section_regular {
padding-top: 100px;
padding-bottom: 30px;
}
.section-contacts.et_section_specialty {
padding-top: 30px;
padding-bottom: 100px;
}
.section-contacts.et_section_specialty .et_pb_button {
width: 100%;
}
.section-contacts.et_section_specialty .et_pb_row_inner ,
.section-contacts.et_section_specialty .et_pb_row > .et_pb_column {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.section-contacts.et_section_specialty > .et_pb_row > * > * + * {
margin-top: 20px !important;
}
.section-contacts.et_section_specialty .et_pb_module_heading {
min-height: 2em;
}
.section-contacts.et_section_specialty .et_pb_heading ,
.section-contacts.et_section_specialty .et_pb_module_heading ,
.section-contacts.et_section_specialty .et_pb_heading_container {
width: 100%;
}
.section-contacts.et_section_specialty > .et_pb_row > * > *:only-child {
margin-top: -webkit-calc( 2.4rem + 20px ) !important;
margin-top: -moz-calc( 2.4rem + 20px ) !important;
margin-top: calc( 2.4rem + 20px ) !important;
}
.et-l .section-contacts.et_section_specialty h3:empty {
visibility: hidden !important;
}
.section-contacts.et_section_specialty > .et_pb_row {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.section-contacts.et_section_specialty > .et_pb_row > .et_pb_column {
display: -ms-grid;
display: grid;
-ms-grid-rows: auto 1fr;
grid-template-rows: auto 1fr;
}
.section-contacts.et_section_specialty > .et_pb_row > .et_pb_column.et_pb_column_single:has( > .et_pb_module:only-child ) {
-ms-grid-rows: 1fr;
grid-template-rows: 1fr;
}
.section-contacts.et_section_specialty > .et_pb_row > .et_pb_column > * ,
.section-contacts.et_section_specialty > .et_pb_row > .et_pb_column > * > * ,
.section-contacts.et_section_specialty .et_pb_module ,
.section-contacts.et_section_specialty .et_pb_module > * {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: stretch;
-webkit-justify-content: stretch;
-moz-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.ehidk_hello_world ,
.ehidk_hello_world > .et_pb_module_inner ,
.kontaktbox {
max-width: 100%;
}
.kontaktbox {
padding: 40px 20px 55px 20px !important;
background: var(--bg-pink);
-webkit-clip-path: polygon(
0 0, 
100% 0, 
100% -webkit-calc(100% - 54px), 
-webkit-calc(100% - 54px) 100%, 
0 100%
);
clip-path: polygon(
0 0, 
100% 0, 
100% -moz-calc(100% - 54px), 
-moz-calc(100% - 54px) 100%, 
0 100%
);
clip-path: polygon(
0 0, 
100% 0, 
100% calc(100% - 54px), 
calc(100% - 54px) 100%, 
0 100%
);
}
.kontaktbox img.kontaktbild {
aspect-ratio: 23 / 20;
width: 100%;
min-width: 100%;
height: auto;
margin-bottom: 32px;
-o-object-position: 50% 0%;
object-position: 50% 0%;
-o-object-fit: cover;
object-fit: cover;
}
.kontaktbox .name {
color: var(--col-pri);
font-size: 0.9rem;
font-weight: 400;
line-height: 110%;
}
.kontaktbox .zustaendigkeit {
min-height: 2.2em;
margin-top: 15px;
color: #000;
font-size: 0.75rem;
font-weight: 400;
line-height: 110%;
}
.kontaktbox .funktion {
min-height: 2.2em;
margin-top: 15px;
color: #808080 !important;
font-size: 0.7rem;
font-weight: 400;
line-height: 100%;
}
.et_pb_section:not( .et_section_specialty , #section-contacts-agenda ) .et_pb_column:only-child               .kontaktbox *:is( .zustaendigkeit , .funktion ) ,
.et_pb_section:not( .et_section_specialty , #section-contacts-agenda ) .et_pb_column .et_pb_module:only-child .kontaktbox *:is( .zustaendigkeit , .funktion ) {
min-height: 0;
}
.kontaktbox .kontaktdaten ,
.kontaktbox .contact_details {
margin-top: 15px;
}
html body #page-container .kontaktbox .kontaktbutton {
margin-top: 15px !important;
min-width: 100%;
width: 100%;
}
.kontaktbox .kontaktdaten img ,
.kontaktbox .contact_details img {
display: none;
}
.kontaktbox .kontaktdaten * ,
.kontaktbox .contact_details * {
color: #808080;
font-size: 0.7rem;
font-weight: 400;
line-height: 100%;
}
.kontaktbox .kontaktdaten > * ,
.kontaktbox .contact_details > * {
margin-top: 0.2em !important;
}
.kontaktbox .kontaktdaten a:before ,
.kontaktbox .contact_details a:before {
content: '';
display: inline-block;
width: 2ch;
height: 2ch;
margin-right: 1.6ch;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}
.kontaktbox .kontaktdaten a.tel:before ,
.kontaktbox .contact_details a.tel:before {
background-image: url(//www.handelslogistik.de/wp-content/uploads/2026/2026_icon_phone.svg);
}
.kontaktbox .kontaktdaten a.mail:before ,
.kontaktbox .contact_details a.mail:before {
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
background-image: url(//www.handelslogistik.de/wp-content/uploads/2026/2026_icon_mail.svg);
}
.kontaktbox .kontaktdaten a.mail ,
.kontaktbox .kontaktdaten a.mail * ,
.kontaktbox .contact_details a.mail ,
.kontaktbox .contact_details a.mail * {
color: var(--col-pri);
}
.kontaktbox .kontaktdaten a.mail ,
.kontaktbox .contact_details a.mail {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.et_pb_module.bg-white .kontaktbox {
background: #fff;
}
html body #page-container #orga-unterbringung .kontaktbutton {
display: inline-block !important;
}
.section-contacts.et_section_regular:before {
content: '';
z-index: 4;
display: block;
position: absolute;
inset: auto auto 100% 0;
margin-bottom: -1px;
height: 80px;
width: calc(160px + (100vw - 1200px) * 0.5);
background: inherit;
-webkit-clip-path: polygon(
0 0, 
-webkit-calc(100% - 160px) 0, 
100% 100%, 
0 100%
);
clip-path: polygon(
0 0, 
-moz-calc(100% - 160px) 0, 
100% 100%, 
0 100%
);
clip-path: polygon(
0 0, 
calc(100% - 160px) 0, 
100% 100%, 
0 100%
);
}   #section-speakers , #section-contacts-agenda {
padding-top: 30px;
padding-bottom: 100px;
}
#section-speakers .kontaktbox .kontaktdaten ,
.kontaktbox .kontaktdaten a:empty ,
#section-speakers .kontaktbox .contact_details ,
.kontaktbox .contact_details a:empty {
display: none !important;
}
#section-speakers:before ,
#section-contacts-agenda:before {
content: '';
z-index: 4;
display: block;
position: absolute;
inset: auto auto 100% 0;
margin-bottom: -1px;
height: 80px;
width: clamp(400px, 20%, 600px);
background: inherit;
-webkit-clip-path: polygon(
0 0, 
-webkit-calc(100% - 160px) 0, 
100% 100%, 
0 100%
);
clip-path: polygon(
0 0, 
-moz-calc(100% - 160px) 0, 
100% 100%, 
0 100%
);
clip-path: polygon(
0 0, 
calc(100% - 160px) 0, 
100% 100%, 
0 100%
);
}
#section-contacts-agenda:before {
content: none !important;
}
.et_pb_section.agenda {
padding-bottom: 0 !important;
}
.et_pb_section.agenda + .et_pb_section.agenda {
padding-top: 20px !important;
}
.et_pb_section.agenda.section-day {
padding-bottom: 60px !important;
}
.prog-nav.et_pb_row {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
gap: 20px;
}
.prog-nav.et_pb_row.prog-nav-bot {
display: block;
}
.prog-nav.et_pb_row:after {
content: none;
display: none;
}
.prog-nav .et_pb_column {
cursor: pointer;
width: auto !important;
margin: 0 !important;
padding: 1.2em 0.9em !important;
border: none !important;
outline: none !important;
background: var(--col-pri) !important;
opacity: 0.7;
transition: all 0.3s linear;
-webkit-clip-path: polygon(
0 0, 
100% 0, 
100% 100%, 
100% 100%, 
0 100%
);
clip-path: polygon(
0 0, 
100% 0, 
100% 100%, 
100% 100%, 
0 100%
);
clip-path: polygon(
0 0, 
100% 0, 
100% 100%, 
100% 100%, 
0 100%
);
}
.prog-nav .et_pb_column.active {
opacity: 1;
-webkit-clip-path: polygon(
0 0, 
100% 0, 
100% -webkit-calc(100% - 32px), 
-webkit-calc(100% - 32px) 100%, 
0 100%
);
clip-path: polygon(
0 0, 
100% 0, 
100% -moz-calc(100% - 32px), 
-moz-calc(100% - 32px) 100%, 
0 100%
);
clip-path: polygon(
0 0, 
100% 0, 
100% calc(100% - 32px), 
calc(100% - 32px) 100%, 
0 100%
);
}
.prog-nav .et_pb_column * {
margin: 0 !important;
padding: 0 !important;
font-size: 0.92rem !important;
font-weight: 500 !important;
line-height: 120% !important;
letter-spacing: 0.03em !important;
color: #fff !important;
}
.prog-nav .et_pb_column .et_pb_module * {
display: inline-block !important;
clip-path: none !important;
}
.prog-nav {
counter-reset: day;
}
.prog-nav .et_pb_column {
counter-increment: day;
}
.prog-nav .et_pb_column .et_pb_module:before {
content: "Tag " counter(day);
display: inline-block;
padding-right: 1.4ch !important;
font-size: 1.33rem !important;
}
#main-content .et_pb_section > .et_pb_row.prog-nav-bot {
margin-top: 40px !important;
}
.prog-nav-bot:after {
content: none;
}
.prog-nav-bot menu {
display: flex;
justify-content: space-between;
gap: 40px 40px;
width: 100%;
min-width: 100%;
margin: 0 !important;
padding: 0 !important;
}
.prog-nav-bot menu li {
display: flex !important;
gap: 0.5ch;
align-items: flex-end;
flex-basis: 50%;
min-width: fit-content;
cursor: pointer;
}
.prog-nav-bot menu li.day-prev {
margin-right: auto !important;
}
.prog-nav-bot menu li.day-next {
margin-left: auto !important;
}
.prog-nav-bot menu li.day-prev:after {
content: '#';
font-family: "ETmodules" !important;
font-size: 1.2em !important;
line-height: 1.4rem !important;
}
.prog-nav-bot menu li.day-next:before {
content: '$';
font-family: "ETmodules" !important;
font-size: 1.2em !important;
line-height: 1.4rem !important;
}
.prog-nav-bot menu li ,
.prog-nav-bot menu li * {
font-size: 1.4rem !important;
font-weight: 500 !important;
line-height: 120% !important;
color: var(--col-pri) !important;
}
.prog-nav-bot menu li .date {
padding: 0 1ch;
}
.prog-nav-bot menu li .date * {
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
background: none !important;
font-size: 1rem !important;
font-weight: 500 !important;
line-height: 120% !important;
clip-path: none !important;
}
.section-day * {
font-size: 0.6666rem;
letter-spacing: 0.03em !important;
}
.section-day .et_pb_row {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.section-day .et_pb_row + .et_pb_row {
margin-top: 20px !important;
}
.section-day .et_pb_column {
background: var(--bg-pink);
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 20px !important;
-webkit-clip-path: polygon(
0 0, 
100% 0, 
100% -webkit-calc(100% - 40px), 
-webkit-calc(100% - 40px) 100%, 
0 100%
);
clip-path: polygon(
0 0, 
100% 0, 
100% -moz-calc(100% - 40px), 
-moz-calc(100% - 40px) 100%, 
0 100%
);
clip-path: polygon(
0 0, 
100% 0, 
100% calc(100% - 40px), 
calc(100% - 40px) 100%, 
0 100%
);
}
.section-day .pause .et_pb_column ,
.section-day .break .et_pb_column ,
.section-day .special .et_pb_column {
display: flex;
flex-wrap: wrap;
justify-content: stretch;
gap: 20px 60px;
padding: 25px 20px !important;
}
.section-day .pause .et_pb_column > :first-child,
.section-day .break .et_pb_column > :first-child,
.section-day .special .et_pb_column > :first-child {
flex-basis: fit-content;
min-width: fit-content;
margin: 0 !important;
}
.section-day .pause .et_pb_column > * + *,
.section-day .break .et_pb_column > * + * ,
.section-day .special .et_pb_column > * + * {
flex-basis: max-content;
min-width: max-content;
margin: 0 !important;
}
.section-day .et_pb_column * {
background-color: none !important;
}
.section-day .et_pb_column > * {
padding: 0 !important;
}
.section-day .et_pb_module {
margin-top: 0 !important;
}
.section-day .et_pb_module.uhrzeit {
display: flex;
align-items: center;
}
.section-day .et_pb_module.uhrzeit ,
.section-day .et_pb_module.uhrzeit * {
font-size: 0.63rem !important;
font-weight: 500 !important;
line-height: 100% !important;
}
.section-day .programmpunkt .uhrzeit:before {
content: '';
width: 3ch;
height: 3ch;
margin-right: 1ch;
background-image: url(//www.handelslogistik.de/wp-content/uploads/2026/2026_icon_clock.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.section-day .et_pb_heading ,
.section-day .et_pb_heading * ,
.section-day .et_pb_toggle_title ,
.section-day .et_pb_toggle_title * {
font-size: 0.75rem !important;
font-weight: 500 !important;
line-height: 120% !important;
color: #000 !important;
margin: 0 !important;
padding: 0 !important;
}
.section-day .et_pb_toggle_title {
clip-path: none !important;
}
#main-content .et_pb_toggle_title::before {
content: "3";
position: absolute;
top: 50%; right: 0 !important;
margin-top: -.5em;
font-size: 40px;
color: #000;
transition: transform 0.35s linear;
}
#main-content .et_pb_accordion .et_pb_toggle_title {
padding-right: 60px !important;
}
#main-content .et_pb_accordion .et_pb_toggle_title::before {
right: 15px !important;
}
#main-content .et_pb_toggle_open .et_pb_toggle_title::before {
content: "3" !important;
transform: rotate( 90deg );
}
.section-day .pause .et_pb_module_heading ,
.section-day .break .et_pb_module_heading ,
.section-day .special .et_pb_module_heading ,
.section-day .pause .et_pb_text * ,
.section-day .break .et_pb_text * ,
.section-day .special .et_pb_text * {
font-family: 'Signika', sans-serif !important;
font-size: 0.85rem !important; 
font-weight: 500 !important;
line-height: 100% !important;
color: var(--col-pri) !important;
}
.section-day .et_pb_toggle_content {
padding: 20px;
}
.section-day .et_pb_toggle_content * {
font-size: 0.7rem !important;
font-weight: 400 !important;
line-height: 130% !important;
letter-spacing: 0 !important;
color: #000 !important;
}
.section-day .et_pb_heading ,
.section-day .et_pb_toggle {
margin-top: 10px !important;
}
.section-day .et_pb_module.speakers-wrapper {
margin-top: 20px !important;
}
.section-day .speakers-wrapper > .et_pb_code_inner {
display: grid;
grid-template-columns: repeat( auto-fill, minmax( 360px, 1fr) );
grid-template-rows: auto;
gap: 20px !important;
}
.section-day .speakers-wrapper .speaker {
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto;
gap: 0 20px !important;
margin: 0 !important;
padding: 0 !important;
min-width: 0 !important;
}
.section-day .speakers-wrapper .speaker img {
grid-column: 1 / 2;
grid-row: 1 / 4;
aspect-ratio: 1 / 1;
width: 64px;
height: 64px;
object-fit: contain;
object-position: 50% 0%;
float: auto !important;
margin: 0;
}
.section-day .speakers-wrapper .speaker .name {
grid-column: 2 / 3;
font-size: 0.75rem !important;
font-weight: 400 !important;
line-height: 130% !important;
color: var(--col-pri) !important;
}
.section-day .speakers-wrapper .speaker .company ,
.section-day .speakers-wrapper .speaker .role {
grid-column: 2 / 3;
font-size: 0.6rem !important;
font-weight: 400 !important;
line-height: 130% !important;
color: #000 !important;
}
.section-day .speakers-wrapper .speaker .role {
color: var(--col-mute) !important;
}
#main-content .et_pb_section.section-day > .et_pb_row.parallel-prehead {
margin-top: 60px !important;
}
.section-day .parallel-prehead * {
font-size: 0.85rem !important;
font-weight: 500 !important;
line-height: 120% !important;
color: var(--col-pri) !important;
background: none !important;
clip-path: none !important;
margin: 0 !important;
padding: 0 !important;
}
.section-day .programmpunkt.parallel {
display: grid;
grid-template-columns: repeat( auto-fill, minmax( 330px, 1fr ) );  
grid-auto-rows: auto;
gap: 20px; align-items: stretch;
}
@media screen AND ( max-width: 1109px ) {
.section-day .programmpunkt.parallel > * + * + *:last-child {
grid-column: 1 / -1;
}
}
.section-day .programmpunkt.parallel::after {
content: '';
display: none;
}
.section-day .programmpunkt.parallel .et_pb_column {
width: auto !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 2px solid var(--col-pri);
background: #fff !important;
clip-path: none !important;
}
.section-day .programmpunkt.parallel .et_pb_module {
margin-top: 0 !important;
padding: 20px !important;
}
.section-day .programmpunkt.parallel .et_pb_module > .et_pb_module {
padding: 0 !important;
}
.section-day .programmpunkt.parallel .et_pb_module * {
font-family: 'Signika', sans-serif !important;
}
.section-day .et_pb_module.breakout-col-header {
background: var(--bg-pink) !important;
text-align: center !important;
}
.section-day .et_pb_module.breakout-col-header * {
text-align: center !important;
font-size: 0.65rem !important;
font-weight: 500 !important;
line-height: 110% !important;
color: var(--col-pri) !important;
padding: 0 !important;
}
.section-day .et_pb_module.breakout-col-header .breakout-label {
text-transform: uppercase;
padding-bottom: 15px !important; 
}
.section-day .et_pb_module.breakout-col-header .breakout-headline {
font-size: 0.9rem !important;
color: #000 !important;
padding-bottom: 15px !important; 
}
.section-day .programmpunkt.parallel .et_pb_text p:only-child {
font-size: 0.75rem !important;
font-weight: 400 !important;
line-height: 130% !important;
letter-spacing: 0 !important;
color: #000 !important;
}
.section-day .programmpunkt.parallel .et_pb_module.uhrzeit {
margin: 0 !important;
padding-top: 20px !important;
padding-bottom: 0 !important;
border-top: 2px solid var(--col-pri) !important;
}
.section-day .programmpunkt.parallel .et_pb_heading ,
.section-day .programmpunkt.parallel .et_pb_accordion {
margin-top: 10px !important;
padding-top: 0 !important;
}
.section-day .programmpunkt.parallel .et_pb_toggle_title {
background: none !important;
clip-path: none !important;
}
.section-day .programmpunkt.parallel .et_pb_heading * ,
.section-day .programmpunkt.parallel .et_pb_toggle_title * {
font-size: 0.75rem !important;
font-weight: 500 !important;
line-height: 120% !important;
color: #000 !important;
margin: 0 !important;
padding: 0 !important;
}
.section-day .programmpunkt.parallel .et_pb_toggle_content {
padding-right: 0 !important;
padding-bottom: 0 !important;
padding-left: 0 !important;
}
.section-day .programmpunkt.parallel .et_pb_toggle_content * {
font-size: 0.6rem !important;
font-weight: 400 !important;
line-height: 140% !important;
letter-spacing: 0 !important;
color: #000 !important;
}
.section-day .programmpunkt.parallel .speakers-wrapper {
margin: 0 !important;
padding-top: 0 !important;
}
.section-day .programmpunkt.parallel .speakers-wrapper .et_pb_code_inner {
grid-template-columns: repeat( auto-fill, minmax( 200px, 1fr) );
}
.section-day .programmpunkt.parallel:not( :has( > .et_pb_column:nth-child(2) ) ) .speakers-wrapper .et_pb_code_inner {
grid-template-columns: repeat( auto-fill, minmax( 260px, 1fr) );
}
.section-day + .section-day {
}
.section-day:not( :where( + .section-day ) ):after {
content: '';
z-index: 4;
display: block;
position: absolute;
inset: 100% 0 auto auto;
margin-top: -1px;
height: 80px;
width: 300px;
width: clamp(300px, 15%, 500px);
background: inherit;
-webkit-clip-path: polygon(
0 0, 
100% 0,
100% 100%, 
160px 100%
);
clip-path: polygon(
0 0, 
100% 0,
100% 100%, 
160px 100%
);
} .section-top-sponsors {
padding-bottom: 0 !important;
}
.section-top-sponsors ~ .section-top-sponsors {
padding-top: 0 !important;
padding-bottom: 54px !important;
}
#top-sponsors {
padding-bottom: 180px !important;
}
#top-sponsors * {
float: unset !important;
}
#top-sponsors .et_pb_row_inner {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#top-sponsors > .et_pb_row {
display: flex;
gap: 40px;
}
#top-sponsors > .et_pb_row:after {
content: none;
display: none;
}
#top-sponsors .et_pb_specialty_column {
width: auto;
flex-basis: 46%;
margin-right: 0 !important;
}
#top-sponsors .et_pb_column_single {
width: auto;
flex-basis: 28%;
margin-right: 0 !important;
}
#top-sponsors .et_pb_specialty_column > * + * ,
.sponsors .et_pb_row {
margin-top: 20px !important;
}
#top-sponsors > .et_pb_row > .et_pb_column:not( .et_pb_specialty_column ) {
margin-top: -webkit-calc( 2.4rem + 20px ) !important;
margin-top: -moz-calc( 2.4rem + 20px ) !important;
margin-top: calc( 2.4rem + 20px ) !important;
}
#top-sponsors .et_pb_column_single > svg ,
#top-sponsors .et_pb_specialty_column .et_pb_column > svg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
opacity: 1;
transition: opacity 1s;
}
#top-sponsors .et_pb_column_single > svg path ,
#top-sponsors .et_pb_specialty_column .et_pb_column > svg path {
stroke-width: 2px;
stroke-linecap: square;
stroke: var(--col-pri);
fill: none;
}
#top-sponsors .et_pb_row_inner + .et_pb_row_inner .et_pb_column_inner ,
#top-sponsors .et_pb_specialty_column ~ .et_pb_column ,
.sponsors .et_pb_column {
display: flex;
justify-content: stretch;
align-items: flex-start;
flex-wrap: wrap;
padding: 100px 40px 40px 40px !important;
}
.sponsors .et_pb_column {
padding: 90px 20px 20px 20px !important;
background: #fff;
}
.sponsors .et_pb_column_empty ,
.sponsors .et_pb_row:has( .et_pb_heading ) .et_pb_column {
background: none;
padding: 20px 0 0 0 !important;
}
#top-sponsors .et_pb_row_inner + .et_pb_row_inner .et_pb_column_inner > * ,
#top-sponsors .et_pb_specialty_column ~ .et_pb_column > * ,
.sponsors .et_pb_column > * {
flex-basis: 100%;
min-width: 100%;
}
#top-sponsors .et_pb_row_inner + .et_pb_row_inner .et_pb_column_inner > *:last-child ,
#top-sponsors .et_pb_specialty_column ~ .et_pb_column > *:last-child ,
.sponsors .et_pb_column > *:last-child {
align-self: flex-end;
}
#top-sponsors .et_pb_specialty_column ~ .et_pb_column:not( :has( > .et_pb_module ) ) ,
#top-sponsors .et_pb_row_inner + .et_pb_row_inner .et_pb_column_inner:not( :has( > .et_pb_module) ) {
display: none;
}
#top-sponsors .et_pb_row_inner.onsite .et_pb_column_inner:before ,
#top-sponsors .et_pb_specialty_column ~ .et_pb_column.onsite:before ,
#top-sponsors .et_pb_column + .et_pb_column:before ,
.sponsors .et_pb_column.onsite:before {
content: 'vor Ort';
z-index: 2;
position: absolute;
top: 25px;
right: 25px;
padding: 65px 4px 0 4px;
background-color: #fff;
background-image: url(//www.handelslogistik.de/wp-content/uploads/2026/2026_icon_exhibitors.svg);
background-position: 50% 0%;
background-size: contain;
background-repeat: no-repeat;
font-size: 0.6rem !important;
font-weight: 400 !important;
line-height: 100% !important;
letter-spacing: 0 !important;
color: var(--col-pri) !important;
text-align: center;
filter: grayscale(100%);
}
.sponsors .et_pb_column.onsite:before {
top: 20px;
right: 20px;
padding: 45px 0 0 0;
font-size: 0.5rem !important;
}
.sponsors .et_pb_row:not( :has( .et_pb_column.onsite > * ) ) .et_pb_column:not( .et_pb_column_empty ) {
padding-top: 20px !important;
}
#main-content .sponsors .et_pb_row .et_pb_column.et_pb_column_empty {
margin: 0 !important;
padding: 0 !important;
}
.sponsors .et_pb_column_empty.onsite:before ,
.sponsors .et_pb_column:only-child.onsite:before ,
.sponsors .et_pb_row:has( .et_pb_heading ) .et_pb_column.onsite:before {
content: none;
display: none;
}
#top-sponsors .et_pb_row_inner + .et_pb_row_inner .et_pb_column_inner:after ,
#top-sponsors .et_pb_specialty_column ~ .et_pb_column:after {
content: '';
z-index: 3;
position: absolute;
left: 100%;
bottom: 100%;
width: 64px;
height: 64px;
transform: translate(-60%, 60%);
background-color: var(--col-pri);
clip-path: path(
"M64,32c-9.52,0-18.12-4.24-24-10.93-4.97-5.65-8-13.03-8-21.07,0,8.04-3.03,15.42-8,21.07-5.88,6.68-14.49,10.93-24,10.93,8.04,0,15.43,3.03,21.07,8,6.68,5.88,10.93,14.49,10.93,24,0-8.04,3.03-15.42,8-21.07,5.88-6.68,14.49-10.93,24-10.93Z"
);
}
#top-sponsors .et_pb_row_inner + .et_pb_row_inner .et_pb_column_inner:after {
background-color: gold;
}
#top-sponsors .et_pb_specialty_column + .et_pb_column:after {
background-color: silver;
}
#top-sponsors .et_pb_specialty_column + .et_pb_column + .et_pb_column:after {
background-color: #b26a49;
}
#top-sponsors .et_pb_row_inner + .et_pb_row_inner .et_pb_column_inner.ready:after ,
#top-sponsors .et_pb_specialty_column ~ .et_pb_column.ready:after {
transform: translate(-60%, 60%) scale(0.70) rotate(-360deg);
}
#top-sponsors .et_pb_row_inner + .et_pb_row_inner .et_pb_column_inner.done:after ,
#top-sponsors .et_pb_specialty_column ~ .et_pb_column.done:after {
animation: twinkle 0.85s ease-in-out 0s 1 both;
}
@keyframes twinkle {
0% { transform: translate(-60%, 60%) scale(0.75) rotate(-360deg); }
50% { transform: translate(-60%, 60%) scale(1.4)  rotate(-180deg); }
100% { transform: translate(-60%, 60%) scale(1.00) rotate(0deg); }
}
#top-sponsors .et_pb_row_inner + .et_pb_row_inner .et_pb_column_inner.done:after {
animation-duration: 1.4s;
animation-timing-function: cubic-bezier(.77,0,.18,1);
}
#top-sponsors .et_pb_module.et_pb_accordion ,
.sponsors .et_pb_module.et_pb_accordion {
align-self: flex-end;
margin: 0 !important;
}
#top-sponsors .et_pb_toggle_title ,
.sponsors .et_pb_toggle_title {
padding: 0 !important;
background: none !important;
font-size: 0.9rem !important;
font-weight: 400 !important;
line-height: 100% !important;
color: #000 !important;
clip-path: none !important;
}
.sponsors .et_pb_toggle_title {
font-size: 0.75rem !important;
}
#top-sponsors .et_pb_toggle_content ,
.sponsors .et_pb_toggle_content {
padding: 20px 0 0 0 !important;
}
#top-sponsors .domain ,
.sponsors .domain {
padding-bottom: 20px;
}
#top-sponsors .domain ,
#top-sponsors .domain * ,
.sponsors .domain ,
.sponsors .domain * {
font-size: 0.6rem !important;
font-weight: 400 !important;
line-height: 110% !important;
letter-spacing: 0 !important;
color: #000 !important;
}
#top-sponsors .adresse ,
#top-sponsors .adresse * ,
#top-sponsors .kontaktdaten ,
#top-sponsors .kontaktdaten * ,
#top-sponsors .contact_details ,
#top-sponsors .contact_details * ,
.sponsors .adresse ,
.sponsors .adresse * ,
.sponsors .kontaktdaten ,
.sponsors .kontaktdaten * ,
.sponsors .contact_details ,
.sponsors .contact_details * {
font-size: 0.65rem !important;
font-weight: 400 !important;
line-height: 120% !important;
letter-spacing: 0 !important;
color: var(--col-mute) !important;
}
.sponsors.et_pb_section {
padding-top: 80px !important;
padding-bottom: 200px !important;
}
.sponsors .et_pb_module_heading {
width: fit-content;
min-width: 100%;
}
.sponsors .et_pb_column:only-child .et_pb_module_heading {
min-width: 22.75%;
}
.sponsors:before {
content: '';
z-index: 4;
display: block;
position: absolute;
inset: auto auto 100% 0;
margin-bottom: -1px;
height: 80px;
width: calc(160px + (100vw - 1200px) * 0.5);
background: inherit;
-webkit-clip-path: polygon(
0 0, 
-webkit-calc(100% - 160px) 0, 
100% 100%, 
0 100%
);
clip-path: polygon(
0 0, 
-moz-calc(100% - 160px) 0, 
100% 100%, 
0 100%
);
clip-path: polygon(
0 0, 
calc(100% - 160px) 0, 
100% 100%, 
0 100%
);
}
#section-ticketform {
margin-bottom: -81px !important;
padding-bottom: 180px !important;
}   .et_pb_gallery_item .et_pb_gallery_image a ,
.et_pb_gallery_item .et_pb_gallery_image img {
display: block !important;
}
.et_pb_gallery_item .et_pb_gallery_image img {
-webkit-clip-path: polygon(
0 0, 
100% 0, 
100% -webkit-calc(100% - 32px), 
-webkit-calc(100% - 32px) 100%, 
0 100%
);
clip-path: polygon(
0 0, 
100% 0, 
100% -moz-calc(100% - 32px), 
-moz-calc(100% - 32px) 100%, 
0 100%
);
clip-path: polygon(
0 0, 
100% 0, 
100% calc(100% - 32px), 
calc(100% - 32px) 100%, 
0 100%
);
}
.et_pb_gallery_item .et_pb_gallery_image .et_overlay {
border-color: var(--col-pri);
}
.et_pb_gallery_item .et_pb_gallery_image .et_overlay:before {
color: var(--col-pri);
}
.et_pb_gallery .et_pb_gallery_pagination ul li a {
font-size: 20px !important;
}   footer {
position: relative;
z-index: 0;
margin-top: 80px !important;
background: var(--bg-blue);
}
footer:before {
content: '';
z-index: 0;
display: block;
position: absolute;
inset: auto 0 100% auto;
margin-bottom: -1px;
height: 80px;
width: -webkit-calc( 50% + 180px );
width: -moz-calc( 50% + 180px );
width: calc( 50% + 180px ); background: inherit;
-webkit-clip-path: polygon(
160px 0, 
100% 0,
100% 100%,
0 100%
);
clip-path: polygon(
160px 0, 
100% 0,
100% 100%,
0 100%
);
}
footer .et_pb_section {
padding-top: 160px;
padding-bottom: 100px;
background: none !important;
}
footer .et_builder_inner_content {
z-index: 0;
}
footer .et_pb_menu__menu {
margin-left: auto !important;
}
footer .et_pb_menu__menu * {
opacity: 1 !important;
font-size: 1rem !important;
font-weight: 400 !important;
line-height: 100% !important;
}
footer .et_pb_social_media_follow {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 15px 30px;
}
footer .et_pb_social_media_follow:after {
content: none !important; 
}
footer .et_pb_social_media_follow > li {
margin: 0 !important;
}
footer .et_pb_social_media_follow a.icon {
width: 50px;
height: 50px;
margin-right: 0 !important;
-webkit-border-radius: 999999px;
-moz-border-radius: 999999px;
border-radius: 999999px;
background-color: var(--col-pri) !important;
}
footer .et_pb_social_media_follow a.icon ,
footer .et_pb_social_media_follow a.icon:before {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 30px !important;
}
footer .et_pb_social_media_follow a.icon:before {
width: auto !important;
height: auto !important;
}
@media screen AND ( max-width: 1600px ) {
#main-content .et_pb_section > .et_pb_row.sticky-float-bts {
-webkit-transform: translateX( -webkit-calc( 100% - 1.75rem - 0.66rem - 0.525rem ) );
-moz-transform: translateX( -moz-calc( 100% - 1.75rem - 0.66rem - 0.525rem ) );
-ms-transform: translateX( calc( 100% - 1.75rem - 0.66rem - 0.525rem ) );
-o-transform: translateX( calc( 100% - 1.75rem - 0.66rem - 0.525rem ) );
transform: translateX( calc( 100% - 1.75rem - 0.66rem - 0.525rem ) );
-webkit-transition: -webkit-transform 0.25s ease-in-out;
transition: -webkit-transform 0.25s ease-in-out;
-o-transition: -o-transform 0.25s ease-in-out;
-moz-transition: transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out, -o-transform 0.25s ease-in-out;
}
#main-content .et_pb_section > .et_pb_row.sticky-float-bts:hover {
-webkit-transform: translateX( 0 );
-moz-transform: translateX( 0 );
-ms-transform: translateX( 0 );
-o-transform: translateX( 0 );
transform: translateX( 0 );
}
}@media screen AND (max-width: 1200px) {
:root , html {
font-size: 19px;
}
#main-content .et_pb_section > .et_pb_row.sticky-float-bts {
max-width: 200px !important;
}
html body #page-container > * .sticky-float-bts .et_pb_button {
padding: 0.4rem !important
}
body .et_pb_button.bt-ticket::before ,
body .et_pb_button.et_button_no_icon.bt-ticket::before ,
body .et_pb_button.bt-contact::before ,
body .et_pb_button.et_button_no_icon.bt-contact::before {
min-width: 48px !important;
width: 2.1em !important;
height: 1.32em !important;
}
#main-content .et_pb_section > .et_pb_row.sticky-float-bts ,
#sticky-float-bts-mobile {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: stretch;
-webkit-justify-content: stretch;
-moz-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 0.95;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
position: static !important;
inset: auto 0 0 0;
max-width: 100% !important;
margin-top: 40px !important;
padding: 0 20px !important;
gap: 20px;
}
#main-content .et_pb_section > .et_pb_row.sticky-float-bts {
display: none !important;
width: 0;
height: 0;
visibility: hidden;
}
#sticky-float-bts-mobile { z-index: 500;
position: fixed !important;
-webkit-transform: translateY(0) !important;
-moz-transform: translateY(0) !important;
-ms-transform: translateY(0) !important;
-o-transform: translateY(0) !important;
transform: translateY(0) !important;
-webkit-transition: -webkit-transform 0.2s linear;
transition: -webkit-transform 0.2s linear;
-o-transition: -o-transform 0.2s linear;
-moz-transition: transform 0.2s linear, -moz-transform 0.2s linear;
transition: transform 0.2s linear;
transition: transform 0.2s linear, -webkit-transform 0.2s linear, -moz-transform 0.2s linear, -o-transform 0.2s linear;
width: 100%;
max-width: 100%;
margin-top: 40px !important;
padding: 0 !important;
gap: 0 !important;
}
html body #page-container > * #sticky-float-bts-mobile .et_pb_button {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-moz-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
html body #page-container > * #sticky-float-bts-mobile .et_pb_button:before {
margin: 0 !important;
}
#sticky-float-bts-mobile.hidden ,
#page-container:has( #main-header .mobile_nav.opened ) #sticky-float-bts-mobile {
-webkit-transform: translateY(100%) !important;
-moz-transform: translateY(100%) !important;
-ms-transform: translateY(100%) !important;
-o-transform: translateY(100%) !important;
transform: translateY(100%) !important;
}
#main-content .et_pb_section > .et_pb_row.sticky-float-bts > .et_pb_column {
width: 100% !important;
max-width: 300px !important;
}
#sticky-float-bts-mobile .et_pb_column {
width: 50% !important;
}
body.home #hero .et_pb_slide:before {
background-position-x: 30% !important;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
body.home #hero #hero .et_pb_slide:after {
width: 220px;
height: 238px;
}
#section-orgs .et_pb_module_heading {
padding-bottom: 20px !important;
}
.prog-nav.et_pb_row {
margin-top: 60px !important;
}
}
@media screen AND (max-width: 980px) {
h1 , h2 , h3 , h4 , h5 , h6 {
hyphens: auto !important;
}
#main-content p ,
footer * {
text-align: center !important;
}
#main-content .et_pb_section > .et_pb_row ,
footer .et_pb_section > .et_pb_row {
padding: 0 20px !important;
}
#main-content:not( :has( #hero:first-child ) ) {
margin-top: 90px !important;
}
footer .et_pb_section > .et_pb_row + .et_pb_row {
margin-top: 40px !important;
}
footer .et_pb_social_media_follow {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
footer .et_pb_menu__menu {
margin: 0 auto !important;
}
#menu-footer {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-moz-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
#main-content #section-orgs > .et_pb_row.et_pb_row_4col {
padding: 0 40px !important;
}
#section-intro {
padding-top: 120px !important;
}
html body #page-container > * .bt-cta > a ,
html body #page-container > * .bt-cta > button ,
html body #page-container > * a.bt-cta ,
html body #page-container > * button.bt-cta ,
html body #page-container #hero .et_pb_button {
padding: 0.5em !important;
line-height: 120% !important;
}
body:not( .page-id-69598 ) #hero .et_pb_slide:before {
display: none !important;
content: none !important;
}
#main-header , .et_fixed_nav #main-header {
position: fixed !important;
inset: 0 0 auto 0 !important;
height: 66px !important;
}
#main-header:before {
opacity: 1 !important;
}
#main-header .et_menu_container {
padding: 10px !important;
}
#main-header #top-menu-nav ,
footer .et_mobile_nav_menu {
display: none !important;
}
.page-id-69598 #hero ,
.page-id-69598 #hero .et_pb_module ,
.page-id-69598 #hero .et_pb_slides ,
.page-id-69598 #hero .et_pb_slide ,
.page-id-69598 #hero .et_pb_slider_container ,
.page-id-69598 #hero .et_pb_slider_container_inner {
height: 340px;
}
#hero .et_pb_slide {
background-size: cover !important;
background-position: 73.5% 100% !important;
}
footer .et_pb_menu__menu {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
#main-header #et_mobile_nav_menu > .mobile_nav > #mobile_menu {
z-index: 501 !important;
position: fixed !important;
inset: 0 !important;
background: none !important;
}
#main-header .et_menu_container #et-top-navigation ul {
pointer-events: none;
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-moz-box-orient: vertical !important;
-moz-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-moz-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-moz-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important; inset: auto 0 0 auto !important;
width: 100vw !important;
height: 100vh !important;
overflow: hidden auto !important;
opacity: 1;
-webkit-clip-path: polygon(
0 0,
-webkit-calc(100% - calc( ( 32vw + 32vh ) * 0.5 )) 0, 
100% calc( ( 32vw + 32vh ) * 0.5 ),
100% 100%,
calc( ( 32vw + 32vh ) * 0.5 ) 100%, 
0 -webkit-calc(100% - calc( ( 32vw + 32vh ) * 0.5 ))
);
clip-path: polygon(
0 0,
-moz-calc(100% - calc( ( 32vw + 32vh ) * 0.5 )) 0, 
100% calc( ( 32vw + 32vh ) * 0.5 ),
100% 100%,
calc( ( 32vw + 32vh ) * 0.5 ) 100%, 
0 -moz-calc(100% - calc( ( 32vw + 32vh ) * 0.5 ))
);
clip-path: polygon(
0 0,
calc(100% - calc( ( 32vw + 32vh ) * 0.5 )) 0, 
100% calc( ( 32vw + 32vh ) * 0.5 ),
100% 100%,
calc( ( 32vw + 32vh ) * 0.5 ) 100%, 
0 calc(100% - calc( ( 32vw + 32vh ) * 0.5 ))
);
-webkit-backdrop-filter: var(--nav-bg-vfx-off);
backdrop-filter: var(--nav-bg-vfx-off);
-webkit-transition: all 0.25s ease-in-out 0.2s;
-o-transition: all 0.25s ease-in-out 0.2s;
-moz-transition: all 0.25s ease-in-out 0.2s;
transition: all 0.25s ease-in-out 0.2s;
}
#main-header .et_menu_container #et-top-navigation ul:before {
content: '';
display: block;
z-index: 503;
position: absolute;
inset: 0;
opacity: 0;
background-color: #ff8b4e;
background-image: var(--bg-grad);
-webkit-transform: translate( -100vw, -100vw );
-moz-transform: translate( -100vw, -100vw );
-ms-transform: translate( -100vw, -100vw );
-o-transform: translate( -100vw, -100vw );
transform: translate( -100vw, -100vw );
-webkit-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
transition: all 0.25s linear;
}
#main-header .et_menu_container #et-top-navigation .mobile_nav.opened ul {
pointer-events: auto;
-webkit-backdrop-filter: var(--nav-bg-vfx-on);
backdrop-filter: var(--nav-bg-vfx-on);
}
#main-header .et_menu_container #et-top-navigation .mobile_nav.opened ul:before {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
#main-header:has( .mobile_nav.opened ) .et_menu_container #et-top-navigation ul {
-webkit-backdrop-filter: var(--nav-bg-vfx-on);
backdrop-filter: var(--nav-bg-vfx-on);
}
#main-header:has( .mobile_nav.opened ) .et_menu_container #et-top-navigation ul:before {
opacity: 0.8;
}
#main-header .et_menu_container #et-top-navigation ul > li {
z-index: 504;
position: relative;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#main-header .et_menu_container #et-top-navigation .mobile_nav.opened ul > li {
opacity: 1;
}
#main-header #et_mobile_nav_menu > .mobile_nav ,
#main-header .mobile_menu_bar::before {
z-index: 502;
}
#main-header .mobile_menu_bar.mobile_menu_bar_toggle {
padding: 0 !important;
cursor: pointer;
}
#main-header #et-top-navigation {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#main-header .mobile_menu_bar::before {
font-size: 3.6rem !important;
color: #fff;
text-shadow: 0 0 0 rgba(0,0,0,0.6);
-webkit-transition: text-shadow 0.4s;
-o-transition: text-shadow 0.4s;
-moz-transition: text-shadow 0.4s;
transition: text-shadow 0.4s;
}
#main-header .mobile_nav.opened .mobile_menu_bar::before {
text-shadow: 0 0 0.075em rgba(0,0,0,0.6); }
#main-header .et_menu_container #et-top-navigation ul li a {
font-size: 1.5rem !important;
}
#main-header .et_menu_container #et-top-navigation ul li.bt-cta a {
font-size: 1.15rem !important;
}
#main-header .logo_container ,
#main-header .logo_container > a ,
#main-header .logo_container > a > svg ,
#main-header.et-fixed-header .logo_container ,
#main-header.et-fixed-header .logo_container > a ,
#main-header.et-fixed-header .logo_container > a > svg ,
#page-container:not( :has(  #hero:first-child ) ) #main-header .logo_container ,
#page-container:not( :has(  #hero:first-child ) ) #main-header .logo_container > a ,
#page-container:not( :has(  #hero:first-child ) ) #main-header .logo_container > a > svg {
width: 180px !important;
max-width: 100% !important;
height: auto !important;
}
#main-header .logo_container svg .text {
opacity: 0 !important;
-webkit-transition-duration: 0.4s !important;
-moz-transition-duration: 0.4s !important;
-o-transition-duration: 0.4s !important;
transition-duration: 0.4s !important;
-webkit-transition-delay: 0s !important;
-moz-transition-delay: 0s !important;
-o-transition-delay: 0s !important;
transition-delay: 0s !important;
}
#main-header::before {
-webkit-transition-duration: 0.15s !important;
-moz-transition-duration: 0.15s !important;
-o-transition-duration: 0.15s !important;
transition-duration: 0.15s !important;
-webkit-transition-delay: 0.2s !important;
-moz-transition-delay: 0.2s !important;
-o-transition-delay: 0.2s !important;
transition-delay: 0.2s !important;
}
#main-header:has( .mobile_nav.opened ) .logo_container svg .text ,
#main-header.et-fixed-header:has( .mobile_nav.opened ) .logo_container svg .text {
opacity: 1 !important;
}
body.page #main-header .logo_container ,
body.page #main-header.et-fixed-header .logo_container ,
body.page #page-container:not( :has(  #hero:first-child ) ) #main-header .logo_container ,
body.page #page-container:not( :has(  #hero:first-child ) ) #main-header.et-fixed-header .logo_container {
z-index: 504 !important;
inset: 10px 20px auto 10px !important;
}
#main-header:has( .mobile_nav.opened ):before {
opacity: 0 !important;
}
#page-container #main-header:has( .mobile_nav.opened ) {
-webkit-backdrop-filter: var(--nav-bg-vfx-off);
backdrop-filter: var(--nav-bg-vfx-off);
}
html:has( #main-header .mobile_nav.opened ) {
overflow: hidden !important;
}
#hero .et_pb_slide .et_parallax_bg_wrap {
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
#hero .et_pb_slides .et_pb_slide_description {
padding-top: 66px !important;
}
#hero .et_pb_slides .et_pb_slide_description .et_pb_button_wrapper {
inset: auto 0 100px 0 !important;
}
body:not( .page-id-69598 ) #hero .et_pb_slide:before {
display: none !important;
}
#hero .et_pb_slides .et_pb_slide_description .et_pb_button ,
#hero .et_pb_slides .et_pb_slide_description .et_pb_button * {
font-size: 1.2rem !important;
}
.et-l #section-intro :not(h1, h2) {
font-size: 1.5rem !important;
}
.section-contacts.et_section_specialty .et_pb_row ,
.section-contacts.et_section_specialty .et_pb_row_inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.section-contacts.et_section_specialty .et_pb_column ,
.section-contacts.et_section_specialty .et_pb_column_inner {
margin-bottom: 0 !important;
}
.section-contacts.et_section_specialty > .et_pb_row > * {
width: 100% !important;
}
.section-contacts.et_section_specialty > .et_pb_row .et_pb_column_inner ,
.section-contacts.et_section_specialty .et_pb_heading ,
.section-contacts.et_section_specialty .et_pb_module_heading ,
.section-contacts.et_section_specialty .et_pb_heading_container {
width: auto !important;
}
.section-contacts.et_section_specialty > .et_pb_row > .et_pb_column > * ,
.section-contacts.et_section_specialty > .et_pb_row > .et_pb_column > * > * ,
.section-contacts.et_section_specialty .et_pb_module ,
.section-contacts.et_section_specialty .et_pb_module > * {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 0 !important;
}
.section-contacts.et_section_specialty .et_pb_column  + .et_pb_column .et_pb_heading {
margin-top: 60px !important;
}
.section-contacts.et_section_specialty > .et_pb_row > * > * + * {
margin-top: 20px !important;
}
.section-contacts.et_section_specialty .et_pb_module_heading {
width: 300px !important;
max-width: 100%;
}
.section-contacts.et_section_specialty .kontaktbox {
max-width: 300px !important;
padding-top: 20px !important;
}
.section-contacts.et_section_specialty .kontaktbox .kontaktbild {
margin-bottom: 15px !important;
}
.section-contacts.et_section_specialty .kontaktbox * {
font-size: 1.1rem !important
}
.section-contacts.et_section_specialty .kontaktbox *.name {
font-size: 1.45rem !important
}
.section-contacts.et_section_specialty > .et_pb_row > * > :only-child {
margin-top: 0 !important;
}
.et_pb_row_inner::after {
content: none;
}
.prog-nav.et_pb_row {
grid-template-columns: 1fr;
}
.prog-nav .et_pb_column {
padding: 0.6em !important
}
#top-sponsors > .et_pb_row {
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
#main-content #top-sponsors .et_pb_column {
flex-basis: 100%;
max-width: 600px !important;
margin: 0 !important;
}
.section-contacts.et_section_regular::before {
left: 0;
right: 0;
width: 100vw;
}
}
@media screen AND ( max-width: 900px ) {
.et-l h1 , .et-l h2 {
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
#section-facts .et_pb_row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#section-facts .et_pb_column .et_pb_text * {
font-size: 1.1rem;
}
#section-facts .et_pb_column .et_pb_code * {
font-size: 1.2rem !important;
}
#section-facts .et_pb_column .et_pb_code .num {
font-size: 3rem !important;
}
#section-facts .et_pb_column .et_pb_text {
padding-top: 0 !important;
}
#section-facts .et_pb_column .et_pb_image {
margin-bottom: 20px !important;
}
#section-facts img {
aspect-ratio: 13 / 10;
height: 130px !important;
}
}@media screen AND ( max-width: 767px ) {
.section-day .programmpunkt.parallel {
grid-template-columns: 1fr;  
}
}
@media screen AND ( max-width: 600px ) {
.section-contacts.et_section_specialty .et_pb_heading ,
.section-contacts.et_section_specialty .et_pb_module_heading ,
.section-contacts.et_section_specialty .et_pb_heading_container {
width: 100% !important;
}
.section-contacts.et_section_specialty .kontaktbox ,
.section-contacts.et_section_specialty .et_pb_module_inner:has( .kontaktbox ) {
max-width: 100% !important;
width: 100% !important;
}
}
@media screen AND ( max-width: 479px ) {
#section-orgs .et_pb_image {
margin-top: 50px !important;
}
}