/******************************************************************
Theme Name: Mobility Days - Theme
Theme URI: http://www.mobilitydays.de
Description: 
Author: Tony Peters
Author URI: http://www.brandwalker.de
Version: 1.0
License: GNU General Public License & MIT
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Sass
******************************************************************/

@font-face{
	font-family:"Regular";
	src:url("fonts/CircularXXWeb-Regular.woff") format("woff");
	src:url("fonts/CircularXXWeb-Regular.woff2") format("woff2");
	font-display:swap
}
@font-face{
	font-family:"Medium";
	src:url("fonts/CircularXXWeb-Medium.woff") format("woff");
	src:url("fonts/CircularXXWeb-Medium.woff2") format("woff2");
	font-display:swap
}
@font-face{
	font-family:"Bold";
	src:url("fonts/CircularXXWeb-Bold.woff") format("woff");
	src:url("fonts/CircularXXWeb-Bold.woff2") format("woff2");
	font-display:swap
}
@font-face{
	font-family:"Black";
	src:url("fonts/CircularXXSub-Black.woff") format("woff");
	src:url("fonts/CircularXXSub-Black.woff2") format("woff2");
	font-display:swap
}


body,html{height:100%;scroll-behavior:smooth}
html{width:100%;font-size:62.5%;overflow-x:hidden;scroll-padding-top: 107px;}
html.open{overflow:hidden;height:100%}
body{float:left;width:100%;background:#FFF;color:#000;margin:0;font-size:20px;line-height:150%;position:relative;font-family:'Regular';text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-smooth:antialiased;-webkit-font-smoothing:antialiased}
body.open{overflow:hidden;position:fixed;height:100%}
ol,ul{padding:0;margin:0 0 20px;list-style-position:inside;list-style-type:circle}
ol li,ul li{font-family:'Regular';line-height:150%;font-size: 22px;display:inline-block;width:100%;padding-left:20px;position:relative;margin-bottom:10px}
ol li:before,ul li:before{content:'';width:6px;height:6px;border-radius:100%;background:var(--mainColor);display:inline-block;position:absolute;top:7px;left:0}
ol li::marker,ul li::marker{content:none}
h1,h2,h3,h4,h5,h6{font-family:'Bold',Helvetica,Arial,sans-serif;margin:0;color:var(--mainColor);font-weight:700}
h1.medium-size,h2.medium-size,h3.medium-size,h4.medium-size,h5.medium-size,h6.medium-size{font-family:'Medium',Helvetica,Arial,sans-serif;margin:0;color:var(--mainColor);font-weight:400}
h1,h2,.h1,.h2,h4{margin-bottom:20px}
h1,h2,h2,.h2{font-size:70px;line-height:110%}
@media only screen and (max-width:767px){h1,h2,h2,.h2{font-size:40px}}
h3{line-height:110%;font-size:38px;margin-bottom:10px}
h4{line-height:110%;font-size:26px}
a{text-decoration:underline;cursor:pointer;outline:none;position:relative;color:var(--mainColor)}
a:hover{text-decoration:none}
.has-white-color a {
  color: var(--wp--preset--color--white) !important;
}
p{line-height:160%;margin:12px 0;font-size:22px;}
@media only screen and (max-width:667px){p{margin:8px 0}}
b,strong{font-family:'Medium'}
strong a{font-family:'Medium' !important}@-webkit-keyframes autofill{to{background:transparent}}
input{font-family:'Untitled-sans-web'}
input:-webkit-autofill{-webkit-animation-name:autofill;-webkit-animation-fill-mode:both}:hover{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
footer,header,main,section{width:100%}main,section{position:relative}
.content{width:1200px;display:block;margin:auto;position:relative}
@media only screen and (min-width:320px) and (max-width:1240px){.content{width:90%!important}}
.row{display:flex}
header{position:fixed;top:0;left:0;z-index:999;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
@media only screen and (max-width:1024px){header{padding:0px 0}}
@media only screen and (max-width:1024px){header .content{padding-bottom:0px}}
@media only screen and (max-width:767px){header .content{padding-bottom:0px;border:0}}
header .content:before{content:none}
header.scroll{background:#000}
header.scroll .content{border-bottom:0}
header.scroll .logo img{display:none}
header.scroll .logo img.hover{display:inline-block !important}
header.scroll .content{position:relative}
@media only screen and (max-width:767px){header.scroll .content:before{content:none}}
@media only screen and (max-width:1024px){header.scroll nav a:hover{color:#FFF !important}}
header .row{justify-content:right;align-items:center}
header .logo{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;padding:0!important}
header .logo img{display:inline-block;max-width:194px;height:auto;width:100%;position:relative;z-index:2;margin:20px 0}
@media only screen and (max-width:667px){
	header .logo img{max-width:150px;margin:15px 0}
}
header .logo img.hover{display:none}
header nav{display:flex;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;margin: 0 80px 0 0;}
@media only screen and (max-width:1024px){
	header nav{position:fixed;top:0;left:-100%;width:30%;background:#FFF;height:100%;z-index:1;flex-direction:column;justify-content:center}
}
@media only screen and (max-width:667px){
	header nav{width:100%;text-align:center;justify-content:center;flex-direction:column;display:flex;height:auto;margin-top:97px}
}
header nav.open{left:0}
header ul{width:auto;display:flex;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;margin:0}
@media only screen and (max-width:1024px){
	header ul{flex-direction:column;justify-content:center}
}
header ul li{margin:0;padding:28px 15px;width:auto}
@media only screen and (max-width:1024px){
	header ul li{padding:10px 15px!important}
}
@media only screen and (max-width:667px){
	header ul li{padding:15px!important}
}
header ul li:hover,header ul li.active{background:var(--mainColor)}
header ul li:hover a,header ul li.active a{color:#FFF}
header ul li:before{content:none}
header ul li a{padding:0}
header ul li a:hover{background:none}
header nav a{padding:28px 15px}
header nav a.active{color:#FFF;}
header nav a:hover,header.scroll nav a:hover{color:#FFF !important;}
header a{box-sizing:border-box;color:var(--mainColor);text-decoration:none;font-weight:400;font-size:22px;}
@media only screen and (max-width:1024px){header a{padding:10px 15px!important} header .logo {margin-right:auto;}}
@media only screen and (max-width:667px){
	header a{padding:15px!important}
	header nav a.active{background-color:#000;}
	header nav a:hover,header.scroll nav a:hover{color:#FFF !important;background-color:#000;}
}
footer{background:var(--mainColor);padding:11px 0;box-sizing:border-box}
footer .row{justify-content:space-between;align-items:center}
@media only screen and (max-width:667px){footer .row{flex-direction:column-reverse}}
footer .row .col{width:50%}@media only screen and (max-width:667px){footer .row .col{width:100%}}
footer .row .col p{color:#FFF;font-size:14px}footer .row .col.nav{display:flex;justify-content:end}
footer .row .col.nav .menu-footer-menu-container{width:auto;justify-content:flex-start}
@media only screen and (max-width:667px){footer .row .col.nav .menu-footer-menu-container{width:100%;margin:10px 0}}
footer .row .col.nav ul{list-style-type:none;display:flex;padding-left:0;margin-bottom:0}
@media only screen and (max-width:667px){footer .row .col.nav ul{flex-wrap:wrap}}
footer .row .col.nav ul li{width:100%;display:inline-block;box-sizing:border-box;position:relative;margin-bottom:0;padding:0 20px 0 0px}
footer .row .col.nav ul li:after{content:'';width:1px;height:60%;position:absolute;top:5px;left:-10px;background:#FFF;display:inline-block}
footer .row .col.nav ul li:first-child:after{content:none}
@media only screen and (max-width:667px){footer .row .col.nav ul li{width:auto}}
footer .row .col.nav ul li:before{content:none}
footer .row .col.nav ul li a{color:#FFF;font-size:14px;text-decoration:none}
footer .row .col.nav ul li a:hover{text-decoration:underline}
.page h1,.page h2,.page h3,.page h4,.page h5,.page h6{margin:0 0 20px}
.page header .back{display:none;padding:10px 0!important;margin-bottom:0}
.page header.scroll 
.back{display:flex}
.page .title{margin:140px 0 40px;width:100%;display:inline-block;border-bottom:1px solid var(--mainColor)}

.page .back{display:flex;align-items:center;position:relative;color:#000;font-weight:500;font-size:18px;margin-bottom:30px;text-decoration:none}
.page .back:hover{font-weight:700}
.page .back:before{content:'';width:15px;height:15px;background:url(img/arrow-back.svg) center center;transform:rotate(-180deg);display:inline-block;background-size:cover;margin-right:10px;top:-2px;position:relative}
#intro{overflow:hidden}
#intro .content{width:100%;max-width:1440px;padding-bottom:10px;margin-bottom:120px;}
#intro .content:before{content:none}
@media only screen and (min-width:320px) and (max-width:1280px){#intro .content{width:100%!important;}}
#intro .layer{position:absolute;bottom:0;left:0;right:0;width:100%;max-width:1200px;height:auto;margin:auto;display:flex;justify-content:space-between}
#intro .text {align-self: flex-end;}
#ibtro .text-headline {}
#intro img{width:auto;height:auto;min-height:590px;display:inline-block}
@media only screen and (max-width:767px){#intro img{min-height:auto;height:400px;width:auto;transform:translate(-10%, 0)}}
#intro .text h1,#intro .text h2,#intro .text h3,#intro .text h4,#intro .text h5,#intro .text h6,#intro .text p{color:var(--mainColor)}
#intro .text h1,#intro .text h2,#intro .text p{color:#fff}
#intro .text h1,#intro .text h2,#intro .text h3,#intro .text h4,#intro .text h5,#intro .text h6{font-weight:400;font-family:'Bold'}
#intro .text h1{font-size:90px;margin-bottom:100px;font-weight:900;line-height:100%}
#intro .text h2,#intro .text h3,#intro .text h4,#intro .text h5,#intro .text h6{margin-bottom:5px;font-size:38px}

@media only screen and (max-width:767px){#intro .text h1{font-size:38px;margin-bottom:30px}#intro .text h2{font-size:30px;margin-bottom:10px}}
@media only screen and (max-width:767px){#intro .text h3,#intro .text h4,#intro .text h5,#intro .text h6{font-size:18px;margin-bottom:0px}}
#intro .text p{}
#intro .text a{color:#FFF;padding:12px 20px;box-sizing:border-box;font-family:'Regular';font-size:24px;font-weight:500;text-decoration:none}
#intro .text a {
  background-image: url("img/arrow-right.png");
  background-position: 90% 50%;
  background-position: -webkit-calc(100% - 10px) center;
  background-position: right 20px center;
  background-repeat: no-repeat;
  padding-right: 100px;
  background-color: var(--mainColor);
  color: #FFF;
}
#intro .text a:hover {
	background-color: #FFF;
	color:	var(--mainColor);
}

@media only screen and (max-width:767px){#intro .text a{} #intro .text{padding-bottom:40px;align-self: start;} #intro .layer{display: flex;flex-direction: column-reverse;padding:0 5%; position:inherit;}#intro .content{margin-bottom:0;} }
#team{margin-top:20px}
#team .row{display:grid;grid-template-columns:repeat(auto-fill, minmax(23%, max-content));grid-gap:25px 25px;align-items:stretch}
@media only screen and (max-width:1024px){#team .row{grid-template-columns:repeat(auto-fill, minmax(27.5%, max-content))}}
@media only screen and (max-width:767px){#team .row{grid-template-columns:repeat(auto-fill, minmax(100%, max-content))}}
#team .box{max-width:305px;display:inline-block;background-color:#fff; }
@media only screen and (max-width:767px){#team .box{width:100%;max-width:none;}}
#team .box img{margin-bottom:15px;width:100%;height:auto}
#team .box p{margin:5px 0;}
#team .box p.smaller {font-size:16px;}
#team .box .box-team-content{padding:0 25px 20px 25px;}
.partners{margin-top:20px}

.partners .row{display:grid;grid-template-columns:repeat(auto-fill, minmax(18.5%, max-content));grid-gap:100px 8.5%;align-items:stretch}
@media only screen and (max-width:1024px){.partners .row{grid-template-columns:repeat(auto-fill, minmax(27.5%, max-content))}}
@media only screen and (max-width:767px){.partners .row{grid-template-columns:repeat(auto-fill, minmax(40%, max-content));grid-gap:30px 8.5%}}
.partners .box{max-width:225px;display:inline-block}@media only screen and (max-width:767px){.partners .box{width:100%}}
.partners .box img{margin-bottom:15px;height:auto}@media only screen and (max-width:767px){.partners .box img{width:100%;height:auto}}
.box-grey{justify-content:space-between;position:relative;z-index:2}
.box-grey.top{margin-top:-130px}
@media only screen and (max-width:767px){.box-grey.top{margin-top:0}}
.box-grey .wp-block-column.has-background{padding:80px!important;box-sizing:border-box}
@media only screen and (max-width:767px){.box-grey .wp-block-column.has-background{padding:40px!important}}
.box-grey .wp-block-columns.has-background{padding:100px!important}
@media only screen and (max-width:767px){.box-grey .wp-block-columns.has-background{padding:40px!important}}
#gallery{margin-top:30px}
#gallery .owl-stage-outer{z-index:2}
#gallery .owl-stage{display:flex;align-items:center}
#gallery .owl-nav{position:absolute;top:50%;margin-top:-15px;left:0;display:flex;width:108%;left:-4%;justify-content:space-between;z-index:0}
#gallery .owl-nav.disabled{display:none}
#gallery .owl-nav button{width:30px;height:30px;border:0;background:url(img/arrow-right.png) center center no-repeat;background-position:center;background-size:28px 16px;cursor:pointer;outline:none}
#gallery .owl-nav button.owl-prev{transform:rotate(180deg)}
#gallery .owl-dots{margin-top:50px}
#gallery .owl-dots button{outline:none}
#gallery .owl-dots button span{background:transparent;border:1px solid #fff;width:10px;height:10px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#gallery .owl-dots button span:hover{background:#fff;border:1px solid var(--mainColor);}
#gallery .owl-dots button.active span{background:#fff;border:1px solid var(--mainColor);}
#gallery .item{display:grid;grid-template-columns:repeat(auto-fill, minmax(23.5%, max-content));grid-gap:20px 2%}
@media only screen and (max-width:667px){#gallery .item{grid-template-columns:repeat(auto-fill, minmax(100%, max-content));grid-gap:0}}
#gallery .item.full{grid-template-columns:repeat(auto-fill, minmax(100%, max-content));grid-gap:0}
#gallery .item.full .slide{max-width:100%}
#gallery .slides{display:flex;flex-wrap:wrap;justify-content:space-between}
#gallery .slides:nth-child(2n) .slide div{height:405px}
@media only screen and (max-width:767px){#gallery .slides:nth-child(2n) .slide div{height:160px}}
#gallery .slides:nth-child(2n) .slide:last-child div{height:135px}
@media only screen and (max-width:767px){#gallery .slides:nth-child(2n) .slide:last-child div{height:160px}}
#gallery .slide{width:100%;max-width:275px;margin:10px 0;display:flex;flex-direction:column;position:relative}
@media only screen and (max-width:767px){#gallery .slide{max-width:49%}}
#gallery .slide:before{content:'';width:20px;height:20px;background:url(img/loupe.svg) center center no-repeat;background-size:cover;position:absolute;top:8px;right:8px;z-index:2;display:none}
#gallery .slide:hover:before{display:inline-block}
#gallery .slide:last-child div{height:405px}
@media only screen and (max-width:767px){#gallery .slide:last-child div{height:160px}}
#gallery .slide div{width:100%;height:135px;background-size:cover;position:relative;background-position:center}@media only screen and (max-width:767px){#gallery .slide div{height:160px}}
#gallery .slide a{width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.2);position:absolute;z-index:3}
#gallery .slide a:hover{background:none}
#registration{margin:0 0 20px}
#registration .row{justify-content:space-between;align-items:flex-end;flex-wrap:wrap}
#registration .box{width:100%;max-width:240px}
@media only screen and (max-width:767px){#registration .box{max-width:90%;margin:auto}}
#registration ul{margin-bottom:20px}
#registration ul li{width:100%;margin:5px 0;display:inline-block;padding-left:0}
#registration ul li:before{content:none}
#registration ul li:nth-child(2n) a{background:#FFF;border-radius:20px;color:var(--mainColor)}
#registration ul li:nth-child(2n) a:hover{background:#ccc}
#registration ul li a{display:flex;justify-content:space-between;width:120%;color:#000;padding:10px 10%;box-sizing:border-box;left:-10%;text-decoration:none}
@media only screen and (max-width:667px){#registration ul li a{width:100%;left:0}}
.wp-block-columns{width:100%;max-width:1200px;margin:auto}
.wp-block-group{width:100%;padding:80px 0;box-sizing:border-box;margin:auto}
.wp-block-group.no-padding-top{padding-top:0}
@media only screen and (max-width:667px){.wp-block-group{padding:40px 0}}
.wp-block-group.has-background{padding:50px 0}
.wp-block-group .wp-block-group__inner-container{max-width:1200px;margin:auto}
@media only screen and (min-width:320px) and (max-width:1240px){.wp-block-group .wp-block-group__inner-container{width:90%!important}#intro .layer{width:90%!important}}
.wp-block-group a{word-break:normal}
.wp-block-table table tr{margin:10px 0}
.wp-block-table table td{border:0;vertical-align:top;min-width:70px;padding:10px 0}
.wp-block-table.is-style-fixed table tr td:first-child{width:70px;}
.wp-block-table table td em,.wp-block-table table td i{opacity:.6}
.wp-block-table table td p{margin:0}
.wp-block-buttons .wp-element-button{padding:12px 20px;box-sizing:border-box;font-family:'Regular';font-size:24px;font-weight:500;text-decoration:none;border-radius:0;}
.wp-block-buttons .wp-element-button {
  background-image: url("img/arrow-right.png");
  background-position: 90% 50%;
  background-position: -webkit-calc(100% - 10px) center;
  background-position: right 20px center;
  background-repeat: no-repeat;
  padding-right: 100px;
  background-color: var(--mainColor);
  color: #FFF;
}
.wp-block-buttons .wp-element-button:hover {
	background-color: #FFF;
	color:	var(--mainColor);
}


.wp-block-video{max-width:870px;margin:20px auto 0;display:block}
figure{margin:0}
.error404 header{padding:20px 0;position:relative;margin-bottom:80px}
.error404 header .logo img{display:none}
.error404 header .logo img.hover{display:inline-block}
.error404 .wp-block-group .row{justify-content:center;text-align:center;margin-bottom:100px}
.error404 .wp-block-group a{background:var(--mainColor);padding:10px 30px;font-weight:600;font-size:16px;color:#FFF;text-decoration:none;margin-top:20px;display:inline-block}
#map-wrapper{width:100%;height:700px;position:relative}
#map-wrapper .location{width:auto;height:100%;position:absolute;top:0;left:5%;border:0;display:flex;align-items:center;}
#map-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}
#map-wrapper .box{background:var(--mainColor);padding:28px 36px;box-sizing:border-box;width:100%;max-width:370px; overflow:hidden;}
@media only screen and (max-width:767px){#map-wrapper .box{margin-bottom:50px;}#map-wrapper .location{right:5%;} }
#map-wrapper .box h3,
#map-wrapper .box h4,
#map-wrapper .box p{color:#FFF;font-size: 20px;}
#map-wrapper .box h3{margin:0 0 20px;font-size: 32px;}
#map-wrapper .box p{line-height:29px}
#map-wrapper .box a{color:#FFF;text-decoration:none;overflow-wrap: break-word;word-break: break-word;}
#map-wrapper .box a:hover{text-decoration:underline}
#map-wrapper .box ul{margin-top:20px}
#map-wrapper .box ul li{width:100%;display:inline-block;margin:8px 0;position:relative;box-sizing:border-box;color:#FFF;padding:0;font-family:'Regular';font-size: 20px;}
#map-wrapper .box ul li:before{content:none}
#map-wrapper .box ul li span{margin-right:20px;font-family:'Regular';min-width:20px}
.sl-overlay{background-color:#000}
.simple-lightbox{position:fixed;top:100px!important}
.simple-lightbox .sl-close{color:#FFF !important}
.simple-lightbox .sl-navigation{padding:0 1%;box-sizing:border-box}
.simple-lightbox .sl-navigation .sl-prev,.simple-lightbox .sl-navigation .sl-next{background:url(img/arrow.svg) no-repeat;background-size:30px auto}
.simple-lightbox .sl-navigation .sl-prev{transform:rotate(180deg);background-position:center right}
.simple-lightbox .sl-navigation .sl-next{background-position:center right}
.simple-lightbox .sl-counter{color:#FFF}
.simple-lightbox .sl-close{font-size:40px}
.btn-menu{width:48px;height:48px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;cursor:pointer;justify-content:center;display:flex;z-index:9999;align-items:center;position:relative;border-radius:10px;background:#FFF;display:none;padding:0!important}
@media only screen and (max-width:1024px){.btn-menu{display:flex}}
.btn-menu.open div{height:20px}
.btn-menu div{position:relative;width:21px;height:18px;align-items:center;justify-content:center;margin:auto;display:flex}
.btn-menu.show{-opacity:1;display:flex}
.btn-menu span{display:block;position:absolute;height:3px;width:100%;background:var(--mainColor);opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);--o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.btn-menu span:nth-child(1){top:0}
.btn-menu span:nth-child(2){top:7px}
.btn-menu span:nth-child(3){top:14px}
.btn-menu.open span:nth-child(1){top:9px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);background:#000}
.btn-menu.open span:nth-child(2){top:9px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);background:#000}
.btn-menu.open span:nth-child(3){display:none}


.bg-speaker {
  background: url(img/bg-speaker-pattern.png) center top no-repeat #333333;
}
.bg-speaker {
  padding: 80px 0 100px;
  overflow-x: hidden;
}

#intro {
  background: #000000;
}
.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 12px 28px;
  border-radius: 23px;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: var(--mainColor);
	color: #FFF;
	text-decoration: none;
	font-family: 'Regular' !important;
}
.button:hover {
 box-shadow: inset 0em 0em 0em 10em rgba(0, 0, 0, 0.3);
}
header .logo img {
	height: 60px;
}