@font-face {
font-family: 'interblack';
src: url('inc/font/Inter-Black.eot');
src: url('inc/font/Inter-Black.eot?#iefix') format('embedded-opentype'),
url('inc/font/Inter-Black.woff2') format('woff2'),
url('inc/font/Inter-Black.woff') format('woff'),
url('inc/font/Inter-Black.ttf') format('truetype'),
url('inc/font/Inter-Black.svg#Inter-Black') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'interlight';
src: url('inc/font/Inter-Light.eot');
src: url('inc/font/Inter-Light.eot?#iefix') format('embedded-opentype'),
url('inc/font/Inter-Light.woff2') format('woff2'),
url('inc/font/Inter-Light.woff') format('woff'),
url('inc/font/Inter-Light.ttf') format('truetype'),
url('inc/font/Inter-Light.svg#Inter-Light') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'inter';
src: url('inc/font/Inter-Regular.eot');
src: url('inc/font/Inter-Regular.eot?#iefix') format('embedded-opentype'),
url('inc/font/Inter-Regular.woff2') format('woff2'),
url('inc/font/Inter-Regular.woff') format('woff'),
url('inc/font/Inter-Regular.ttf') format('truetype'),
url('inc/font/Inter-Regular.svg#Inter-Regular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'interbold';
src: url('inc/font/Inter-Bold.eot');
src: url('inc/font/Inter-Bold.eot?#iefix') format('embedded-opentype'),
url('inc/font/Inter-Bold.woff2') format('woff2'),
url('inc/font/Inter-Bold.woff') format('woff'),
url('inc/font/Inter-Bold.ttf') format('truetype'),
url('inc/font/Inter-Bold.svg#Inter-Bold') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
#loader_logos{
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 40px;
opacity: 0.3;
max-width: 80%;
}
.loader_logo{
flex: 1;
width: 200px;
height: 60px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.logo_apecs{
background-image: url('data:image/svg+xml,');
}
.logo_fmd{
background-image: url('data:image/svg+xml,');
}
.onlydesktop{
display: none;
}
.desktop .onlydesktop{
display: block;
}
.clear{
clear: both;
}
.icon{
background-position: center center;
background-repeat: no-repeat;
background-size: 40% auto;
}
.icon_hover:HOVER{
background-size: 60% auto;
cursor: pointer;
}
#templates,
#helper{
display: none;
}
:root{
--thewidth:1200px;
--mainpadding:40px;
--logoposfactor:1;
--logoscalefactor:3;
--logooffsetx:0px;
--logooffsety:0px;
--logooffsetxfinal: -4px;
--logooffsetyfinal: -4px;
--zoombluefactor:0;
--blur:10px;
--fs_body:18px;
--fs_small:14px;
--fs_hl:58px;
--fs_subhl:24px;
--fs_subhl2:32px;
--fs_nav:42px;
}
*{
box-sizing: border-box;
outline: none;
font-family: 'interlight';
text-decoration: none;
/* border-width: 2px!important; */
}
*::selection {
background: #008bca;
color: #ffffff;
}
*::-moz-selection {
background: #008bca;
color: #ffffff;
}
*::-webkit-selection {
background: #008bca;
color: #ffffff;
}
b,strong{
font-family: 'interblack';
font-weight: normal;
}
p b,
p strong{
font-family: 'interbold';
font-weight: normal;
}
p a{
color: #008bca;
font-family: 'interbold';
text-decoration: underline;
text-decoration-color: #fff;
}
p a:HOVER{
color: #fff;
}
img{
max-width: 100%;
display: block;
}
ul{
list-style: none;
padding: 0;
margin: 0;
}
h1,h2,h3,h4,h5{
font-weight: normal;
line-height: 1.1;
}
html,
body{
background-color: #000;
padding: 0;
margin: 0;
line-height: 1.25;
font-size: var(--fs_body);
color: #fff;
width: 100%;
max-width: 100vw;
overflow-x: hidden;
overflow-y: scroll;
}
body.menu,
body.cal,
body.map,
body.info1{
overflow: hidden;
}
#bg{
position: fixed;
width: 100vw;
height: 100vw;
top: 50%;
left: 50%;
overflow: hidden;
transform: translate3d(-50%,-50%,0);
background-size: cover;
z-index: 10;
}
#bg svg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
}
#zoomblue{
display: none;
}
#lines{
opacity: 1;
transition: opacity 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.nolines #lines{
opacity: 0;
}
#mask{
transform: scale(calc(1*var(--logoposfactor)));
}
#bg svg #lines path{
display: none;
stroke: #fff;
stroke-width: 4px;
fill: none;
}
#pattern{
will-change: transform;
}
#bg_layer{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
#bg_layer video{
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
#main_cont{
position: relative;
z-index: 10;
}
#bg,
main{
transition: all 0.6s cubic-bezier(0.36, 0, 0.66, -0.56);
}
.cal main,
.menu main,
.info1 main{
transform: translate3d(-33vw,0,0);
pointer-events: none;
transition: all 0.6s cubic-bezier(0.36, 0, 0.66, -0.56);
opacity: 0.3;
}
.info1 #bg{
transform: translate3d(calc(-33vw - 50%),-50%,0);
transition: all 0.6s cubic-bezier(0.36, 0, 0.66, -0.56);
}
#infobox1{
position: fixed;
width: 33vw;
height: 100vh;
right: 0;
top: 0;
background-color: #2b2b2b;
z-index: 1;
}
#infobox1_scroll{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 200%;
display: flex;
z-index: 1;
transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
#infobox1_padding{
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.event #infobox1_scroll{
transform: translate3d(-50%,0,0);
transition: transform 0.6s cubic-bezier(0.36, 0, 0.66, -0.56);
}
.infobox{
flex: 1;
flex-basis: 50%;
flex-grow: 0;
flex-shrink: 0;
max-width: 50%;
}
.infobox_scroll{
position: relative;
width: 100%;
height: var(--lwn_height);
}
#map_close,
#back_info1,
#close_info1{
position: absolute;
top: 20px;
right: 20px;
width: 42px;
height: 42px;
background-color: #000;
z-index: 10;
border: 2px solid #fff;
text-align: center;
line-height: 40px;
color: #fff;
}
.close_info{
margin-top: 20px;
}
#back_info1{
right: auto;
left: 20px;
transform: translate3d(0,calc(-100% - 25px),0);
transition: transform 0.4s cubic-bezier(0.36, 0, 0.66, -0.56);
}
.event #back_info1{
transform: translate3d(0,0,0);
transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.firstload #back_info1{
transform: translate3d(0,calc(-100% - 25px),0);
}
#start_box{
position: absolute;
top: 0;
left: 50%;
/* transform: translate3d(-50%, calc(var(--lwn_scroll) * 0.5),0);*/
transform: translateX(-50%);
width: var(--thewidth);
z-index: 9999;
}
#logo_transform{}
#logo{
position: absolute;
width: auto;
height: 62px;
top: 40px;
}
#logo img{
height: 100%;
width: auto;
}
main{
position: relative;
z-index: 100;
width: 100%;
overflow: hidden;
}
.box{
position: relative;
width: var(--thewidth);
margin: 0 auto;
min-height: 50vh;
margin-bottom: 30vh;
}
#start{
margin-top: 40vh;
min-height: auto;
}
.box h1,
.box h2{
font-size: var(--fs_hl);
color: #fff;
text-align: left;
margin-bottom: 0;
font-family: 'interblack';
}
.box h1.start_hl,
.box h2.start_hl{
margin-bottom: 70px;
}
.box h2.call2action{
transform: translate3d(100vw,0,0);
}
.seccont{
transform: scale3d(0,0,0);
opacity: 0;
transform-origin: center center;
transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.done .seccont{
transform: scale3d(1,1,1);
opacity: 1;
}
#ende .lwn_buttonlist_box{
/*
border: 4px solid #fff;
padding: 40px;
background-color: rgba(0,0,0,0.4);
backdrop-filter: blur(10px);
*/
}
.call2action span{
background-color: #fff;
color: #111;
padding: 5px;
font-family: 'interblack';
font-size: var(--fs_hl);
line-height: 1;
}
.box > p{
border: 4px solid #fff;
padding: 20px;
background-color: rgba(0,0,0,0.4);
backdrop-filter: blur(10px);
margin-bottom: 20px;
/* text-align: justify;*/
transform: translate3d(0,0,0);
}
#start_date{
display: block;
margin: 0;
}
#start_date span{
display: inline-block;
background-color: #fff;
color: #000;
line-height: 1!important;
padding: 5px 10px!important;
font-size: var(--fs_subhl)!important;
margin: 0;
margin-bottom: 10px;
}
h3 + .lwn_block{
margin-top: 20px;
}
#time{
position: absolute;
top: 40px;
right: 0;
font-size: var(--fs_subhl);
text-align: right;
padding: 0 10px;
background-color: #fff;
color: #111;
}
.info1 #time{
transform: translateY(calc(-100% - 40px));
}
#timestart{
position: relative;
margin-top: calc(var(--mainpadding) * -1);
margin-left: calc(var(--mainpadding) * -1);
padding: calc(var(--mainpadding) / 2) var(--mainpadding);
width: calc(100% + var(--mainpadding) * 2);
border-bottom: 4px solid #fff;
}
#timeregister{
position: absolute;
bottom: var(--mainpadding);
right: var(--mainpadding);
left: var(--mainpadding);
background-color: #fff;
color: #000;
text-align: center;
line-height: 1;
padding: 10px;
border: 4px solid #fff;
}
#timeregister:HOVER{
background-color: #008bca;
}
.time{
display: inline;
font-family: 'interlight';
}
.time.out{
opacity: 0.2;
}
#time b{
font-family: 'interblack';
}
.bgblack{
background-color: rgba(0,0,0,0.5);
backdrop-filter: blur(var(--blur));
color: #fff;
}
nav{
position: fixed;
top: 0;
right: calc(-33vw - 100px);
width: calc(33vw + 100px);
height: var(--lwn_height);
background-color: rgba(0,0,0,0.7);
backdrop-filter: blur(10px);
z-index: 99999;
color: #fff;
font-size: var(--fs_nav);
transition: all 0.6s cubic-bezier(0.36, 0, 0.66, -0.56);
border-left: 4px solid #fff;
transform: translate3d(0,0,0);
}
#navcont{
position: relative;
height: 100%;
width: calc(100% - 100px);
}
.cal nav,
.menu nav{
transform: translate3d(-33vw,0,0);
transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.info1 nav{
transform: translate3d(64px,0,0);
}
#calendarbutton,
#menubutton{
position: absolute;
top: 40px;
left: -62px;
width: 62px;
height: 62px;
background-color: rgba(0,0,0,0.5);
border: 4px solid #fff;
transition: all 0.6s cubic-bezier(0.36, 0, 0.66, -0.56);
backdrop-filter: blur(10px);
transform: translate3d(0,0,0);
}
#calendarbutton:BEFORE,
#menubutton:BEFORE{
content: '';
position: absolute;
width: 62px;
height: 62px;
right: 0;
top: 50%;
transform: translateY(-50%);
}
#calendarbutton{
top: 112px;
transform: translate3d(102%,0,0);
visibility: hidden;
}
.cal #calendarbutton,
.menu #calendarbutton{
top: 95px;
}
.hascal #calendarbutton{
transform: translate3d(0,0,0);
visibility: visible;
}
#calendarbutton:AFTER,
#menubutton:AFTER{
content: 'Menu';
position: absolute;
left: -20px;
color: #fff;
writing-mode: vertical-rl;
font-size: 12px;
top: -4px;
opacity: 0.5;
transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
#calendarbutton:AFTER{
content: 'Calendar';
}
.cal #menubutton:AFTER,
.info1 #menubutton:AFTER,
.menu #menubutton:AFTER,
.cal #calendarbutton:AFTER,
.info1 #calendarbutton:AFTER,
.menu #calendarbutton:AFTER{
opacity: 0;
transform: translate3d(100%,0,0);
}
.cal #calendarbutton,
.cal #menubutton,
.menu #calendarbutton,
.menu #menubutton{
left: -42px;
width: 42px;
height: 42px;
transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
#calendarbutton svg,
#menubutton svg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
stroke-width: 8;
}
.line {
fill: none;
stroke: white;
stroke-width: 8;
transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
transition-delay: 0.6s;
}
.line1 {
stroke-dasharray: 60 207;
}
.line2 {
stroke-dasharray: 60 60;
}
#calendarbutton .line2{
stroke-dasharray: 75 0;
}
.line3 {
stroke-dasharray: 60 207;
}
.line4{
stroke-dasharray: 10 10 10 15;
}
.menu .line{
}
.cal #calendarbutton .line1 ,
.menu #menubutton .line1 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
}
.menu #menubutton .line2 {
stroke-dasharray: 1 60;
stroke-dashoffset: -30;
}
.cal #calendarbutton .line2{
stroke-dasharray: 0 75;
stroke: transparent;
}
.cal #calendarbutton .line3 ,
.menu #menubutton .line3 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
}
.cal .line4{
stroke-dasharray: 0 10;
stroke: transparent;
}
#navbox{
position: absolute;
top: 40px;
left: 40px;
width: calc(100% - 80px);
height: calc(100% - 80px);
transform: translate3d(100%,0,0);
opacity: 0;
transition: all 0.4s cubic-bezier(0.65, 0, 0.35, 1);
}
#navbox .simplebar-track.simplebar-horizontal {
display: none;
}
#navbox .simplebar-track.simplebar-vertical{
right: -8px;
top: 0;
bottom: 0;
}
.menu #navbox{
transform: translate3d(0,0,0);
opacity: 1;
}
nav ul li{
transform: translate3d(100px,0,0);
opacity: 0;
transition: all 0.6s cubic-bezier(0.37, 0, 0.63, 1);
}
.menu nav ul li{
transform: translate3d(0,0,0);
opacity: 1;
}
.menu nav ul li:NTH-CHILD(1){transition-delay: 0.4s;}
.menu nav ul li:NTH-CHILD(2){transition-delay: 0.5s;}
.menu nav ul li:NTH-CHILD(3){transition-delay: 0.6s;}
.menu nav ul li:NTH-CHILD(4){transition-delay: 0.7s;}
.menu nav ul li:NTH-CHILD(5){transition-delay: 0.8s;}
.menu nav ul li:NTH-CHILD(6){transition-delay: 0.9s;}
.menu nav ul li:NTH-CHILD(7){transition-delay: 1s;}
.menu nav ul li:NTH-CHILD(8){transition-delay: 1.1s;}
.menu nav ul li:NTH-CHILD(9){transition-delay: 1.2s;}
.menu nav ul li:NTH-CHILD(10){transition-delay: 1.3s;}
nav ul li a{
position: relative;
text-decoration: none;
color: #fff;
font-family: 'interlight';
line-height: 1;
}
nav ul li a.active{
font-family: 'interblack';
}
nav ul li a:AFTER{
content: '';
position: absolute;
top: 0;
left: 0;
height: calc(100% - 8px);
width: 0;
/*background-color: rgba(255,255,255,0.5);*/
transition: all 0.6s cubic-bezier(0.36, 0, 0.66, -0.56);
border-bottom: 8px solid rgba(255,255,255,0.5);
}
nav ul li a:HOVER:AFTER{
width: 100%;
transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
#committee_box,
#speaker_box{
--speaker_gap: 20px;
--speaker_no: 4;
display: flex;
flex-wrap: wrap;
gap: var(--speaker_gap);
margin-bottom: 20px;
}
#committee_box{
--speaker_no: 5;
}
.speaker{
position: relative;
flex: 1 0 calc(100% / var(--speaker_no) - ((var(--speaker_no) - 1) * var(--speaker_gap) / var(--speaker_no)) );
flex-grow: 0;
aspect-ratio: 1/1;
border: 4px solid #fff;
overflow: hidden;
cursor: pointer;
transform: scale3d(0,0,0);
transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.speaker.show{
transform: scale3d(1,1,1);
}
.speaker_new_0{ transition-delay: 0.1s;}
.speaker_new_1{ transition-delay: 0.2s;}
.speaker_new_2{ transition-delay: 0.3s;}
.speaker_new_3{ transition-delay: 0.4s;}
.speaker_new_4{ transition-delay: 0.5s;}
.speaker_new_5{ transition-delay: 0.6s;}
.speaker_new_6{ transition-delay: 0.7s;}
.speaker_new_7{ transition-delay: 0.8s;}
.speaker_new_8{ transition-delay: 0.9s;}
.speaker_new_9{ transition-delay: 1s;}
.speaker_img_box{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #008bca;
background-image: url('data:image/svg+xml,');
background-position: center center;
background-repeat: no-repeat;
background-size: 30% 30%;
}
.speaker img{
display: block;
width: 100%;
height: auto;
filter: saturate(0);
transform: scale(1);
transition: all 0.4s cubic-bezier(0.85, 0, 0.15, 1);
}
.speaker:HOVER img{
filter: saturate(1);
transform: scale(1.1);
}
.speaker_name{
line-height: 1;
}
.speaker_org{
font-size: var(--fs_small);
line-height: 1;
height: 0;
overflow: hidden;
transition: height 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
.speaker_info{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 10px;
border-top: 4px solid #fff;
backdrop-filter: blur(10px);
text-align: left;
background-color: rgba(255,255,255,0.5);
color: #111;
transform: translate3d(0,0,0);
}
.speaker_info_icon{
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 30px;
background-color: rgba(255,255,255,0.5);
border-left: 4px solid #fff;
border-bottom: 4px solid #fff;
text-align: center;
line-height: 28px;
color: #111;
}
.pretix-widget-voucher-button-wrap button,
.pretix-widget-alert-box button,
.pretix-widget-wrapper .pretix-widget-action button,
.pretix-widget-wrapper .pretix-widget-info-message button,
.pretix-widget-voucher-button-wrap button:ACTIVE,
.pretix-widget-alert-box button:ACTIVE,
.pretix-widget-wrapper .pretix-widget-action button:ACTIVE,
.pretix-widget-wrapper .pretix-widget-info-message button:ACTIVE,
.pretix-widget-voucher-button-wrap button:FOCUS,
.pretix-widget-alert-box button:FOCUS,
.pretix-widget-wrapper .pretix-widget-action button:FOCUS,
.pretix-widget-wrapper .pretix-widget-info-message button:FOCUS,
.lwn_button,
.button{
padding: 10px 20px;
line-height: 1;
border: 4px solid #fff;
background-color: rgba(255,255,255,0.4);
font-size: var(--fs_body);
font-family: 'interblack';
cursor: pointer;
color: #111;
display: inline-block;
text-decoration: none;
backdrop-filter: blur(10px);
transform: translate3d(0,0,0);
}
.pretix-widget-voucher-button-wrap button:HOVER,
.pretix-widget-alert-box button:HOVER,
.pretix-widget-wrapper .pretix-widget-action button:HOVER,
.pretix-widget-wrapper .pretix-widget-info-message button:HOVER,
.lwn_button:HOVER,
.button:HOVER{
background-color: #fff;
border: 4px solid #fff;
color: #111;
}
.pretix-widget-voucher-button-wrap button:disabled,
.pretix-widget-voucher-button-wrap button:disabled:HOVER,
.pretix-widget-alert-box button:disabled,
.pretix-widget-alert-box button:disabled:HOVER,
.pretix-widget-wrapper .pretix-widget-action button:disabled,
.pretix-widget-wrapper .pretix-widget-action button:disabled:HOVER,
.pretix-widget-wrapper .pretix-widget-info-message button:disabled,
.pretix-widget-wrapper .pretix-widget-info-message button:disabled:HOVER,
.lwn_button:disabled,
.lwn_button:disabled:HOVER,
.button:disabled,
.button:disabled:HOVER {
background-color: rgba(255,255,255,0.4);
opacity: 0.3;
cursor: default;
border: 4px solid #fff;
}
.pretix-widget-wrapper .pretix-widget-action button,
.pretix-widget-voucher-button-wrap button{
margin-top: 0;
}
#programm_cont_box{
border: 4px solid #fff;
padding: 40px;
overflow: hidden;
color: #111;
}
#programm_button_box{
text-align: left;
font-size: 0;
}
.programm_button{
display: inline-block;
background-color: rgba(255,255,255,0.5);
line-height: 1;
padding: 10px 20px;
font-size: var(--fs_subhl);
margin-right: 15px;
border: 4px solid #fff;
border-bottom: 0;
cursor: pointer;
transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
color: #111;
backdrop-filter: blur(10px);
}
.programm_day_name{
position: relative;
margin-bottom: 20px;
background-color: #fff;
display: inline-block;
padding: 10px;
line-height: 1;
font-size: var(--fs_subhl);
font-family: 'interlight';
color: #111;
}
.programm_day_name_icon{
position: absolute;
top: 0;
right: 0;
height: 100%;
aspect-ratio: 1/1;
background-color: rgba(0,0,0,0.3);
color: #fff;
text-align: center;
line-height: 44px;
transform: translateX(calc(100% + 4px));
}
#programm_cont_box_scroll{
display: flex;
width: 200%;
gap: 48px;
transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
#programm_box{
margin-top: 20px;
}
#programm_box.day1 #programm_cont_box_scroll{
transform: translate3d(0,0,0);
}
#programm_box.day2 #programm_cont_box_scroll{
transform: translate3d(calc(-50% - 48px),0,0);
}
#programm_box.day1 #button_tag1,
#programm_box.day2 #button_tag2{
background-color: #fff;
}
.programm_cont{
flex: 1;
flex-basis: 50%;
flex-grow: 0;
flex-shrink: 0;
max-width: 50%;
}
.p_timeslot{
position: relative;
border: 4px solid #fff;
margin-bottom: 20px;
min-height: 132px;
background-color: rgba(255,255,255,0.4);
backdrop-filter: blur(10px);
transform: translate3d(0,0,0);
}
.programm_cont .p_timeslot:LAST-OF-TYPE{
margin-bottom: 0;
}
.p_time{
position: absolute;
top: 0;
left: 0;
height: 100%;
text-align: left;
writing-mode: vertical-rl;
background-color: rgba(255,255,255,0.5);
padding: 22px 2px 5px 2px;
line-height: 1;
white-space: nowrap;
border-right: 4px solid #fff;
font-size: var(--fs_small);
}
.p_time_icon{
position: absolute;
top: 0;
left: 0;
width: 100%;
aspect-ratio: 1/1;
background-color: #fff;
text-align: center;
line-height: 18px;
color: #111;
}
.p_time_programm_box{
display: flex;
margin-left: 27px;
padding: 10px;
gap: 10px;
}
.p_time_programm{
flex: 1;
border: 2px solid #fff;
background-color: rgba(255,255,255,0.3);
height: fit-content;
cursor: pointer;
}
.p_time_programm_head{
position: relative;
margin: 0;
text-align: left;
font-size: var(--fs_body);
}
.p_time_programm_flex{
display: flex;
position: relative;
border-bottom: 2px solid #fff;
background-color: rgba(255,255,255,0.5);
}
.p_time_programm_title{
line-height: 1;
margin: 0;
color: #111;
text-decoration: none;
padding: 10px;
font-size: var(--fs_body);
font-family: 'interblack';
}
.p_time_programm_type{
padding: 5px 10px;
color: #111;
font-size: var(--fs_small);
}
.p_time_programm_icons{
position: absolute;
top: 0;
right: 0;
height: 100%;
font-size: 0;
}
.p_time_programm_icon{
position: relative;
aspect-ratio: 1/1;
height: 100%;
display: inline-block;
border-left: 2px solid #fff;
text-align: center;
font-size: var(--fs_small);
color: #111;
}
.p_time_programm_icon::BEFORE{
line-height: 27px;
}
.open.p_time_programm .p_time_programm_flex{
background-color: rgba(255,255,255,0.8);
}
.p_time_programm:HOVER .p_time_programm_flex{
background-color: rgba(255,255,255,0.8);
}
.p_time_programm_cont{
margin-bottom: 10px;
}
.p_time_programm_cont_text{
font-size: var(--fs_small);
padding: 0 10px;
color: #111;
}
.p_time_programm_cont_info{
background-color: rgba(255,255,255,0.3);
padding: 10px;
margin-top: 10px;
border: 2px solid rgba(255,255,255,0.4);
}
.p_time_programm_cont_info_table{
color: #111;
}
.p_time_programm_cont_info_table tr td:NTH-CHILD(1){
padding-right: 20px;
}
.p_time_programm_cont{
text-align: left;
height: 0;
overflow: hidden;
transition: all 0.6s cubic-bezier(0.61, 1, 0.88, 1);
font-size: var(--fs_body);
}
.p_time_programm_cont ul{
margin: 10px 0 10px 20px;
list-style: square;
}
.p_time_programm_cont ul li{
list-style: square;
}
.p_time_programm_cont_padding{
padding: 10px;
padding-top: 0;
}
.p_time_programm_cont_speakers_list{
display: flex;
gap: 10px;
flex-flow: wrap;
}
.p_time_programm_cont_speakers_list ul{
margin: 0 0 0 20px;
}
.p_time_programm_cont_speakers{
background-color: rgba(255,255,255,0.2);
padding: 10px;
border: 2px solid #fff;
position: relative;
margin-top: 42px;
}
/*
.p_time_programm_cont_speakers h4{
position: absolute;
top: 0;
left: -2px;
background-color: #fff;
padding: 0 5px;
transform: translateY(-100%);
margin: 0;
}
*/
.p_time_programm_cont_talk_speaker strong{
font-family: 'interlight';
}
.p_time_programm_cont_speaker{
position: relative;
display: flex;
align-items: center;
flex-grow: 0;
background-color: rgba(255,255,255,0.2);
cursor: pointer;
border: 2px solid #fff;
color: #111;
}
.p_time_programm_cont_speaker_icon{
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 16px;
background-size: 60% auto;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
text-align: center;
font-size: 10px;
line-height: 14px;
}
.program_info_speaker_list .p_time_programm_cont_speaker_icon{
border-color: #111;
}
.program_info_talk_list{
color: #111;
list-style: square;
margin-left: 20px;
}
.program_info_talk_list_speaker strong{
font-family: 'interlight';
}
.p_time_programm_cont_speaker:HOVER{
background-color: #fff;
}
.p_time_programm_cont_speaker_name{
display: inline-block;
margin: 0 10px;
}
.p_time_programm_cont_speaker_name_org{
font-family: 'interlight';
font-size: var(--fs_small);
}
.p_time_programm_cont_speaker img{
display: inline-block;
width: 70px;
height: 70px;
filter: saturate(0);
border-right: 2px solid #fff;
}
.p_time_programm_cont_speaker:HOVER img{
filter: saturate(1);
}
.p_location_info_box{
position: relative;
padding: 2px 31px 2px 5px;
background-color: rgba(255,255,255,0.4);
display: inline-block;
}
.p_location_info_box:HOVER{
background-color: #fff;
}
.p_locationinfo_icon{
position: absolute;
top: 0;
right: 0;
height: 100%;
aspect-ratio: 1/1;
text-align: center;
line-height: 27px;
background-color: #fff;
color: #111;
}
.p_locationinfo{
line-height: 1;
}
.p_remember{
position: relative;
margin-top: 20px;
}
.p_remember_overflow{
height: 0;
overflow: hidden;
}
.p_remember_content{
background-color: rgba(255,255,255,0.2);
padding: 10px;
border: 2px solid #fff;
position: relative;
display: flex;
gap: 10px;
flex-flow: wrap;
}
.p_remember_content_buttonbox{
display: flex;
gap: 10px;
flex-flow: wrap;
margin-top: 10px;
}
.p_remember h4{
display: inline-block;
transform: none;
position: relative;
left: 0;
}
.desktop .p_remember h4 .onlydesktop{
display: inline;
}
.p_remember h4 .icon-close{
display: none;
}
.remember .p_remember h4 .icon-calendar{
display: none;
}
.remember .p_remember h4 .icon-close{
display: block;
}
.p_hl{
background-color: rgba(255,255,255,0.4);
padding: 2px 5px;
padding-left: 27px;
position: absolute;
top: 0;
left: -2px;
transform: translateY(calc(-100% - 2px));
margin: 0;
font-size: var(--fs_body);
line-height: 1;
}
.p_hl_icon{
text-align: center;
font-size: var(--fs_small);
position: absolute;
background-color: #fff;
height: 100%;
top: 0;
left: 0;
aspect-ratio: 1/1;
line-height: 23px;
max-height: 22px;
}
.p_remember_hl:HOVER{
background-color: #fff;
cursor: pointer;
}
.p_remember_hl{
position: relative;
}
.p_remember_hl:AFTER{
content: '';
position: absolute;
width: calc(100% + 20px);
height: calc(100% + 20px);
top: -10px;
left: -10px;
}
.p_remember_content_box{
position: relative;
flex: 1;
background-color: rgba(0,0,0,0.4);
}
.p_remember_content_box h5{
position: relative;
background-color: #fff;
padding: 5px 20px 7px 10px;
line-height: 1;
font-size: var(--fs_small);
font-family: 'interblack';
}
.p_remember_content_box h5 span{
position: absolute;
right: 5px;
top: 5px;
}
.p_remember_content_box_cont{
position: relative;
padding: 10px;
}
.p_remember_content_box .button{
white-space: nowrap;
}
.incal .p_remember_content_box_cont_hint,
.p_remember_content_box_cont_success{
display: none;
}
.incal .p_remember_content_box_cont_success{
display: block;
}
.p_remember_content_box_cont_qr{
display: flex;
gap: 10px;
flex-flow: wrap;
}
.p_remember_content_box_cont_qr div{
flex: 1;
}
.p_remember_qr_box{
width: 120px;
height: 120px;
border: 2px solid #fff;
background-color: rgba(0,0,0,0.4);
padding: 10px;
flex-grow: 0 !important;
flex-basis: 120px !important;
aspect-ratio: 1/1;
}
.p_remember_qr_box img{
width: 100%;
height: 100%;
display: block;
}
.p_remember_content_box_cont p{
font-size: var(--fs_small);
color: #fff;
}
.p_remember_content_box_cont_list{
height: auto;
overflow: hidden;
transition: all 0.6s cubic-bezier(0.36, 0, 0.66, -0.56);
}
.p_remember_content_box_cont_list_feedback{
height: 0;
/*position: absolute;*/
top: 10px;
}
.incal .p_remember_content_box_cont_list{
height: 0;
}
.incal .p_remember_content_box_cont_list_feedback{
height: auto;
}
#map{
visibility: hidden;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: -1;
backdrop-filter: blur(0px);
background-color: rgba(0,0,0,0);
transform: scale3d(0,0,0);
transform-origin: 50vw 50vh;
transition: all 0.6s cubic-bezier(0.36, 0, 0.66, -0.56);
}
.map #map{
z-index: 999999;
transform: scale3d(1,1,1) translate3d(0,0,0);
transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
background-color: rgba(0,0,0,0.7);
backdrop-filter: blur(10px);
visibility: visible;
}
#map_box{
position: absolute;
width: 90%;
height: 90%;
left: 5%;
top: 5%;
display: flex;
gap: 40px;
}
#map_map{
height: 100%;
aspect-ratio: 1/1;
}
#map_map svg{
width: 100%;
height: auto;
}
/*
#map_map circle,
#map_map rect,
#map_map path{
stroke: white;
stroke-width: 4px;
fill: none;
}
#map_deco path,
#map_deco rect{
stroke: white;
stroke-width: 2px;
stroke-opacity: 0.5;
}
*/
#map_event_name{
border-top: 4px solid #fff;
border-bottom: 4px solid #fff;
padding: 20px 0;
margin: 20px 0;
}
/*
#map_text path{
stroke-width: 0!important;
fill: white!important;
transform-origin: center center;
transform: scale3d(0,0,0);
}
*/
#map_text_center{
position: relative;
top: 50%;
transform: translateY(-50%);
}
#map_box_text h4{
font-size: var(--fs_subhl2);
}
#map_text g{
transform: scale3d(0,0,0);
}
#map_text g.show{
transform: scale3d(1,1,1);
}
#map_rooms path{
display: none;
}
.map_focus{
display: block!important;
animation: pulse 3s infinite;
}
@keyframes pulse {
0%{
fill: rgba(0,139,202,0.1);
}
50% {
fill: rgba(0,139,202,0.7);
}
100% {
fill: rgba(0,139,202,0.1);
}
}
.info_speaker_img{
padding: 20px;
padding-bottom: 0;
}
.info_speaker_name{
transform: translate3d(10px,calc(-100% - 30px),0);
position: absolute;
background-color: rgba(255,255,255,0.5);
padding: 5px 20px;
color: #000;
backdrop-filter: blur(10px);
max-width: calc(100% - 60px);
}
.info_speaker_talks{
border-top: 2px solid #fff;
margin-top: 5px;
padding-top: 5px;
position: relative;
}
.info_speaker_talks:before{
position: absolute;
top: 0;
right: 0;
background: #fff;
color: #000;
width: 24px;
height: 22px;
text-align: center;
line-height: 22px;
}
}
.info_speaker_name span{
display: block;
}
.info_speaker_name_org{
display: block;
font-size: var(--fs_body);
}
.info_speaker_contact,
.info_speaker_keynodes_day1,
.info_speaker_keynodes_day2{
border-left: 4px solid #fff;
padding: 10px 0 1px 10px;
}
.info_speaker_contact ul li,
.info_speaker_keynodes_day1 ul li,
.info_speaker_keynodes_day2 ul li{
margin-bottom: 10px;
}
.info_speaker_contact h4,
.info_speaker_keynodes_day1 h4,
.info_speaker_keynodes_day2 h4{
line-height: 1;
margin-bottom: 10px;
}
.info_speaker_keynodes_ul li span{
font-size: var(--fs_small);
display: block;
}
.info_speaker_keynodes_ul li{
background-color: rgba(255,255,255,0.1);
border: 2px solid #111;
}
.info_speaker_keynodes_ul li a{
position: relative;
color: #fff;
text-decoration: none;
padding: 10px;
cursor: pointer;
display: block;
}
.info_speaker_keynodes_icon{
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 16px;
background-size: 60% auto;
border-left: 2px solid #111;
border-bottom: 2px solid #111;
font-size: 10px;
text-align: center;
line-height: 14px;
}
.info_speaker_keynodes_ul li:HOVER{
background-color: #000;
}
.info_speaker_contact.out,
.info_speaker_keynodes_day1.out,
.info_speaker_keynodes_day2.out{
display: none;
}
.info_speaker_contact a{
color: #000;
background-color: rgba(255,255,255,0.5);
line-height: 1;
padding: 2px 5px;
text-decoration: none;
}
.info_speaker_contact a:HOVER{
background-color: #fff;
}
.info_speaker_keynodes_day1{
margin-bottom: 10px;
}
.info_speaker_about{
padding: 10px 0 10px 10px;
border-left: 4px solid #fff;
}
.info_speaker_about p{
margin-top: 10px;
}
.info_speaker_about p:FIRST-OF-TYPE{
margin-top: 0;
}
.info_speaker_about ul{
list-style: square;
padding-left: 20px;
margin-bottom: 15px;
}
.info_speaker_about ul li{
margin-top: 10px;
}
.info_speaker_about ul li:FIRST-OF-TYPE{
margin-top: 0;
}
.speaker_text{
color: #fff;
font-size: var(--fs_body);
padding: 20px;
}
.info_speaker_name_name{
font-size: var(--fs_subhl);
display: block;
}
/*
#speaker_info{
display: none;
}
*/
#program_info{
color: #fff;
}
.program_padding{
padding: 20px;
}
.program_info_hl{
margin-top: 62px;
font-size: var(--fs_subhl2);
border-top: 4px solid #fff;
border-bottom: 4px solid #fff;
line-height: 1;
padding: 10px 0;
}
.program_info_box{
background-color: rgba(255,255,255,0.1);
margin-top: 10px;
padding: 10px;
color: #fff;
}
.program_info_box .p_time_programm_cont_info_table{
color: #fff;
}
.program_info_box .p_locationinfo{
color: #000;
}
.program_info_text{
margin-top: 20px;
border-left: 4px solid #fff;
padding: 10px 0 10px 10px;
}
.program_info_speaker{
position: relative;
margin-top: 40px;
background-color: #fff;
}
.notalks .programm_info_talks,
.nospeaker .program_info_speaker_box{
display: none;
}
.program_info_speaker h4{
position: absolute;
left: 0;
background-color: #fff;
padding: 2px 10px 0 10px;
line-height: 1;
transform: translateY(-100%);
color: #000;
}
.program_info_speaker_list_talks,
.program_info_speaker_list{
padding: 10px;
}
.program_info_speaker_list .p_time_programm_cont_speaker{
background-color: rgba(0,0,0,0.4);
margin-bottom: 10px;
border-color: #111;
color: #fff;
text-decoration: none;
}
.program_info_speaker_list .p_time_programm_cont_speaker:HOVER{
background-color: rgba(0,0,0,0.7);
}
.program_info_speaker_list .p_time_programm_cont_speaker img{
border-color: #111;
}
.program_info_speaker_list .p_time_programm_cont_speaker:LAST-OF-TYPE,
.program_info_speaker_list .p_time_programm_cont_speaker:only-child{
margin-bottom: 0;
}
/*
.menu #calbox{
display: none;
}
*/
#calbox{
width: 100%;
height: var(--lwn_height);
transform: translate3d(100%,0,0);
opacity: 0;
transition: all 0.4s cubic-bezier(0.65, 0, 0.35, 1);
}
.cal #calbox{
transform: translate3d(0,0,0);
opacity: 1;
}
#calbox_cont_scroll{
position: relative;
height: 400px;
}
#calbox_cont_hl{
padding: 20px!important;
}
#calbox_cont_hl strong{
font-size: inherit!important;
display: inline!important;
}
.calbox_day2{
margin-bottom: 50px;
}
.calbox_day_box{
opacity: 0.2;
}
.calbox_day_box.show{
opacity: 1;
}
.calbox_day_list{
padding: 20px;
font-size: var(--fs_body);
}
#calbox_cont_download{
position: absolute;
width: 100%;
bottom: 0;
left: 0;
padding: 10px;
background-color: rgba(255,255,255,0.2);
border-top: 4px solid #fff;
transform: translate3d(0,100%,0);
transition: transform 0.6s cubic-bezier(0.33, 1, 0.68, 1);
backdrop-filter: blur(10px);
}
#calbox_cont_download_all{
position: absolute;
top: 0;
transform: translateY(calc(-100% - 15px));
}
#calbox_cont_download_all button{
backdrop-filter: blur(10px);
}
#calbox_cont_download_flex{
display: flex;
gap: 10px;
}
.hasevents #calbox_cont_download{
transform: translate3d(0,0,0);
}
#calbox_cont_download h5{
color: #111;
}
#calbox_cont h3{
margin-bottom: 0;
padding: 10px 20px;
line-height: 1.2;
width: 100%;
font-size: var(--fs_body);
}
#calbox_cont h3 strong{
display: block;
}
.event_list_overflow{
overflow: hidden;
transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
.event_list_overflow.out{
height: 0!important;
}
.event_list{
position: relative;
border-top: 2px solid rgba(255,255,255,0.7);
padding: 10px;
padding-right: 52px;
}
.event_list:HOVER{
background-color: rgba(255,255,255,0.4);
}
.event_list_overflow:LAST-OF-TYPE .event_list{
border-bottom: 2px solid rgba(255,255,255,0.7);
}
.event_list_time_time{
font-family: 'interblack';
}
.event_list_time{
font-size: var(--fs_small);
}
.event_list_delete{
position: absolute;
right: 0;
top: 0;
width: 42px;
height: 42px;
transform: translate3d(100%,0,0);
background-color: rgba(255,255,255,0.7);
transition: all 0.6s cubic-bezier(0.36, 0, 0.66, -0.56);
color: #111;
font-size: var(--fs_subhl);
text-align: center;
line-height: 42px;
cursor: pointer;
}
.event_list_delete:HOVER{
background-color: #fff;
}
.mobile .event_list_delete{
transform: translate3d(0,0,0);
}
.event_list:HOVER .event_list_delete{
transform: translate3d(0,0,0);
transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.lwn_block_faq{
border: 4px solid #fff;
padding: 40px;
background-color: rgba(0,0,0,0.4);
}
.lwn_faq_box{
backdrop-filter: blur(10px);
border: 4px solid #fff;
margin-bottom: 20px;
transform: translate3d(0,0,0);
}
.lwn_block_faq .lwn_faq_box:LAST-OF-TYPE{
margin-bottom: 0;
}
.lwn_faq_box h4,
.lwn_faq_frage,
.lwn_faq_antwort{
background-color: rgba(255,255,255,0.4);
}
.lwn_faq_antwort{
margin: 0;
padding: 0;
height: 0;
overflow: hidden;
background-color: rgba(0,0,0,0.4);
transition: all 0.4s cubic-bezier(0.83, 0, 0.17, 1);
}
.lwn_faq_box h4::before {
margin: 0;
right: 10px;
position: absolute;
}
.lwn_faq_antwort p{
margin-top: 10px;
padding: 0 20px;
}
.lwn_faq_antwort p:NTH-CHILD(1){
margin-top: 20px;
}
.lwn_faq_antwort p:LAST-OF-TYPE{
margin-bottom: 20px;
}
.lwn_faq_box h4{
line-height: 1;
font-size: var(--fs_subhl);
position: relative;
}
.open .lwn_faq_frage{
background-color: #fff;
color: #111;
}
.lwn_flexparent{
gap: 0;
}
.lwn_block_repeater .lwn_flexparent {
margin-bottom: 0;
}
.nl-form-body,
.lwn_buttonlist_text p,
.lwn_flexchild{
border: 4px solid #fff;
padding: 20px;
background-color: rgba(0,0,0,0.4);
backdrop-filter: blur(10px);
/* text-align: justify;*/
transform: translate3d(0,0,0);
}
.lwn_block_imgtext_secondchild{
border-left: 0;
}
.lwn_flexchild .lwn_halfwidth{
width: 100%;
}
.lwn_vidbox{
border: 2px solid #fff;
}
.lwn_vcenter p:LAST-OF-TYPE,
.lwn_vcenter p:only-of-type{
margin-bottom: 0;
}
.lwn_block ul{
list-style: square;
padding-left: 25px;
}
.lwn_flexchild ul li{
margin-bottom: 10px;
text-align: left;
}
.lwn_flexchild ul li:LAST-CHILD{
margin-bottom: 0;
}
.lwn_block h3{
font-size: var(--fs_subhl);
font-family: 'interblack';
line-height: 1.1;
margin-bottom: 10px;
text-align: left;
}
#topics h4{
font-size: var(--fs_subhl);
display: inline-block;
background: #fff;
color: #111;
padding: 5px 10px;
margin-top: 30px;
margin-bottom: 20px;
}
#topics p + h3{
margin-top: 50px;
margin-bottom: 10px;
}
#topics hr{
height: 4px;
background-color: #fff;
border: 0;
width: 33%;
margin: 50px auto;
}
.lwn_flexchild:NTH-CHILD(2){
border-left: 0;
}
h2 ~ .lwn_block{
margin-top: 20px;
}
#fa_5 h3,
.lwn_buttonlist_box h3,
.box > h3{
font-size: var(--fs_subhl2);
padding: 0;
line-height: 1.1;
margin-bottom: 20px;
margin-top: 10px;
}
.lwn_buttonlist .lwn_button{
margin-top: 20px;
}
.nl-form-body,
#contact_block .lwn_flexchild{
padding: 40px;
}
#contact_box{
display: flex;
gap: 40px;
}
#imprint_box{
border-top: 4px solid #fff;
margin-top: 40px;
padding-top: 20px;
}
#imprint_box2 h4,
#imprint_box h4{
display: inline-block;
font-size: var(--fs_body);
font-family: 'interblack';
border-bottom: 2px solid #fff;
margin-bottom: 10px;
padding-bottom: 3px;
}
#imprint_box2 h4{
border-color: #111;
}
#imprint_box hr{
border: 0;
height: 2px;
background-color: #fff;
margin: 20px 0;
}
.imprint_icon{
display: inline-block;
font-size: var(--fs_subhl2);
vertical-align: middle;
}
.imprint_box a {
color: #fff;
}
.imprint_box a:HOVER {
color: #008bca;
}
#imprint_box2{
background-color: #fff;
color: #111;
padding: 20px;
margin-top: 60px;
padding-bottom: 40px;
}
#imprint_box2 img{
width: 100%;
height: auto;
display: block;
}
#imprint_box2 p a:HOVER{
text-decoration-color: #111;
}
#imprint_box2 p a:HOVER{
color: #111;
}
.contact_box{
flex-basis: 50%;
}
#call2action{
position: fixed;
bottom: 0;
z-index: 9999;
width: 100%;
}
.c2a_box{
position: absolute;
bottom: 10px;
right: 0;
transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
transform: translate3d(0,0,0);
}
.menu .c2a_box,
.cal .c2a_box,
.info1 .c2a_box{
transform: translate3d(0,calc(100% + 15px),0);
transition: transform 0.4s cubic-bezier(0.36, 0, 0.66, -0.56);
}
.c2a_box .button{
margin: 0;
margin-left: 10px;
}
.wpcf7-form .wpcf7-email,
.wpcf7-form .wpcf7-textarea,
.wpcf7-form .wpcf7-text,
.nl_input{
position: relative;
border: 0;
background-color: rgba(255,255,255,0.3);
width: 100%;
padding: 10px;
font-size: var(--fs_body);
font-family: inherit;
color: #fff;
margin: 0;
border-left: 4px solid transparent;
-webkit-appearance: none;
-webkit-border-radius:0;
border-radius: 0;
}
.nl_input:FOCUS,
.wpcf7-form .wpcf7-email:FOCUS,
.wpcf7-form .wpcf7-textarea:FOCUS,
.wpcf7-form .wpcf7-text:FOCUS{
background-color: rgba(255,255,255,0.5);
}
.wpcf7-form label{
font-size: var(--fs_small);
color: rgba(255,255,255,0.5);
margin-bottom: 20px;
display: inline-block;
width: 100%;
}
.wpcf7-not-valid{
border-left: 4px solid #fff!important;
}
.wpcf7-not-valid-tip{
position: absolute;
color: #fff;
font-family: 'interblack';
border-left: 4px solid #fff;
padding-left: 5px;
font-size: var(--fs_small);
}
.nl_feedback_error,
.wpcf7 form.invalid .wpcf7-response-output{
position: relative;
border: 0;
background-color: rgba(255,255,255,0.4);
color: #111;
font-family: 'interblack';
padding: 20px;
margin-left: 14px;
}
.nl_feedback_error:BEFORE,
.wpcf7 form.invalid .wpcf7-response-output:BEFORE{
content: '';
position: absolute;
top: -10px;
left: -14px;
width: 4px;
height: calc(100% + 20px);
background-color: #fff;
}
.nl_feedback_error{
display: none;
}
.nl_error_all .nl_feedback_error{
display: block;
margin-top: 30px;
}
select.nl_input {
min-width: 190px;
}
.wpcf7-submit.button{
margin-top: 0;
-webkit-appearance: none;
-webkit-border-radius:0;
border-radius: 0;
}
.nl_feedback_success,
.wpcf7 form.sent .wpcf7-response-output{
padding: 20px;
background-color: #008bca;
border: 2px solid #fff;
margin: 0;
margin-top: 20px;
}
.nl_feedback_success{
display: none;
}
.all_okay .nl_feedback_success{
display: block;
}
.wpcf7-spinner{
vertical-align: middle;
margin-left: 10px;
}
.nl_box{
display: flex;
gap: 40px;
margin-bottom: 20px;
}
.nl_box_2{
margin-bottom: 30px;
}
.nl_box .element{
flex: 2;
}
.nl_box_1 .element:NTH-CHILD(1){
flex: 1;
}
.element .wpcf7-not-valid-tip{
display: none;
}
.nl_error .wpcf7-not-valid-tip{
display: block;
}
.nl_error .nl_input{
border-color: #fff;
}
.nl_icon_box{
position: relative;
}
.nl_icon_box:BEFORE{
position: absolute;
right: 0;
top: 0;
width: 42px;
height: 100%;
background-color: rgba(255,255,255,0.1);
text-align: center;
line-height: 42px;
}
.nl_label{
font-size: var(--fs_small);
color: rgba(255,255,255,0.5);
}
.pretix-widget .pretix-widget-category{
margin-top: 0;
}
.pretix-widget-wrapper .pretix-widget{
border: 4px solid #fff;
background-color: rgba(0,0,0,0.4);
padding: 40px;
margin-top: 20px;
backdrop-filter: blur(10px);
transform: translate3d(0,0,0);
}
.pretix-widget-wrapper .pretix-widget-info-message{
background-color: #008bca;
border: 0;
color: #fff;
padding: 20px;
margin-top: 0;
margin-bottom: 20px;
}
.pretix-widget-wrapper .pretix-widget-info-message button{
margin-top: 0;
}
.pretix-widget-wrapper .pretix-widget-item:FIRST-OF-TYPE{
border-top: 2px solid #fff;
}
.pretix-widget-wrapper .pretix-widget-item{
border-bottom: 2px solid #fff;
}
.pretix-widget button.pretix-widget-btn-default:ACTIVE,
.pretix-widget button.pretix-widget-btn-default:FOCUS,
.pretix-widget button.pretix-widget-btn-default{
border: 2px solid #fff;
background-color: rgba(255,255,255,0.4);
color: #000;
font-size: var(--fs_small);
font-family: 'interblack';
width: 35px;
height: 35px;
}
.pretix-widget button.pretix-widget-btn-default span{
font-family: 'interblack';
}
.pretix-widget button.pretix-widget-btn-default:HOVER{
border: 2px solid #fff;
background-color: #fff;
}
.pretix-widget .pretix-widget-category-name{
display: inline-block;
border: 2px solid #fff;
bottom: -2px;
position: relative;
padding: 5px 13px;
margin-top: 0;
}
.pretix-widget .pretix-widget-item-count-group input {
border-radius: 0;
border-left: none;
border-right: none;
background: transparent;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
height: 35px;
color: #fff;
font-family: 'interblack';
}
.pretix-widget del.pretix-widget-pricebox-original-price {
color: rgba(255,255,255,0.3);
text-decoration: line-through;
}
.pretix-widget ins.pretix-widget-pricebox-new-price{
font-family: 'interblack'
}
.pretix-widget-frame-holder .pretix-widget-frame-inner {
background: transparent;
border: 4px solid #fff;
border-radius: 0;
}
.pretix-widget-frame-holder{
background-color: rgba(0,0,0,0.7);
backdrop-filter: blur(10px);
}
.pretix-widget-frame-holder .pretix-widget-frame-close {
position: absolute;
top: 10px;
right: 10px;
width: 42px;
height: 42px;
background-color: rgba(0,0,0,0.5);
z-index: 10;
border: 2px solid #fff;
backdrop-filter: blur(10px);
text-align: center;
line-height: 42px;
color: #fff;
border-radius: 0;
left: auto;
margin: 0;
}
.pretix-widget-alert-holder .pretix-widget-alert-box{
box-shadow: none;
border-radius: 0;
padding: 40px;
top: 50%;
transform: translateY(-50%);
background: transparent;
border: 4px solid #fff;
font-size: var(--fs_body);
}
.pretix-widget-alert-holder{
background-color: rgba(0,0,0,0.7);
backdrop-filter: blur(10px);
}
.pretix-widget-alert-icon{
display: none;
}
.pretix-widget-frame-holder .pretix-widget-frame-close a{
display: block;
height: 100%;
line-height: 38px;
}
.pretix-widget-frame-holder .pretix-widget-frame-loading svg{
width: 100px;
height: 100px;
}
.pretix-widget .pretix-widget-voucher-headline{
position: absolute;
top: 0;
left: 0;
transform: translateY(-100%);
margin: 0;
padding: 5px 13px;
border: 2px solid #fff;
}
.pretix-widget .pretix-widget-voucher{
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
padding: 10px 0;
margin-top: 40px;
position: relative;
display: flex;
justify-content: stretch;
}
.pretix-widget .pretix-widget-voucher-input-wrap{
padding-left: 0;
}
.pretix-widget .pretix-widget-voucher input{
height: 100%;
background: transparent;
border: 2px solid #fff;
font-family: interlight;
color: #fff;
}
.pretix-widget input[type="text"]:focus,
.pretix-widget input[type="number"]:focus{
border-color: #008bca;
box-shadow: none;
}
.pretix-widget h3, .pretix-widget-alert-box h3{
font-size: var(--fs_body);
}
.pretix-widget-attribution{
display: none;
}
#faq_event ul{
/*
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 25px;
margin: 20px;
*/
}
#location .lwn_buttonlist h3{
display: none;
}
#location .lwn_block_imgtext{
margin-bottom: 0;
}
#location .lwn_buttonlist{
margin-top: 0;
}
.mobile button,
.mobile .button,
.mobile .lwn_button,
.mobile .programm_button,
.mobile .lwn_faq_box,
.mobile .p_timeslot{
backdrop-filter: none;
}
.mobile .lwn_block_faq,
.mobile #call2action .button,
.mobile #programm_cont_box{
backdrop-filter: blur(10px);
}
.mobile nav ul li a:AFTER{
display: none;
}
.mobile .map_box{
display: block;
}
.mobile .map_box img{
width: 100%;
margin-bottom: 20px;
}
.map_box {
margin: 20px;
display: flex;
gap: 20px;
}
.map_box img{
width: 50%;
height: auto;
display: block;
flex: 1;
}
.map_box .map_ul_box{
flex: 1;
}
.map_box .map_ul_box p{
margin-top: 0;
text-align: center;
background-color: #fff;
color: #111;
padding: 5px 0;
line-height: 1;
}
.map_box ul li{
margin-bottom: 10px;
}
@media all and (orientation: portrait) {
#bg{
width: 100vh;
height: 100vh;
}
.box{
padding: 0 10px;
margin-bottom: 30vh;
}
nav{
width: 100vw;
right: -100vw;
}
#infobox1{
width: 90vw;
}
.info1 #bg {
transform: translate3d(calc(-100vh - 40vw),-50%,0);
}
#navcont{
width: calc(100% - 60px);
}
.cal nav,
.menu nav{
transform: translate3d(calc(-100vw + 60px),0,0);
}
.cal main,
.menu main,
.info1 main {
transform: translate3d(calc(-100vw + 40px),0,0);
}
#logo{
left: 10px;
}
.lwn_block{
width: 100%;
margin: 70px 0;
}
.lwn_block_imgtext_secondchild{
border-left: 4px solid #fff;
}
.p_time_programm_box{
display: block;
}
.p_time_programm{
margin-top: 5px;
}
.p_time_programm:NTH-CHILD(1){
margin-top: 0;
}
#map_map{
width: 100%;
height: auto;
}
#map_box{
flex-direction: column;
}
}
@media only screen and (max-width: 1280px) {
:root{
--thewidth: 1024px;
}
}
@media only screen and (max-width: 1025px) {
:root{
--thewidth: 900px;
--fs_body:16px;
--fs_small:12px;
--fs_hl:38px;
--fs_subhl:24px;
--fs_subhl2:24px;
--fs_nav:42px;
}
#committee_box, #speaker_box {
--speaker_no: 3;
}
.speaker_info_icon{
line-height: 28px;
}
.p_time_programm_icon::before {
line-height: 25px;
}
.p_locationinfo_icon{
line-height: 24px;
}
.p_hl_icon{
line-height: 22px;
}
}
@media only screen and (max-width: 920px) {
:root{
--thewidth: 100%;
}
#time{
top: 8px;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
right: auto;
}
.nl_box{
display: block;
}
.nl_box .element{
margin-bottom: 20px;
}
.nl_feedback_error{
margin-bottom: 10px;
}
.c2a_box{
right: 10px;
}
}
@media only screen and (max-width: 570px) {
:root{
--fs_body:16px;
--fs_small:12px;
--fs_hl:30px;
--fs_subhl:18px;
--fs_subhl2:18px;
--fs_nav:42px;
}
#programm_cont_box{
padding: 10px;
}
#committee_box, #speaker_box {
--speaker_gap: 10px;
--speaker_no: 2;
}
.p_timeslot{
border: 2px solid #fff;
}
.p_time{
border-right: 2px solid #fff;
}
.p_time_programm_cont_speakers{
padding: 5px;
}
.p_time_programm_cont_speakers_list{
gap: 5px;
}
.speaker_info{
padding: 5px;
}
.p_timeslot,
.programm_day_name{
margin-bottom: 10px;
}
.p_time_programm_box{
margin-left: 18px;
padding: 5px;
}
.lwn_flexchild:nth-child(2){
border-left: 4px solid #fff;
margin-bottom: 0;
}
.p_remember_content{
padding: 5px;
display: block;
}
.p_remember_content_box{
margin-bottom: 5px;
}
.p_remember_content .p_remember_content_box:NTH-CHILD(2){
margin-bottom: 0;
}
.p_time_programm_cont_padding{
padding: 5px;
}
.speaker_info_icon{
width: 20px;
height: 20px;
line-height: 18px;
font-size: 12px;
}
.info_speaker_name{
padding: 5px;
}
.p_remember_content_box{
max-width: 100%;
}
#ende .lwn_buttonlist_box,
.lwn_block_faq,
#contact_block .lwn_flexchild,
.pretix-widget-wrapper .pretix-widget{
padding: 20px;
}
#contact_box{
display: block;
}
.mobile #calbox_cont_download_flex .p_remember_content_box{
margin-bottom: 0;
}
.pretix-widget .pretix-widget-voucher{
display: block;
}
.pretix-widget .pretix-widget-voucher-input-wrap{
padding-left: 15px;
}
.lwn_faq_box h4{
padding: 10px;
padding-right: 30px;
}
.lwn_block ul{
padding-left: 15px;
}
#map_box{
gap: 20px;
}
#map_event_name{
margin: 10px 0;
}
#navbox {
top: 20px;
left: 20px;
width: calc(100% - 40px);
height: calc(100% - 40px);
}
#calendarbutton, #menubutton{
width: 42px;
height: 42px;
left: -42px;
background-color: #000;
backdrop-filter: none;
}
#calendarbutton{
top: 92px;
}
#calendarbutton::after,
#menubutton::after {
font-size: 10px;
left: -16px;
}
.pretix-widget .pretix-widget-item-availability-col,
.pretix-widget .pretix-widget-item-price-col,
.pretix-widget .pretix-widget-voucher-button-wrap,
.pretix-widget .pretix-widget-action,
.pretix-widget .pretix-widget-voucher-input-wrap,
.pretix-widget .pretix-widget-item-info-col{
padding: 0;
}
.pretix-widget .pretix-widget-pricebox{
padding-right: 15px;
}
.pretix-widget .pretix-widget-voucher button,
.pretix-widget-wrapper .pretix-widget-action button{
width: 50%;
}
.pretix-widget .pretix-widget-voucher-button-wrap,
.pretix-widget .pretix-widget-action{
text-align: right;
}
.pretix-widget .pretix-widget-voucher{
margin-top: 70px;
}
.p_time_programm_cont_speaker_icon{
line-height: 15px;
}
.nl-form-body, #contact_block .lwn_flexchild {
padding: 20px;
}
}